@charset "UTF-8";
/*
Theme Name: DSHata2
Author: DSHata
Description: Original Theme.
Version: 1.0
*/

body {
	margin: 0;
	font-family: 'Noto Sans Japanese', sans-serif;
	line-height: 1.4em;
}

a img {border: none;}

img,
.wp-caption {
	max-width: 100%;
	height: auto;
}

.catch {
	margin-top: 30px;
	margin-bottom: 30px;
}

iframe {max-width: 100%;}

#sbttBacktotop {opacity: 0.2;}
#sbttBacktotop:hover {opacity: 0.4;}

div#ScrollPageTop {
	display: none;
	position: fixed;
	text-align: center;
	clear: both;
	right: 10px;
	bottom: 65px;
	padding: 10px;
	border: solid 1px #555;
	color: #555;
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	}

div#ScrollPageTop:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	}

div#ScrollPageTop li {
	padding-left: 0px;
}

div#ScrollPageTop li:before {
	content: '';
}

div#ScrollPageTop a {
	text-align: left;
	display: block;
	color: #bbb;
}

div#ScrollPageTop a:hover {
	text-decoration: none;
	color: #555;
}

@media (max-width: 599px) {

	div#ScrollPageTop {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}

	div#ScrollPageTop:hover {
		filter: alpha(opacity=60);
		-moz-opacity: 0.6;
		opacity: 0.6;
	}
}

/*……………………………………………………構造*/
.sub-header {padding-top: 5px;}

.contents,
.sub {
	padding-top: 20px;
	padding-bottom: 20px;
}

@media (max-width: 599px) {
	.catch {
		margin-top: 15px;
		margin-bottom: 10px;
	}

	.contents {padding-top: 10px;}
}

.container,
.sub-header {
	padding-left: 10px;
	padding-right: 10px;
}

@media (min-width: 1040px) {
	.container,
	.header-inner,
	.footer-inner,
	.sub-header {
		width: 1000px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 768px) {
	.container:after {
		content: "";
		display: block;
		clear: both;
	}

	.contents {
		float: left;
		width: 70%;
	}

	.sub {
		float: left;
		width: 30%;
	}

	.contents {
		padding-right: 50px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}
}

/*………………………………………………………Ｈ*/
header {
	border-bottom: 1px solid #888;
	background-color: #eee;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
}

.site h1 a {
	display: inline-block;
	padding: 10px 18px;
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.site h1 {
	margin: 0;
	font-size: 30px;
}

div.description {
	clear: both;
	color: #555;
	font-size: 14px;
	padding-top: 5px;
}

@media (max-width: 599px) {
	.site h1 {font-size: 24px;}

div.description {
	background-color: #fff;
	margin-top: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	padding-left: 10px;
}

}

#mainmenu {display: none;}

.mainmenu {margin-top: 10px;}

.mainmenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mainmenu li a {
	display: block;
	padding: 10px 5px;
	color: #222;
	font-size: 14px;
	text-decoration: none;
}

.mainmenu li a:hover {
	background-color: #555;
	color: #eee;
}

.header-inner {position: relative;}

#navbtn {
	position: absolute;
	top: 3px;
	right: 0;
	padding: 6px 12px;
	border: 1px solid #bbb;
	border-radius: 5px;
	background-color: #fff;
	cursor: pointer;
}

#navbtn:hover {background-color: #eee;}

#navbtn:focus {outline: none;}

#navbtn i {
	color: #888;
	font-size: 18px;
}

#navbtn span {
	display: inline-block;
	text-indent: -9999px;
}

@media (min-width: 768px) {
	.header-inner:after,
	.mainmenu ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.site {
		float: left;
		width: auto;
	}

	.sitenav {
		float: right;
		width: auto;
	}

	#mainmenu {display: block !important}

	.mainmenu li {
		float: left;
		width: auto;
	}

	.mainmenu li a {
		padding: 5px 12px;
		border-right: 1px solid #bbb;
		}

	.mainmenu li:first-child a {border-left: 1px solid #bbb;}

	#navbtn {display: none;}

}
/*………………………………………………………Ｆ*/
footer {
	border-top: 1px solid #888;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

.copyright p {
	margin: 0;
	color: #555;
	font-size: 14px;
}

@media (max-width: 599px) {
	.copyright p {font-size: 12px;}
	.copyright span {display: none;}
}

/*……………………………………………………記事*/
.gaiyou a,
.gaiyou-large a {
	display: block;
	padding: 20px 0;
	border-bottom:2px dotted #bbb;
	color: #555;
	text-decoration: none;
}

.gaiyou a:hover,
.gaiyou-large a:hover {background-color: #eee;}

.gaiyou a:after {
	content: "";
	display: block;
	clear: both;
}

.gaiyou img {
	float: left;
	width: 200px;
}

.gaiyou .text {
	float: none;
	width: auto;
	margin-left: 230px;
}

.gaiyou h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 20px;
}

.gaiyou p,
.gaiyou-large p {
	margin: 0;
	font-size: 14px;
}

.gaiyou .kiji-date,
.gaiyou-large .kiji-date {margin-bottom: 8px;}

.gaiyou-large:first-child a {padding-top: 0;}

.gaiyou-large h1 {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 26px;
}

.gaiyou-large .thumb {
	width: 100%;
	height: 350px;
	background-size: cover;
	background-position: 50% 50%;
}

@media (max-width: 599px) {

	.gaiyou a,
	.gaiyou-large a {padding: 10px 0;}

	.gaiyou img {width: 100px;}
	.gaiyou .text {margin-left: 110px;}

	.gaiyou h1 {font-size: 16px;}

	.gaiyou p {
		visibility: hidden;
		height: 0;
	}

	.gaiyou .kiji-date {margin-bottom: 0;}

	.gaiyou-large h1 {font-size: 18px;}
	.gaiyou-large p {font-size: 12px;}
	.gaiyou-large .thumb {height: 200px;}

}

.kiji h1 {
	margin-top: 0;
	margin-bottom: 10px;
	font-size: 36px;
}

.kiji h2 {
	position: relative;
	margin-top: 40px;
	padding-left: 32px;
	padding-bottom: 5px;
	border-bottom: 2px solid #222;
	font-size: 24px;
	clear: both;
}

.kiji h2:before {
	position: absolute;
	left: 0;
	top: -2px;
	content: '\f14a';
	color: #222;
	font-family: 'FontAwesome';
	font-size: 28px;
	line-height: 1;
}

.kiji h3 {
	margin-top: 20px;
	padding-left: 10px;
	border-left: 10px solid #222;
	font-size: 18px;
	clear: both;
}

.kiji h4 {
	margin-top: 10px;
	margin-left: 20px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #888;
	font-size: 16px;
	clear: both;
}

.kiji h4.site2,
.kiji h4.site2-sd {
	margin-top: 20px;
	margin-left: 14px;
	padding-bottom: 2px;
	border-bottom: 2px dotted #888;
	font-size: 16px;
	clear: both;
}

.kiji h4.site2-sd {
	background: -webkit-linear-gradient(135deg,white,white,Silver);
	background: linear-gradient(135deg,white,white,Silver);
}

@media (max-width: 599px) {

	.kiji h2 {
		margin-top: 25px;
		padding-left: 24px;
		font-size: 18px;
	}

	.kiji h2:before {
		top: 1px;
		font-size: 20px;
	}

	.kiji h3 {
		padding-left: 6px;
		font-size: 15px;
	}

	.kiji h4 {
		font-size: 13px;
	}

}

.kiji p {
	margin: 0;
	margin-bottom: 20px;
}

.kiji-date {
	margin-bottom: 10px;
	color: #555;
	font-size: 12px;
}

.com-lk {
	margin-bottom: 5px;
	color: #555;
	font-size: 11px;
	text-align: right;
}

.com-lk a {
	text-decoration: underline;
	color: #000;
	font-weight: bold;
}

.com-lk a:hover {
	color: #bbb;
	text-decoration: none;
}

.kiji-body p {
	margin: 0;
	margin-top: 15px;
	line-height: 1.6em;
}

.kiji-body p a {
	text-decoration: underline;
	color: #bbb;
}

.kiji-body p a:hover {
	color: #555;
}

.kiji-body p.mes,
.kiji-body p.mes-s,
.kiji-body p.mes-b {
	margin-left: 50px;
}

.kiji-body p.mes-w {
	margin-left: 80px;
}

.kiji-body p.mes-b {
	margin-bottom: 30px;
}

.kiji-body p.mes-s {
	font-size: 14px;
}

.kiji-body p.o_site {
	margin-top: 40px;
	font-size: 14px;
}

.kiji-body ul {list-style: none;}

.kiji-body li {
	position: relative;
	padding-left: 20px;
}

.kiji-body li:before {
	position: absolute;
	left: 0;
	top: 3px;
	content: '\f14a';
	color: #bbb;
	font-family: 'FontAwesome';
	line-height: 1;
}

.kiji-body div.navi a,
.kiji-body li a {
	color: #bbb;
}

.kiji-body div.navi a:hover,
.kiji-body li a:hover {
	color: #555;
}

#sitemap_list li:before {content: '';}
#sitemap_list li {
	padding-left: 0px;
}

.kiji-body table.basic,
.kiji-body table.basic-line {
	width: 100%;
	border-collapse: collapse;
}

.kiji-body table.basic th {
	text-align: center;
	font-weight: bold;
}

.kiji-body table.basic-line th {
	padding: 3px 5px;
	border: 1px solid #bbb;
	text-align: left;
	font-weight: bold;
}

.kiji-body table.basic td {
	padding: 3px 5px;
	text-align: center;
	border: 1px solid #bbb;
}

.kiji-body table.basic-line td {
	padding: 3px 5px;
	border: 1px solid #bbb;
}

.kiji-body table.basic td.nom,
.kiji-body table.basic-line td.nom {
	text-align: right;
}

.kiji-body table.basic td.line-n {border: 0px;}

@media (max-width: 599px) {

	.kiji h1 {font-size: 24px;}
	.kiji p {font-size: 14px;}
	.kiji-date {font-size: 11px;}

	.com-lk {font-size: 11px;}

	.kiji-body p.mes,
	.kiji-body p.mes-s,
	.kiji-body p.mes-b {
		margin-left: 30px;
	}

	.kiji-body p.mes-w {
		margin-left: 55px;
	}
	
	.kiji-body table.basic th,
	.kiji-body table.basic-line th {font-size: 13px;}

	.kiji-body table.basic td,
	.kiji-body table.basic-line td {font-size: 12px;}

	.kiji-body table.basic td.font-lr,
	.kiji-body table.basic-line td.font-lr {font-size: 16px;}
}

.kiji-tag {margin-bottom: 24px;}

.kiji-tag ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.kiji-tag li a {
	display: block;
	margin-right: 5px;
	margin-bottom: 2px;
	padding: 3px 5px;
	border: 1px solid #bbb;
	background-color: #fff;
	color: #555;
	font-size: 12px;
	text-decoration: none;
}

.kiji-tag li a:hover {
	background-color: #eee;
}

.kiji-tag li {
	float: left;
	width: auto;
}

.kiji:after,
.kiji-tag:after,
.share:after {
	content: "";
	display: block;
	clear: both;
}

.bread ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

.bread ol:after {
	content: "";
	display: block;
	clear: both;
}

.bread li a {
	display: inline-block;
	padding: 2px 5px;
	color: #666;
	font-size: 12px;
	text-decoration: none;
}

.bread li a[href]:hover {
	background-color: #999;
	color: #fff;
}

.bread li {
	float: left;
	width: auto;
}

.bread li:after {
	content: "\003e";
	margin-left: 2px;
	margin-right: 2px;
	color: #ccc;
}

.bread-tag li:after {
	content: "\00a6";
}

.bread li:last-child:after {content: none;}

.bread i {font-size: 14px;}

.bread span {
	display: inline-block;
	text-indent: -9999px;
}

.contents > h1 {
	margin-top: 0;
	font-size: 34px;
}

@media (max-width: 599px) {

	.bread li:last-child {text-indent: -9999px;}
	.contents > h1 {font-size: 22px;}
	.archive .bread li:last-child {text-indent: 0;}

}

.pagination {
	margin: 40px 0 30px;
	text-align: center;
}

.pagination ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.pagination li a,
.pagination li > span {
	display: block;
	margin: 0 5px;
	padding: 6px 12px;
	color: #555;
	border: 1px solid #bbb;
	font-size: 14px;
	text-decoration: none;
}

.pagination li > span {background-color: #eee;}

.pagination li a:hover {background-color: #eee;}

.pagination li:after {
	content: "";
	display: block;
	clear: both;
}

.pagination li {
	float: left;
	width: auto;
}

.pagination-index li .dots {
	padding: 6px 6px;
	border-color: transparent;
	background-color: transparent;
}

@media (max-width: 599px) {

	.pagination {margin-bottom: 0;}

	.pagination-index li a,
	.pagination-index li > span {
		margin: 0;
		padding: 6px 7px;
		border-left: none;
		font-size: 12px;
	}

	.pagination-index li:first-child a,
	.pagination-index li:first-child > span {
		border-left: 1px solid #bbb;
	}

	.pagination-index li .dots {
		border-right-color: #bbb;
	}
}

.share {
	margin-top: 40px;
	text-align: center;
	clear: both;
}

.share ul {
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

.share li a {
	display: block;
	padding: 8px 17px;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}

.share li a:hover {opacity: 0.7;}

.share li {
	float: left;
	width: auto;
	margin-right: 5px;
}

.share-tw {background-color: #55acee;}
.share-fb {background-color: #3b5998;}
.share-gp {background-color: #dd4b39;}

@media (max-width: 599px) {
	.share span {
		display:inline-block;
		text-indent: -9999px;
	}

	.share li a {padding: 8px 10px;}

}

.navlink {
	font-size: 14px;
	border-top: 1px solid #bbb;
	margin-top: 40px;
	margin-bottom: 40px;
	clear: both;
	overflow: hidden;
}

.navlink i {
	font-size: 30px;
	vertical-align: -5px;
}

.navlink a {
	width: 50%;
	text-decoration: none;
	color: #bbb;
	padding-top: 10px;
	padding-bottom: 10px;
}

.navlink a:hover {
	color: #555;
}

.navlink-prev a {
	float: left;
	text-align: left;
}

.navlink-next a {
	float: right;
	text-align: right;
}

/*……………………………………………………引用*/
blockquote {
	position: relative;
	margin: 30px auto;
	padding: 20px 40px 1px 50px;
	max-width: 460px;
	color: #333;
	font-size: 14px;
	line-height: 1.8;
}

blockquote:before {
	position: absolute;
	left: 10px;
	top: 10px;
	content: '\f10d';
	color: #ccc;
	font-size: 20px;
	font-family: 'FontAwesome';
	line-height: 1;
}

blockquote:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	content: '\f10e';
	color: #ccc;
	font-size: 20px;
	font-family: 'FontAwesome';
	line-height: 1;
}

.kiji-body div.point {
	position: relative;
	margin: 40px 10px 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #ceb;
	border: 2px dotted #5b0;
	font-size: 14px;
	clear: both;
}

.kiji-body div.point:before {
	position: absolute;
	left: 16px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 3px;
	border-radius: 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #5b0;
	color: #fff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center;
}

/*
.kiji-body div.point:after {
	position: absolute;
	left: 30px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #5b0;
	color: #fff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1;
}
*/

.kiji-body div.attention {
	position: relative;
	margin: 40px 10px 30px;
	padding: 20px;
	border-radius: 10px;
	border: 2px dotted #f00;
	background-color: #fee;
	font-size: 14px;
	clear: both;
}

.kiji-body div.attention:before {
	position: absolute;
	left: 19px;
	top: -15px;
	content: '\f071';
	background-color: #fff;
	color: #f00;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
}

.kiji-body div.txt-memo {
	position: relative;
	margin: 40px 10px 30px;
	padding: 20px;
	border-radius: 10px;
	border: 2px dotted #016;
	background-color: #bbd;
	font-size: 14px;
	clear: both;
}

.kiji-body div.txt-memo:before {
	position: absolute;
	left: 19px;
	top: -15px;
	content: '\f15c';
	background-color: #fff;
	color: #016;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
}

.highlight {
	background-color: #ff0;
	padding: 0 10px;
}
/*……………………………………………………ＳＢ*/
.mymenu {margin-bottom: 30px;}

.mymenu h2 {
	margin-top: 0;
	margin-bottom: 10px;
	padding-bottom: 3px;
	border-bottom: 2px solid #555;
	color: #555;
	font-size: 18px;
}

.mymenu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.mymenu li a {
	display: block;
	padding: 10px 5px;
	color: #000;
	font-size: 14px;
	text-decoration: none;
}

.mymenu li a:hover {background-color: #eee;}

.mymenu-thumb li a {
	padding: 5px 0;
	border-bottom: 1px dotted #555;
	color: #555;
}

.mymenu-thumb li a:after {
	content: "";
	display: block;
	clear: both;
}

.mymenu-thumb li .thumb {
	float: left;
	width: 60px;
	height: 60px;
	background-size: cover;
	background-position: 50% 50%;
}

.mymenu-thumb li .text {
	float: none;
	width: auto;
	margin-left: 75px;
}

.mymenu-thumb li span {
	display: block;
	color: #bbb;
	font-size: 12px;
}

.mymenu-large li a {
	position: relative;
	margin-bottom: 10px;
	padding: 0;
}

.mymenu-large li a:hover {opacity: 0.4;}

.mymenu-large li .thumb {
	width: 100%;
	height: 130px;
	background-size: cover;
	background-position: 50% 50%;
}

.mymenu-large li .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	padding: 5px 10px;
	background-color: rgba(0,0,0,0.5);
	color: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

@media (min-width: 400px) and (max-width: 767px) {

	.mymenu-large ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.mymenu-large li {
		float: left;
		width: 50%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mymenu-large li:nth-child(odd) {
		clear: both;
		padding-right: 7px;
	}
	
	.mymenu-large li:nth-child(even) {
		padding-left: 7px;
	}

}

/*……………………………………………………関連*/
.mymenu-related {
	margin: 40px 0 0;
	padding: 20px;
	border: 1px solid #bbb;
	background-color: #eee;
}

.hyouka,
#comments,
#respond {
	margin: 20px 0 0;
	padding: 20px;
	border: 1px solid #bbb;
	background-color: #eee;
}

.hyouka h2,
.mymenu-related h2,
#comments h2,
#respond h3 {
	margin-top: 0px;
	padding: 0 0 0 7px;
	border-left: 8px solid #bbb;
	border-bottom: none;
	color: #555;
	font-size: 20px;
	font-weight: normal;
}

.hyouka h2:before,
.mymenu-related h2:before,
#comments h2:before {content: none;}

#comments a,
#respond a {
	text-decoration: none;
	color: #555;
}

#comments a:hover,
#respond a:hover {
	color: #bbb;
}

#respond .comment-notes,
#respond .logged-in-as {
	font-size: 12px;
	margin-top: 10px;
	margin-bottom: 25px;
}

#respond .cancel-comment-reply-link {
	font-size: 12px;
}

#respond .required {
	color: #c00;
	font-weight: bold;
}

#respond input,
#respond textarea {
	display: block;
	padding: 3px;
	font-size: 16px;
}

#respond input {width: 500px;}

#respond input[type="submit"] {
	width: 200px;
	border-radius: 0;
	padding-top: 8px;
	padding-bottom: 8px;
}

#respond input[type="checkbox"] {
	display: inline;
	font-size: 12px;
}


#comments ul {
	list-style-type: none;
	padding: 0;
}

#comments article {
	width: auto;
	padding-top: 20px;
}

#comments a {text-decoration: none;}

.comment-meta {font-size: 12px;}

.avatar {
	float: left;
	margin-right: 10px;
}

.comment-content {
	font-size: 14px;
	overflow-wrap: break-word;
	word-wrap: break-word;
	margin-left: 40px;
	margin-right: 40px;
}

.reply {
	text-align: right;
	font-size: 12px;
}

.mymenu-related li a {
	border: none;
	color: #555;
}

.mymenu-related li a:hover {
	border-bottom: solid 1px #aaa;
}

@media (max-width: 599px) {

	.mymenu {margin-bottom: 18px;}

	.mymenu-related {padding: 10px;}

	.mymenu-related li .thumb {
		width: 80px;
		height: 50px;
	}

	.mymenu-related li .text {margin-left: 95px;}

	#respond input,
	#respond textarea {
		font-size: 14px;
	}

	#respond input {width: auto;}

	#respond textarea {width: 97%;}

	#respond input[type="submit"] {
		width: 100px;
		padding-top: 5px;
		padding-bottom: 5px;
	}

	#respond input[type="checkbox"] {font-size: 10px;}

}

@media (min-width: 600px) {

	.mymenu-related ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.mymenu-related li {
		float: left;
		width: 25%;
		padding: 0 5px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
	}

	.mymenu-related li .thumb {
		width: 100%;
		height: 80px;
		margin-bottom: 5px;
	}

	.mymenu-related li .text {margin-left: 0;}


}

/*……………………………………………………ＷＤ*/
.search-field {
	width: 100%;
	height: 44px;
	padding: 5px;
	border: 1px solid #bbb;
	border-radius: 0;
	background-image: none;
	font-family: inherit;
	font-size: 14px;
	-webkit-appearance: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.screen-reader-text,
.search-submit {
	display: block;
	visibility: hidden;
	height: 0;
}

.tagcloud a {
	display: inline-block;
	text-decoration: none;
	color: #bbb;
	margin-right: 6px;
	margin-bottom: 4px;
}

.tagcloud a:hover {
	color: #555;
	text-decoration: none;
	}

.myad {text-align: center;}

@media (max-width: 599px) {
	.search-field {
		height: 24px;
		font-size: 12px;
	}
}

/*……………………………………………………画像*/
.wp-caption-text {
	margin: 0;
	color: #666;
	font-size: 10px;
	text-align: center;
}

.wp-caption-text a {color: #666;}

.aligncenter {
	display: block;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

@media (max-width: 599px) {
	.alignleft,
	.alignright {
		display: block;
		margin-top: 30px;
		margin-bottom: 30px;
		margin-left: auto;
		margin-right: auto;
	}
}

@media (min-width: 600px) {
	.alignleft {
		float: left;
		margin-top: 10px;
		margin-bottom: 40px;
		margin-right: 30px;
	}

	.alignright {
		float: right;
		margin-top: 10px;
		margin-bottom: 40px;
		margin-left: 30px;
	}
}

/*……………………………………………………動画*/
span.embed-youtube {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 56.25%;
	overflow: hidden;
	margin-top: 30px;
	margin-bottom: 30px;
}

iframe.youtube-player {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*……………………………………………………個別*/
p.ama-f {
	float: left;
	width: 25%;
	margin-bottom: 40px;
}

@media (max-width: 599px) {
	p.ama-f {
		width: 50%;
	}
}

.font-lr {font-size: larger;}
.font-sr {font-size: smaller;}

.t-ce {text-align: center;}
.t-ri {text-align: right;}

.wrd {color: #c00;}
.red {color: #f00;}
.blu {color: #00f;}
.org {color: #e60;}
.grn {color: #090;}
.nav {color: #008;}
.hgr {color: #888;}
.pnk {color: #f6f;}
.whi {color: #fff;}
.pup {color: #b0f;}
.yel {color: #ff0;}
.beg {color: #eb8;}
.mar {color: #900;}
.skb {color: #8df;}
.lim {color: #0f0;}
.vol {color: #f0f;}

.b-pnk {background-color: #f6f;}
.b-vol {background-color: #f0f;}
.b-red {background-color: #f00;}
.b-blk {background-color: #333;}
.b-blu {background-color: #00f;}
.b-skb {background-color: #8df;}
.b-hgr {background-color: #888;}
.b-fee {background-color: #fee;}
.b-ffe {background-color: #ffe;}
.b-eff {background-color: #eff;}
.b-efe {background-color: #efe;}
.b-aaa {background-color: #aaa;}
.b-ccc {background-color: #ccc;}
.b-eee {background-color: #eee;}

.cl-fl {clear: both;}


/*……………………………………………………古ゲー攻略*/
.page-item-51 {margin-top: 40px;}

.navi {
	padding: 10px 10px 8px 0;
	text-align: right;
}

.page-link {
	clear: both;
	text-align: right;
	font-size: 14px;
	padding-top: 8px;
	padding-bottom: 13px;
	padding-right: 8px;
}

.w020p {width: 20%;}

.w120 {width: 16%;}

@media (max-width: 599px) {
	.page-link {
		clear: both;
		text-align: right;
		font-size: 10px;
	}
}