/*----------------------------------------------------------------------------
******************************************************************************

Style List

* Wordpress 独自クラス
* Wordpress プラグイン

******************************************************************************
----------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------
******************************************************************************
     Wordpress 独自クラス
******************************************************************************
----------------------------------------------------------------------------*/
/* --- 配置 --- */
div.aligncenter, p.aligncenter { text-align: center; }
img.aligncenter {
	display: block;
	margin: 1rem auto;
}
table.aligncenter {
	display: block;
	margin: 1rem auto;
}
div.aligncenter, p.aligncenter { text-align: left; }
img.alignleft {
	float: left;
	margin: 0 1rem 1rem 0;
}
div.alignright, p.alignright { text-align: right; }
img.alignright {
	float: right;
	margin: 0 0 1rem 1rem;
}
/* --- code --- */
code { }
/* --- 引用 --- */
blockquote {
	padding: 1em;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* --- キャプション --- */
.wp-caption {
	background: none;
	border: none;
	display: inline-block;
}
.wp-caption .wp-caption-text {
	font-size: 0.8em;
	padding: 5px 0;
	text-align: center;
}
@media screen and (min-width: 781px) {
/* --- 配置 --- */
div.aligncenter, p.aligncenter { text-align: center; }
img.aligncenter {
	display: block;
	margin: 1rem auto;
}
table.aligncenter {
	display: block;
	margin: 1rem auto;
}
div.aligncenter, p.aligncenter { text-align: left; }
img.alignleft {
	float: left;
	margin: 0 1rem 1rem 0;
}
div.alignright, p.alignright { text-align: right; }
img.alignright {
	float: right;
	margin: 0 0 1rem 1rem;
}
}
@media screen and (max-width: 780px) {
/* --- 配置 --- */
div.aligncenter, p.aligncenter { text-align: center; }
img.aligncenter {
	display: block;
	margin: 1rem auto;
	height: auto;
	max-width: 100%;
}
table.aligncenter {
	display: block;
	margin: 1rem auto;
}
div.aligncenter, p.aligncenter { text-align: left; }
img.alignleft {
	display: block;
	margin: 1rem auto;
	height: auto;
	max-width: 100%;
}
div.alignright, p.alignright { text-align: right; }
img.alignright {
	display: block;
	margin: 1rem auto;
	height: auto;
	max-width: 100%;
}
img[class*="wp-image-"],
img[class*="attachment-"]{
	display: block;
	margin: 10px auto;
}
}
/*----------------------------------------------------------------------------
******************************************************************************
     Wordpress プラグイン
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== コンタクトフォーム === */
.table-contactform7 {
	width: 100%;
	overflow: hidden;
	table-layout: fixed;
}
.required-contactform7 {
	padding: 0 3px;
	font-size: 0.9em;
	background: #dd0000;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
	float: left;
}
.unrequired-contactform7 {
	padding: 5px;
	background: #BDBDBD;
	color: #fff;
	border-radius: 3px;
	margin-right: 3px;
}
.table-contactform7 th { font-weight: bold; }
.table-contactform7 input, .table-contactform7 textarea {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
.address-100 input {
	max-width: 90% !important;
	margin: 5px 10px 10px 5px;
}
.message-100 textarea {
	width: 100%;
	margin: 5px 10px 10px 5px;
}
.table-contactform7 tr { border-top: 1px solid #ddd; }
.table-contactform7 tr:first-child { border-top: none; }
.table-contactform7 th {
	width: 26%;
	text-align: right !important;
}
.table-contactform7 td {
	padding: 8px;
	border-left: 1px solid #ddd;
}
.wpcf7-list-item { display: inline-block; }
.wpcf7-list-item-label { margin-left: -10px; }
.btn-submit {
	border: none;
	font-size: 1.1em;
	background: #003166;
	color: #fff;
	padding: 6px 40px;
	display: block;
	margin: 0 auto;
}
/* ==== ページャー === */
@media screen and (min-width: 781px) {
.pager {
	margin: 20px 0;
}
.page-numbers {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;/*-横-*/
}
.page-numbers li{
	margin: 0 2px;
}
.page-numbers a.page-numbers, .page-numbers span.current {
	background-color:rgba(59, 89, 153, 0.7);
	padding: 5px 8px 4px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.page-numbers a.page-numbers:hover, .page-numbers span.current{
	background:rgba(59, 89, 153, 1);
}
.page-numbers span.dots{
	padding-top: 5px;
}	
}
@media screen and (max-width: 780px) and (min-width: 581px) {
.pager {
	margin: 20px 0;
}
.page-numbers {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;/*-横-*/
}
.page-numbers li{
	margin: 0 2px;
}
.page-numbers a.page-numbers, .page-numbers span.current {
	background-color:rgba(59, 89, 153, 0.7);
	padding: 5px 8px 4px;
	color: #FFF;
	text-decoration: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.page-numbers a.page-numbers:hover, .page-numbers span.current{
	background:rgba(59, 89, 153, 1);
}
.page-numbers span.dots{
	padding-top: 5px;
}	
}
@media screen and (max-width: 580px) {
	
}