@charset "utf-8";
/* CSS Document */
/*
Theme Name: new furusatomura2-WP
Description:ふるさと村のテンプレート2
Theme URI:
Author:
Author URI:
Version: 1.0.0
License:
License URI:
*/

body{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:16px;
    line-height:1.2;
    color:#121212;
    background-color: #fafafa;
background-image: linear-gradient(0deg, #fcffed 0%, #fafafa 100%);

    }
p{margin-bottom:1.2vw;}
a{color:#121212;text-decoration:none; }

a:hover{color:#808080;}

a img{
    opacity:1;
    -webkit-transition: all 0.5s ease 0.5s;
    -js-transition: all 0.5s ease 0.5s;
    transition: all 0.5s ease 0.5s;
    }

a:hover img{
    opacity:0.6;
    }

.sns_icon a:hover{
    opacity: 0.6;
}

@-webkit-keyframes image {
  0% { opacity:0; }

  100% { opacity:1; }
}

@keyframes image {
   0% { opacity:0; }

  100% { opacity:1; }
}

img{
    opacity:0;
    animation: image 3s forwards;
  -webkit-animation: image 3s forwards;
}

.pc{display:block;}

.mb{display: none;}

@media screen and (max-width:768px){
    
    body{font-size:14px;line-height:1.5;}
    
.pc{display:none;}

.mb{display: block;}
    
}


/*page top*/

#page-top{
  width:50px;
  height:auto;
  position:fixed;
  right:20px;
  bottom:70px;
  display:none;
}

#page-top img{
    width:100%;height:auto;
}

#page-top p a{
  line-height:20px;
  text-decoration:none;
  display:block;
  cursor:pointer;
}


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

#page-top{
  width:40px;
}

}



/*header*/

header {
    padding: 10px;
    width: 100%;
    top: 0;
    right: 0;
    display:flex;
    background-color:#fafafa;
    transition:background-color 0.3s ease, box-shadow 0.3s ease;
    
}




/*header*/
#header_erea {
    margin:0px auto;
    width: 80%;
    display:flex;
    flex-wrap:wrap;
}

.head_m{width:80%;margin:0px auto;padding:2px;text-align:center;font-size:14px;}


/*menu erea*/

.fixed{
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 9999;
}

@media screen and (min-width:769px){
    header.fixed.is-scrolled {
        background-color:transparent;
        box-shadow:none;
        pointer-events:none;
    }

    header.fixed.is-scrolled #header_erea,
    header.fixed.is-scrolled nav,
    header.fixed.is-scrolled #sub-nav {
        background-color:transparent;
    }

    header.fixed.is-scrolled a,
    header.fixed.is-scrolled input,
    header.fixed.is-scrolled label,
    header.fixed.is-scrolled button {
        pointer-events:auto;
    }
}

#head_menu_grid{
    width:50%;padding:5px;display:grid;
    grid-template-columns: repeat(2,1fr);
    grid-template-rows:repeat(2,1fr);
}

.grid-item01{grid-row:span 2;display: grid;
  place-items: center;font-size:1vw;}
.grid-item02{}
.grid-item03{}



.h-button {
 display: inline-block;
 border-radius: 20px;
 border: none;
 background: #004987;
 color: white;
 font-family: inherit;
 text-align: center;
 font-size: 1vw;
 box-shadow: 0px 2px 2px -11px #1875FF;
 width: 10em;
 padding: 0.5em;
 transition: all 0.4s;
 cursor: pointer;
}

.h-button span {
 cursor: pointer;
 display: inline-block;
 position: relative;
 transition: 0.4s;
}

.h-button span:after {
 content: 'はこちら';
 position: absolute;
 opacity: 0;
 top: 0;
 right: -20px;
 transition: 0.7s;
}

.h-button:hover span {
 padding-right: 3.55em;
}

.h-button:hover span:after {
 opacity: 4;
 right: 0;
}

.h-button a{color:#fafafa;}

.h-button a:hover{color:#F8B62D;}

#head-sub-menu{
    width:50%;padding:5px 5px 5px 20px;}


#sub-nav {
    padding-top:1.6rem;
    width:100%;
    background-color:#fafafa;

}

#sub-nav ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display:-webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
}
#sub-nav ul li {
    padding: 0px;
    margin: 0px;
    position: relative;
    width:18%;
}


#sub-nav ul li a {
}

#sub-nav ul li a:hover img{transform:rotate(20deg); transition:all 0.5s ease;}

#sub-nav ul li a img{width:80%;height:auto;}



#nav_area{
    width: 50%;padding:0px 20px;
}

@media screen and (max-width:768px){
    
.head_m{width:100%;font-size:10px;}
    
#logo{
    width:30%;
    text-align: center;
    background-color:#fafafa;
    margin:0px auto;
}
    
#logo img{
    width: 100%;
    height:auto;
}
    
    
}


nav {
    padding-top:1.6rem;
    width:100%;
    background-color:#fafafa;

}

nav ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display:-webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
}
nav ul li {
    padding: 0px;
    margin: 0px;
    position: relative;
    width:19%;
}

nav ul li:first-child{width:34%;
    
}

nav ul li a {
}

nav ul li a:hover img{transform:rotate(20deg); transition:all 0.5s ease;}

nav ul li a img{width:80%;height:auto;}


#mobi-nav{display:none;}

#menu-btn-check {display: none;}

.hamburger-menu{display:none;}



/* extra menu */

nav ul li ul {
    position: absolute;
    top: 100%;
    left: 5px;
    display:flex;
    flex-direction: column;
    
}

nav ul li ul li {
    float: none;
    margin: 10;
    padding:5px;
    background-color: #fafafa;
    border-bottom: 1px dotted #bfbfbf;
    
}

nav ul li ul li a{
    font-size:1vw;
    text-align:left;
}

nav ul li ul li:hover{
    background-color:#bfbfbf;
}

nav ul ul {
    visibility: hidden;
    opacity: 0;
    transition: 0.6s ease-in-out;
    transform: translateY(-50px);
}
nav ul li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}



/* extra menu */

#mobi_nav{display:none;}

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

#logo{width:30%;margin:0px auto;}
    
#head_menu_grid{
    display:none;
}

.mobi{display:none;}
    
.hamburger-menu{display:block;}


/*button*/
.menu-btn {
    position: fixed;
    top: 10px;
    left: 10px;
    display: flex;
    height: 30px;
    width: 30px;
    justify-content: center;
    align-items: center;
    z-index: 200;
    background-color: #004987;
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 20px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}

#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}

#menu-btn-check {
    display: none;
}
    
/*button end*/
    
/*mobi menu*/
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 180;
    background-color:#004987;
}
.menu-content ul {
    padding: 70px 10px 0;
}
.menu-content ul li {
    border-bottom: solid 1px #121212;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#121212;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
    font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
}
.menu-content ul li a:hover {
color:#fafafa;
    
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #121212;
    border-right: solid 2px #121212;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}
    
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: rgba(159, 218, 255, 0.9);
    transition: all 0.5s;/*アニメーション設定*/
}
    
#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}
    
/*mobi menu end*/
    
    
/*mobi footer navi*/

#mobi_nav{
    display:block;
    position:fixed;
    bottom:0px;
    margin: 0px;
    width: 100%;
    padding: 5px 0px 5px;
    background-color:rgb(255, 253, 253,0.3);
    
    z-index: 100;
}

#mobi_nav ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display:-webkit-box;
    -webkit-box-pack: center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
    -webkit-flex-wrap:wrap;
    -js-flex-wrap:wrap;
    flex-wrap:wrap;
}
#mobi_nav ul li {
    padding: 0px;
    margin: 0px;
    display: block;
    position: relative;
    width:25%;
}
#mobi_nav ul li a {
    
    display: block;
    font-size:2rem;
    width: auto;
    border-style:none;
    margin:0px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
    color: #2c2c2c;
    white-space: nowrap;
    opacity:1;
    -webkit-transition: all 0.3s ease 0.3s;
    -o-transition: all 0.3s ease 0.3s;
    transition: all 0.3s ease 0.3s;
}
    
#mobi_nav ul li a img{width:80%;height:auto;}
    
#mobi_nav ul li a:hover{transform:rotate(45deg); transition:all 0.5s ease;}
    
/*mobi footer navi*/


}


/*  menu end*/

/*top movie */

.movie_box {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.movie_box video {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
  display:block;
}

/*movie end*/



/*main*/
main{width:95%;margin:0px auto;padding-top:140px;}

body.has-top-area main{padding-top:0;}

article{width:80%;padding:10px;}

aside{width:20%;padding:20px 10px 10px 0px;}

section{width:100%;
padding:40px 0px; }

section h2{
    color:#F8B62D;
    font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
    padding:20px 0px;font-size:3vw;font-weight: bold;}

section h1{line-height:1.5;
    }

@media screen and (max-width:768px){
    
main{width:100%;padding-top:90px;}

body.has-top-area main{padding-top:0;}
    
 section h2{font-size:4vw;line-height:1.5;}   
}


/* news */


.news-box{width:25%;background-color:#fafafa;10px;padding:2px;}
.news-inbox{position:relative;}
.news-pto{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f2f2f2;}
.news-pto img{width:100%;height:100%;object-fit:cover;display:block;}
.news-txt{font-size:1.4vw;bottom:0;left:0;background-color:rgba(18, 18, 18, 0.4);position:absolute;height:30%;width:100%;padding:5px;color:#fafafa;}
.news-txt a{color:#fafafa;}

.act-txt{font-size:14px;}

.news-but{padding:5px;margin:0px auto;display:block;width:25%;color:#121212;text-align:center;font-size:1.6vw;background-color:#F8B62D;border:1px solid #F8B62D;border-radius:5px;}

.news-but:hover{background-color:#fafafa;color:#F8B62D;}

@media screen and (max-width:768px){
    
.news-box{width:50%;}
.news-but{font-size:2.6vw;}

}

/* news end */


/* sub news */

.snews-box{width:calc(100%/3);padding:2px;}
.snews-inbox{position:relative;}
.snews-l{color:#fafafa;}
.snews-pto{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f2f2f2;}
.snews-pto img{width:100%;height:100%;object-fit:cover;display:block;}
.snews-txt{font-size:16px;bottom:0;left:0;background-color:rgba(18, 18, 18, 0.6);position:absolute;width:100%;max-height:50%;padding:10px;color:#fafafa;line-height:1.2;overflow: hidden;font-weight:bold;}
.cat-icon{font-size:1vw;position:absolute;top:0;left:0;}


/*side-bar*/

.s-h{font-size:2vw;}

.s-snews-box{width:100%;padding:2px;}
.s-snews-inbox{position:relative;}
.s-snews-l{color:#fafafa;}
.s-snews-pto{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;background-color:#f2f2f2;}
.s-snews-pto img{width:100%;height:100%;object-fit:cover;display:block;}
.news-pto .cat_eyecatch,
.snews-pto .cat_eyecatch,
.s-snews-pto .cat_eyecatch{width:100%;height:100%;object-fit:cover;display:block;}
.s-snews-txt{font-size:1.2vw;bottom:0;left:0;background-color:rgba(18, 18, 18, 0.4);position:absolute;height:35%;width:100%;padding:0px 10px;color:#fafafa;line-height:1.2;}

@media screen and (min-width:769px){
    .js-side-news .s-snews-box {
        opacity:0;
        transform:translateY(18px);
        transition:opacity 0.35s ease, transform 0.35s ease;
    }

    .js-side-news.is-visible .s-snews-box {
        opacity:1;
        transform:translateY(0);
    }

    .js-side-news.is-visible .s-snews-box:nth-child(2) { transition-delay:0.04s; }
    .js-side-news.is-visible .s-snews-box:nth-child(3) { transition-delay:0.08s; }
    .js-side-news.is-visible .s-snews-box:nth-child(4) { transition-delay:0.12s; }
    .js-side-news.is-visible .s-snews-box:nth-child(5) { transition-delay:0.16s; }
    .js-side-news.is-visible .s-snews-box:nth-child(6) { transition-delay:0.20s; }
}
/*side-bar*/

/* aside */

.shobi-logo{padding:5px;}

.shobi-logo img{width:100%;height:auto;}

/* aside end*/

.cat-icon{font-size:1vw;position:absolute;top:0;left:0;}

.cat-icon .news{background-color:#F8B62D;padding:5px;}
.news a{color:#fafafa;}
.cat-icon .challenge{background-color:#e60012;padding:5px;}
.challenge a{color:#fafafa;}
.cat-icon .other{background-color:#00a29a;padding:5px;}
.news-reco a{color:#fafafa;}

.cat-icon .news-kasuga{background-color:#005752;padding:5px;}
.contents a{color:#fafafa;}

.cat-icon .contents{background-color:#005752;padding:5px;}
.contents a{color:#fafafa;}

.cat-icon .event{background-color:#c666d3;padding:5px;}
.event a{color:#fafafa;}

.cat-icon .livereport{background-color:#ff6de3;padding:5px;}
.livereport a{color:#fafafa;}

.cat-icon .column{background-color:#2e64bc;padding:5px;}
.column a{color:#fafafa;}

.day-txt{font-size:14px;padding:2px;}

.snews-but{padding:5px;margin:0px auto;width:30%;display:block;color:#121212;text-align:center;font-size:1.2vw;background-color:#F8B62D;border:1px solid #F8B62D;border-radius:5px;}

.snews-but:hover{background-color:#fafafa;color:#F8B62D;transition:all 0.3s ease;}

.s-snews-but{padding:5px;margin:0px auto;width:100%;display:block;color:#121212;text-align:center;font-size:1.4vw;background-color:#F8B62D;border:1px solid #F8B62D;border-radius:5px;}

.s-snews-but:hover{background-color:#fafafa;color:#F8B62D;transition:all 0.3s ease;}



/*sns icon list*/
.sns-icon-box{width:60%;margin:0px auto;}

.sns-icon-inbox{width:calc(100%/3);}

.sns-icon-inbox img{width:30%;height:auto;}


/*sns icon list end*/
@media screen and (max-width:768px){
    
.snews-box{width:100%;}
.snews-but{font-size:2vw;}
.s-snews-box{width:50%;}
.s-snews-but{font-size:2vw;}
.snews-txt{font-size:16px;}
.day-txt{font-size:14px;}
    
}
    
/* sub news end*/

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

section{width:100%;
padding:10px 0px 5px;}

section h1{font-size:4vw;}

article{width:100%;}
    
aside{width:100%;padding:20px 0px 20px 10px;}


}

#top_erea{
width:100%;margin:0px auto;
    padding-top:15vh;
position: relative;
}



.sild-top-back{
    width:100%;height:10vh;
    z-index:50;
    top:0;
    position: absolute;
    background-image:url(img/wave.png);
    background-repeat: repeat-x;
    background-size:contain;
padding:0px;margin:0px;
}

.sild-com-back{
    width:100%;height:10vh;
    z-index:50;
    bottom:0;
    position: absolute;
    background-image:url(img/wave2.png);
    background-repeat: repeat-x;
    background-size:contain;
padding:0px;margin:0px;
}


@media screen and (max-width:768px){
    .sild-top-back{height:3vh;}
    
    .sild-com-back{
        height:3vh;}   
}




.contents{
    width:100%;
    padding:10px;
    margin:0px auto;
    padding:10px 0px;
    }

.bis-box{width:50%;padding:10px;}

.bis-inbox{width:100%;background-color:#fafafa;border-radius:0px 0px 10px 10px;padding-bottom:10px;}

.bis-title{font-size:2rem;font-family: 'Noto Sans JP', sans-serif;background-color:#F8B62D;padding:10px;
border-radius:10px 10px 0px 0px;color:#fafafa;}

.bis-title::before{
content: '';
  display: inline-block;
  background-image: url(img/icon01.png);
  background-size: contain;
  vertical-align: middle;
  width: 3vw;
  height: 3vw;
  margin-right:10px;
}

.bis-pto{width:100%;}

.bis-pto img{width:100%;height:auto;}

.bis-txt{width:100%;padding:10px;}

.bis-but{padding:5px;margin:0px auto;display:block;width:50%;color:#F8B62D;text-align:center;font-size:1.2vw;background-color:#fafafa;border:1px solid #F8B62D;border-radius:5px;}

.bis-but:hover{background-color:#F8B62D;color:#fafafa;}

@media screen and (max-width:768px){
.bis-but{font-size:2.4vw;}
.bis-box{width:100%;padding:20px 10px;}
}

.mem_inbox{
    width:32%;
    padding:10px;
    margin:5px;
    background-color:rgba(255,254,254,0.8);
    border-radius:20px;
    line-height:150%;
    }
.mem_inbox img{
    width:100%;
    height:auto;
    
    }
.mem_inbox h2{
    font-size:2vw;
    font-family: 'Noto Sans JP', sans-serif;
    color:#355CBE;
    padding:5px 0px 10px;
}

.sns_box{}
.sns_icon{
    width:50px;height:50px;
    padding:5px;
}
.sns_icon img{width:100%;height:auto;}

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

.mem_inbox{
    width:100%;
    padding:10px;
    font-size:3vw;
    }

.mem_inbox h2{
    font-size:4vw;
    line-height: 150%;
}

}


.box01{
    width:100%;
    line-height:150%;
    padding:5px;
    }
.box01 img{width:100%;height:auto;}

.box01 h2{font-weight:bold;
font-family: 'Noto Sans JP', sans-serif;
padding:10px;}

.box01 p{padding-bottom:20px;}

.box_50{width:50%;padding:10px;}

.box_50 img{width:100%;height:auto;}

@media screen and (max-width:768px){
    .box01{font-size:3vw;}
    .box01 h2{font-size:4vw;line-height: 150%;}


}

/*concept*/

.concept-wrap{padding-top:80px;}

.topic-img{width:70%;height:auto;margin:0px auto;}

.topic-img img{width:100%;height:auto;}

.ani-rht{position:absolute;z-index:30;top:0;right:0;width:20%;}

.ani-rht img{width:100%;height:auto;}

.ani-lft{position:absolute;z-index:30;top:0;left:0;width:20%;}

.ani-lft img{width:100%;height:auto;}

.con-box{width:50%;padding:1px;}

.con-inbox{}

.con01{background:#FFDFDF;}

.con02{background: #D8F8FF;}

.con03{background: #EBFFE4;}

.con04{background: #E1EDFF;}

.con-box img{width:100%;height:auto;padding;0px;margin:0px;}

.con-tex{font-size:1.6vw;line-height:1.5;padding:5px;margin:0px;text-align:center;}

.con-tex h3{font-size:2vw;text-align:center;margin:0px;padding:5px;}

.con-tex h3 a{font-weight:bold;color:#F8B62D;}

@media screen and (max-width:768px){
    
 .con-tex{font-size:4vw;}

.con-tex h3{font-size:5vw;}   
    
}


/*concept end*/

/*access*/

.ac-info{padding:5px;display:flex;flex-wrap:wrap;background:#fffff7;}

.ac-tex{width:calc(100%/3);padding:10px;}

.ac-bt-box{padding:5px;display:flex;flex-wrap:wrap;background:#fffff7;}

.ac-bt-inbox{width:50%;}

.ac-but{padding:5px;margin:0px auto;width:50%;display:block;color:#121212;text-align:center;font-size:1.2vw;background-color:#F8B62D;border:1px solid #F8B62D;border-radius:30px;}

.ac-but:hover{background-color:#fafafa;color:#F8B62D;transition:all 0.3s ease;}

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

.ac-but{width:90%;}

}

/*access end*/



/*brand-logo*/


.brand-box{margin:0px auto;width:60%;}

.brand-inbox{width:50%;padding:0px;margin:0px 30px;}

.brand-inbox img{width:100%;height:auto;}

@media screen and (max-width:768px){
    
.brand-box{width:80%;}
}



/*brand-logo end*/


/*main end*/

/*footer*/
footer{
 width:100%;
    margin:0px auto;
background-color:#FFEFB7;
color:#4b4b4b;
}

#footer_menu{
   width:80%;
   margin:0px auto;
   padding:10px;

}

#footer_menu ul {
    padding: 0px;
    margin: 0px;
    display:flex;
    display: -webkit-box;
    -webkit-box-pack:center;
    justify-content: center;
    -webkit-display:flex;
    -webkit-justify-content: center;
    -js-display:flex;
    -js-justify-content: center;
    -webkit-flex-wrap:wrap;
    -js-flex-wrap:wrap;
    flex-wrap:wrap;
}
#footer_menu ul li {
    padding: 0px;
    margin: 0px;

}
#footer_menu ul li a {
    margin: 0px;
    padding: 10px 10px;
    font-size:1vw;
    text-align: center;
    text-decoration: none;
    color: #4b4b4b;
    white-space: nowrap;

}

#footer_menu ul li a:hover {
    color: #bfbfbf;

}

@media screen and (max-width:768px){
footer{
 width:100%;
}
#footer_menu{
   width:100%;
}
#footer_menu ul li a {
    font-size:2vw;
}
}

#footer_copy{
   width:100%;
    padding:10px;
    color:#121212;
font-size:1rem;
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;

}

@media screen and (max-width:768px){
#footer_copy{
    padding:10px 10px 60px 10px;

}

}


/*footer end*/

/*youtube flex*/
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*youtube flex end*/

/*map flex*/
.g-map {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.g-map iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
/*youtube flex end*/

/*contact form*/
.c_box{
    display:flex;
    }
    .c_left{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    -js-flex: 1;
    flex: 1;
    background-color: #F8B62D;
    color: #E0F0EB;
    text-align: center;
    padding: 5px 10px;
    border-bottom:#F8B62D solid 1px;

    }
    .c_right{
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    -js-flex: 2;
    flex: 2;
    background-color: #ffe1a3;
    color: #0E0E0E;
    padding: 5px 10px;
    border-bottom:#F8B62D solid 1px;
    }

.wpcf7 input[name="your-name"] { width: 85%;
}
.wpcf7 input[name="your-email"] {width: 85%;
}
.wpcf7 input[name="your-company"] {width: 85%;
}
.wpcf7 textarea[name="your-message"] {width: 85%;
}

span.wpcf7-list-item {
display: block;
}

@media screen and (max-width:768px){
   .c_box{
    flex-direction: column;
    -webkit-flex-direction: column;
    -js-flex-direction: column;
    }

   .c_left{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#7fb78e solid 1px;
    }
    .c_right{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#7fb78e solid 1px;
    }

}

/*contact form end*/

/*company*/
.com_button{background-color:#004987;color:#fafafa;padding:10px;text-align:center;border-radius:30px;display:block;width:50%;margin:0px auto;font-weight:bold;font-size:1.6vw;border:3px solid #65b8ff;}
.com_button:hover{background-color:#fafafa;color:#004987;border:3px solid #004987;transition:all 0.3s ease-out;}
.com_box{
    margin-top:20px;
    padding:20px;
    border:1px solid #004987;
    border-radius:10px;

    }
.com_inbox{
    display:flex;
    border:1px solid #004987;
    margin:0px auto;
    width:90%;
    border-radius:5px;
}
    .com_left{
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    -js-flex: 1;
    flex: 1;
    background-color: #004987;
    color: #fafafa;
    text-align: center;
    padding: 5px;
    border-bottom:#004987 solid 1px;


    }
    .com_right{
    -webkit-flex: 2;
    -moz-flex: 2;
    -ms-flex: 2;
    -o-flex: 2;
    -js-flex: 2;
    flex: 2;
    background-color: #fafafa;
    color: #0E0E0E;
    padding: 5px;
    border-bottom:#004987 solid 1px;
    }

@media screen and (max-width:768px){
    .com_button{padding:10px;font-size:2vw;}

   .com_box{
    flex-direction: column;
    -webkit-flex-direction: column;
    -js-flex-direction: column;
       padding:0px;
    }
    .com_inbox{width:100%;}

   .com_left{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#004987 solid 1px;
    }
    .com_right{
    min-height: 0%;
    flex:0 1 auto;
    -webkit-flex:0 1 auto;
    -js-flex:0 1 auto;
    border:#004987 solid 1px;
    }

}

/*company end*/







/* page */
.page-contents{width:90%;margin:0px auto;box-sizing:border-box;
    padding:100px 10px 10px 10px;}

.page-contents img{margin:0px auto;display:block;}

.slider-page{width:100%;}

@media screen and (max-width:768px){
 .page-contents{width:100%;}   

}


/* single */
.page-title{margin-bottom:20px;}

.page-title a{font-weight:bold;color:#121212;}

.cat-name{font-size:4vw;
    font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
    margin-bottom:50px;}

.cat-name::first-letter{color:#F8B62D;font-size:6vw;}

.tags{font-size:1vw;padding:10px;background-color:#F8B62D;border-radius:5px;}

.tags a{color:#fafafa;font-weight:bold;}

.single-contents{width:90%;margin:0px auto;box-sizing:border-box;padding:50px 10px 10px 10px;}

.single-contents img{margin:0px auto;display:block;width:100%;height:auto;}

.catch-f{color:#e60012;font-weight:bold;line-height:1.5;}

.color-or{color:#f8b62d;text-align:center;padding-bottom:5px;border-bottom:2px solid #f8b62d;margin-bottom:5px;}

.color-rd{color:#e60012;}

.color-gr{color:#00a29a;}

.sub-title{color:#f8b62d;border-left:5px solid #f8b62d;padding:5px;margin:0px; 0px 10px 10px; }

.box-or{background-color:#ffdf9c;padding:10px;border-radius:10px;margin:10px;font-size:1vw;}

.box-or2{background-color:#ffdf9c;padding:20px;border-radius:10px;margin:20px;font-size:1vw;}

.box-pk{background-color:#ffc6c0;padding:10px;border-radius:10px;margin:10px;font-size:1vw;}

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

.single-contents{width:100%;}
    
.box-or{font-size:2vw;}
    
.box-or2{font-size:2vw;}
    
.box-pk{font-size:2vw;}
}

/* sns */

.side-fb{
  position: relative;
  width: 100%;
  max-width:100%;
  overflow:hidden;
  padding-top:0;
  box-sizing:border-box;
}

/* sns */
.x-link-card {
    width:100%;
    margin:0 auto;
}

.x-link-card a {
    display:block;
    width:100%;
    padding:14px 12px;
    color:#121212;
    background-color:#F8B62D;
    border:2px solid #F8B62D;
    border-radius:6px;
    text-align:center;
    box-sizing:border-box;
}

.x-link-card a:hover {
    color:#F8B62D;
    background-color:#fff;
    transition:all 0.3s ease;
}

.x-link-card__label,
.x-link-card__account {
    display:block;
    line-height:1.4;
}

.x-link-card__label {
    font-size:16px;
    font-weight:bold;
}

.x-link-card__account {
    font-size:13px;
    opacity:0.8;
}

.twitter-timeline{
    max-width:100%;
    padding:0;
    margin:0px auto;
    box-sizing:border-box;
}

.side-fb .fb-page,
.side-fb .fb-page > span,
.side-fb iframe {
  width: 100% !important;
  max-width:100% !important;
  box-sizing:border-box;
}


.sns-box{display:flex;flex-wrap:nowrap;}

.fb-bt{background-color:#3B5998;padding:5px;width:20%;box-sizing:border-box;text-align: center;}

.fb-bt a{color:#fafafa;font-weight:bold;font-size:1vw;}

.tw-bt{background-color:#00acee;padding:5px;width:20%;box-sizing:border-box;text-align: center;}

.tw-bt a{color:#fafafa;font-weight:bold;font-size:1vw;}

.ln-bt{background-color:#06c755;padding:5px;width:20%;box-sizing:border-box;text-align: center;}

.ln-bt a{color:#fafafa;font-weight:bold;font-size:1vw;}

.ht-bt{background-color:#01a5df;padding:5px;width:20%;box-sizing:border-box;text-align: center;}

.ht-bt a{color:#fafafa;font-weight:bold;font-size:1vw;}

.pn-bt{background-color:#BD081C;padding:5px;width:20%;box-sizing:border-box;text-align: center;}

.pn-bt a{color:#fafafa;font-weight:bold;font-size:1vw;}

/* sns end */

/* category */
.category-contents{width:95%;margin:0px auto;box-sizing:border-box;padding:50px 5px 10px 5px;}

.category-contents img{margin:0px auto;display:block;}

.cat-list{width:calc(100% / 3);padding:10px;box-sizing:border-box;font-size:1.2vw;line-height:1.2;}

.cat-list img{width:100%;height:auto;}

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

.cat-list{width:50%;padding:10px;box-sizing:border-box;}
}

/* search form */

ul#contact_and_search li#searchBox {width: 180px;}
#searchform {
    font-size:16px;
    position: relative;
    width:100%;
    margin:0 0 20px;
}

.searchform-inner {
    display:flex;
    align-items:center;
    width:100%;
    border:2px solid #F8B62D;
    border-radius:6px;
    overflow:hidden;
    background-color:#fff;
}

#s {
    height:44px;
    width:100%;
    min-width:0;
    padding:0 12px;
    border:none;
    position:static;
    background-color:#fff;
    border-radius:0;
    font-size:16px;
    box-sizing:border-box;
}

#s:focus {
    outline:2px solid rgba(248,182,45,0.35);
    outline-offset:-2px;
}

#searchsubmit {
    color:#fff;
    width:auto;
    min-width:64px;
    height:44px;
    padding:0 14px;
    border:none;
    cursor:pointer;
    position:static;
    background-color:#F8B62D;
    border-radius:0;
    font-size:15px;
    font-weight:bold;
    white-space:nowrap;
}

#searchsubmit:hover {
    background-color:#e59d00;
}

/* youtube */

.wp-block-embed__wrapper {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

/*single text*/
.num-box{background-color:#F8B62D;padding:1px 5px;margin:0px 5px;border-radius:10px;color:#fafafa;}

@media screen and (max-width:768px){
    
    .num-box{border-radius:5px;margin:0px 5px 2px 5px;}
}

/*event single page */
#event-page{line-height:1.5;}

#event-page h2{font-size:3rem;font-weight:bold;border-bottom:2px solid #F8B62D;}

#event-page p{line-height:2;}

.eve-img-box{width:100%;display:flex;flex-wrap:wrap; gap: 2px;}

.eve-inbox{width:50%;}

.eve-inbox:only-child {
    width: 100%; /* 1枚の場合は100%幅 */
  }

.eve-inbox img{width:100%;height:auto;}

.eve-inbox:nth-child(n+2) {
    width: calc(50% - 5px);
  }

.e-comment{font-size:1.4rem;padding:5px;border:1px solid #F8B62D;border-radius:5px;line-height:1.2;margin:10px 0px;}

.e-comment a{font-weight:bold;color:#f71c1c;}

.e-comment02{font-size:1.2rem;padding:5px;border:1px solid #F8B62D;border-radius:5px;line-height:1.2;margin:10px 0px;}

.eve-box{padding:5px;}

.eve-box p{border-bottom:2px dotted #F8B62D;}