/*!
Theme Name: JONA
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: JONA
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

bishiken is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Asides
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/


html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

body {
	margin: 0;
    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
    color: #333 !important;
    font-weight: 500 !important;
    overflow-x: hidden;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
    color: #333;
}

a:active,
a:hover,
a:focus,
*:focus {
	outline: none;
}
a img{
	outline: none;
}
a:hover img{
  opacity: 0.8;
  transition-duration: 0.3s;
}
abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: bold;
}

dfn {
	font-style: italic;
}

h1 {
	font-size: 2em;
	margin: 0.67em 0;
}

h2 {
	font-size: 25px;
	margin: 0;
}

mark {
	background: #ff0;
	color: #000;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
    -webkit-backface-visibility: hidden;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 10px;
}

hr {
	box-sizing: content-box;
	height: 0;
}

pre {
	overflow: auto;
}

code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input {
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	width:15px !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
}

optgroup {
	font-weight: bold;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th {
	padding: 20px 15px;
    border: 1px solid #999;
}
th {
    background-color: #F2F2F2;
    text-align: left;
}
@media only screen and (max-width: 420px) {
    h2 {
    font-size: 20px;
}
}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
input,
select,
textarea {
	color: #222 !important;
	font-family: sans-serif;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.5;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

p {
	margin: 0;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0;
    font-style:normal;
    text-decoration: none !important;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code,
kbd,
tt,
var {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	box-sizing: inherit;
}

body {
	
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote,
q {
	quotes: "" "";
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

ul,
ol {
	margin: 0;
    padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
}

li > ul,
li > ol {
	margin-bottom: 0;
	margin-left: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0;
}

img {
	height: auto; /* Make sure images are scaled correctly. */
	max-width: 100%; /* Adhere to container width. */
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

li {
    list-style-type: none;
}
p {
    font-size: 15px;
}
a {
    text-decoration: none;
}
dl {
    margin: 0;
}
/*--------------------------------------------------------------
# 基本
--------------------------------------------------------------*/

.inner{
    max-width: 1100px;
    margin: 0 auto;
}

.inner_l{
    max-width: 1250px;
    margin: 0 auto;
}
.inner_m{
    max-width: 900px;
    margin: 0 auto;
}
.inner_s{
    max-width: 860px;
    margin: 0 auto;
}
.inner_xs{
    max-width: 760px;
    margin: 0 auto;
}
.inner_xxs{
    max-width: 400px;
    margin: 0 auto;
}
.impact {
    font-family: 'impact' , 'arial black' ,sans-serif;
}
.anton {
    font-family: 'Anton','impact', sans-serif;
}
.br_span {
    display: block;
}
.pc_show {
    display: block;
}
.sp_show {
    display: none;
}
.main_column {
    float: right;
    width: 78%;
    padding-left: 50px;
}
aside {
    float: left;
    width: 22%;
}
.anchor_basic {
    position: relative;
    top: -70px;
    display: inline-block;
    height: 0;
}

.sns_icon {
    display: inline-block;
    text-align: center;
    height: 30px;
    width: 30px;
    line-height: 30px;
    border-radius: 50%;
    background-color: #fff;
    border:1px solid #AEAEAE;
}
.sns_icon.color {
    background-color: #138879;
    border:1px solid #138879;
    color: #fff;
}
.txt_center {
    text-align: center;
}
a.underline{
    text-decoration: underline;
    color:#138879;
}

.row_4{
    display: flex;
}
.row_4 ul{
    width: 25%;
    padding: 15px 10px;
}
.row_4 ul li a{
    font-size: 14px;
    font-weight: 500;
    display: inline-block;
    margin-bottom: 10px;
}
.row_4 ul li a:hover{
    text-decoration: underline;
}

.bold{
    font-weight: bold !important;
}

@media only screen and (min-width: 2000px) {

}
@media only screen and (max-width: 1024px) {
.pc_show {
    display: none;
}
.sp_show {
    display: block;
}
.inner{
    padding: 0 15px;
}

nav.sp {
    display: block;
}

}
@media only screen and (max-width: 758px) {
.inner{
    padding: 0 10px;
}
.inner_xs,.inner_s,.inner_m,.inner_l{
    padding: 0 10px;
}
.br_span {
    display: inline;
}
.br_none {
    display: none;
}
.main_column {
    float: none;
    width: 100%;
    padding-left: 0px;
}
aside {
    float: none;
    width: 100%;
    margin-top: 70px;
}
}

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

フッター

-------------------------------- */
footer {
    background-color: #138879;
    color: #fff;
    padding-top: 60px;
}
.footer_col_1 a,
.footer_col_2 a,
.footer_col_3 a{
    color: #fff;
}
.footer_inner {
    display: flex;
}
.footer_col_1,
.footer_col_2 {
    flex-basis: 25%;
    padding: 0 10px;
}
.footer_col_3 {
    flex-basis: 50%;
    padding: 0 10px;
}
.footer_col_3_inner {
    display: flex;
}
.footer_col_3_inner ul{
    flex-basis: 50%;
}

.footer_col .footer_bold a {
    font-weight: bold;
    margin-bottom: 8px;
    display: inline-block;
    padding-left: 0;
}
.footer_col a {
    display: inline-block;
    padding-left: 8px;
    margin-bottom: 8px;
    font-size: 15px;
}
.footer_col a:hover {
    text-decoration: underline;
}
.footer_col ul {
    margin-bottom: 20px;
}
.footer_logo img{
    max-width: 470px;
}
.footer_info .header_contact {
    margin-top: 5px;
    justify-content: flex-start;
}
.footer_col .footer_info a {
    display: inherit;
    padding: inherit;
    margin: inherit;
}
.footer_info .language a{
    color: #138879;
    background-color: #fff;
    border: 1px solid #138879;
}
.footer_info .header_conatct_btn li{
    padding: 0 3px;
}
.footer_info .header_conatct_btn a {
    color: #138879;
    background-color: #fff;
    border: 1px solid #138879;
}
.footer_info .header_conatct_btn li:first-child a{
    background-color: #fff;
}
.footer_info .header_conatct_btn li:last-child a{
    background-color: #fff;
}
.footer_info .sns_btn a {
    display: flex;
    background-color: #fff;
    border:1px solid #fff;
}
.copy_right {
    text-align: center;
    font-size: 11px;
    padding: 15px 0;
}

@media only screen and (min-width: 1600px) {

}
@media only screen and (max-width: 1100px) {

}
@media only screen and (max-width: 1024px) {
    .footer_inner {
        flex-wrap: wrap;
    }
    .footer_col_1, .footer_col_2 {
        flex-basis: 50%;
        padding: 0 10px;
    }
    .footer_col_3 {
        flex-basis: 100%;
        padding: 0 10px;
    }
}
@media only screen and (max-width: 758px) {
    .footer_logo img {
        max-width: 400px;
    }
    footer .header_contact {
        flex-wrap: wrap;
    }
}

@media only screen and (max-width: 450px) {
    .footer_logo img {
        max-width: 300px;
    }
    .footer_col a {
        padding-left: 3px;
        font-size: 12px;
    }
    .footer_col_1, .footer_col_2 {
        padding: 0 5px;
    }
    .footer_col ul {
        margin-bottom: 10px;
    }
    footer {
        padding-top: 28px;
    }
}
/* -------------------------------- 

ヘッダー

-------------------------------- */
.overlay {
    background-color: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
}
#sp_overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100000000;
        background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
          -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.header_info {
    display: flex;
    justify-content: space-between;
}
.header_info h1 {
    font-size: 11px;
    flex-basis: 40%;
}
.header_contact_outer {
    flex-basis: 60%;
}
.header_contact {
    display: flex;
    justify-content: flex-end;
}
.header_contact ul {
    display: flex;
} 
.language li{
    padding: 0 3px;
}
.language a{
    display: block;
    line-height: 30px;
    height: 30px;
    width: 70px;
    text-align: center;
    color: #fff;
    background-color: #D1D1D1;
    font-weight: bold;
    font-size: 12px;
}
.header_conatct_btn li{
    padding: 0 3px;
}
.header_conatct_btn a {
    display: block;
    line-height: 30px;
    height: 30px;
    width: 135px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    border-radius: 5px;
}
.header_conatct_btn li:first-child a{
    background-color: #F47521;
}
.header_conatct_btn li:last-child a{
    background-color: #138879;
}
.sns_btn li {
    margin-left: 3px;
}
.sns_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    border:1px solid #AEAEAE;
}


.pc_nav_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
}
.pc_nav_inner h1 {
    flex-basis: 30%;
    margin: 0;
}
.pc_nav_inner .logo img{
    width: 380px;
}
.pc_nav_inner .menu-container {
    flex-basis: 70%;
    padding-left: 50px;
}

.menu {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    max-width: 1000px;
    margin: 0 auto;
}

.menu > li {
    flex-basis: 25%;
    height: 30px;
    line-height: 30px;
}

.menu > li a {
    display: block;
    color: #fff;
}
.menu > li a:hover {
    text-decoration: none;
    color: #fff;
}

.menu > li a.menu_first_level {
    color: #000;
    background-color: #fff;
    text-align: center;
    border-left: 1px solid #333;
}
.menu > li a.menu_first_level:hover {
    color: #000;
    background-color: #fff;
}

ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
    z-index: 1;
}

ul.menu__third-level {
    visibility: hidden;
    opacity: 0;
}

ul.menu__fourth-level {
    visibility: hidden;
    opacity: 0;
}

.menu > li:hover {
    background: #072A24;
    -webkit-transition: all .5s;
    transition: all .5s;
}

.menu__second-level li {
    border-top: 1px solid #fff;
}

.menu__third-level li {
    border-top: 1px solid #111;
}

.menu__second-level li a:hover {
    background: #138879;
}

.menu__third-level li a:hover {
    background: #2a1f1f;
}

.menu__fourth-level li a:hover {
    background: #1d0f0f;
}


/* floatクリア */
.menu:before,
.menu:after {
    content: " ";
    display: table;
}

.menu:after {
    clear: both;
}

.menu {
    *zoom: 1;
}

.menu > li.menu__single {
    position: relative;
}

li.menu__single ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 260px;
    background: #F47521;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__single ul.menu__second-level a{
    line-height: 60px;
    padding-left: 10px;
    font-size: 15px;
    position: relative;
}
li.menu__single ul.menu__second-level a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 10px;
    margin-top: -6px;
    top: 50%;
}
li.menu__single:hover ul.menu__second-level {
    top: 40px;
    visibility: visible;
    opacity: 1;
}

.menu > li.menu__multi {
    position: relative;
}

li.menu__multi ul.menu__second-level {
    position: absolute;
    top: 40px;
    width: 100%;
    background: #072A24;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi:hover ul.menu__second-level {
    top: 50px;
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li:hover {
    background: #111;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    background: #111;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
    visibility: visible;
    opacity: 1;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li {
    position: relative;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
    background: #2a1f1f;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li ul.menu__fourth-level {
    position: absolute;
    top: -1px;
    left: 100%;
    width: 100%;
    background: #2a1f1f;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover ul.menu__fourth-level {
    visibility: visible;
    opacity: 1;
}

.nav_contact address{
    font-size: 12px;
    color: #00531D;
}
.nav_contact address span{
    font-size: 24px;
    font-family: 'Anton', sans-serif;
    display: inline-block;
    padding-left: 5px;
}
.nav_contact a {
    display: block;
    line-height: 25px;
    background-color:#00531D;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border-radius: 10px;
}

/***********スティッキーヘッダー************/

.header_container {
    width: 100%;
    background-color:#fff;
    position: relative;
    z-index: 100;
    height: 60px;
    display: table;
}
body.top_page .header_container {
    position: absolute;
}
.stick-me.not-sticking .sp_sticky_nav {
    display: none;
}
.stick-me.sticking .sp_sticky_nav {
    display: block;
}
.stick-me.sticking .header_info {
    display: none;
}
.sticking.header_container {
    z-index: 100000;
    height: 50px;
    box-shadow: 1px 1px 1px #ccc;
}
.stick-me.sticking .logo {
    padding-top: 5px;
}
.stick-me.sticking .logo img {
    width: 300px;
}
@media all and (-ms-high-contrast:none){


/***********IE用游ゴシックline-height効かないため************/
}



@media only screen and (max-width: 1300px) {

}

@media only screen and (max-width: 1024px) {
    .logo_sp h1 {
        margin: 0;
    }
    .header_info {
        display: block;
        background-color: #138879;
        color: #fff;
    }
    .header_info h1{
        margin: 0;
        padding: 3px 0;
    }
}

@media only screen and (max-width: 768px) {

}
@media only screen and (max-width: 450px) {
    .header_info h1 {
        font-size: 10px;
        margin: 0;
        padding-top: 5px;
    }
}

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

ヘッダー・グローバルメニューSP

-------------------------------- */
/*--------------------------------------------------------------
# スマホメニュー
--------------------------------------------------------------*/
.overlay {
    background-color: #fff;
    opacity: 0.75;
    width: 100%;
    height: 100%;
}
#sp_overlay{
        display: none;
        width: 100%;
        height:100%;
        text-align: center;
        position: fixed;
        top: 0;
        z-index: 100000000;
        background-color: #fff;
  overflow: hidden;
  overflow-y: auto;
          -webkit-overflow-scrolling: touch;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
nav.sp {
    position: relative;
    z-index: 2000;
}
.nav_sp_top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 50px;
    background-color: #fff;
}
.logo_sp{
    flex-basis: 65%;
    padding-left: 10px;
}
.sp_nav_btn {
    flex-basis: 35%;
    padding-right: 10px;
}

.sp_nav_btn i {
    font-size: 28px;
}

.nav_phone_btn,
.btn_trigger{
    display: inline-block;
    padding-left: 10px;
}
.nav_phone_btn a{
    margin-top: 2px;
    display: flex;
    height: 24px;
    width: 70px;
    align-items: center;
    justify-content: center;
    background-color: #F47521;
    border-radius: 5px;
}
.nav_phone_btn a span{
    font-size: 10px;
    font-weight: bold;   
    color: #fff;
    line-height: 1;
}
.sp_nav_btn {
    display: flex;
    justify-content: flex-end;
}

.sp_nav_top {
    background-color: #138879;
    display: table;
    width: 100%;
    height: 50px;
}
.sp_nav_top_close {
    font-size: 30px;
    display: table-cell;
    text-align: right;
    width: 20%;
    padding-right: 15px;
    vertical-align: middle;
    color: #fff;
}
.sp_nav_top .archivo {
    text-align: left;
    display: table-cell;
    text-align: left;
    width: 80%;
    vertical-align: middle;
    padding-left: 15px;
    color: #fff;
    font-size: 12px;
}

.sp_nav_bottom li {
    text-align: left;
}
.sp_nav_bottom li dt a {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
    background:rgba(19, 136, 121, 0.1) url("/wp-content/themes/tigerauto/images/ac_open_icon.png") no-repeat center right 15px;
    background-size: 15px;
    font-size: 13px;
    padding-left: 15px;
}
.sp_nav_bottom li dt.active a {
    background:rgba(19, 136, 121, 0.1) url("/wp-content/themes/tigerauto/images/ac_close_icon.png") no-repeat center right 15px;
    background-size: 15px;
}
.sp_nav_bottom dt span {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    height: 60px;
}
.sp_nav_row li a {
    display: table;
    width: 100%;
    border-bottom: 1px solid #ccc;
}
.sp_nav_row li a span{
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    height: 40px;
    background-color: #fff;
    padding:0 15px;
    font-weight: 600;
    font-size: 11px;
}
.sp_nav_product_cat {
    background-color: #ddd;
    line-height: 40px;
    padding-left: 15px;
    font-weight: bold;
    border-bottom: 1px solid #ccc;
}
.no_ac a{
    display: block;
    line-height: 50px;
    background: url("/wp-content/themes/tigerauto/images/sp_nav_link_icon.png") no-repeat center right 15px;
    background-size: 15px;
    border-bottom: 1px solid #ccc;
    font-size: 12px;
    font-weight: bold;
    padding-left: 15px;
    background-color: rgba(19, 136, 121, 0.1);
}
.sp_nav_info.footer_info {
    background-color: #ddd;
    padding: 15px;
}
.sp_nav_info.footer_info dl{
    margin: 0;
}
.sp_nav_info.footer_info a{
    color: #222 !important;
}
li.sp_nav_bottom_close a{
    border: none;
    background:#138879 url("/wp-content/themes/tigerauto/images/close_icon.png") no-repeat center right 15px !important;
    background-size: 15px !important;
    color: #fff;
}
.sp_nav_bottom dl#acMenu {
    margin: 0;
}
.sp_nav_bottom dl dt {
    margin: 0;
    font-weight: 600;
}
.sp_nav_bottom dl li {
    
}


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

サイド

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

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

トップ

-------------------------------- */
.first_view {
    height: 75vh;
    width: 100%;
    /**background: url(/wp-content/themes/jona/images/top/first_view_bg.jpg) no-repeat center center;**/
    /**background-size: cover;**/
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}
.first_view_logo {
    position: relative;
    top: -30px;
}

.first_view.test1 {
    height: 100vh;
    width: 100%;
    background: url(/wp-content/themes/jona/images/top/first_view_bg2.jpg) no-repeat center center;
    background-size: cover;
    display: flex;
    align-items: center;
    justify-content: center;
}


.fv_btn{
    padding-bottom: 40px;
}
.fv_btn .top_small_btn li {
    flex-basis: 25%;
}
.fv_btn .top_small_btn li a{
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
}

.top_about_organic,
.top_about_jona,
.top_certification{
    max-width: 1100px;
    margin: 0 auto;
    position: relative;
}
.top_about_organic:before,
.top_about_jona:before,
.top_certification:before{
    content: '';
    display: block;
    height: 320px;
    width: 100%;
    background-color: #138879;
    position: absolute;
    z-index: -1;
}
.top_about_organic_inner,
.top_about_jona_inner,
.top_certification_inner {
    display:flex;
    justify-content: space-around;
    margin-bottom: 70px;
}
.top_organic_img,
.top_organic_info,
.top_about_jona_info,
.top_about_jona_img,
.top_certification_img,
.top_certification_info{
    flex-basis: 50%;
}
.top_organic_info,
.top_about_jona_info,
.top_certification_info{
    color: #fff;
    padding: 40px;
}
.top_organic_info h2,
.top_about_jona_info h2{
    font-size: 25px;
    padding: 15px 0 30px;
}
.top_organic_info h2 + p,
.top_about_jona_info h2 + p,
.top_certification h2 + p{
    font-size: 17px;
    line-height: 1.8;
}
.top_organic_img,
.top_certification_img{
    padding: 40px 0 0 40px;
}
.top_about_jona_img{
    padding: 40px 40px 0 0;
}
.top_organic_link,
.top_about_jona_link {
    padding-top: 100px;
}

.top_small_btn {
    display: flex;
    flex-wrap: wrap;
}
.top_small_btn li{
    flex-basis: 33.3333%;
    padding: 5px;
}
.top_small_btn li a{
    display: block;
    border-radius: 5px;
    line-height: 45px;
    height: 45px;
    font-size: 13px;
    text-align: center;
    border: 1px solid #333;
    background-color: #fff;
    transition: 0.4s;
}
.top_small_btn li a:hover{
    background-color: #aaa;
    color: #fff;
}

.top_login_magazine {
    max-width: 1050px;
    margin: 0 auto;
}

.top_certification h2{
    font-size: 25px;
    padding: 5px 0 20px;
}
.top_certification_link {
    padding-top: 90px;
}
.top_about_organic_inner .btn_outer_m {
    margin-bottom: 20px;
}
.top_about_jona_link .btn_outer_m {
    margin-bottom: 20px;
}
.top_certification_link .btn_outer_m {
    margin-bottom: 20px;
}
.top_login_magazine {
    margin-bottom: 90px;
}
.top_news {
    margin-bottom: 100px;
}
@media only screen and (max-width: 1400px) {
    .first_view_logo{
        top:0;
    }
    .first_view_logo img{
        max-width: 500px;
    }
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 959px) {
    .first_view_logo img{
        max-width: 400px;
    }
}
@media only screen and (max-width: 768px) {
    .fv_btn .top_small_btn li {
        flex-basis: 50%;
    }
    .top_about_organic:before, .top_about_jona:before, .top_certification:before {
        height: 330px;
    }
    .top_organic_info h2, .top_about_jona_info h2,.top_organic_info h2, .top_certification h2{
        font-size: 25px;
        padding: 15px 0;
    } 
    .top_organic_info h2 + p, .top_about_jona_info h2 + p, .top_certification h2 + p {
        font-size: 16px;
        line-height: 1.6;
    }
    .top_small_btn li a {
        line-height: 30px;
        height: 30px;
        font-size: 11px;
    }
    .top_organic_info, .top_about_jona_info, .top_certification_info {
        padding: 20px;
    }
    .top_organic_img, .top_certification_img {
        padding: 20px 0 0 20px;
    }
    .top_about_organic_inner, .top_about_jona_inner, .top_certification_inner {
        margin-bottom: 40px;
    }
}
@media only screen and (max-width: 650px) {
    .top_about_organic_inner, .top_certification_inner {
        flex-direction: column-reverse;
    }
    .top_about_jona_inner{
        flex-direction: column;
    }
}

@media only screen and (max-width: 450px) {
    .first_view_logo img{
        max-width: 300px;
    }
    .top_organic_info h2 + p, .top_about_jona_info h2 + p, .top_certification h2 + p {
        line-height: 1.6;
    }
    .top_about_organic:before, .top_about_jona:before, .top_certification:before {
        height: 256px;
    }
    .top_organic_link, .top_about_jona_link {
        padding-top: 55px;
    }
    .top_organic_img, .top_certification_img {
        padding: 10px 0 0 40px;
    }
    .top_login_magazine {
        margin-bottom: 40px;
    }
}
/*--------------------------------------------------------------
# ページ基本
--------------------------------------------------------------*/
main.page_main {
    padding-bottom: 100px;
} 
.basic_page_content {
    padding: 60px 0;
}
.basic_page_content p{
    font-size: 16px;
    line-height: 2;
}
h2.h2_basic {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin: 0;
    padding-bottom: 25px;
}
h2.h2_basic_border {
    text-align: center;
    font-size: 28px;
    font-weight: 500;
    margin:0 0 40px;
    position: relative;
}
h2.h2_basic_border:after{
    display: inline-block;
    content: '';
    height: 1px;
    width: 200px;
    position: absolute;
    bottom: -20px;
    left: 50%;
    margin-left: -100px;
    background-color: #707070;
}
.btn_outer_s {
    max-width: 280px;
}
.btn_outer_m {
    max-width: 460px;
}
.btn_outer_m_center {
    max-width: 460px;
    margin: 0 auto;
}
.btn_outer_l {
    max-width: 550px;
    margin: 0 auto;
}
.btn_basic_orange,.btn_basic_green {
    display: flex;
    width: 100%;
    align-items: center;
    height: 72px;
    color: #fff;
    font-size: 20px;
    padding-left: 40px;
    border-radius: 5px;
    position: relative;
    transition: 0.4s;
}
.btn_basic_orange {
    background-color: #F47521;
}
.btn_basic_green{
    background-color: #138879;
}
.btn_basic_orange:after,.btn_basic_green:after {
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 20px;
    margin-top: -6px;
    top: 50%;
}
.btn_outer_s .btn_basic_orange,
.btn_outer_s .btn_basic_green{
    font-size: 18px;
    padding-left: 30px;
}
.btn_basic_orange:hover,.btn_basic_green:hover {
    background-color: #aaa;
}

.img_rounded {
    border-radius: 3px;
}

.btn_flex_2 {
    display: flex;
}
.btn_flex_2 div{
    flex-basis: 50%;
    padding: 0 20px;
}

.btn_flex_3 {
    display: flex;
}
.btn_flex_3 div{
    flex-basis: 33.3333333%;
    padding: 0 10px;
}

.btn_flex_4 {
    display: flex;
    flex-wrap: wrap;
}
.btn_flex_4 div{
    flex-basis: 25%;
    padding:10px;
}
.btn_flex_4 div a{
    padding-left: 20px;
    font-size: 18px;
}

.page_header_img img {
    vertical-align: bottom;
}

.page_h1_1 {
    max-width: 1030px;
    margin: 15px auto 0;
}
.page_h1_1 h1 {
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    border-bottom: 1px solid #8A8A8A;
    padding-bottom: 30px;
    margin: 0 0 70px 0;
}
.h1_sub {
    font-size: 16px;
    display: block;
}
.page_main_text {
    margin: 0;
    padding: 0 0 80px;
    font-size: 17px;
    line-height: 2;
}
.page_main_text a{
    color: #138879;
    text-decoration: underline;
}
.page_header_h1 {
    background: url(/wp-content/themes/jona/images/page/circle_m.png) no-repeat left -150px top -140px,
                url(/wp-content/themes/jona/images/page/circle_s.png) no-repeat left 50px bottom -50px,
                url(/wp-content/themes/jona/images/page/circle_m.png) no-repeat right -100px bottom -200px,
                url(/wp-content/themes/jona/images/page/circle_s.png) no-repeat right -100px top -50px,
        #138879;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 210px;
    width: 100%;
}
.page_header_h1 h1{
    color: #fff;
    font-weight: 500;
    max-width: 70%;
    text-align: center;
    line-height: 1.3;
}
.page_header_solid {
    margin-bottom: 50px;
}

.pdf_long a{
    display: flex;
    align-items: center;
    border-top: 1px solid #138879;
    border-bottom: 1px solid #138879;
    padding: 0 15px;
    height: 85px;
    color: #138879;
    position: relative;
}
.pdf_long a:hover{
    background-color: rgba(19, 136, 121, 0.1);
}
.pdf_long a:after{
    position: absolute;
    right: 25px;
    top: 50%;
    margin-top: -15px;
    content: 'PDF';
    display: inline-block;
    font-size:13px;
    font-weight: bold;
    color: #fff;
    background-color: #138879;
    padding: 3px 5px;
}

.back_to_list {
    padding-top: 40px;
}

.fixed_inner_link {
    position: fixed;
    bottom: 60px;
    right: 0;
}
.fixed_inner_link li{
    margin-bottom: 10px;
}
.fixed_inner_link li a{
    display: flex;
    align-items: center;
    height: 40px;
    width: 180px;
    position: relative;
    background-color: #F47521;
    color: #fff;
    padding-left: 10px;
    font-size: 13px;
    font-weight: bold;
}
.fixed_inner_link li a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: 10px;
    margin-top: -6px;
    top: 50%;
}

.feature_list_ribbon dl{
    display: flex;
    border-bottom: 1px solid #ccc;
    height: 175px;
    align-items: center;
}
.feature_list_ribbon dl dt div{
    display: flex;
    align-items: center;
}
.feature_list_ribbon dt div span:first-child{
    display: inline-block;
    margin-right: 15px;
}
.feature_list_ribbon dl dt{
    flex-basis: 30%;
    color: #138879;
    font-size: 20px;
}
.feature_list_ribbon dl dd{
    flex-basis: 70%;
    font-size: 17px;
}
.feature_list_ribbon dl dd a{
    color: #138879;
    text-decoration: underline;
}
.img_row {
    display: flex;
}
.img_row li{
    flex-basis: 25%;
}

.inner_s.member_news {
    max-width: 800px;
}
.inner_s.member_news p{
    margin-bottom: 15px;
}
.inner_s.member_news .post_content a{
    color: #F47521;
    text-decoration: underline;
}
@media only screen and (max-width:768px) {
    .btn_flex_4 div{
        flex-basis: 50%;
    }
    .page_header_h1 h1 {
        max-width: 90%;
        font-size: 18px;
    }
    .basic_page_content {
        padding: 60px 15px;
    }
}
@media only screen and (max-width:650px) {
    .btn_flex_2 {
        display: block;
    }
    .btn_flex_2 div {
        padding: 10px 20px;
    }
    .page_h1_1 {
        margin: 10px auto 0;
    }
    .page_h1_1 h1 {
        font-size: 20px;
        padding-bottom: 20px;
        margin: 0 10px 30px;
    }
    .h1_sub {
        font-size: 12px;
    }
    h2.h2_basic_border {
        font-size: 20px;
        margin: 0 0 25px;
    }
    main.page_main {
        padding-bottom: 60px;
    }
    .page_main_text {
        padding: 0 0 40px;
        font-size: 16px;
    }
    .btn_basic_orange, .btn_basic_green {
        height: 50px;
        font-size: 15px;
        padding-left: 15px;
    }
    .btn_basic_orange:after, .btn_basic_green:after {
        border-width: 4px 0 4px 6px;
        right: 10px;
        margin-top: -4px;
    }
    .page_header_h1 {
        background: url(/wp-content/themes/jona/images/page/circle_m.png) no-repeat left -200px top -200px, url(/wp-content/themes/jona/images/page/circle_s.png) no-repeat left -100px bottom -100px, url(/wp-content/themes/jona/images/page/circle_m.png) no-repeat right -150px bottom -250px, url(/wp-content/themes/jona/images/page/circle_s.png) no-repeat right -100px top -50px, #138879;
        height: 150px;
    }
    .feature_list_ribbon dl {
        height: auto;
        padding: 10px 0;
    }
    .feature_list_ribbon dl dt {
        font-size: 16px;
    }
    .feature_list_ribbon dl dt span img {
        width: 50px;
    }
}
@media only screen and (max-width:450px) {
    .img_row {
        flex-wrap: wrap;
    }
    .img_row li {
        flex-basis: 50%;
    }
    .img_row li img{
        vertical-align: bottom;
    }
    .page_main_text.txt_center {
        padding: 0 0 40px;
        font-size: 16px;
        line-height: 2;
    }
    .page_main_text.txt_center {
        text-align: left;
    }
    main.page_main {
        padding-bottom: 40px;
    }
    .btn_flex_4 div{
        padding: 5px;
    }
    .btn_flex_3 {
        display: block;
    }
    .btn_flex_3 div{
        padding: 5px 10px;
    }
    .feature_list_ribbon dl dt {
        font-size: 14px;
        flex-basis: 180px;
    }
    .feature_list_ribbon dl dd {
        font-size: 14px;
    }
    .btn_flex_4 div a {
        padding-left: 8px;
        font-size: 14px;
        font-weight: bold;
    }
    .basic_page_content {
        padding: 30px 15px;
    }
}

#wpmem_login {
    max-width: 600px;
    background-color: #e8e8e8;
    padding: 50px 100px 0 100px;
    margin: 0 auto;
}
.password_default {
    max-width: 600px;
    margin: 0 auto;
    background-color: #e8e8e8;
    padding: 50px 100px;
    font-weight: bold;
}
.password_lost {
    max-width: 600px;
    margin: 0 auto 30px;
    background-color: #e8e8e8;
    padding: 0 100px 30px;
}
.password_lost a{
    text-decoration: underline;
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    display: block;
    padding: 10px;
    border: 1px solid #333;
}
.password_lost a:hover{
    background-color: #071838;
    color: #fff;
}
#wpmem_login fieldset, #wpmem_reg fieldset {
    margin: 40px 0 0 !important;
}
#wpmem_login .div_text {
    width: 100% !important;
    margin: 0 0 14px 0;
}
#wpmem_login legend, #wpmem_reg legend {
    margin-bottom: 30px !important;
    text-align: center !important;
}
.button_div input#rememberme {
    width: auto !important;
}
#wpmem_login .button_div, #wpmem_reg .button_div {
    width: 100% !important;
    padding: 6px 0;
    text-align: center !important;
}

@media only screen and (min-width: 1600px) {

}
@media only screen and (max-width: 450px) {

}

/*--------------------------------------------------------------
# ログインフォーム
--------------------------------------------------------------*/
#wpmem_restricted_msg {
    text-align: center;
}
#wpmem_login legend, #wpmem_reg legend {
    font-size: 23px !important;
}
.salon_info {
    text-align: center;
    max-width: 600px;
    margin: 0 auto;
}
.salon_info ul li {
    background-color: #e8e8e8;
    font-weight: bold;
    padding: 20px;
    margin-bottom: 5px;
}
.salon_info p{
    margin: 0;
}
.no_password {
    max-width: 600px;
    margin: 0 auto;
    background-color: #e8e8e8;
    padding: 100px;
}
.get_password a {
    display: block;
    width: 250px;
    margin: 0 auto;
    background-color: #fff;
    border: 1px solid #808080;
    line-height: 45px;
    text-align: center;
}
.get_password a:hover {
    background-color: #071838;
    color: #fff;
}
.login_inner {
    padding: 0 10px;
}
.logout_text {
    text-align: center;
    background-color: #e8e8e8;
    max-width: 600px;
    margin: 30px auto 0;
    padding:50px;
    font-size: 15px;
}
.logout_text a{
    background-color: #fff;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #999;
}
.wpmem_msg {
    width: 100% !important;
    padding-bottom: 17px !important;
}
@media only screen and (max-width: 767px) {
    #wpmem_login, .no_password  {
        padding: 30px 40px;
    }
}
@media only screen and (max-width: 450px) {
    #wpmem_login , .no_password  {
        padding: 20px 15px;
    }
}

/*--------------------------------------------------------------
# オーガニックは
--------------------------------------------------------------*/
.img_row img.img_rounded{
    border-radius: 6px;
}
.about_subtext{
    padding: 60px 0 80px;
}
.about_subtext p{
    text-align: center;
    font-size: 16px;
    line-height: 2;
}
.organic_purpose{
    margin-bottom: 80px;
}
.organic_diagram_outer {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 80px 20px 0;
}
.organic_diagram {
    flex-basis: 50%;
    text-align: center;
    padding: 0 50px;
}
.organic_purpose_cotent {
    flex-basis: 50%;
}
.organic_purpose_cotent dl {
    padding-bottom: 15px;
}
.organic_purpose_cotent dt {
    width: 140px;
    position:relative;
    font-weight: bold;
    font-size: 20px;
    color: #138879;
    padding-left: 5px;
    margin-bottom: 5px;
}
.organic_purpose_cotent dt:after {
    width: 140px;
    position:absolute;
    height: 5px;
    background-color: #138879;
    content: '';
    bottom: -5px;
    left: 50%;
    margin-left: -70px;
}
.organic_purpose_cotent dd{
    font-size: 20px;
    padding-left: 5px;
}
.organic_purpose_link a {
    display: inline-block;
    font-size: 16px;
    color: #138879;
    font-weight: bold;
}

@media only screen and (max-width: 650px) {
    .about_subtext {
        padding: 30px 10px 40px;
    }
    .organic_diagram_outer {
        display: block;
        padding-top: 40px;
    }
    .organic_purpose_cotent dt:after {
        margin-left: -76px;
    }
}
@media only screen and (max-width: 450px) {
    .about_subtext p {
        text-align: left;
        font-size: 16px;
    }
    .about_subtext p br{
        display: none;
    }
    .organic_purpose_cotent dt {
        width: 150px;
        font-size: 20px;
    }
    .organic_purpose_cotent dd {
        font-size: 16px;
    }
}
/*--------------------------------------------------------------
# Q&A
--------------------------------------------------------------*/
section.q_a {
    padding-bottom: 100px;
}
.ac_answer p {
    font-size: 17px;
    line-height: 1.8;
    margin-bottom: 15px;
}
.ac_answer p a{
    text-decoration: underline;
    color: #F47521;
}
body.qa .ac_outer dl#acMenu:nth-child(even) dt{
    background-color: rgba(19, 136, 121, 0.1);
}
/*--------------------------------------------------------------
# JONAはオーガニックを広げたい
--------------------------------------------------------------*/
.about_jona_feature_box {
    flex-wrap: wrap;
    display: flex;
    align-items: center;
    justify-content: center;
}
.about_jona_feature_box li {
    flex-basis: 33.33333%;
    padding: 10px;
}
.about_jona_feature_box li div{
    background-color: #138879;
    padding: 15px;
    color: #fff;
    height: 200px;
    display: flex;
    align-items: center;
    text-align: center;
    border-radius: 5px;
    font-size:16px;
}

.inner_link_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 60px;
}
.inner_link_btn li{
    flex-basis: 33.33333%;
    padding: 10px;
}
.inner_link_btn a{
    display: flex;
    height: 45px;
    align-items: center;
    justify-content: center;
    background-color: #138879;
    border-radius: 5px;
    color: #fff;
}
.inner_link_btn a span{
    position: relative;
    display: inline-block;
}
.inner_link_btn a span:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 11px 6.5px 0 6.5px;
    border-color: #fff transparent transparent transparent;
    position: absolute;
    right: -15px;
    margin-top: -6px;
    top: 50%;
}
.about_jona_txt p {
    padding-bottom: 40px;
}

.history {
    padding-top: 50px;
}
.history dl {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    height: 85px;
    border-bottom: 1px solid #138879;
    padding: 0 25px;
}
.history dl dt{
    flex-basis: 150px;
    color: #138879;
    font-size: 13px;
}
.history a{
    display: block;
    position: relative;
}
.history a:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 5px 0 5px 9px;
    border-color: transparent transparent transparent #138879;
    position: absolute;
    right: 10px;
    margin-top: -6px;
    top: 50%; 
}
.history a:hover{
    background-color: rgba(19, 136, 121, 0.21);
}
@media only screen and (max-width:650px) {
    .about_jona_feature_box {
        display: block;
    }
}
@media only screen and (max-width:450px) {
    .inner_link_btn a{
        font-size: 11px;
        font-weight: bold;
    }
    .inner_link_btn li{
        padding: 5px;
    }
    .inner_link_btn a span:after{
        border-width: 9px 5px 0 5px;
        margin-top: -4px;
    }
}
/*--------------------------------------------------------------
# 多様な業務と活動・運動団体として
--------------------------------------------------------------*/
.activities_row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-bottom: 30px;
}
.activities_row dl{
    flex-basis: calc(100% - 280px);
    padding-right: 20px;
}
.activities_row.activities_row_right dl {
    padding-right: 0;
    padding-left: 20px;
}
.activities_row dt{
    display: flex;
    align-items: center;
    font-weight: 500;
    color: #138879;
    font-size: 23px;
    line-height: 1.3;
    padding-bottom: 20px;
}
span.activities_icon{
    flex-basis: 85px;
    padding-right: 10px;
}
span.activities_icon img{
    width: 70px;
}
.activities_row dd{
    line-height: 1.8;
}

.activities_sns_icon {
    display: flex;
    justify-content: flex-end;
}
.activities_sns_icon li{
    padding-left: 10px;
}
.movement_row {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.movement_row .movement_txt {
    flex-basis:calc(100% - 350px);
    font-size: 16px;
    line-height: 1.8;
}
.activities_section {
    padding-bottom: 60px;
}
.movement_section {
    padding-bottom: 60px;
}

@media only screen and (max-width:758px) {
    .activities_row{
        flex-direction: column;
    }
    .activities_row.activities_row_right {
        flex-direction: column-reverse;
    }
    .movement_row {
        flex-direction: column;
    }
    .movement_row.movement_row_right {
        flex-direction: column-reverse;
    }
}
/*--------------------------------------------------------------
# JONAの有機認証について
--------------------------------------------------------------*/
body.certification_jona .page_h1_1 h1 {
    margin-bottom: 30px;
}


/*--------------------------------------------------------------
# 認証メニュー
--------------------------------------------------------------*/
.certification_box_outer {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
}
.certification_box {
    flex-basis: 50%;
    padding: 20px;
}
.certification_box ul{
    display: flex;
    justify-content: space-between;
    border: 1px solid #138879;
    border-radius: 5px;
    height: 200px;
    padding: 30px 25px;
    position: relative;
}
/**
.certification_box ul:after{
    position: absolute;
    content: '詳細';
    display: inline-block;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
}
**/
.certification_box ul li.certification_text{
    flex-basis: 80%;
    padding-right: 20px;
}
.certification_box ul li.certification_icon{
    flex-basis: 20%;
}
.certification_box ul dt{
    font-weight: 500;
    font-size: 20px;
    color: #138879;
    padding-bottom: 10px;
}
.certification_text dd {
    line-height: 1.5;
    font-size: 15px;
}
.detail_icon{
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: inline-block;
}
.detail_icon span{
    background-color: #138879;
    color: #fff;
    font-weight: bold;
    font-size: 13px;
    padding: 5px 20px;
    border-radius: 5px;
    position: relative;
}
.detail_icon span:after{
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 8px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 50%;
    right:7px;
    margin-top: -4px;
}
.certification_main section {
    margin-bottom: 80px;
}

@media only screen and (max-width: 650px) {
    .certification_box_outer {
        display: block;
    }
    .certification_box ul {
        height: auto;
        padding: 10px;
    }
    .certification_box ul dt {
        font-weight: bold;
        font-size: 16px;
        padding-bottom: 5px;
    }
    .certification_text dd {
        font-size: 12px;
    }
    .certification_box {
        padding: 10px;
    }
    .detail_icon {
        bottom: 5px;
        right: 5px;
    }
    .detail_icon span {
        font-size: 10px;
        padding: 5px 10px;
    }
    .detail_icon span:after {
        display: none;
    }
}

/*--------------------------------------------------------------
# ダウンロード
--------------------------------------------------------------*/
.download_inner {
    padding: 30px 15px;
}
.download_inner th{
    font-weight: 500;
    font-size: 14px;
}
td.download_btn_td {
    text-align: center;
    width: 130px;
}
td.download_btn_td a{
    display: inline-block;
    border-radius: 5px;
    padding: 3px 10px;
    color: #fff;
    font-size: 13px;
    font-weight: bold;
}
td.download_btn_td a.excel{
    background-color: #138879;
}
td.download_btn_td a.word{
    background-color: #4273F8;
}
td.download_btn_td a.pdf{
    background-color: #E92626;
}
.download_title_td {
    width: 250px;
    font-weight: bold;
}

body.download section{
    margin-bottom: 50px;
}

.certification_link {
    margin-top: 60px;
}

.download_outer {
    padding-top: 70px;
}

/*--------------------------------------------------------------
# 組織図
--------------------------------------------------------------*/
.basic_list li{
    font-size: 16px;
    padding-bottom: 20px;
    position: relative;
}
.basic_list li:before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: #138879;
    position: absolute;
    left: -18px;
    top: 7px;
}
.organization .basic_list {
    padding-bottom: 80px;
}
.organization {
    margin-bottom: 100px;
}
.small_btn_center {
    text-align: center;
}
.small_btn_center a{
    display: inline-block;
    background-color: #138879;
    color: #fff;
    width: 250px;
    line-height: 35px;
    text-align: center;
    border-radius: 5px;
}
section.staff_table {
    margin-bottom: 80px;
}
.staff_position,
.staff_name {
    width: 220px;
}
.staff_table h2 {
    margin-bottom: 80px;
}
.staff_table table a{
    color: #138879;
}
.staff_table table a:hover{
    text-decoration: underline;
}

@media only screen and (max-width: 650px) {
    .staff_position, .staff_name {
        width: auto;
    }
}
/*--------------------------------------------------------------
# 認証の手続き
--------------------------------------------------------------*/
.process_info dt div {
    display: flex;
    align-items: center;
}
.process_info .process_icon{
    display: inline-block;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    color: #fff;
    font-size: 22px;
    line-height: 40px;
    text-align: center;
    margin-right: 8px;
}
.process_info .process_title{
    font-size: 18px;
}
.process_info dt.orange .process_icon{
    background-color: #F47521;
}
.process_info dt.green .process_icon{
    background-color: #138879;
}
.process_info dt.orange .process_title{
    color: #F47521;
}
.process_info dt.green .process_title{
    color: #138879;
}
.process_info dl {
    border-bottom: 1px solid #6D6D6D;
    padding: 40px 20px;
    display: flex;
}
.process_info dl dt{
    flex-basis: 25%;
}
.process_info dl dd{
    flex-basis: 75%;
    font-size: 16px;
}
.process_info.inner {
    padding: 50px 20px 70px;
}

@media only screen and (max-width: 650px) {
    .process_info dl {
        padding: 30px 15px;
        display: block;
    }
    .process_info dl dt{
        margin-bottom: 15px;
    }
}
/*--------------------------------------------------------------
# 有機認証の費用について
--------------------------------------------------------------*/
.cost_info {
    margin-bottom: 60px;
}
.cost_info dl {
    border-bottom: 1px solid #6D6D6D;
    padding: 40px 20px;
    display: flex;
}
.cost_info dl:first-child {
    border-top: 1px solid #6D6D6D;
}
.cost_info dl dt{
    flex-basis: 20%;
    color: #138879;
    font-size: 18px;
}
.cost_info dl dd{
    flex-basis: 80%;
    font-size: 16px;
}
.cost_table {
    margin-top: 80px;
}
.cost_table table{
    margin-top: 50px;
}
.cost_chart {
    text-align: center;
    padding: 40px 0 80px;
}
@media only screen and (max-width: 650px) {
    .cost_info dl {
        padding: 30px 15px;
        display: block;
    }
    .cost_info dl dt {
        margin-bottom: 5px;
    }
}
/*--------------------------------------------------------------
# 英語/中国語ページ
--------------------------------------------------------------*/
body.english .pdf_long a:after,
body.china .pdf_long a:after {
    content: 'download';
}
body.english .pdf_long a,
body.china .pdf_long a{
    border-top: none;
    font-weight: bold;
}
body.english section p,
body.china section p {
    font-size: 18px;
    margin-bottom: 50px;
}
body.english section,
body.china section{
    margin-bottom: 70px;
}
body.english section p.page_main_text,
body.china section p.page_main_text {
    margin-bottom: 0;
}
body.english section h2,
body.china section h2{
    margin-bottom: 60px;
}
.english_table table th{
    color: #fff;
    font-weight: bold;
    background-color: #138879;
}
/*--------------------------------------------------------------
# リンク
--------------------------------------------------------------*/
.link_icon {
    width: 80px;
    text-align: center;
}
/*--------------------------------------------------------------
# 事務局・アクセスマップ
--------------------------------------------------------------*/
.office_info dl {
    display: flex;
    border-bottom: 1px solid #999;
    padding: 40px 20px;
}
.office_info dl dt{
    flex-basis: 30%;
    color: #138879;
}
.office_info dl dd{
    flex-basis: 70%;
}
.office_map {
    margin-top: 50px;
}
/*--------------------------------------------------------------
# 入会案内
--------------------------------------------------------------*/
.admission_step_inner {
    display: flex;
    justify-content: space-between;
}
.admission_step_inner dt span {
    display: inline-block;
    line-height: 65px;
    height: 65px;
    width: 65px;
    border-radius: 50%;
    background-color: #138879;
    color: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 24px;
}
.admission_step_inner dt {
    text-align: center;
    margin-bottom: 20px;
}
.admission_step_inner dl{
    flex-basis: 26%;
}
.admission_step_inner div{
    flex-basis: 4%;
}
.admission_step_inner div div {
    display: flex;
    align-items: center;
    height: 250px;
}
.admission_division {
    margin-top: 100px;
}
/*--------------------------------------------------------------
# ニュース
--------------------------------------------------------------*/
.post_content p {
    font-size: 16px;
    line-height: 2;
}
.post_content {
    margin: 60px 0 40px;
}
.single_main {
    padding-bottom: 100px;
}
.single_download_btn .btn_outer_m {
    margin: 20px auto 0;
}
.news_row a{
    display: block;
    color: #138879;
}
.news_row a:hover{
    background-color: rgba(19, 136, 121, 0.1);
}
.news_row ul{
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 85px;
    border-bottom: 1px solid #138879;
    padding: 0 25px;
}
.news_row ul li.news_title{
    flex-basis: calc(100% - 100px);
}
.news_row ul li.news_date{
    font-size: 12px;
}
li.news_category {
    flex-basis: 150px;
}
.news_icon_new {
    color: #fff;
    font-weight: bold;
    display: inline-block;
    font-size: 12px;
    padding: 2px 5px;
    background-color: #138879;
    margin-left: 5px;
}
.cat_icon span,
.cat_icon a{
    display: inline-block;
    border-radius: 5px;
    line-height: 1;
    padding: 3px 10px;
    font-weight: bold;
    font-size: 12px;
    color: #fff !important;
    text-decoration: none !important;
    width: 115px;
    text-align: center;
}
.ggap span,
.ggap a{
    background-color: #ce2424;
}
.event span,
.event a{
    background-color: #cea024;
}
.uncategorized span,
.uncategorized a{
    background-color: #808080;
}
.for_member span,
.for_member a{
    background-color: #245fce;
}
.for_business span,
.for_business a{
    background-color: #a631d9;
}
.for_general span,
.for_general a{
    background-color: #794c0a;
}
.seminar span,
.seminar a{
    background-color: #808080;
}

.member_news_outer,
.magazine_outer {
    margin-bottom: 50px; 
}
.member_news_outer .news_row:first-child ul,
.magazine_outer .news_row:first-child ul {
    border-top: 1px solid #138879;
}

@media only screen and (max-width: 768px) {
    .news_row ul {
        height: auto;
        padding: 15px 10px;
        display: block;
    }
    .news_icon_new {
        font-size: 10px;
    }
    .news_row ul li.news_date {
        font-size: 10px;
        text-align: right;
    }
    .news_row ul li.news_title {
        flex-basis: calc(100% - 60px);
    }
}

section.member_news_section,
section.magazine_section {
    margin-bottom: 80px;
}

/*--------------------------------------------------------------
# 会報誌
--------------------------------------------------------------*/
section.magazine {
    max-width: 500px;
    margin: 0 auto;
}
/*--------------------------------------------------------------
# オーガニックコラム
--------------------------------------------------------------*/
.column_outer {
    display: flex;
    flex-wrap: wrap;
}
article.column_box {
    flex-basis: 50%;
    padding:25px;
}
.column_content {
    max-width: 700px;
    margin: 0 auto;
}
.column_box .news_date {
    text-align: right;
    font-size: 10px;
}
.column_box li img {
    vertical-align: bottom;
}
.post_main_image {
    text-align: center;
}
.post_main_image img{
    width: 100%;
}
@media only screen and (max-width: 768px) {
    article.column_box {
        padding:10px;
    }
    .column_outer {
        display: block;
    }
}
/*--------------------------------------------------------------
# 理事挨拶
--------------------------------------------------------------*/
.anniversary p a{
    text-decoration: underline;
    color:#F47521;
}
.directors_box {
    display: flex;
    justify-content:flex-end;
    align-items: center;
    padding: 40px 30px;
}
.directors_box.right {
    flex-direction: row-reverse;
}
.directors_box .directors_img {
    flex-basis: 40%;
    padding: 0 20px;
}
.directors_box .directors_img img{
    width: 100%;
}
.directors_box dl {
    flex-basis: 60%;
}
.directors_box dl dt{
    color: #138879;
    font-weight: 500;
    font-size: 23px;
    padding-bottom: 10px;
}
@media only screen and (max-width: 650px) {
    .directors_box {
        display: block;
    }
    .directors_box .directors_img {
        padding: 0;
    }
    .directors_box {
        padding: 20px 10px;
    }
}
/*--------------------------------------------------------------
# 事業者一覧
--------------------------------------------------------------*/
.firm_outer {
    display: flex;
    flex-wrap: wrap;
}
.firm_box {
    flex-basis: 25%;
    padding: 15px;
}
.firm_box ul li{
    text-align:center;
    line-height: 1.3;
}
.firm_box_img img {
    border-radius: 10px;
}
.firm_box_area a{
    font-size: 11px;
    font-weight: bold;
    color: #138879;
}
.firm_box_area a:hover{
    text-decoration: underline;
}

.firm_box_name{
    font-weight: bold;
}
.firm_box_product a{
    font-weight: bold;
    font-size: 11px;
    color: #138879;
}
.firm_box_product a:hover{
    text-decoration: underline;
}
.firm_filter {
    margin-bottom: 50px;
}
.area_filter {
    display: flex;
    flex-wrap: wrap;
}
.area_filter li{
    flex-basis: 25%;
    padding: 10px;
}
.area_filter li a{
    display: block;
    text-align: center;
    height: 45px;
    line-height: 45px;
    font-size: 14px;
    font-weight:500;
    background-color: #138879;
    color: #fff;
    border-radius: 5px;
}
.product_filter select{
    width: 100%;
}
.search_container input[type="text"]{
    border: 1px solid #999;
    padding: 3px 10px;
    border-radius: 3px;
    height: 2.2em;
    overflow: hidden;
    width: 80%;
  }
  .search_container input[type="text"]:focus {
    outline: 0;
    height: 2.0em;
  }
  .search_container input[type="submit"]{
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.2em;
    border: none;
    background: #138879;
    border: 1px solid #138879;
    border-radius: 3px;
    color: #fff !important;
    outline : none;
    width: 3.5em;
    height: 1.9em;
    display: inline-block;
    vertical-align: middle;
  }
  


@media only screen and (max-width: 650px) {
    .firm_box {
        flex-basis: 50%;
        padding: 15px;
    }
    .area_filter li{
        flex-basis: 33.3333%;
        padding: 5px;
    }
    .firm_content{
        padding: 0 10px;
    }
}
@media only screen and (max-width: 450px) {
    .firm_box {
        flex-basis: 50%;
        padding: 10px 5px;
     }
     .firm_box_name{
        font-size: 12px;
     }
     .firm_box_product a ,.firm_box_area a {
        font-size: 10px;
    }
     .area_filter li{
        flex-basis: 50%;
        padding: 5px;
    }
    .firm_filter {
        margin-bottom: 50px;
        padding: 0 10px;
    }
    .search_container input[type="submit"] {
        width: 2.5em;
    }
}
/*--------------------------------------------------------------
# 事業者詳細
--------------------------------------------------------------*/
.firm_content{
    max-width: 550px;
    margin: 0 auto 70px;
}
.firm_detail_1 {
    display: flex;
    align-items: center;
    justify-content:space-between;
    height: 60px;
    border-bottom: 1px solid #707070;
    font-weight: 500;
}
.firm_detail_1 dt{
    padding-left: 10px;
    flex-basis: 30%;
}
.firm_detail_1 dd{
    padding-right: 10px;
    font-size: 15px;
    line-height: 1.2;
    word-break: keep-all;
    text-align: right;
}
.firm_detail_1 dd a{
    color: #138879;
}
.firm_detail_1 dd a:hover{
    text-decoration: underline;
}

.firm_detail_2 {
    padding: 30px 10px 0;
}
.firm_detail_2 dt{
    padding-bottom: 5px;
    color: #138879;
}
.firm_gallery {
    padding-top: 30px;
}
@media only screen and (max-width: 450px) {
    .firm_detail_1 dt {
        padding-left: 5px;
        font-size: 12px;
    }
    .firm_detail_1 dd {
        padding-right: 0;
        font-size: 14px;
    }
}
/*--------------------------------------------------------------
# お問い合わせ 
--------------------------------------------------------------*/
.contact_nav {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 5px 0;
}
.contact_nav li{
    display: table-cell;
    background-color: #eee;
    color: #333;
    font-weight: bold;
    width: 33.3333333333%;
    text-align: center;
    padding: 10px 0;
    border-radius: 5px;
}
.mw_wp_form_input .contact_nav li.input_page {
    color: #fff;
    background-color: #d20a1e;  
}
.mw_wp_form_confirm .contact_nav li.comfirm_page {
    color: #fff;
    background-color: #d20a1e;  
}
.mw_wp_form_complete .contact_nav li.complete_page {
    color: #fff;
    background-color: #d20a1e;
}
.contact_example {
    display: inline-block;
    padding-left: 14px;
}
.mw_wp_form_confirm .contact_example {
    display: none;
}
.form dl {
    display: table;
    border-bottom: 1px dotted #999;
    padding: 30px 0;
    margin: 0;
}
.form dl dd,.form dl dt{
    display: table-cell;
    vertical-align: top;
}
.form dl{
    width: 100%;
}
.form dl dt{
    width: 30%;
    font-weight: normal;
}
.form dt span{
    color: red;
}
.form dl dd{
    width: 70%;
}
.form input{
    width: 250px;
    border: 1px solid #999;
    background-color: #fff;
    padding: 5px;
}
.form textarea{
    width: 100%;
    border: none;
    border: 1px solid #999;
    background-color: #fff;
    padding: 5px;
}
.form_check_box input {
    width: inherit;
}
.mw_wp_form .error {
    display: inline-block !important;
    padding-left: 5px;
}
input.age {
    width:50px;
}
input.phone {
    width:150px;
}
input.input_address {
    width: 100%;
}
.form_btn {
    padding-top: 30px;
    display: table;
    border-collapse: separate; 
    border-spacing: 8px 0; 
}
.form_btn li {
    display: table-cell;
    text-align: center;
}
.mw_wp_form_input .form_btn {
    max-width: 340px;
    margin: 0 auto;
}
.form_btn li{
    position: relative;
}
.form_btn li:after{
    content: "\f138";
    font-family: "FontAwesome";
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -10px;
    font-size: 14px;
    color: #fff !important;
}
.form_btn input {
    border:2px solid #fb7c00;
    color: #fff !important;
    background-color: #fb7c00;
    border-radius: 5px;
    padding: 10px 0;
    font-weight: bold;
}
.form_btn li:hover input {
    color: #fb7c00 !important;
    background-color: #fff;
}
.form_btn li:hover:after {
    color: #fb7c00 !important;
}
.mw_wp_form_input li.btn_back {
    display: none;
}
.mw_wp_form_confirm .form_btn {
    max-width: 680px;
    margin: 0 auto;
}
.mw_wp_form_input li.btn_back {
    display: none;
}
.privacy_form_txt {
    font-size: 13px;
    padding: 15px 30px;
    height: 100px;
    overflow-y: scroll;
    border: 1px solid #999;
}
.form_check_box.media .mwform-checkbox-field {
    width: 33.3333%;
    display: block;
    float: left;
    margin-left: 0 !important;
}
span.etc input {
    width: 250px;
}

.contact_text_top {
    text-align: center;
    padding-bottom: 30px;
}
.contact_text_top a{
    text-decoration: underline;
    color: #138879;
}
.form h2 {
    padding-top: 40px;
}
.form input.address {
    width: 100%;
}
@media only screen and (max-width:767px) {
.contact_example {
    display: block;
    padding-left: 0;
}
input.age {
    width:50px;
}
.form_btn {
    display: block;
    border-collapse:inherit;
    border-spacing: 0;
}
.form_btn li {
    display: block;
    margin-bottom: 20px;
}
.form_btn input {
    width: 100%;
}
}
@media only screen and (max-width:458px) {
.form dl dt{
    width: 100%;
}
.form dl dd{
    width: 100%;
}
.form dl dd,.form dl dt{
    display: block;
}
.form input{
    width: 100%;
    font-size: 16px;
}
.form textarea{
    font-size: 16px;
}
.form_check_box input {
    width: inherit;
}
.form_check_box.media .mwform-checkbox-field {
    width: 50%;
}
}
/*--------------------------------------------------------------
# ペジネーション wp pagenavi
--------------------------------------------------------------*/
.pagenation {
    padding-top: 20px;
    text-align: center;
}

.wp-pagenavi {
    position: relative;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 3px 5px;
    margin: 2px;
}
/**---------------------------------------

パンくず

---------------------------------------**/
/**
#breadcrumbs {
    position: absolute;
    top: 3px;
    right: 5px;
    font-size: 10px;
}
**/
div.breadcrumbs {
    text-align:right;
}
#breadcrumbs {
    font-size: 10px;
}
#breadcrumbs a{
    color: #138879;
}
/*--------------------------------------------------------------
# アコーディオン
--------------------------------------------------------------*/
#acMenu dt{
    display:flex;
}
#acMenu dd{
    display:none;
}
#acMenu dt:hover{
    cursor: pointer;
}
#acMenu dd.open{
    display: block;
}
/*--------------------------------------------------------------
# アコーディオン基本
--------------------------------------------------------------*/
.ac_outer #acMenu {
    border-bottom: 1px solid #138879;
}
.ac_outer dt {
    display: flex;
    align-items: center;
    font-weight: 500;
    position: relative;
    height: 85px;
    padding-left: 15px;
}
.ac_outer dt:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 14px 8px 0 8px;
    border-color: #138879 transparent transparent transparent;
    position: absolute;
    right: 20px;
    margin-top: -6px;
    top: 50%;

}
.ac_outer dt.active:after {
    border-width: 0 8px 14px 8px;
    border-color: transparent transparent #138879 transparent;
}
.ac_outer dt div.ac_icon_question span{
    display: inline-block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    background-color: #138879;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
}
#acMenu h2 {
    font-weight: 500;
    font-size: 20px;
    color: #138879;
    padding-left: 20px;
}
.ac_outer dl#acMenu:first-child dt{
    border-top: 1px solid #138879;
}

.ac_inner {
    display: flex;
    padding: 20px 15px;
}
.ac_inner .ac_icon_answer {
    padding-right: 20px;
}
.ac_inner .ac_icon_answer span{
    display: inline-block;
    height: 38px;
    width: 38px;
    line-height: 38px;
    background-color: #F47521;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 22px;
}
.ac_inner div {
    font-size: 16px;
}

.ac_inner_content {
    font-size: 16px;
    margin-bottom: 30px;
}
.ac_inner_content p{
    font-size: 16px;
}
#acMenu dd .btn_outer_m {
    margin: 0 auto 40px;
}
@media only screen and (max-width:650px) {
    #acMenu h2 {
        font-size: 16px;
        padding-left: 10px;
        padding-right: 50px;
        font-weight: bold;
    }
    .ac_outer dt div.ac_icon_question span,.ac_inner .ac_icon_answer span {
        height: 30px;
        width: 30px;
        line-height: 30px;
        font-size: 16px;
    }
    .ac_outer dt:after {
        border-width: 8px 6px 0 6px;
        right: 15px;
        margin-top: -3px;
    }
    .ac_outer dt.active:after {
        border-width: 0 6px 8px 6px;
    }
}
/*--------------------------------------------------------------
# アコーディオンQA
--------------------------------------------------------------*/
.toggle_contents:first-of-type dd {
	display: block;
}

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

swiper

---------------------------------------**/
    .swiper-container {
      width: 100%;
      height: 100%;
      margin-left: auto;
      margin-right: auto;
    padding-bottom: 50px;
    }
    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
}

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

スクロールトップ

---------------------------------------**/
#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
}
 
#page-top a {
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    background-color: #138879;
    color: #fff;
    text-align: center;
    border: 2px solid #fff;
    border-radius: 50%;
}
#page-top a i{
    font-size: 20px;
}
#page-top a:hover {
    border: 2px solid #138879;
    background-color: #fff;
    text-decoration: none;
    color: #138879;
}
/*--------------------------------------------------------------
## カーソル

@media screen and (min-width: 958px) {
body {
  position: relative;
  cursor: none;
}

.cursor,
.follower {
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 0; 
  pointer-events: none;
}

.cursor {
  width: 8px;
  height: 8px;
  background-color: #000;
    border: 1px solid #fff;
  z-index: 100000;
}

.follower {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  background-color: rgba(19, 136, 121, 0.2);
  z-index: 1000;
  transition: transform ease .1s;
  text-align: center;
}
.follower span {
    display: inline-block;
    font-size: 14px;
    font-weight: bold;
    transform: scale(0);
}
.follower.is-active {
    transform: scale(2.5);
}
}
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# ペジネーション wp pagenavi
--------------------------------------------------------------*/
.pagenation {
    clear: both;
    padding: 30px 0;
}
.wp-pagenavi {
    text-align: center;
    font-size: 15px;
    /**border-collapse: separate;
    border-spacing: 5px 5px;
    display: table;
    text-align: center;**/
}
.wp-pagenavi .pages {
    font-size: 12px;
}
.wp-pagenavi a, .wp-pagenavi span {
    text-decoration: none;
    border: none;
    padding: 0;
    margin: 0 5px;
    border: 1px solid #138879;
    border-radius: 5px;
    display: inline-block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    vertical-align: middle;
    border-collapse: separate;
    border-spacing: 2px 2px;
    color: #138879;
}
.wp-pagenavi span.current {
    border-color: #138879;
    background-color: #138879;
    color: #fff;
}
.wp-pagenavi a:hover{
    color: #fff;
    background-color: #138879;
    border-color: #138879;
}