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

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;
}
/* ==== コンタクトフォーム === */
.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: -0.1em;
}
.btn-submit {
border: none;
font-size: 1.1em;
background: #003166;
color: #fff;
padding: 6px 40px;
display: block;
margin: 0 auto;
}

/*----------------------------------------------------------------------------
******************************************************************************
** パンくずリスト
******************************************************************************
----------------------------------------------------------------------------*/
.bread_list {
display: flex;
}
.bread_list li {
font-size: 1.1rem;
margin-right: 20px;
position: relative;
}
.bread_list li:before {
content: ">";
position: absolute;
left: -1.2em;
top: -0.1em;
}
.bread_list li:first-child:before {
content: ""!important;
display: none!important;
}
.bread_list a {
color: #111;
text-decoration: none;
}
.bread_list a:hover {
text-decoration: underline;
}
.bread_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);
}
}

/*-------------------------------------------------------------------------------------------------------
*********************************************************************************************************
*********************************************************************************************************
******
****** 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;
}

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

}