/* --------------------------------------------------------------------------------------
 基本設定
--------------------------------------------------------------------------------------- */

/* 基本フォント ------------------------------ */

html {
	font-size: 62.5%;
}

body {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	line-height: 1.5;
	word-break: break-all;
}

input, textarea, select {
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

/* 基本タグ ------------------------------ */

body, div, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, p, blockquote, pre, cite, code, caption, form, fieldset, legend, input, textarea, select, option, label {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}

@media screen and (max-width: 640px) {/* SP ------ */
body {
	background: #fff;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
body {
	min-width: 1180px;
	background: #fff;
}
}


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

table {
	border-collapse: collapse;
}

ul {
	list-style: none;
}

li img, dt img {
	vertical-align: bottom;
}

address, em, cite {
	font-style: normal;
}

/* 基本テキストリンク ------------------------------ */

a {
	overflow: hidden;
}

.over a:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

/* --------------------------------------------------------------------------------------
 float解除
--------------------------------------------------------------------------------------- */

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

.clearfix {
	display:inline-block;
}

/*\*/
* html .clearfix {
	height:1%;
}

.clearfix {
	display:block;
}
/**/

/* --------------------------------------------------------------------------------------
 共通
--------------------------------------------------------------------------------------- */

/* 表示 ------------------------------ */

.only_sp {
	display: none;
}

/* amazonjs_item ------------------------------ */

.amazonjs_item img {
	height: auto;
}

/* 広告 ------------------------------ */

.pr_txt {
	margin: 0 0 6px;
	text-align: center;
	color: #CCC !important;
	font-size: 12px;
}

@media screen and (max-width: 640px) {/* SP ------ */
.pr_area {
	padding: 8px 0;
	text-align: center;
}

.pr_area .g-1 {
	width: 300px;
	margin: 0 auto;
}

.pr_top_txt {
	margin: 32px 0 6px !important;
	text-align: center;
	color: #CCC !important;
	font-size: 12px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.pr_area {
	padding: 16px 0;
	text-align: center;
}

.pr_area .g-2 {
	display: inline-block;
	margin: 0 5px;
}
}

/* アーカイブドロップダウン ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */
.archive_dropdown {
	width: 100%;
	margin: 8px 0 0;
	font-size: 16px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.archive_dropdown {
	width: 100%;
	margin: 8px 0 0;
}
}


/* 見出し ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */
.ttl01 {
	padding: 6px 3%;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	font-weight: normal;
}

.ttl02 {
	padding: 4px 3%;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	font-weight: normal;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.ttl01 {
	padding: 6px 3% 6px 8px;
	font-weight: bold;
	font-size: 1.8rem;
	color: #fff;
	font-weight: normal;
}

.ttl02 {
	padding: 6px 3% 6px 8px;
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	font-weight: normal;
}
}


/* 関連記事関連 ------------------------------ */

.item_box {
	position: relative;
	margin: 8px 0 0;
	padding: 0 0 8px;
	border-bottom: 1px solid #ccc;
	text-align: justify;
	text-justify: inter-ideograph;
}

.item_box:hover {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
	background: #fff;
}

.item_box p.view {
	position: absolute;
	right: 3%;
	bottom: 0;
	width: auto;
	padding: 0;
	font-size: 14px;
}

@media screen and (max-width: 640px) {/* SP ------ */
.item_box .img {
	display: inline;
	float: left;
	width: 25%;
	height: 80px;
	margin: 0 0 0 2%;
	padding: 0;
	overflow: hidden;
}

.item_box .img img {
	width: 100%;
	height: 80px;
}

.item_box p {
	display: inline;
	float: right;
	width: 68%;
	padding: 2%;
	font-size: 14px;
	word-break: break-all;
	line-height: 1.4;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.item_single_box {
	font-size: 0;
}

.item_single_box .item_box {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.item_box .img {
	display: inline;
	float: left;
	width: 80px;
	margin: 0;
	padding: 0 0 !important;
}

.item_box .img img {
	max-width: 100%;
	width: 80px;
	height: 80px;
}

.item_box p {
	display: inline;
	float: right;
	width: 73%;
	padding: 2% 4% 2% 2%;
	font-size: 14px;
	word-break: break-all;
	line-height: 1.4;
}
.side_box .item_box p {
	padding: 2% 0 4% 2%;
}

.item_box p.view {
	right: 0;
	bottom: -12px;
}

}


/* --------------------------------------------------------------------------------------
 レイアウト枠
--------------------------------------------------------------------------------------- */
@media screen and (max-width: 640px) {/* SP ------ */

div#wrap {
	padding: 50px 0 0 0;
}

#main {
	width: 100%;
	margin: 0 auto;
}

.archive #main,
.search #main {
	width: 94% !important;
	margin: 0 auto;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
div#wrap {
	width: 1180px;
	min-width: 1180px;
	margin: 0 auto 60px auto;
	padding: 80px 1% 0 1%;
	text-align: left;
}

#main {
	display: inline;
	float: left;
	width: 800px;
	padding: 0 0 0 0;
}
}


/* --------------------------------------------------------------------------------------
 ヘッダー
--------------------------------------------------------------------------------------- */

#header {
	position:absolute; 
	top:0;
	left:0;
	width: 98%;
	padding: 0 1%;
	text-align: left;
	color: #fff;
	z-index:99999;
}

header#header .logo a {
	color: #fff;
	text-decoration: none;
}

header#header .logo a:hover {
	color: #F90;
	text-decoration: none;
}

header#header .logo img {
	width: auto;
	height: 20px;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {/* SP ------ */
#header .inner {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 6px 0 3px;
	text-align: center;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
#header .inner {
	position: relative;
	width: 1200px;
	min-width: 1200px;
	margin: 0 auto;
	padding: 6px 0 6px 0;
}

#header .logo {
	margin: 0 0 0 46px;
}
}


/* header_search_area ------------------------------ */

.search_box {
	display: none;
	text-align: center;
}

@media screen and (max-width: 640px) {/* SP ------ */
.search_box {
	padding: 0 0 2%;
}

.search_box .field {
	width: 72%;
	font-size: 16px;
}

.search_box .btn {
	width: 19%;
	margin: 0 0 0 1%;
	font-size: 16px;
}

#header .ico_search {
	position: absolute;
	right: 2%;
	top: 3%;
	font-size: 24px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.search_box {
	padding: 8px 0;
}

.search_box input {
	font-size: 20px;
}

.search_box input:first-child {
	width: 50%;
}

.search_box input:last-child {
	width: 10%;
}

#header .ico_search {
	position: absolute;
	right: 0;
	top: 20%;
	font-size: 24px;
	line-height: 0;
	cursor: pointer;
}
}


/* header menu ------------------------------ */

#header .ico_menu {
	position: absolute;
	cursor: pointer;
	line-height: 0;
}

@media screen and (max-width: 640px) {/* SP ------ */
#header .ico_menu {
	left: 2%;
	top: 12%;
	font-size: 0;
}

#header .ico_menu i{
	font-size: 30px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
#header .ico_menu {
	left: 0;
	top: 20%;
	font-size: 24px;
}
}


/* --------------------------------------------------------------------------------------
 パンくず
--------------------------------------------------------------------------------------- */

.bread_crumbs {
	position: relative;
	margin: 44px auto -50px auto;
	padding: 8px 3% 0 3%;
	background: #fff;
	text-align: left;
	font-size: 11px;
	z-index: 99;
}

@media screen and (min-width: 480px){/* SP ------ */
.bread_crumbs {
	margin: 44px auto -50px auto;
	padding: 8px 2%;
}
}

@media screen and (min-width: 768px){/* TAB ------ */
.bread_crumbs {
	margin: 44px auto -50px auto;
	padding: 8px 16px;
}
}

@media screen and (min-width: 980px){/* PC ------ */
.bread_crumbs {
	width: 1200px;
	min-width: 1200px;
	margin: 44px auto -70px auto;
	padding: 8px 0;
}
}

.bread_crumbs .inner{
	margin: 0 auto;
}
@media screen and (min-width: 480px){/* SP ------ */
.bread_crumbs .inner{
	width: 100%;
	max-width: 768px;
}
}
@media screen and (min-width: 768px){/* TAB ------ */
.bread_crumbs .inner{
	width: 100%;
	max-width: 980px;
}
}
@media screen and (min-width: 980px){/* PC ------ */
.bread_crumbs .inner{
	width: 1170px;
	min-width: 1170px;
	margin: 0 auto;
}
}

.bread_crumbs li{
	display: inline;
}



/* --------------------------------------------------------------------------------------
 RSS枠
--------------------------------------------------------------------------------------- */

/* content_rss_area ------------------------------ */

.content_rss_area {
	margin: 16px 0 0;
	white-space: nowrap;
}

.content_rss_area li a:before {
	margin: 0 5px 0 2px;
	content: " \f138";
	font-family: FontAwesome;
}

@media screen and (max-width: 640px) {/* SP ------ */
.content_rss_top_area ul {
	margin: 16px 0 16px !important;
}

.content_rss_area ul {
	margin: 0 0 16px;
	font-size: 16px;
}

.content_rss_area li {
	display: block;
}

.content_rss_area li a {
	display: block;
	padding: 2px 0;
	border-bottom: 1px #ccc dashed;
	text-decoration: none;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.content_rss_top_area {
	margin: 0 0 16px !important;
}

.home .content_rss_top_area {
	margin: 16px 0 16px !important;
}

.content_rss_area ul {
	margin: 0 0 20px;
}

.content_rss_area li {
	display: block;
	overflow: hidden;
}

.content_rss_area li a {
	display: block;
	padding: 4px 0;
	border-bottom: 1px #ccc dashed;
	text-decoration: none;
	font-size: 1.6rem;
}

.content_rss_area li a:hover {
	text-decoration: none;
}
}


/* --------------------------------------------------------------------------------------
 固定枠
--------------------------------------------------------------------------------------- */

/* fixed_link_area ------------------------------ */

.fixed_link_area {
	position: relative;
	margin: 0 0 20px;
	font-size: 16px;
}

.fixed_link_area .txt_list li {
	display: block;
	overflow: hidden;
	white-space: nowrap;
}

.fixed_link_area .txt_list li a {
	display: block;
	padding: 4px 0;
	border-bottom: 1px #ccc dashed;
	text-decoration: none;
	font-size: 1.6rem;
}

.fixed_link_area li .ttl_link:before {
	margin: 0 5px 0 2px;
	content: " \f138";
	font-family: FontAwesome;
}

.fixed_link_area li a:hover {
	text-decoration: none;
}

.fixed_link_area .bx-controls {
	text-align: center;
}

.fixed_link_area .bx-wrapper .bx-pager.bx-default-pager a:hover,
.fixed_link_area .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

.fixed_link_area .bx-wrapper .bx-pager .bx-pager-item,
.fixed_link_area .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.fixed_link_area .bx-wrapper .bx-prev:before {
	content: "\f053";
	font-family: FontAwesome;
}

.fixed_link_area .bx-wrapper .bx-next:before {
	content: "\f054";
	font-family: FontAwesome;
}

.fixed_link_area .bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 45%;
	outline: 0;
	z-index: 9999;
	text-decoration: none;
}

.fixed_link_area .bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

@media screen and (min-width: 641px) {/* PC ------ */
.fixed_link_area {
	padding: 0 0 4px;
}

.fixed_link_area .img_list,
.fixed_link_area .slide_list {
	padding: 0 0 4px;
	font-size: 0;
}

.fixed_link_area .img_list li,
.fixed_link_area .slide_list li{
	display: inline-block;
	width: 200px;
	margin: 0 2px 0 0;
	font-size: 14px;
	line-height: 1.4;
	vertical-align: top;
}

.fixed_link_area .img_list li a.img_link,
.fixed_link_area .slide_list li a.img_link{
	position: relative;
	display: block;
	height: 100px;
	margin: 0 0 4px;
	overflow: hidden;
	text-indent: -9999px;
}

.fixed_link_area .img_list li a:nth-child(2){
	display: block;
	padding: 4px 6px 0 6px;
}

.fixed_link_area .img_list li img,
.fixed_link_area .slide_list li img{
	position: absolute;
	left: 0;
	bottom: 10%;
	width: 200px;
	height: auto;
}

.fixed_link_area .bx-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.fixed_link_area .bx-wrapper .bx-prev {
	left: -9%;
	font-size: 30px;
}

.fixed_link_area .bx-wrapper .bx-next {
	right: -9%;
	font-size: 30px;
}

.fixed_link_area .bx-wrapper .bx-controls-direction a {
	top: 40%;
}
}

@media screen and (max-width: 640px) {/* SP ------ */
.fixed_link_area .img_list,
.fixed_link_area .slide_list {
	padding: 0 0 4px;
	font-size: 0;
}

.fixed_link_area .slide_list li{
	font-size: 1.4rem;
	vertical-align: top;
}

.fixed_link_area .img_list li {
	display: inline-block;
	width: 48.5%;
	margin: 8px 1.5% 0 0;
	vertical-align: top;
	box-sizing: border-box;
	font-size: 1.4rem;
}

.fixed_link_area .img_list li:nth-child(2n) {
	margin: 8px 0 0 1.5%;
}

.fixed_link_area .img_list li a,
.fixed_link_area .slide_list li a{
	display: block;
	margin: 4px 0 0;
}


.fixed_link_area .img_list li .img_link,
.fixed_link_area .slide_list li .img_link{
	margin: 0;
	padding: 0 0 50%;
	overflow: hidden;
	text-indent: -9999px;
}

.fixed_link_area .slide_list li img,
.fixed_link_area .img_list li img{
	position: relative;
	top: 50%;
	left: 50%;
	width: auto;
	height: 100%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}

.fixed_link_area .bx-wrapper {
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 0;
	*zoom: 1;
}

.fixed_link_area .bx-wrapper .bx-prev {
	left: -7%;
	font-size: 20px;
}

.fixed_link_area .bx-wrapper .bx-next {
	right: -7%;
	font-size: 20px;
}
}

/* --------------------------------------------------------------------------------------
 記事一覧 タブ切り替え
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.article_area {
	margin: 0 0 16px;
}

.article_area .article_nav {
	padding: 0 1%;
	font-size: 0;
	text-align: center;
}

.article_area .article_nav li {
	display: inline-block;
	width: 32.333%;
	margin: 0 .5%;
	box-sizing: border-box;
	line-height: 33px;
	font-size: 15px;
}

.article_area .article_nav li:nth-child(2) {
	width: 32.333%;
}

.article_area .article_nav li a {
	display: block;
	width: 100%;
	border-radius: 3px 3px 0 0;
	color: #fff;
	font-size: 1.6rem;
}

.article_area .article_nav li.select a {
	color: #fff;
	text-decoration: none;
}

.article_area .article_box {
	padding: 0 3%;
}
}

@media screen and (min-width: 641px) {/* PC ------ */

.article_area {
	margin: 0 0 16px;
}

.article_area .article_nav {
	margin: 0 0 8px;
	font-size: 0;
	text-align: center;
}

.article_area .article_nav li {
	display: inline-block;
	width: 33.333%;
	box-sizing: border-box;
	line-height: 33px;
}

.article_area .article_nav li:nth-child(2) {
	width: 30.333%;
	margin: 0 1.5%;
}

.article_area .article_nav li a {
	display: block;
	width: 100%;
	border-radius: 3px;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
}

.article_area .article_nav li.select a {
	color: #fff;
	text-decoration: none;
}

.article_area .article_nav li a:hover {
	text-decoration: none;
}
}


/* --------------------------------------------------------------------------------------
 記事一覧 1列
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.home article,
.archive article {
	margin: 8px 0 0;
	cursor: pointer;
}

.home article p, .archive article p {
	margin-bottom: 10px;
}

.home article:hover, .archive article:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	background: #fff;
}

.home article ul, .archive article ul {
	margin: 5px 3%;
}

.home article ul li,
.archive article ul li {
	display: inline-block;
	margin: 0 4px 0 0;
}

.home article .img, .archive article .img {
	display: block;
	text-align: center;
}

.home article .img img, .archive article .img img {
	max-width: 100%;
	height: auto;
	margin: 0;
	box-sizing: border-box;
}

.home article .share_area, .archive article .share_area {
	border-top: 2px solid #ccc;
	padding: 8px 0 0;
	font-size: 13px;
	text-align: right;
}

.home article .share_area p, .archive article .share_area p {
	display: inline-block;
}

.home article .number_area, .archive article .number_area {
	border-top: 1px solid #ccc;
	padding: 4px 3% 0;
	font-size: 11px;
	text-align: right;
}

.home article .number_area p, .archive article .number_area p {
	display: inline-block;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.home article:first-child, .archive article:first-child {
	cursor: pointer;
}

.home article, .archive article {
	margin: 0 0 30px 0;
}

.home article p,
.archive article p {
	margin-bottom: 20px;
}

.home article:hover, .archive article:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	background: #fff;
}

.home article h1, .archive article h1 {
	margin: 0;
	padding: 0 0 10px;
	font-size: 26px;
	word-break: break-all;
	line-height: 1.4;
	font-weight: bold;
}

.home article.article_odd h1, .archive article.article_odd h1 {
	border-bottom: 4px #ffd464 solid;
	box-sizing: border-box;
}

.home article.article_even h1, .archive article.article_even h1 {
	border-bottom: 4px #FFD464 solid;
	box-sizing: border-box;
}

.home article ul, .archive article ul {
	margin: 10px 0;
}

.home article .lead_area .img, .archive article .lead_area .img {
	display: inline-block;
	width: 300px;
	vertical-align: top;
}

.home article .lead_area .txt, .archive article .lead_area .txt {
	display: inline-block;
	width: 480px;
	margin: 0 0 0 20px;
	vertical-align: top;
}

.home article ul li, .archive article ul li {
	display: inline-block;
}

.home article .img, .archive article .img {
	display: block;
	text-align: center;
}

.home article .img img, .archive article .img img {
	max-width: 100%;
	height: auto;
	margin: 5px 0;
}

.home article .share_area, .archive article .share_area {
	border-top: 2px solid #ccc;
	padding: 8px 0 0;
	font-size: 13px;
	text-align: right;
}

.home article .share_area p, .archive article .share_area p {
	display: inline-block;
}
}

.pagination {
	list-style-type: none;
	padding-left: 0;
	margin: 15px 0;
	font-size: 16px;
}

.pagination, .pagination li a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
}

.pagination a {
	font-weight: 300;
	padding-top: 1px;
	text-decoration:none;
	border: 1px solid #ddd;
	border-left-width: 0;
	min-width:36px;
	min-height:36px;
	color: #333;
}

.pagination li:not([class*="current"]) a:hover {
	background-color: #eee;
}

.pagination li:first-of-type a {
	border-left-width: 1px;
}

.pagination li.first span, .pagination li.last span, .pagination li.previous span, .pagination li.next span {
	/* screen readers only */
  position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.first a::before, .pagination li.last a::after, .pagination li.previous a::before, .pagination li.next a::after {
	display: inline-block;
	font-family: Fontawesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transform: translate(0, 0);
}

.pagination li.first a::before {
	content: "\f100";
}

.pagination li.last a::after {
	content: "\f101";
}

.pagination li.previous a::before {
	content: "\f104";
}

.pagination li.next a::after {
	content: "\f105";
}

.pagination li.current a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.pagination > li:first-child > a {
	border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
}

.pagination > li:last-child > a {
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
 @media only screen and ( max-width: 680px ) {

.pagination li.first,  .pagination li.last {
	/* screen readers only */
    position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.previous a {
	border-left-width: 1px;
}
}
 @media only screen and ( max-width: 500px ) {
.pagination li.current,  .pagination li.first,  .pagination li.last,  .pagination li.previous,  .pagination li.next {
	position: initial;
	top: initial;
	left: initial;
}

.pagination li.previous a {
	border-left-width: 0;
}
}
 @media only screen and ( max-width: 400px ) {

.pagination li.first,  .pagination li.last {
	/* screen readers only */
    position: absolute;
	top: -9999px;
	left: -9999px;
}

.pagination li.previous a {
	border-left-width: 1px;
}
}
 @media only screen and ( max-width: 240px ) { /* For watches? */

.pagination li {
	width: 50%;
}

.pagination li.current {
	order: 2;
	width: 100%;
	border-left-width: 1px;
}
}


/* --------------------------------------------------------------------------------------
 記事一覧 2列
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.two_rows_area {
	width: 100% !important;
	font-size: 0;
}

.two_rows_area article {
	display: inline-block;
	width: 48.5%;
	margin: 8px 1.5% 0 0;
	vertical-align: top;
	box-sizing: border-box;
}

.two_rows_area .article_even {
	display: inline-block;
	width: 48.5%;
	margin: 8px 0 0 1.5%;
	vertical-align: top;
}

.two_rows_area article p {
	margin-bottom: 4px;
}

.two_rows_area article .ttl_item {
	margin: 0;
	padding: 0 0 2px;
	font-size: 14px;
	word-break: break-all;
	line-height: 1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}

.two_rows_area article ul {
	margin: 2px 0;
}

.two_rows_area article .lead_area {
	margin: 0 3%;
}

.two_rows_area article .lead_area .img {
	display: inline-block;
	width: 30%;
	vertical-align: top;
}

.two_rows_area article .lead_area .txt {
	display: inline-block;
	width: 67%;
	margin: 0 0 0 3%;
	vertical-align: top;
}

.two_rows_area article ul li {
	display: inline-block;
	font-size: 11px;
}

.two_rows_area article .img {
	position: relative;
	display: block;
	padding: 0 0 52%;
	overflow: hidden;
	text-align: center;
}

.two_rows_area article .img img {
	position: absolute;
	left: 0;
	top: 0;
	max-width: 100%;
	height: auto;
	margin: 0;
	box-sizing: border-box;
}

.two_rows_area article .share_area {
	border-top: 2px solid #ccc;
	padding: 8px 0 0;
	font-size: 13px;
	text-align: right;
}

.two_rows_area article .share_area p {
	display: inline-block;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.two_rows_area {
	font-size: 0;
}

.two_rows_area article {
	display: inline-block;
	width: 49%;
	margin: 8px 1% 0 0;
	vertical-align: top;
}

.two_rows_area .article_even {
	display: inline-block;
	width: 49%;
	margin: 8px 0 0 1%;
	vertical-align: top;
}

.two_rows_area article p {
	margin: 0;
}

.two_rows_area article:hover {
	opacity: 0.90;
	filter: alpha(opacity=90);
	-ms-filter: "alpha(opacity=90)";
	background: #fff;
}

.two_rows_area article .ttl_item {
	margin: 0;
	padding: 8px 0;
	font-size: 18px;
	word-break: break-all;
	line-height: 1.4;
}

.two_rows_area article ul {
	margin: 4px 0 0 0;
}

.two_rows_area article ul li {
	display: inline-block;
	margin: 0 4px 0 0;
	font-size: 12px;
}

.two_rows_area article .img {
	display: block;
	text-align: center;
}

.two_rows_area article .img img {
	max-width: 100%;
	height: auto;
	margin: 0;
	box-sizing: border-box;
}

.two_rows_area .article_odd a img:hover,
.two_rows_area .article_even a img:hover {
	box-sizing: border-box;
}

.two_rows_area article .share_area {
	border-top: 2px solid #ccc;
	padding: 8px 0 0;
	font-size: 13px;
	text-align: right;
}

.two_rows_area article .share_area p {
	display: inline-block;
}
}


/* --------------------------------------------------------------------------------------
 single
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */

.single #main {
	padding: 0 0 10px 0;
	font-size: 16px;
}

.single #main h1 {
	margin: 10px 0 4px 0;
	padding: 0 0 4px;
	font-size: 22px;
	word-break: break-all;
	line-height: 1.4;
	font-weight: bold;
}

.single #main header ul {
	margin: 0 2% 4px 2%;
	font-size: 11px;
}

.single #main header ul li {
	display: inline-block;
}

.single #main .single_area .img {
	display: block;
	margin: 8px 0 0;
	text-align: center;
}

.single #main .single_area .img img {
	max-width: 100%;
	height: auto;
}

.single #main .single_area .img span{
	display: block;
	margin: 2px 0 0;
	text-align: right;
	font-size: 1.1rem;
	color: #999;
}

.single #main .single_area .img span a{
	color: #999;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main section {
	padding: 0 0 16px 0;
}

.single #main h1 {
	margin: 8px 0 0;
	padding: 0 0 10px;
	font-size: 26px;
	word-break: break-all;
	line-height: 1.4;
	font-weight: bold;
}

.single #main header ul {
	margin: 10px 0;
	font-size: 11px;
}

.single #main header ul li {
	display: inline-block;
}

.single #main .single_area .img {
	display: block;
	margin: 8px 0 0;
	text-align: center;
}

.single #main .single_area .img img {
	max-width: 100%;
	height: auto;
	margin: 5px 0;
	box-sizing: border-box;
}

.single #main .single_area .img span{
	display: block;
	margin: 2px 0 0;
	text-align: right;
	font-size: 1.1rem;
	color: #999;
}

.single #main .single_area .img span a{
	color: #999;
}

}

/* 見出し関連 ------------------------------ */

 @media screen and (max-width: 640px) {/* SP ------ */
.single #main .single_area h2 {
	margin: 8px 0 8px;
	padding: 8px;
	font-size: 18px;
	font-weight: bold;
	color: #FFF;
}

.single #main .single_area h3 {
	margin: 0 0 24px 0;
	padding: 0 0 0 12px;
	background: none;
	font-size: 16px;
	font-weight: bold;
}
}

 @media screen and (min-width: 641px) {/* PC ------ */
.single #main .single_area h2 {
	margin: 0 0 8px;
	padding: 6px 16px;
	font-size: 20px;
	font-weight: bold;
	color: #FFF;
}

.single #main .single_area h3 {
	margin: 0 0 24px 0;
	padding: 0 0 0 12px;
	background: none;
	font-size: 16px;
	font-weight: bold;
}
}

/* 罫線 ------------------------------ */

.single #main .single_area hr {
	display:block;
	border: 1px #ccc solid;
	border-top: none;
	margin: 24px 0 36px 0;
	padding:0;
}



/* 記事内コンテンツ ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */

.single #main .single_area {
	padding: 0 3%;
	word-break:break-all;
	word-wrap: break-word;
	color: #362f3c;
}

.single #main .single_area .t_b {
	font-size: 18px;
	word-break:break-all;
	word-wrap: break-word;
}

.single #main .single_area p:first-child {
	margin: 0 0 0 0 !important;
}

.single #main .single_area p {
	margin: 16px 0 0 0;
}

.single #main .single_area img {
	max-width: 100%;
	height: auto;
}

.single #main .single_area .via{
	display: block;
	margin: 2px 0 0;
	text-align: right;
	color: #999;
	font-size: 10px;
}

.single #main .single_area .via a{
	color: #999;
}
}

@media screen and (min-width: 641px) {/* PC ------ */

.single #main .single_area {
	word-break:break-all;
	word-wrap: break-word;
}

.single #main .single_area .t_b {
	font-size: 18px;
	word-break:break-all;
	word-wrap: break-word;
}

.single #main .single_area p:first-child {
	margin: 0 0 0 0 !important;
}

.single #main .single_area p {
	margin: 16px 0 0 0;
}

.single #main .single_area img {
	max-width: 100%;
	height: auto;
}

.single #main .single_area .via{
	display: block;
	margin: 2px 0 0;
	text-align: right;
	color: #999;
}

.single #main .single_area .via a{
	color: #999;
}
}

/* 補足 ------------------------------ */

.single #main .single_area aside {
	margin: 16px auto;
	border-radius: 6px;
	background: #eee;
}

@media screen and (max-width: 640px) {/* SP ------ */
.single #main .single_area aside {
	padding: 3%;
	font-size: 14px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */

.single #main .single_area aside {
	padding: 2%;
	font-size: 16px;
}
}


/* 動画 ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */
.single_area .move_area {
	display: -webkit-flex; /* Safari */
	display: flex;
	margin-top: 12px;
	/*
	width: 94vw;
	*/
}

/*
.move_area iframe,
.move_area object,
.move_area embed {
	width: 100%;
	height: -webkit-calc(56.25vw * 0.9);
	height:         calc(56.25vw * 0.9);
	margin: 0 0 0 !important;
}
*/

.instagram_area {
	margin-top: 30px;
	padding-bottom: 0 !important;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.move_area {
	display: -webkit-flex; /* Safari */
	display: flex;
	margin-top: 30px;
	/*
	position: relative;
	padding-bottom: 56.5%;
	height: 0;
	overflow: hidden;
	height: auto;
	*/
}

.move_area > div,
.move_area > iframe,
.instagram_area > iframe,
.move_area > .twitter-tweet,
.move_area > .twitter-video {
	margin: 0 auto !important;
}

.instagram_area {
	margin-top: 30px;
}

/*
.move_area iframe,
.move_area object,
.move_area embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/
}



/* 引用 ------------------------------ */

.single #main .single_area .quotation_area {
	margin: 8px 0 0 0;
	border-radius: 6px;
	background: #eee;
	font-size: 1.6rem;
}

.single #main .single_area .quotation_area .right_txt {
	text-align: right;
	font-size: 11px;
}

@media screen and (max-width: 640px) {/* SP ------ */
.single #main .single_area .quotation_area {
	padding: 8px;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main .single_area .quotation_area {
	padding: 16px;
}
}


/* 記事内テーブル共通 ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */

.single #main .single_area table {
	margin: 0 0 18px 0;
	border-bottom: 1px #ccc solid;
	border-collapse: collapse;
	font-size: 14px;
}

.single #main .single_area table th {
	display: inline-block;
	width: 94%;
	padding: 3%;
	border-top: 1px #ccc solid;
	border-right: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-left: 1px #ccc solid;
	background: #eeeeee;
	text-align: left;
	vertical-align: middle;
	font-weight: bold;
	white-space: nowrap;
}

.single #main .single_area table td {
	display: inline-block;
	width: 94%;
	padding: 3%;
	border-right: 1px #ccc solid;
	border-left: 1px #ccc solid;
	text-align: left;
}
}


/* --------------------------------------------------------------------------------------
 会話CSS
--------------------------------------------------------------------------------------- */
.bubble_box{
	margin: 16px 0 0;
}

.bubble_box p{
	margin: 0 0 !important;
}

.bubble {
 display:inline-block;
 position: relative;
 padding: 16px;
 border-radius:5px;
 background: #fff;
}

.bubble:after {
 position: absolute;
 content: " ";
 height: 0;
 width: 0;
}

.bubble_right_box {
	text-align: right;
}

.bubble_box .bubble_img_right{
	display: inline;
	float: right;
}

.bubble_box .bubble_img_left{
	display: inline;
	float: left;
}


/* 左三角半分 ------------------------------ */

.bubble_box .bubble_half_left:after {
 right: 100%;
 top: 10%;
 border-top:10px solid #e6f5e6;
 border-left:10px solid transparent;
}

/* 右三角半分 ------------------------------ */

.bubble_box .bubble_half_right:after {
 left: 100%;
 top: 10%;
 border-top:10px solid #ffe9b1;
 border-right:10px solid transparent;
}

@media screen and (max-width: 640px) {/* SP ------ */
.bubble.bubble_half_left {
	display: inline;
	float: left;
	max-width: 77%;
 padding: 4%;
 background: rgba(0,153,0,0.1);
	font-size: 16px;
	vertical-align: top;
}

.bubble.bubble_half_right {
	display: inline;
	float: right;
	max-width: 77%;
 padding: 4%;
 background: rgba(255,212,100,0.5);
	font-size: 16px;
	vertical-align: top;
	text-align: left;
}

.bubble_box .bubble_img_right,
.bubble_box .bubble_img_left{
	width: 15%;
}

.bubble_box .bubble_img_right img,
.bubble_box .bubble_img_left img{
	width: 100%;
	height: auto;
}

.bubble_box .bubble_half_right p,
.bubble_box .bubble_half_left p{
	margin: 12px 0 0 !important;
}
}

@media screen and (min-width: 641px) {/* PC ------ */

.bubble.bubble_half_left {
	display: inline;
	float: left;
	max-width: 79%;
	margin: 38px 0 0 1%;
 background: rgba(0,153,0,0.1);
	font-size: 16px;
	vertical-align: top;
}

.bubble.bubble_half_right {
	display: inline;
	float: right;
	max-width: 79%;
	margin: 38px 1% 0;
 background: rgba(255,212,100,0.5);
	font-size: 16px;
	vertical-align: top;
	text-align: left;
}

.bubble_box .bubble_img_right img,
.bubble_box .bubble_img_left img{
	width: 100px;
	height: auto;
}

.bubble_box .bubble_half_right p,
.bubble_box .bubble_half_left p{
	margin: 12px 0 0 !important;
}

}

/* 記事内タグ ------------------------------ */

.single #main .tag_area {
	margin: 16px 0;
	font-size: 12px;
}

.single #main .tag_area li {
	display: inline;
	float: left;
	padding: 2px 6px;
	margin: 0 3px 3px 0;
	border: 1px #d6d6d6 solid;
}




/* 記事内シェア ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */

.single #main .share_area {
	margin: 0 0 8px 0;
}

.single #main .single_share_area {
	margin: 0;
}

.single #main .share_area li {
	display: inline-block;
	width: 50%;
	text-align: center;
	vertical-align: top;
}

.single #main .share_area li span {
	display: none;
}

.single #main .share_area li a {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 6px 0;
	color: #fff;
	text-decoration: none;
	box-sizing: border-box;
}
}


@media screen and (min-width: 641px) {/* PC ------ */
.single #main .share_area {
	margin: 0 0 16px 0;
	font-size: 0;
}

.single #main .share_area h3 {
	margin: 0 0 16px 0;
	padding: 8px 12px 8px 12px;
	background: #f26964;
	font-weight: bold;
	font-size: 18px;
	color: #fff;
	font-weight: normal;
}

.single #main .share_area li {
	display: inline-block;
	width: 33.333%;
	text-align: center;
	font-size: 18px;
}

.single #main .share_area li span {
	display: none;
}

.single #main .share_area li a {
	display: block;
	width: 100%;
	margin: 0 0 0 0;
	padding: 8px 0;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
}
}

.single #main .share_area li.facebook a {
	background-color: #3b5998;
	border: 1px solid #2c4373;
}

.single #main .share_area li.facebook a:hover {
	background-color: #2c4373;
}

.single #main .share_area li.twitter a {
	background-color: #00acee;
	border: 1px solid #0092ca;
}

.single #main .share_area li.twitter a:hover {
	background-color: #0092ca;
}

.single #main .share_area li.hatebu a {
	background-color: #5d8ac1;
	border: 1px solid #43638b;
}

.single #main .share_area li.hatebu a:hover {
	background-color: #43638b;
}

.single #main .share_area li.google a {
	background-color: #db4a39;
	border: 1px solid #ad3a2d;
}

.single #main .share_area li.google a:hover {
	background-color: #ad3a2d;
}

.single #main .share_area li.pocket a {
	background-color: #f03e51;
	border: 1px solid #c0392b;
}

.single #main .share_area li.pocket a:hover {
	background-color: #c0392b;
}

.single #main .share_area li.line a {
	background-color: #25af00;
	border: 1px solid #219900;
}

.single #main .share_area li.line a:hover {
	background-color: #219900;
}


/* 記事内フォロー ------------------------------ */

.single #main .follow_area .btn .lead{
	margin: 0 0 16px !important;
	font-size: 20px;
	color: #fff !important;
	text-align: center;
}

.single #main .follow_area .btn .txt{
	margin: 8px 0 0 !important;
	font-size: 11px;
	color: #999 !important;
	text-align: center;
}

.single #main .follow_area ul {
	font-size: 0;
	text-align: center;
}

.single #main .follow_area li {
	display: inline-block;
	padding: 0 8px 0 8px;
	font-size: 12px;
	vertical-align: top;
}

@media screen and (max-width: 640px) {/* SP ------ */
.single #main .follow_area {
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 8px 0;
	background: #222;
}

.single #main .follow_area .btn .lead{
	margin: 0 0 8px !important;
}

.single #main .follow_area .img{
	margin: 0 0 8px;
	padding: 0;
	vertical-align: middle;
}

.single #main .follow_area .img img{
	margin: 0 !important;
	padding: 0;
	border: none;
}

.single #main .follow_area .btn {
	vertical-align: middle;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main .follow_area {
	display: table;
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: #222;
}

.single #main .follow_area .img{
	display: table-cell;
	width: 390px;
	padding: 0;
	vertical-align: middle;
}

.single #main .follow_area .img img{
	margin: 0 !important;
	padding: 0;
	border: none;
}

.single #main .follow_area .btn {
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}

}


/* 購読者数つきFeedlyボタン
---------------------------------------------*/

#feedly-followers img {
	width: 66px;
	height: 20px;
	border:none;
}

/* 購読者数の表示部分 */
#feedlyCount {
	display: inline-block !important;
	margin:0 0 0 6px;
	width: 18px;
	height: 18px;
	background-color: #FFF;
	position: relative;
	border: 1px solid #669966;
	border-radius: 4px;
	padding: 0 4px;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	text-align: center;
	display: block;
	background: white;
}

/* 購読者数吹き出し部分 */
.subscribers:after, .subscribers:before {
	border: solid transparent;
	content: ' ';
	top: 43%;
	position: absolute;
}

.subscribers:before {
	border-right: 6px solid #669966;
	top: 6px;
	left: -9px;
}

.subscribers:after {
	border-right: 7px solid #fff;
	top: 6px;
	left: -7px;
}

/* --------------------------------------------------------------------------------------
 いいねボックス
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.single #main .sns_box {
	width: 94%;
	margin: 8px 3% 8px 3%;
}

#side .sns_box {
	width: 300px;
	margin: 0 auto 16px auto;
}
}

@media screen and (min-width: 641px) {/* PC ------ */
.single #main .sns_box {
	width: 800px;
	margin: 8px 0 0;
	text-align: center;
}

#side .sns_box {
	margin: 0 0 16px;
}
}

/* --------------------------------------------------------------------------------------
 コメント
--------------------------------------------------------------------------------------- */

.ldc-ul_cont img{
	display: none;
}

.ldc-ul_cont {
	display: inline-block;
	margin: 0 4px 0 0;
	line-height: 21px;
	vertical-align: middle;
}

.ldc-ul_cont i{
	margin: 0 4px 0 0;
	font-size: 15px;
	vertical-align: middle;
}

@media screen and (max-width: 640px) {/* SP ------ */

.single #main .comment_area {
	padding: 16px 0 0 0;
}

.comment_area h3 {
	padding: 4px 3%;
	font-weight: bold;
	font-size: 1.5rem;
	color: #fff;
	font-weight: normal;
}

.comment_area h3:before {
	margin: 0 4px 0 0;
	content: " \f075";
	font-family: FontAwesome;
}

.single #main .comment_area form{
	margin: 8px 0 0;
}

.single #main .comment_area .comment_box .comment_info {
	margin: 0 0 8px;
	font-size: 11px;
}

.single #main .comment_area .comment_box p {
	margin: 0 0 15px;
	font-size: 15px;
}

.single #main .comment_area .comment_box .likebtn_container {
	float: left;
	margin: 6px 0 0 0;
	text-align: right;
	vertical-align: top;
}

.single #main .comment_area .comment_box .reply {
	float: right;
	margin: 6px 0 0 0;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
}

.single #main .comment_area .comment_box .reply a {
	display: block;
	width: 60px;
	padding: 3px 2px;
	color: #fff;
	text-align: center;
}

.single #main .comment_area .comment_box li {
	margin: 6px 0;
	padding: 6px 2% 6px 2%;
	border-top: 1px #CCCCCC dotted;
	list-style: none;
}

.single #main .comment_area .comment_box li:first-child {
	margin: 0;
	padding: 0 2% 6px 2%;
	border-top: none;
	list-style: none;
}

.single #main .comment_area .comment_box li li {
	margin: 6px 0 0 16px !important;
	padding: 6px 0 0 0 !important;
	border-top: 1px #CCCCCC dotted !important;
	border-bottom: none;
	list-style: none;
}

.single #main .comment_area .comment_box label {
	display: block;
	margin: 0 4.68%;
}

.single #main .comment_area .comment_box input, .single #main .comment_area .comment_box textarea {
	width: 90.64%;
	margin: 0 4.68%;
	padding: 2px 0;
	box-sizing: border-box;
}
}

@media screen and (min-width: 641px) {/* PC ------ */

.single #main .comment_area {
	padding: 16px 0 0 0;
}

.comment_area h3 {
	padding: 6px 3% 6px 1%;
	font-weight: bold;
	font-size: 1.6rem;
	color: #fff;
	font-weight: normal;
}

.comment_area h3:before {
	margin: 0 4px 0 0;
	content: " \f075";
	font-family: FontAwesome;
}

.single #main .comment_area form{
	margin: 8px 0 0;
}

.single #main .comment_area .comment_box .comment_info {
	margin: 0 0 8px;
	font-size: 11px;
}

.single #main .comment_area .comment_box p {
	margin: 0 0 15px;
	font-size: 15px;
}

.single #main .comment_area .comment_box .likebtn_container {
	float: left;
	margin: 6px 0 0 0;
	text-align: right;
	vertical-align: top;
}

.single #main .comment_area .comment_box .reply {
	float: right;
	margin: 6px 0 0 0;
	text-align: right;
	vertical-align: top;
	font-size: 11px;
}

.single #main .comment_area .comment_box .reply a {
	display: block;
	width: 60px;
	padding: 3px 2px;
	color: #fff;
	text-align: center;
}

.single #main .comment_area .comment_box li {
	margin: 8px 0;
	padding: 8px 0;
	border-top: 1px #CCCCCC dotted;
	list-style: none;
}

.single #main .comment_area .comment_box ol {
	margin: 0 0 16px;
}

.single #main .comment_area .comment_box li:first-child {
	margin: 0;
	padding: 0;
	border-top: none;
	list-style: none;
}

.single #main .comment_area .comment_box li ul li{
	margin: 8px 0 0 16px !important;
	padding: 8px 0 0 0 !important;
	border-top: 1px #CCCCCC dotted !important;
}

.single #main .comment_area .comment_box label {
	display: block;
}

.single #main .comment_area .comment_box input, .single #main .comment_area .comment_box textarea {
	width: 100%;
	padding: 2px 0;
	box-sizing: border-box;
}
}


/* --------------------------------------------------------------------------------------
 サイド
--------------------------------------------------------------------------------------- */

div#side .side_box {
	margin: 0 0 16px 0;
	background: #fff;
}

div#side .side_tab_area {
	margin: 16px 0 0;
}

div#side .side_tab_area .side_tab_nav {
	margin: 0 0 16px 0;
	padding: 0 3%;
	border-bottom: 2px #000 solid;
	font-size: 0;
}

div#side .side_tab_area .side_tab_nav li {
	display: inline-block;
	margin: 0 4px 0 0;
	font-size: 12px;
	text-align: center;
}

div#side .side_tab_area .side_tab_nav li a{
	display: block;
	width: 70px;
	padding: 6px 0;
	border-radius: 4px 4px 0 0;
	background: #000;
	color: #fff;
}

div#side .side_tab_area > div {
	margin: 16px 0 0;
}

.side_tab_box {
	display: none;
}
.side_tab_box.current {
	display: block;
}

@media screen and (max-width: 640px) {/* SP ------ */
div#side .side_facebook {
	margin: 0 0 16px 0;
	padding: 0 2%;
}

}

@media screen and (min-width: 641px) {/* PC ------ */
div#side {
	display: inline;
	float: right;
	width: 336px;
}

div#side .side_facebook {
	margin: 0 0 16px 0;
	padding: 0 2%;
}


/* 逆アクセス ------------------------------ */

div#side .side_box .acr_ranking_sys {
	width: 100%;
	margin: 8px 0 0;
	font-size: 12px;
}

/* 相互リンク ------------------------------ */

div#side .side_box .menu-side_sogo_link-container {
	margin: 4px 0 0;
	font-size: 12px;
}

div#side .side_box .menu-side_sogo_link-container li a {
	display: block;
	padding: 4px 0;
	border-bottom: 1px dashed #ccc;
}

div#side .side_box .menu-side_sogo_link-container li a:before {
	margin: 0 4px 0 0;
	content: " \f138";
	font-family: FontAwesome;
}
}


/* --------------------------------------------------------------------------------------
 ページトップ
--------------------------------------------------------------------------------------- */

@media screen and (max-width: 640px) {/* SP ------ */
.pagetop {
	position: fixed;
	right: 10px;
	bottom: 50px;
	line-height: 1.2;
	color: #fff;
	z-index: 1;
	font-size: 20px;
	text-align: center;
}

.home .pagetop,
.page .pagetop,
.archive .pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	line-height: 1.2;
	color: #fff;
	z-index: 1;
	font-size: 20px;
	text-align: center;
	z-index: 99;
}

.pagetop p {
	display: table;
}

.pagetop p a {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background-color: #666;
	font-weight: 600;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	vertical-align: middle;
	opacity: 0.65;
}

.pagetop p a:hover {
	background-color: #333;
}
}
@media screen and (min-width: 641px) {/* PC ------ */
.pagetop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	line-height: 1.2;
	color: #fff;
	z-index: 1;
	font-size: 20px;
	text-align: center;
}

.pagetop p {
	display: table;
}

.pagetop p a {
	display: table-cell;
	width: 48px;
	height: 48px;
	border-radius: 100%;
	background-color: #666;
	font-weight: 600;
	overflow: hidden;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	color: #fff;
	vertical-align: middle;
	opacity: 0.65;
}

.pagetop p a:hover {
	background-color: #333;
}
}


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

footer {
	width: 100%;
	padding: 8px 0;
	text-align: left;
	color: #fff;
}

footer small {
	display: block;
	width: 100%;
	text-align: center;
}


/* フッターシェア ------------------------------ */

@media screen and (max-width: 640px) {/* SP ------ */

.ft_share_area {
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
}

.ft_share_area li, .sns_other_area li {
	display: inline-block;
	width: 25%;
	text-align: center;
	vertical-align: bottom;
}

.ft_share_area li a,
.sns_other_area .other_sns li a {
	display: block;
	margin: 0 auto;
	line-height: 40px;
	color: #fff;
	font-size: 22px;
}

.sns_other_area {
	text-align: left;
	font-size: 16px;
}

.sns_other_area select, .sns_other_area form {
	margin: 0 4.68% 8px 4.68%;
}

.sns_other_area .other_link {
	padding: 0 0 8px;
	text-align: left;
}

.sns_other_area .other_link li a {
	display: block;
}

.sns_other_area .other_sns {
	padding: 32px 0 32px;
	text-align: center;
}
}

.ft_share_area li.facebook a {
	background-color: #3b5998;
}

.ft_share_area li.facebook a:hover {
	background-color: #2c4373;
}

.ft_share_area li.twitter a {
	background-color: #00acee;
}

.ft_share_area li.twitter a:hover {
	background-color: #0092ca;
}

.sns_other_area li.hatebu a {
	background-color: #5d8ac1;
}

.sns_other_area li.hatebu a:hover {
	background-color: #43638b;
}

.sns_other_area li.google a {
	background-color: #db4a39;
}

.sns_other_area li.google a:hover {
	background-color: #ad3a2d;
}

.sns_other_area li.pocket a {
	background-color: #f03e51;
}

.sns_other_area li.pocket a:hover {
	background-color: #c0392b;
}

.ft_share_area li.line a {
	background-color: #25af00;
	font-size: 15px;
}

.ft_share_area li.line a:hover {
	background-color: #219900;
}

.ft_share_area li.other a {
	background-color: #666;
}

.ft_share_area li.other a:hover {
	background-color: #333;
}

/* --------------------------------------------------------------------------------------
 検索ページ
--------------------------------------------------------------------------------------- */

.search h1 {
	padding: 8px 3% 8px 3%;
	font-size: 20px;
	line-height: 1.3;
	color: #fff;
}

/* --------------------------------------------------------------------------------------
 固定ページ
--------------------------------------------------------------------------------------- */

.page h1 {
	padding: 8px 3% 8px 3%;
	font-size: 20px;
	line-height: 1.3;
	color: #fff;
}

.page .page_area {
	line-height: 1.8;
	font-size: 16px;
}

.page .page_area h2 {
	margin: 36px 0 0;
	padding: 4px 0 4px 8px;
	background: none;
	font-size: 14px;
	font-weight: bold;
}

.page .page_area h3 {
	margin: 36px 0 0;
	padding: 0 0 0 12px;
	background: none;
	font-size: 20px;
	font-weight: bold;
}

.page .page_area p {
	margin: 24px 0 0 0;
}

.page .page_area p:first-child {
	margin: 12px 0 0 0;
}

@media screen and (max-width: 640px) {/* SP ------ */
.page .page_area {
	padding: 0 3% 40px 3%;
}

}

@media screen and (min-width: 641px) {/* PC ------ */
.page .page_area {
	padding: 0 3% 40px 3%;
}
}


/* --------------------------------------------------------------------------------------
 404
--------------------------------------------------------------------------------------- */

.error404 .content section h1 {
	margin: 0 0 0 0;
	padding: 8px 3% 8px 3%;
	font-size: 16px;
	line-height: 1.3;
	color: #fff;
}

.error404 .content {
	width: 100%;
	margin: 0 0 15px 0;
}

.error404 .content .search_area {
	padding: 20px 3% 16px 3%;
}

.error404 .content .search_area {
	margin: 0 3%;
	padding: 36px 0 28px 0;
}

.error404 .content .search_area .field {
	width: 100%;
	font-size: 30px;
}

.error404 .content .search_area .btn {
	width: 50%;
	margin: 8px auto 0 auto;
	text-align: center;
	font-size: 18px;
}

.error404 .content .search_area .btn input {
	width: 100%;
}