/**=========
Style_Add css
==========**/
/* -------------------------------------------------- */
/*  welcome.html の タイトルと見出しの間のライン上下の隙間を調整 2023.06.28 by Nakamura  */
/* -------------------------------------------------- */
#welcome h2 {
    margin-bottom: 40px;
}
/*.trans_text h4 {
    margin-bottom: 50px;
}*/
.trans_text p {
    margin-top: 50px;
}
#welcome #infovillage .trans_text p {
    margin-top: 50px;
}
/*#welcome #villagers .trans_text h3 {
    margin-top: 40px;
}*/
/* -------------------------------------------------- */
/*  sansonryugaku.html の「＜卒業生の座談会＞」 タイトル枠の上下の隙間を調整 2023.06.28 by Nakamura  */
/* -------------------------------------------------- */
/*#abroad .gallery_add .img_zone {
    margin-bottom: 25px;
}*/
#abroad .gallery_add .img_zone.add_margin {
    margin-top: 40px;
}
#abroad .gallery_add .img_zone_mayer {
    margin-bottom: 0px;
}
/* -------------------------------------------------- */
/*  SDG'sアイコンのスマホの時の左右センターを調整 2023.06.28 by Nakamura  */
/* -------------------------------------------------- */
@media screen and (max-width:540px) {
#childsupport .intro_text .intro_icon {
	width: 340px;
    margin: auto;
}
}





/**===========================
Style_Add css_20240221
============================**/

/* ----------------- */
/*  gallery  */
/* ----------------- */
#season .gallery {
    margin-top: 50px;
    padding: 0;
}
#season .gallery_img {
    width: 100%;
    height: auto;
}


/*==================================================
ギャラリーのためのcss
===================================*/
.gallery{
    columns: 3;/*段組みの数*/
    padding:0 15px;/*ギャラリー左右に余白をつける*/
    }
    
    .gallery li {
        padding-bottom: 40px;
        padding-top: 40px;
    }
    
    .gallery .gallery_img {
       gap: 40px;
        display: flex;
        flex-direction: column;
        overflow: auto;
    }
    .gallery .gallery_img a {
        margin-bottom: 40px;
    }
/*
_::-webkit-full-page-media, _:future, :root .gallery .gallery_img {
	margin-bottom: 40px;
        display: flex;
        flex-direction: column;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome,  .gallery .gallery_img {
        margin-bottom: 40px;
        display: flex;
        flex-direction: column;
    }
}
    */
    
    /*ギャラリー内のイメージは横幅100%にする*/
    .gallery img{
      width:100%;
      height:auto;
      vertical-align: bottom;/*画像の下にできる余白を削除*/}
    
    /*　横幅900px以下の段組み設定　*/
    @media only screen and (max-width: 900px) {
      .gallery{
      columns:2;
      } 
    }
    
    @media only screen and (max-width: 768px) {
      .gallery{
      columns: 1;
      } 
    }