@charset "UTF-8";
/* ここからセレクトボタン */
.section__topic_nav {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 24px;
    margin: 56px auto 64px;
}
@media (max-width: 768px) {
    .section__topic_nav{
        font-size: 1.3rem;
        margin: 64px auto 72px;
    }
}
/* ここまで */

/* ここからphoto */

.china {
    display: flex;
    width: 1200px;
    align-items: flex-start;
    align-content: flex-start;
    gap: 60px;
    flex-wrap: wrap;
    margin: 0 auto;
}
.china a {
    width: 360px;
}
/*全て共通：hideエリアをはじめは非表示*/
.hide-area{
	display: none;
}

/*全て共通：モーダルのボタンの色を変更したい場合*/
.modaal-close:after, 
.modaal-close:before{
	background:#ccc;	
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
	background:#F3F1EC;
}

@media (max-width: 768px){
 .china {
    width: 320px;
    gap: 30px;
    margin-bottom: 30px;
}
.modaal-gallery-next { left: auto; right: 20px; bottom: -65px; }
.modaal-gallery-prev {left: 20px; right: auto;BOTTOM: -65px;}
 } 
/* ここからfooter */
.pagetop {
    position: fixed;
    right: 4.16%;
    bottom: 20px;
}

.footer {
    text-align: center;
    margin: 80px auto 0;
}

.small {
    display: block;
    margin: 24px auto;
    font-size: 1.0rem;
}