@charset "utf-8";

.fmenu_sp li a.sp_outline:link span { color:#00E0E0; }
.fmenu_sp li a.sp_outline:link em { color:#00E0E0; }
.fmenu_sp li a.sp_outline:visited span { color:#00E0E0; }
.fmenu_sp li a.sp_outline:visited em { color:#00E0E0; }

#g-nav.panelactive ul li a.a_outline:link span { color:#FFFF02;}
#g-nav.panelactive ul li a.a_outline:visited span { color:#FFFF02;}

footer a.f_outline:link::after {
    content: ''; /* コンテンツを空にする */
    position: absolute; /* 絶対位置指定 */
    bottom:10px;
    left: 50%; /* 左端から中央に配置 */
    transform: translate(-50%, -50%); /* 中央揃え */
    width:50px; /* 要素の幅と同じ */
    height:20px; /* 要素の高さと同じ */
    background-image: url('/img/color.png');
    background-size: contain; /* 画像を要素に合わせて表示 */
    opacity: 1; /* 初期状態は不透明 */
    transition: opacity 0.3s ease; /* フェードのアニメーション */
    margin:0 auto; 
  }

.top { flex-wrap:wrap; }
.dl_outline { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:10px;  }
.dl_outline dt{ width:100%; background:#F4F4F4; padding:5px 0 5px 10px; border-bottom:1px solid #fff; font-weight:bold; }
.dl_outline dd { width:100%; padding-left:10px;line-height:1.7em; display:flex; align-items: center; }
.outlinephoto { display:flex; flex-wrap:wrap; justify-content:space-between;}
.outlinephoto li { width:100%; }
.bottom_wrap { width:100%; }
.outlinephoto li:first-child { width:100%; }
.outlinephoto li:nth-child(2) { width:49%; }
.outlinephoto li:nth-child(3) { width:49%; }
.outlinephoto li img { width:100%; }
.bottom_wrap { width:100%; display:block; margin:0 auto 50px auto; }
.top_wrap {background:none; padding-bottom:0; height:auto; }

@media screen and (min-width: 840px) {
    .top { display:flex; }
    .ul_top { width:20%; }
    .contents { width:80%; }
    .dl_outline { margin-bottom:0; }
    .dl_outline dt { width:20%; padding:10px 0 10px 10px; font-weight:normal; }
    .dl_outline dd { width:79%;  border-bottom:1px solid #F4F4F4; white-space:nowrap; padding-top:10px; padding-bottom:10px; }
    .bottom_wrap { width:1090px; }
    .outlinephoto { width:100%; }
    .bottom_wrap { width: 1080px; margin:0 auto 100px auto; display:block; }
    .outlinephoto li:first-child { width:33%; }
    .outlinephoto li:nth-child(2) { width:33%; }
    .outlinephoto li:nth-child(3) { width:33%; }
    #text-container span.japan { margin-top:-240px; }

    

}
.dl_outline dd { flex-wrap:wrap; white-space:nowrap;}
.dl_outline p { width:100%; margin-bottom:10px; display:inline-block; }