#content_header {
height:790px;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/sitemap/bg_sitemap_top.jpg);
background-size: cover;
background-repeat: no-repeat;
background-position: center center;
}
.content_logo{
padding-top:320px;
text-align: center;
}
.content_logo img {
width:82%;
}
.content_logo h1 {
text-align: center;
color:#FFF;
font-size:22px;
font-weight:bold;
}
#sitemap_contents {
height: 2080px;
background: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/bg/sitemap/bg_sitemap.jpg) 50% top fixed;
padding-bottom:115px;
color:#000;
position:relative;
}
#sitemap_list {
width:1000px;
background: rgba(255,255,255,.8);
padding:70px 0 80px 270px;
position:absolute;
top:-115px;
left: 0;
right: 0;
margin: auto;
}
#sitemap_list > li{
padding-left:100px;
font-size:24px;
font-weight:bold;
height:100%;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/icon/icon_blocks.svg);
background-size: 60px;
background-repeat:no-repeat;
background-position:0px 0px;
margin-top:30px;
padding:15px 0 20px 100px;
}
#sitemap_list > li ol{
padding-left:0px;
margin-top:5px;
}
#sitemap_list > li ol li{
font-size:20px;
padding-left:30px;
background-size: 20px;
background-image: url(//bondhome.d-grip.com/wp/wp-content/themes/bondhome_theme/img/icon/icon_block.svg);
background-repeat:no-repeat;
background-position:0px 10px;
}
#sitemap_list li a{
color:#000;
}
#sitemap_list li a:hover{
text-decoration: underline;
}
@media (max-width: 999px){
#sitemap_contents {
height:auto;
padding:50px 0;
color:#000;
position:relative;
}
#sitemap_contents .inner {
width:740px;
}
#sitemap_list {
width:100%;
padding:50px 30px 50px 100px;
position:static;
margin: auto;
}
}
@media (max-width: 767px) {
#sitemap_contents .inner {
width:540px;
}
#content_header {
padding-top:15px;
height: 380px
}
.content_logo{
padding-top:130px;
text-align: center;
}
.content_logo img{
width:80%;
max-width: 385px
}
.content_logo p{
font-size:18px;
}
}
@media (max-width: 575px){
#sitemap_contents .inner {
width:300px;
}
#sitemap_list {
padding:30px 20px;
}
#sitemap_list > li{
padding-left:100px;
background-size: 40px;
margin-top:20px;
padding:5px 0 20px 60px;
font-size:18px;
}
#sitemap_list > li ol{
padding-left:0px;
margin-top:5px;
}
#sitemap_list > li ol li{
font-size:15px;
padding-left:20px;
background-size: 13px;
background-position:0px 8px;
}
}