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

Style List

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

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

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** PCスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 781px) {
/*----------------------------------------------------------------------------
******************************************************************************
** Wordpress 独自クラス
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== align ==== */
div.aligncenter, p.aligncenter {
text-align: center;
}
div.alignright, p.alignleft {
text-align: left;
}
div.alignright, p.alignright {
text-align: right;
}
img.aligncenter {
display: block;
margin: 1em auto;
}
img.alignleft {
float: left;
margin: 0 1em 1em 0;
}
img.alignright {
float: right;
margin: 0 0 1em 1em;
}
table.aligncenter {
margin: 1em auto;
}
/* ==== code ==== */
code {
background-color: #E7E7E7;
border: 1px solid #E3E3E3;
border-radius: 5px;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
padding: 2.0rem;
margin: 3.0rem 2.0rem;
position: relative;
}
/* ==== 引用 ==== */
blockquote {
border: 1px solid rgba(153,153,153,1);
background-color: rgba(153,153,153,0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 1em auto;
padding: 1em;
}
/* ==== キャプション ==== */
.wp-caption {
background: none;
border: none;
display: block;
}
.wp-caption.aligncenter {
margin: 1em auto;
}
.wp-caption.alignleft {
float: left;
margin: 0 1em 0 0;
}
.wp-caption.alignright {
float: right;
margin: 0 0 0 1em;
}
.wp-caption-text {
font-size: 0.8em;
margin-bottom: 0!important;
padding: 5px 0;
text-align: center;
}

/*----------------------------------------------------------------------------
******************************************************************************
** Wordpress プラグイン
******************************************************************************
----------------------------------------------------------------------------*/

/* ==== メタスライダー === */
.metaslider,
.flexslider {
margin-bottom: 0!important;
}
/* ==== コンタクトフォーム === */

.contact_form{}
.contact_form p{ display: none; }
.contact_form_item{
border-bottom: 1px solid #fff;
display: flex;
justify-content: space-between;
padding: 16px 8px;
}
.contact_form_item_btn{
display: flex;
justify-content: center;
align-items: center;
margin: 30px 0;
}
.contact_form_btn_submit{
border: none;
border-radius: 5px;
font-size: 18px;
font-weight: bold;
background: #769ec9;
color: #fff;
padding: 6px 40px;
display: inline-block;
}
.contact_form_title{
display: flex;
align-items: center;
font-size: 16px;
font-weight: bold;
padding-left: 3em;
width: 16em;
position: relative;
}
.contact_form_data{
display: flex;
align-items: center;
width: calc(100% - 16em);
}
.contact_form_required{
background-color: #0DBCCD;
border-radius: 3px;
color: #FFF;
display: inline-block;
font-size: 10px;
padding: 2px 5px;
position: absolute;
top: calc(50% - 10px);
left: 0;
}
.contact_form_seiname_text,
.contact_form_naname_text{
margin-right: 0.5em;
width: 100px;
}
.contact_form_message{
display: block;
width: 100%;
}
.contact_form_address_item{
display: flex;
align-items: center;
margin-bottom: 0.2em;
width: 100%;
}
.contact_form_address_title{
font-size: 12px;
font-weight: bold;
margin-right: 0.5em;
width: 7em;
}
.contact_form_expl_txt{
color: #999;
font-size: 12px;
margin: 5px 10px;
}

/*----------------------------------------------------------------------------
******************************************************************************
** パンくずリスト
******************************************************************************
----------------------------------------------------------------------------*/
.cmn_breadcrumb{
	background-color: #021774;
	color: #FFF;
	padding: 10px;
	width: 100%;
}
.cmn_breadcrumb li{
	font-size: 20px!important;
}
.cmn_breadcrumb a{
	color: #FFF!important;
}
.breadcrumb_list {
display: flex;
align-items: center;
}
.breadcrumb_list li {
font-size: 1.1rem;
margin-right: 1.2em;
position: relative;
}
.breadcrumb_list li:before {
content: ">";
position: absolute;
left: -0.8em;
}
.breadcrumb_list li:first-child:before {
content: ""!important;
display: none!important;
}
.breadcrumb_list a {
color: #111;
text-decoration: none;
}
.breadcrumb_list a:hover {
text-decoration: underline;
}
.breadcrumb_list .icon-home {
background: url(../images/icon-home.png) no-repeat center left;
padding-left: 16px;
}

/*----------------------------------------------------------------------------
******************************************************************************
** ページャー
******************************************************************************
----------------------------------------------------------------------------*/
.pager {
margin: 20px 0;
}
.pager_list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.page-numbers {
border: 1px solid #111;
border-radius: 5px;
color: #111!important;
display: block;
font-size: 1rem;
margin: 0 2px;
padding: 5px 0;
text-decoration: none;
text-align: center;
width: 2.4rem;
}
.page-numbers:not(.dots):hover, .page-numbers.current {
background: rgba(0, 0, 0, 0.9);
color: #FFF!important;
}
.page-numbers.dots {
border-color: rgba(0, 0, 0, 0);
}
}
/*----------------------------------------------------------------------------
******************************************************************************
** Wordpress 投稿ページ
******************************************************************************
----------------------------------------------------------------------------*/
main.con article.single_mcon h2{
    font-size: 2.5em;
    padding-bottom: 0.2em;
    border-bottom: 3px dashed #8b4513;
}
main.con article.single_mcon p{
    display: block;
}
main.con article.single_mcon img{
    width: auto;
}
/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** SPスタイル
******
*********************************************************************************************************
*********************************************************************************************************
-------------------------------------------------------------------------------------------------------*/

@media screen and (max-width: 780px) {
/*----------------------------------------------------------------------------
******************************************************************************
** Wordpress 独自クラス
******************************************************************************
----------------------------------------------------------------------------*/
/* ==== align ==== */
div.aligncenter, p.aligncenter {
text-align: center;
}
div.alignright, p.alignleft {
text-align: left;
}
div.alignright, p.alignright {
text-align: right;
}
img.aligncenter,
img.alignleft,
img.alignright,
img[class*="wp-image-"],
img[class*="attachment-"] {
display: block;
margin: 1em auto;
}
table.aligncenter {
margin: 1em auto;
}
/* ==== code ==== */
code {
background-color: #E7E7E7;
border: 1px solid #E3E3E3;
border-radius: 5px;
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
padding: 2.0rem;
margin: 3.0rem 2.0rem;
position: relative;
}
/* ==== 引用 ==== */
blockquote {
border: 1px solid rgba(153,153,153,1);
background-color: rgba(153,153,153,0.4);
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 1em auto;
padding: 1em;
}
/* ==== キャプション ==== */
.wp-caption {
background: none;
border: none;
display: block;
width: 100%!important;
}
.wp-caption.aligncenter,
.wp-caption.alignleft,
.wp-caption.alignright {
margin: 1em auto;
}
.wp-caption-text {
font-size: 0.8em;
margin-bottom: 0!important;
padding: 5px 0;
text-align: center;
}

/*----------------------------------------------------------------------------
******************************************************************************
** Wordpress プラグイン
******************************************************************************
----------------------------------------------------------------------------*/

/* ==== メタスライダー === */
.metaslider,
.flexslider {
margin-bottom: 0!important;
}

/* ==== コンタクトフォーム === */
.wpcf7-text {
max-width: 100%!important;
}
.wpcf7-textarea{
height: 20vh;
max-width: 100%!important;
}

/*----------------------------------------------------------------------------
******************************************************************************
** パンくずリスト
******************************************************************************
----------------------------------------------------------------------------*/
.breadcrumb_list {
display: flex;
flex-wrap: wrap;
}
.breadcrumb_list li {
font-size: 1rem;
margin-right: 20px;
margin-bottom: 2px;
position: relative;
}
.breadcrumb_list li:before {
content: ">";
position: absolute;
right: -1.2em;
top: -0.1em;
}
.breadcrumb_list li:nth-last-of-type(1):before {
content: "";
display: none!important;
}
.breadcrumb_list a {
color: #111;
text-decoration: none;
}
.breadcrumb_list a:hover {
text-decoration: underline;
}
.breadcrumb_list .icon-home {}

/*----------------------------------------------------------------------------
******************************************************************************
** ページャー
******************************************************************************
----------------------------------------------------------------------------*/
.pager {
margin: 30px 0;
}
.pager_list {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: center;
}
.page-numbers {
display: none;
}
.page-numbers.prev,
.page-numbers.next {
border: 1px solid #111;
border-radius: 5px;
color: #111;
display: block;
font-size: 1rem;
padding: 5px 0;
text-decoration: none;
text-align: center;
width: 40%;
}
.page-numbers:hover {
background: #111;
color: #FFF;
}
.page-numbers.prev {
margin-right: 10%;	
}
.page-numbers.next {
margin-left: 10%;	
}

}