@charset "utf-8";

/*-------------------------------
 CSS Document UpDate 2023-11-21 
-------------------------------*/

#tny_contents a:hover{transition: 0.2s;}


/*ページ内アンカーの調整*/
    html {
        scroll-padding-top: 130px;
        scroll-behavior: smooth;
    }
    @media screen and (max-width: 766px) {
        html {
            scroll-padding-top: 50px;
        }
    }
/*ページ内アンカーの調整*/


@media print, screen and (min-width: 767px) {#tny_contents .sp_ver{    display: none;}}
@media screen and (max-width: 766px) {#tny_contents .pc_ver{    display: none;}}



#tny_contents{font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", sans-serif!important;}


.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {margin-bottom: unset;line-height: normal;}

#tny_contents p{	line-height: normal;margin-bottom: unset;}





/*--背景色編集--*/
#tny_contents #contents_mainimg_pc.img_bgcolor{background-color:#fff;/*PC背景色の指定*/}
#tny_contents #contents_mainimg_pc img {    margin: 0 auto;    width: 100%;}
#tny_contents #contents_mainimg_sp img {    margin: 0 auto;    width: 100%;}
/*--背景色編集--*/


/*--基本設定--*/
#tny_contents img {    width: 100%;}
#tny_contents h1 span {   display:inline-block;}

#tny_contents h3{font-weight:bold;margin-bottom:1.5rem; }
#tny_contents h4{font-weight:bold;margin-bottom:1.25rem; }
@media screen and (max-width: 768px) {/*SP用*/
    #contentstop_area_2 h3,
    #contentstop_area_2 h4 {    font-size: 1.2rem;}
}

#tny_contents section{
    display: flex;
    flex-direction: column;
    gap: 8rem;
    margin-top: 120px;
    margin-bottom: 150px;
}    
 #tny_contents section>div{
    display: flex;
    flex-direction: column;
    gap: 3rem;
}
/*--基本設定--*/


/*item_list*/
#tny_contents .item_list {display:flex;flex-direction:column;gap:3rem; }

@media print, screen and (min-width: 768px) {/*PC横→SP縦*/
#tny_contents .item_list .item{display:flex;flex-direction:row;gap:2rem;/*PC横並び*/}
#tny_contents .item_list .item:nth-child(even){flex-direction: row-reverse;}
}
@media screen and (max-width: 768px) {/*PC横→SP縦*/
#tny_contents .item_list .item{display:flex;flex-direction:column;gap:2rem;/*SP縦並び*/}
}
/*item_list*/



/*furusato    */

#contents_furusato h4{
    font-size: 1rem;
    font-weight: bold;
}
#contents_furusato div.about_city div.city_name .logo img{

    display: block;
    width: 3rem;

}
#contents_furusato div.about_city div.city_name {
    display: flex;
justify-content: center;
}
#contents_furusato div.about_city div.city_map {
    margin: auto;
    text-align: center;
}
#contents_furusato div.about_city div.city_txt {
    text-align: left;
    margin: auto;
    font-size: 1.25rem;
}
#contents_furusato div.about_city div.city_link {
    width: fit-content;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    gap: 0px;
}
#contents_furusato div.info_item div.item {
    gap: 40px;
    justify-content: center;
    text-align: center;
    margin: auto;
    width: 90%;
}
#contents_furusato div.site_list {
    width: 90%;
    margin: auto;
}
#contents_furusato div.site_list p{
    margin-bottom: 2rem;
    font-size: 1.25rem;
}
#contents_furusato div.site_list li a span:first-child {
    background-color: #f2f2f2;
    border-radius: 20px;
    padding: 7px 20px;
    width: fit-content;
    font-weight: bold;
}
#contents_furusato div.site_list li a span {
    display: inline-block;
}

#contents_furusato .city_site .site_list ul {
    display: flex;
    flex-direction: column;
    gap: 1rem;
}



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

#contents_furusato .site_list span.sp {
    display: none;
}
#contents_furusato div.site_list li a span:first-child{
    padding: 7px 18px;
}
#contents_furusato div.about_city div.city_name .logo img{
    width: 3.25rem;
}

}

/*furusato    */