@charset "utf-8";

/*-----------------------------------------------------

Top Page Style

------------------------------------------------------*/

#Mainvis { width:100%; border-top: 3px solid #dac8a4; overflow:hidden; clear:both; }
#Mainvis_inner { }
#Mainvis ul { }
#Mainvis ul li.photo_01 { background:url(../../images/mainvis_bg_01.jpg) no-repeat center bottom; background-size:100% 100%; }
#Mainvis ul li.photo_01 img { margin:0 auto; }

#Mainvis ul li.photo_02,
#Mainvis ul li.photo_03,
#Mainvis ul li.photo_04 { background-color:#4B4B4B; }
#Mainvis ul li.photo_02 > span,
#Mainvis ul li.photo_03 > span,
#Mainvis ul li.photo_04 > span { width:100%; height:460px; font-size:200%; color:#fff; text-align:center; line-height:450px; display:block; }

#Mainvis .flex-control-thumbs { width:1000px; margin:0 auto; padding-top:6px; }
#Mainvis .flex-control-thumbs li { width: 238px; float:left; margin-right:16px; cursor:pointer; }
#Mainvis .flex-control-thumbs li:last-child { margin-right: 0; }

.block_open_bnr { width:1000px; margin:0 auto 40px; padding-top:29px; }
section { }
.sec_inn { width:1000px; margin:0 auto; clear:both; }


#sec_06 { width:100%; padding:55px 0 50px; background:url(../../images/sec_bg_03.png) repeat-x top; background-color:#fff }
#sec_06 .titstyle02 { width:333px; margin-right:44px; float:left; }
#sec_06 .site_map { width:603px; padding-top:0px; float:left; }
#sec_06 .site_map ul { }
#sec_06 .site_map ul li { width:170px; margin-right:46px; float:left; border-right:1px solid #B23F51; }
#sec_06 .site_map ul li:last-child { border-right:none; margin-right:0; padding-top:0px; }
#sec_06 .site_map ul li a { font-size:108%; padding:6px 0 6px 16px; display:block; background:url(../../images/sitemap_icon_arrow.png) no-repeat left; }


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

#Mainvis { width:100%; border-top:none; }
#Mainvis_inner { }
#Mainvis ul { }
#Mainvis ul li { }
#Mainvis ul li.photo_02 > span,
#Mainvis ul li.photo_03 > span,
#Mainvis ul li.photo_04 > span { height:240px; line-height:220px; }
#Mainvis .flex-control-thumbs { width:100%; margin:0 auto 10px; padding-top:0; }
#Mainvis .flex-control-thumbs li { width:50% !important; float:left; cursor:pointer; margin-right:0; }
#Mainvis .flex-control-thumbs li a { width:100%; border:2px solid #6A6A6A; display:block; }
#Mainvis .flex-control-thumbs li a.flex-active { border-color:#dac8a4; }

.block_open_bnr { width:100%; margin:0 auto 4%; padding-top:2%; }
section { }
.sec_inn { width:100%; margin:0 auto; clear:both; }

#sec_06 { padding:0 0 10%; }
#sec_06 .titstyle02 { width:100%; margin-right:0; float:none; }
#sec_06 .site_map { width:100%; padding-top:5%; float:left; }
#sec_06 .site_map ul { width:93.75%; margin:0 auto;}
#sec_06 .site_map ul li { width:50%; margin-right:0; padding-left:5%; }
#sec_06 .site_map ul li:last-child { border-right:none; padding-top:0; margin-right:0; }
#sec_06 .site_map ul li a { padding:8px 0 8px 9px; }
}