/************************************************************************************************
 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　ページタイトル
************************************************************************************************ */
.h1{
position:relative;
font-family: "UD新ゴ M";
text-align:center;
font-weight: bold;
font-size: 22px;
margin: 45px auto 180px;
padding: 0px 0px 0px 0px;
line-height: 30px;
letter-spacing: 2px;
width: 300px
}
.h1_kuchiwa{
    position:relative;
    font-family: "UD新ゴ M";
    text-align:center;
    font-weight: bold;
    font-size: 22px;
    margin: 45px auto 80px;
    padding: 0px 0px 0px 0px;
    line-height: 30px;
    letter-spacing: 2px;
    width: 300px;
    z-index : 1;
    }
.h1-fukidashi{
    position: absolute;
    top: 0px;
    left: 0%;
}
.h1-text{
    position: relative;
    top: 27px;
    left: 0%;
}
.h1-chr{
    position: absolute;
    top: 40px;
    left: 240px;
}
@media screen and (max-width:470px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.h1-chr{width: 80px;top: 60px;left: 230px;}
}
.h1-chr-kuchiwa{
    position: absolute;
    width: 70px;
    top: 122px;
    left: -30px;
}
@media screen and (max-width:470px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.h1-chr-kuchiwa{width: 80px;top: 60px;left: 230px;}
}

.h1-sub-text {
    position: relative;
    width: 330px;
    margin: 0px auto 0px auto;
    padding: 3px 3px 3px 3px;
    font-size: 14px;
    text-align: center;
    background-color: #f0efef;
    line-height: 22px;
}
.h1-sub-text-small {
    font-size: 10px;
}
.h1-sub-text-bold {
    font-size: 15px;
    font-weight : bold;
}
/************************************************************************************************
 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　コンテンツ
************************************************************************************************ */
.flexbox-container {
position: relative;
    width: 100%;
    margin: 70px 0px 0px 0px;
}
.flexbox {
    margin: 20px auto;
    max-width: 1200px;
    display: flex;
  flex-wrap: wrap;
}
.flexitem {
    flex: 1 1 400px; /* Size of items defined inside items */
    text-align: center;
    padding: 12px;
}
                                             /*　由来・自然・アクセスのフレックスボックス　*/
.flexbox3 {
    margin: 20px auto;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    font-family: "ナウ-GM";
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;

}
.flexitem3 {
    flex: 1 1 270px; /* Size of items defined inside items */
    position: relative;
    text-align: left;
    padding: 12px;
    background-color: #e0ebaf;
    margin: 10px 10px 10px 10px;
}
                                             /*　由来・自然・アクセスのライン　*/
.line-01 {
    width: 100%;
    height: 2px;
    background-color: #93b881;
    margin: 10px 0px 30px 0px;
}
                                             /*　アクセスの背景画像のマップ　*/
.bgimg-map {
    background-image: url(image/map-chugoku-02.png);
    background-position: center bottom 30px;
    background-repeat: no-repeat;
    background-size: 250px auto;
}
                                             /*　人口　*/
.jinkou {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 70px auto 70px;
    padding: 20px 30px 20px 30px;
    background-color: #82ae46;
    font-family: "ナウ-GM";
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;color: #ffffff;
}
.flexbox2-container {
position: relative;
    width: 100%;
    margin: 70px 0px 0px 0px;
}
.flexbox2 {
    margin: 20px auto;
    max-width: 1200px;
    display: flex;
flex-flow: row-reverse;
  flex-wrap: wrap;
}
.flexitem2 {
    flex: 1 1 400px; /* Size of items defined inside items */
    text-align: center;
    padding: 12px;
}
.image01 {
    width: 100%;
    }
.box-container {
    position: relative;
    width: 100%;

    margin: 150px auto;
    padding: 70px 0px 0px 0px;
    background-color: #fff1cf;
}
.box-container2 {
    position: relative;
    width: 100%;
    
    margin: 40px auto;
    padding: 20px 20px 20px 20px;
    background-color: #d6e9ca;
}
.box-container3 {
    position: relative;
    width: 100%;
    max-width: 600px;
    margin: 40px auto;
    padding: 20px 20px 20px 20px;
    background-color: #ffffff;
}
.box-container4 {
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 70px 0px 100px 0px;
    background-color: #fff1cf;
}
.box-container5 {
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 70px 0px 0px 0px;
    background-color: #ffe1cf;
}
.contents-text{
position:relative;
font-family: "ナウ-GM";
text-align:left;
font-weight: normal;
font-size: 16px;
margin: 0 auto;
padding: 0px 0px 0px 0px;
line-height: 28px;
    max-width: 400px;
letter-spacing: 1px;
}
.contents-h1{
position:relative;
font-family: "ナウ-GM";
text-align:center;
font-weight: bold;
font-size: 24px;
line-height: 30px;
margin: 18px 0px 35px 0px;
}
.tc01{
color: #eb6ea5;
}
                                             /*　牛子　*/
.chr01{
    position: absolute;
    top: -70px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
                                             /*　牛子　*/
.chr02{
    position: absolute;
    top: -29px;
    left: 6%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
@media screen and (max-width:426px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
    .chr02{display: none;}
}
                                             /*　牛子　*/
.chr03{
    position: absolute;
    top: -29px;
    left: 3%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
@media screen and (max-width:426px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
    .chr03{display: none;}
}
                                             /*　山夫婦　*/
.chr-01{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
                                             /*　やまどり　*/
.chr-02{
    position: absolute;
    bottom: 10px;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
}
                                             /*　年寄り　*/
.chr-03{
    position: absolute;
    bottom: -100px;
    left: 50%;
    transform: translate(-120px, 0%);
    -webkit-transform: translate(-120px, 0%);
    -ms-transform: translate(-120px, 0%);
}
                                             /*　ふきだし　*/
.bubble {
	position: relative;
	background: #f7fcfe;
	border-radius: .8em;
        padding: 15px 15px 15px 15px;
        width: 300px;
        color: #000000;
        font-family: "トーキング";
        text-align:left;
        font-size: 16px;
        line-height: 28px;
        margin: 0 auto;
}

.bubble:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #f7fcfe;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}
.kihon_title_back {
    width: 100%;
    max-width: 500px;
    min-height: 60px;
    background-color: #ffffff;
    border-radius: 40px 40px 0px 0px;
    margin: 0px auto -80px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
    top: -40px;
}
.kihon_title_text{
    font-family: "UDDigiKyokasho R JIS2004";
    position: relative;
    width: 100%;
    font-size : 40px;
    margin: 0px auto 0px auto;
    text-align : center;
}
.pickup_title_back {
    width: 100%;
    max-width: 500px;
    min-height: 60px;
    background-color: #f3f3f2;
    border-radius: 40px 40px 0px 0px;
    margin: 0px auto -50px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
    top: -40px;
}
.pickup_title_text{
    font-family: "UDDigiKyokasho R JIS2004";
    position: relative;
    width: 100%;
    font-size : 33px;
    margin: 0px auto 0px auto;
    text-align : center;
}
.guide_title_back {
    width: 100%;
    max-width: 500px;
    min-height: 60px;
    background-color: #fff0cf;
    border-radius: 40px 40px 0px 0px;
    margin: 0px auto -100px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
    top: -112px;
}
.guide_title_back_bunkazai {
    width: 100%;
    max-width: 500px;
    min-height: 60px;
    background-color: #ffe1d0;
    border-radius: 40px 40px 0px 0px;
    margin: 0px auto -100px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
    top: -112px;
}

.guide_title_text_01{
    font-family: "UDDigiKyokasho R JIS2004";
    position: relative;
    width: 100%;
    font-size : 33px;
    margin: 0px auto 0px auto;
    text-align : center;
}
.guide_title_text_02{
    font-family: "UDDigiKyokasho R JIS2004";
    position: relative;
    width: 100%;
    font-size : 15px;
    margin: 0px auto 0px auto;
    text-align : center;
}
.guide_main_back {
    width: 100%;
    max-width: 500px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
}
.guide_main_pdf {
    display : block;
    margin: 0px auto 0px auto;
    padding: 20px 0px 0px 0px;
    text-align: center;
    position: relative;
}
/************************************************************************************************
 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　口和ピックアップ
************************************************************************************************ */
.pickup {
    position: relative;
    margin: 80px 0px 0px 0px;
    padding: 0px 0px 50px 0px;
    width: 100%;
    font-family: "ナウ-GM";
    font-weight: normal;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: 1px;
    background-color: #f3f3f2;
}
.flexbox4 {
    margin: 20px auto;
    max-width: 1000px;
    display: flex;
    flex-wrap: wrap;
    justify-content:center;
}
.flexitem4 {
    flex: 0 0 300px; /* Size of items defined inside items */
    position: relative;
    text-align: left;
    padding: 0px;
    background-color: #ffffff;
    margin: 10px 10px 10px 10px;
}
.pickup-h1{
position:relative;
text-align:center;
font-weight: bold;
font-size: 28px;
line-height: 35px;
margin: 0px 0px 60px 0px;
}
.pickup-h2{
position:relative;
text-align:center;
font-size: 16px;
line-height: 28px;
margin: 6px 0px 35px 0px;
}
.pickup-h3{
position:relative;
text-align:left;
font-size: 20px;
line-height: 24px;
margin: 10px 0px 10px 10px;
color: #028760;
}
.pickup-text{
position:relative;
text-align:left;
font-size: 14px;
line-height: 24px;
margin: 0px 0px 0px 0px;
padding: 0px 10px 10px 10px;
}
.pickupchr01{
    position: absolute;
    top: -11px;
    left: 54%;
    transform: translate(130px, 0%);
    -webkit-transform: translate(130px, 0%);
    -ms-transform: translate(130px, 0%);
}
.pickupchr02{
    position: absolute;
    top: -11px;
    left: 46%;
    transform: translate(-210px, 0%);
    -webkit-transform: translate(-210px, 0%);
    -ms-transform: translate(-210px, 0%);
}
@media screen and (max-width:600px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.pickupchr01{visibility:hidden;}
.pickupchr02{visibility:hidden;}
}
/************************************************************************************************
 　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　まるごと口和ガイド
************************************************************************************************ */
.guide_title{
        position:relative;
        text-align:center;
        font-weight: bold;
        font-size: 28px;
        line-height: 35px;
        margin: 10px 0px 10px 0px;
}
.guide_title_text_sub{
        position:relative;
        text-align:center;
        font-weight: bold;
        font-size: 13px;
        line-height: 35px;
        margin: 0px 0px 0px 0px;
        padding: 20px 0px 0px 0px;
}
.guide_pdf1 {
       width : 100%;
       max-width : 400px;
}.guide_pdf2 {
       width : 100%;
       max-width : 400px;
}.bunka_pdf {
       width : 100%;
       max-width : 400px;
}

/************************************************************************************************
#口和が好き
************************************************************************************************ */

.kuchiwagasuki_title_back {
    width: 100%;
    max-width: 500px;
    min-height: 60px;
    background-color: #98d1f5;
    border-radius: 40px 40px 0px 0px;
    margin: 0px auto 0px auto;
    text-align: center;
    position: relative;
    top: -40px;
}
@media screen and (max-width:740px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
    .kuchiwagasuki_title_back{margin: 0px auto -40px auto;}
}
.kuchiwagasuki_container {
    width : 100%;
    background-color : #98d1f5;
    margin : 80px 0px 0px 0px;
    padding: 0px 0px 80px 0px;
}
/************************************************
    ヘッダー
************************************************ */
.ks_h1 {
    position: relative;
    width: 100%;
    max-width: 264px;
    margin: 0px auto 0px auto;
    padding: 25px 0px 15px 0px;
}
.h1-text{
    font-family: "UDDigiKyokasho R JIS2004";
    position: relative;
    width: 100%;
    font-size : 40px;
    margin: 0px auto 0px auto;
    text-align : center;
}
.h1-text_sub{
    position: relative;
    width: 100%;
    font-size : 16px;
    margin: 0px auto -20px auto;
    text-align : center;
}
.k_h1-chr{
    position: absolute;
    top: 29px;
    width: 68px;
    right: -90px;
}
@media screen and (max-width:740px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
    .h1-chr{display: none;}
    .h1-chr-kuchiwa{display: none;}
    .k_h1-chr{display: none;}
}
@media screen and (max-width: 860px){
.ks_h1 {
    padding: 15px 0px 15px 0px;
    height: 113px;
}
}
.ks_h1_text {
    width: 90%;
    max-width: 650px;
    margin: 10px auto 30px auto;
    /* border-radius: 10px; */
    padding: 10px 10px 10px 10px;
    /* border: 1px solid #787878; */
    border-bottom: 3px solid #5f8db8;
    border-top: 3px solid #5f8db8;
    line-height: 27px;
}
/************************************************
    記事一覧
************************************************ */

.list-box {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1000px;
    margin: 0px auto;
    justify-content: center;
}
.list-item {
    width: 38%;
    margin: 8px 20px 8px 20px;
    padding: 15px 20px 15px 20px;
    border-radius: 10px;
    border: 1px solid rgba(203, 203, 203, 0);
    transition:1s all;
    background-color : #ffffff;
}
.list-item:hover {
    background-color: #eaf6ff;
}
@media screen and (max-width: 860px){
    .list-item {
        width: 96%;
        margin: 10px 20px 10px 20px;
        padding: 20px 20px 20px 20px;
        /* background-color: #fefae0; */
        border: 1px solid #e4e4e4;
        border-radius: 10px;
    }
}
.list-item a div:first-child {
    overflow:hidden;
}
.list-item a div img {
    transition:1s all;
}
.list-item:hover a div img {
    transform:scale(1.1,1.1);
    transition:1s all;
}
/*　アイキャッチ画像　*/
.wp-post-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
/*　タイトル　*/
.list_item_title {
    display: block;
    margin: 10px 0px 10px 0px;
    color: #000000;
    font-weight: bold;
    font-size : 22px;
    line-height: 33px;
}
/*　抜粋　*/
.list_item_excerpt {
    display: block;
    margin: 5px 0px 5px 0px;
    color: #4e4e4e;
    font-weight: normal;
    font-size : 14px;
    line-height: 22px;
}
/*　タグ　*/
.list_box_tag {
    display : block;
    margin : 10px 0px 10px 0px;
}
.list_item_tag {
    display: inline-block;
    margin: 1px 0px 1px 0px;
    padding: 2px 10px 2px 10px;
    background-color: #71abec;
    color: #ffffff;
    font-weight: normal;
    font-size: 14px;
    line-height: 22px;
    /* border: 1px solid #7cc94b; */
    border-radius: 17px;
}
.list_item_tag > a {
    color : #ffffff;
}
.tag_icon_article {
    display: inline-block;
    width: 14px;
    height: auto;
    padding: 0px 0px 0px 0px;
    margin: 4px 5px 0px 0px;
}
/*　投稿日　*/
.list_item_date {
    display: inline-block;
    margin: 0px 0px 0px 0px;
    padding: 2px 8px 2px 0px;
    color: #9e9e9e;
    font-weight: normal;
    font-size: 12px;
    line-height: 22px;
}
/*　一覧ページ下部のメッセージ　*/
.ijyuu_support {
    width: 100%;
    position: relative;
    height: 400px;
    vertical-align: middle;
    /*　background-image: url(image/kuchiwa_photo02.jpg);　*/
    background: linear-gradient(0deg, rgb(255 255 255 / 0%) 40%,rgb(255 255 255 / 40%) 60%,rgb(255 255 255) 100%),url(image/kuchiwa_photo02.jpg);
    background-size: cover;
    padding: 80px 0px 0px 0px;
    margin: 40px 0px 0px 0px;
}
.ijyuu_support::after{
    content: "";
    position: absolute;
    z-index: 2;
    width: 100%;
    height:100%;
    top: 0;
    left: 0;
    background-color: white;
    opacity: 0.4;
}
@media screen and (max-width:860px) {
    .ijyuu_support {
        background: linear-gradient(0deg, rgb(255 255 255 / 0%) 40%,rgb(255 255 255 / 0%) 60%,rgb(255 255 255) 100%),url(image/kuchiwa_photo02.jpg);
        background-size: cover;
    }
    .ijyuu_support::after {
        opacity: 0.3;
    }
}
.ks_foot_text_top {
    width: 98%;
    position: relative;
    max-width: 600px;
    padding: 8px 20px 8px 20px;
    margin: 30px auto 0px auto;
    background-color: #ffffff;
    font-size: 25px;
    font-weight: bold;
    color: #3c3c3c;
    border-radius: 11px 11px 0px 0px;
    line-height: 26px;
    border: 1px solid #3c3c3c;
    z-index: 10;
}
.ks_foot_text {
    width: 98%;
    position: relative;
    max-width: 600px;
    padding: 10px 20px 10px 20px;
    margin: 0px auto 40px auto;
    background-color: #ffffff;
    font-size: 15px;
    color: #3c3c3c;
    border-radius: 0px 0px 11px 11px;
    line-height: 26px;
    border: 1px solid #3c3c3c;
    border-top: none;
    z-index: 10;
}
.ks_foot_text_text::after {
    content: "！";
    font-family: "UD Shin Go Medium";
    font-size: 38px;
    color: #85c2ff;
    position: relative;
    display: inline-block;
    /* top: 0; */
    bottom: -3px;
    margin: auto;
    left: -5px;
    -webkit-transform: rotate(19deg);
    transform: rotate(19deg);
}
.ks_foot_ex {
    position: absolute;
    font-size: 29px;
    color: #64b900;
    top: 6px;
    left: 160px;
    transform: rotate(19deg);
}

/************************************************
    ＃口和が好きの記事一覧　ページ
************************************************ */

.navi-container_kuchiwagasuki_list {
    background-color: #98d1f6 !important;
}

.kuchiwagasuki_list_container {
    width: 100%;
    background-color: #98d1f5;
    margin: 0px 0px 0px 0px;
    padding: 100px 0px 100px 0px;
}

@media screen and (max-width:860px) {
    .kuchiwagasuki_list_container {
        padding: 50px 0px 50px 0px;
    }
}