/* タイトル */

.kuchiwap_text{
        display:inline-block;
        margin: 30px -6px 0px 0px;
        font-size: 15px;
        letter-spacing: 4px;
}

.kuchiwap_logo{
        width : 20%;
        min-width : 220px;
        max-width : 315px;
        height: auto;
}

                                                                       /* メインビジュアル */
.mainvisual-container{
        position:relative;
        
        margin: 20px 0px 20px 0px;
        z-index: 5;
}
.mainvisual-image{
        position: relative;
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 750px; /* 最大幅 */
        min-width: 240px; /* 最小幅 */
}
                                                                       /* 天狗 */
.mainvisual-charactar-container{
        position:relative;
        margin: 0px 0px 0px 0px;
        z-index: 3;
}
.mainvisual-chara-tengu{
        position: absolute;
        display: block;
        top: -130px;
        left: 65vw;
        width: 19vw;
        max-width: 120px; /* 最大幅 */
        min-width: 25px; /* 最小幅 */
}
@media screen and (max-width:650px) { 
    /*　画面サイズが650pxまではここを読み込む　*/
.mainvisual-chara-tengu{
        visibility : hidden;
}}

                                                                       /* スライダーアニメーション */
.slider_container {
        width: 100%;
        overflow: hidden;
        position:relative;
        z-index: 1;
        margin: 70px 0px 0px 0px;
}
@media screen and (max-width:860px) { 
    /*　画面サイズが800pxまではここを読み込む　*/
.slider_container{
        margin: 20px 0px 0px 0px;
}}
.slider {
  display: flex;
}
.slider__inner {
  display: flex;
}
.slider__inner:first-child {
  animation: loop 180s linear infinite;
}
 
.slider__inner:nth-child(2) {
  animation: loop2 180s -120s linear infinite;
}
 
.slider__inner:last-child {
  animation: loop3 180s -60s linear infinite;
}
 
@keyframes loop {
  0% {
    transform: translateX(200%);
  }
  to {
    transform: translateX(-100%);
  }
}
 
@keyframes loop2 {
  0% {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-200%);
  }
}
 
@keyframes loop3 {
  0% {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-300%);
  }
}
.slider__item{
  margin: 0px 3px 0px 0px;
}
.slide_white {
        position:absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width : 100%;
        height : auto;
}

@media screen and (max-width:425px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.sliderside01{visibility:hidden;}
.sliderside02{visibility:hidden;}
}
                                                                       /* トップテキスト　*/
.toptext{
        position:relative;
        background-image: url(../image/bg01.png);
        background-repeat: repeat;
        font-family: "ナウ-GM";
        text-align:center;
        font-weight: normal;
        font-size: 16px;
        margin: 30px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        line-height: 30px;
}
.toptext_text{
        position:relative;
        text-align:left;
        font-weight: normal;
        font-size: 16px;
        margin:0 auto;
        padding: 0px 20px 0px 20px;
        line-height: 30px;
        width : 100%;
        max-width : 400px;
}

.toptext_white {
        position:absolute;
        top: 0;
        left: 0;
        z-index: 2;
        width : 100%;
        height : auto;
}
.hurusato_white {
        position:absolute;
        bottom: -1px;
        left: 0;
        z-index: 2;
        width : 100%;
        height : auto;
}
.hurusato2_white {
        position:absolute;
        bottom: 0;
        left: 0;
        z-index: 2;
        width : 100%;
        height : auto;
}
                                             /*　ふきだし　*/
.bubble-pop {
	position: relative;
	background:rgba(255,244,204,0.6);
	border-radius: 90px;
        padding: 15px 15px 15px 15px;
        width: 300px;
        color: #000000;
        font-family: "トーキング";
        text-align:center;
        font-size: 16px;
        line-height: 28px;
        margin: 0 auto;
        z-index: 3;
}

.bubble-pop:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: rgba(255,244,204,0.6);
	border-bottom: 0;
	border-right: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}
.pop-yama{
        position: absolute;
        display: block;
        top: 120px;
        right: 10%;
        width: 130px;
}
.pop-small{
font-size: 13px;
}

.backcolor {
        position: absolute;
        width: 60%;
        height: 550px;
        background-color: #fff1cf;
        top: 30px;
        left: 50%;
	margin-top: 210px;
        transform: translate(-50%, -0%);
        -webkit-transform: translate(-50%, -0%);
        -ms-transform: translate(-50%, -0%);
}
@media screen and (max-width:425px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.backcolor {
        width: 100%;
        height: 650px;}
}
.toptext-h1{
        position: relative;
        font-family: "ナウ-GM";
        font-weight: bold;
        letter-spacing: 2px;
        font-size: 28px;
        text-align : center;
        margin: 0px 0px 0px 0px;
        line-height: 30px;
}
.toptext-body{
        position: relative;
        margin: 50px 0px 0px 0px;
        padding: 70px 0px 0px 0px;
}
@media screen and (max-width:330px) { 
    /*　画面サイズが330pxまではここを読み込む　*/
.toptext-body {text-align : left;}
}
.top-ushi2{
        position: absolute;
        display: block;
        top: 130px;
        left: 17%;
        width: 95px;
}
.top-karasunoendo{
        position: absolute;
        display: block;
        top: 260px;
        left: 22%;
        width: 70px;
}
.top-yamako{
        position: absolute;
        display: block;
        top: 300px;
        left: 15%;
        width: 80px;
}
.top-naba01{
        position: absolute;
        display: block;
        top: 430px;
        left: 20%;
        width: 80px;
}
.top-inoshishi{
        position: absolute;
        display: block;
        top: 140px;
        right: 17%;
        width: 140px;
}
.top-ushi{
        position: absolute;
        display: block;
        top: 300px;
        right: 19%;
        width: 110px;
}
.top-enokorogusa{
        position: absolute;
        display: block;
        top: 420px;
        right: 17%;
        width: 70px;
}
.top-clover{
        position: absolute;
        display: block;
        top: 240px;
        right: 13%;
        width: 90px;
}
@media screen and (max-width:900px) { 
    /*　画面サイズが800pxまではここを読み込む　*/
.top-ushi{visibility:hidden;}
.top-karasunoendo{visibility:hidden;}
.top-yamako{visibility:hidden;}
.top-naba01{visibility:hidden;}
.top-inoshishi{visibility:hidden;}
.top-ushi2{visibility:hidden;}
.top-enokorogusa{visibility:hidden;}
.top-clover{visibility:hidden;}
}
                                                                       /* リンクボタン　*/
.btn-border {
  display: block;
  text-align: left;
  border: 1px solid #000000;
  font-size: 16px;
  color: #000000;
  text-decoration: none;
  font-weight: normal;
  padding: 10px 50px;
  border-radius: 2px;
  transition: .4s;
  letter-spacing: 0px;
  margin : 0px auto 0px auto;
  }

.btn-border:hover {
  border-color: #000000;
  background-color: rgba(255, 255, 255, 0.4);
  color: #000000;
}

                                                                       /* フェイスブックのリンク　*/
.fb-container {
        position:relative;
        width: 100%;
        max-width: 500px;
        margin: 30px auto 20px;
}
.fb-inner {
        width: 100%;
        max-width: 500px;
}

.fb-h1{
        font-family: "ナウ-GM";
        letter-spacing: 2px;
        font-size: 28px;
        font-weight : bold;
        margin: 0px 0px 20px 0px;
        padding: 50px 0px 0px 0px;
        line-height: 30px;
        width: 100%;
        text-align: center;
        position : relative;
}
.fb-chr01{
        position:absolute;
        top: 10px;
        width: 50px;
}
.fb-chr02{
        position:absolute;
        top: 0;
        width: 55px;
}
                                                                       /* ふるさと応援会　*/

.box-container {
    position: relative;
    width: 100%;
    margin: 0px auto;
    padding: 20px 0px 0px 0px;
    background-color: #fff1cf;
}

.furusato_pdf {
        width : 100%;
        max-width : 400px;
}
                                                                       /* このサイトについて　*/
.h1-about{
        position:relative;
        font-family: "新ゴ R";
        text-align:center;
        font-weight: bold;
        font-size: 22px;
        margin: 0px auto 0px;
        padding: 0px 0px 0px 0px;
        line-height: 30px;
        letter-spacing: 2px;
        width: 300px
}
.h1-fukidashi-about{
    position: relative;
margin: 0px auto 0px;
}
.h1-text-about{
    position: absolute;
    top: 30px;
    left: 50px;
}
.h1-chr-about{
    position: absolute;
}
@media screen and (max-width:470px) { 
    /*　画面サイズが425pxまではここを読み込む　*/
.h1-chr-about{width: 80px;top: 40px;right: -40px;}
}

.flexbox-container-about {
        position: relative;
        width: 100%;
        overflow : hidden;
        margin: 10px 0px 0px 0px;
        padding: 30px 0px 0px 0px;
}
.flexbox-about {
        margin: 20px auto;
        padding: 0px 20px 0px 20px;
        width: 100%;
        max-width: 700px;
}
.image01-about {
        width : 100%;
}
@media screen and (max-width:800px) { 
    /*　画面サイズが800pxまではここを読み込む　*/
.image01-about{max-width : 400px;}
}
.contents-h1-about{
position:relative;
font-family: "ナウ-GM";
text-align:center;
font-weight: bold;
font-size: 28px;
line-height: 30px;
margin: 18px 0px 35px 0px;
}
/************************************************************************************************
        お知らせ・イベント
************************************************************************************************ */
.newsbox {
        width: 98%;
        max-width: 600px;
        margin: 20px auto 0px auto;
        /* padding: 0px 0px 15px 0px; */
        background-color: #f5f5f5;
        border-radius: 30px 30px 30px 30px;
}
.newsbox_title {
        width: 100%;
    height: 33px;
    background-color: #75bf25;
    text-align: center;
    vertical-align: middle;
    line-height: 33px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 30px 30px 0px 0px;
    margin: 0px 0px 9px 0px;
}
.newsbox_footer {
        width: 100%;
        height: 26px;
        background-color: #75bf25;
        text-align: center;
        vertical-align: middle;
        line-height: 26px;
        font-size: 14px;
        color: #ffffff;
        border-radius: 0px 0px 30px 30px;
        margin: 9px 0px 0px 0px;
}
.newsitem_box {
        display : flex;
        width : 100%;
}
.cursor_yes {
        cursor : pointer;
}
.cursor_yes:hover {
        background-color : #ffffff;
      }
.newsitem_box_inner {
        margin: 0px 0px 0px 0px;
        width: 100%;
}
.newsitem_box_inner_left {
        width : 106px;
        margin: 0px 10px 0px 10px;
}
.newsitem_category {
        width: 100px;
        height: 25px;
        font-size: 14px;
        border-radius: 5px;
        margin: 8px 0px 0px 0px;
        color: #ffffff;
        text-align: center;
        line-height: 25px;
}
.newsitem_publicdate {
    width: 100px;
    height: 12px;
    font-size: 10px;
    border-radius: 5px;
    margin: 4px 0px 0px 0px;
    color: #6d6d6d;
    text-align: center;
    line-height: 12px;
}
.newsitem_category_news {
        background-color : #2ba7ff;
}
.newsitem_category_event {
        background-color : #ff702b;
}
.newsitem_text {
        margin: 9px 0px 0px 0px;
    line-height: 26px;
    padding: 0px 10px 0px 0px;
    font-size: 14px;
}
.newsitem_line {
        width: 98%;
        height: 1px;
        margin: 2px auto 2px auto;
        background-color: #d7d7d7;
}
.newsitem_detail {
        width: 98%;
        margin: 0px auto 0px auto;
	padding: 8px 0px 0px 0px;
	text-align: justify;
	text-justify: inter-ideograph;
	padding: 0px 0px 0px 0px;
	/* 閉じている状態 */
	line-height: 0;
        opacity: 0;
        visibility: hidden;
        /* 閉じるアニメーション */
	transition:
	line-height .3s ease-out,
	opacity     .1s linear,
	visibility  .1s linear;
}
/*プルダウンメニュー*/
.newsitem_detail.open {
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}
.toppage_news_image {
        margin: 0px;
        width: 0px;
        height: 0px;
       display: inline-block;
       padding: 0px 0px 0px 0px;
       /* 閉じている状態 */
       line-height: 0;
       opacity: 0;
       visibility: hidden;
       /* 閉じるアニメーション */
       transition:
       height .3s ease-out,
       opacity     .1s linear,
       visibility  .1s linear;
}
.toppage_news_image.open {
        margin: 5px;
        width: auto;
       padding: 0px 0px 0px 0px;
       /* 開いている状態 */
        height: 280px;
       opacity: 1;
       visibility: visible;
       /* 開くアニメーション */
       transition:
       height .3s ease-out,
       line-height .3s ease-out,
       opacity     .1s linear .1s,
       visibility  .1s linear .1s;
       cursor: zoom-in;
}
.newsitem_body {
        font-size : 14px;
}
.newsitem_box_inner_plus {
        width : 100%;
        margin: 0px auto;
        text-align : left;
}
.closeS {
	display: inline-block;
	padding: 0px 0px 0px 0px;
	transform: rotate(0deg);
	transition:
		transform  .3s linear .1s;
	color : #7e7e7e;
}
.openS {
	display: inline-block;
	padding: 0px 0px 0px 0px;

  transform: rotate(-180deg);

  transition:
   transform  .3s linear .1s;
}
/************************************************************************************************
        移住の手引き
************************************************************************************************ */                                                                      

.tebiki_a {
        display : block;
        margin : 30px auto 10px auto;
        position:relative;
        width: 100%;
        max-width : 600px;
        text-align : center;
}
.tebiki_image {
        position:relative;
        width: 100%;
        max-width : 600px;
}

.footer1 {
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
    line-height: 24px;
    background-color: #ffffff;
        background-image: url(../image/bg02.png);
        background-repeat: repeat;
}
.sitemap {
    position: relative;
    width: 100%;
    text-align: center;
    font-weight: normal;
    font-size: 14px;
    margin: 0px 0px 0px 0px;
    padding: 30px 0px 0px 0px;
    background-color: #ffffff;
        background-image: url(../image/bg02.png);
        background-repeat: repeat;
}
/************************************************************************************************
        ローディング処理
************************************************************************************************ */                                                                      

/* Loading背景画面設定　*/

#splash {
    /*fixedで全面に固定*/
	position: fixed;
        top : -20px;
	z-index: 999;
	width: 100%;
	height: calc(100% + 20px);
	background:#ffffff;
	text-align:center;
	color:#333333;
}

/* Loadingバー中央配置　*/
#splash_text {
	position: absolute;
	top: 50%;
	left: 50%;
        z-index: 999;
	width: 50%;
	min-width: 300px;
	transform: translate(-50%, -50%);
	color: #333333;
}

/*IE11対策用バーの線の高さ※対応しなければ削除してください*/
#splash_text svg{
    height: 6px;
    border-radius : 3px;
}
.road_image{
	position: absolute;
	top: 50%;
	left: 50%;
        z-index: 999;
	transform: translate(-50%, -150px);
        width: 70px;
}