@charset "UTF-8";
/* CSS Document */


.horizontal_accordion_toggle {
	float: left;
	background-color: #665a4a;
	display: block;
	text-align: left;
    font-size: 6rem;
    line-height: 18rem;
    font-weight: 500;
    letter-spacing: 0.25rem;
	height: 100%;
	color: #bda988;
	text-decoration: none;
        writing-mode: vertical-rl;
	outline: none;

	/*border-right: 1px solid #cde99f;*/

	cursor: pointer;
	padding: 30px 0 0 0;
	margin: 0 0 0 0;
}



#horizontal_container .horizontal_accordion_toggle {
  width: calc((100% - 450px)/4);
}



#horizontal_container_sp .horizontal_accordion_toggle {
    	width: calc((100% - 200px)/4);
}

#horizontal_container .htogDef,
#horizontal_container_sp .htogDef {
width: calc(100%/4);
        margin: 0;
        background-repeat: no-repeat;
    background-position:  center;
    background-size: 180%;
    
}

.htogDef span {
    display: block;
    width: 100%;
    height: 100%;
}


.htog1 {
        	background-color: #aa987a;
    }
    
.htog2 {
        	background-color: #97876d;
    }
    
.htog3 {
        	background-color: #887962;
    }
    
.htog4 {
        	background-color: #796c57;
    }
        

.htog1.htogDef {
    background-image: url("../images/map-title-americas.png");
}

.htog2.htogDef {
    background-image: url("../images/map-title-africa.png");
}

.htog3.htogDef {
    background-image: url("../images/map-title-europe.png");
}

.htog4.htogDef {
    background-image: url("../images/map-title-asia.png");
}


.horizontal_accordion_toggle_active {
    background-color: #4e4538 !important;

}

.horizontal_accordion_content {
	height: 100% !important;
	float: left;
	overflow: hidden;
	background-color: #bdaa89;
	color: #000;
    padding: 0;
    margin: 0;
        background-repeat: no-repeat;
    background-position: bottom right;
    background-size: 100%;
}

.hacc1 {
    background-image: url("../images/map-cont-americas.jpg");
}

.hacc2 {
    background-image: url("../images/map-cont-africa.jpg");
}

.hacc3 {
    background-image: url("../images/map-cont-europe.jpg");
}

.hacc4 {
    background-image: url("../images/map-cont-asia.jpg");
}

    .horizontal_accordion_content div {
        margin: 0;
        padding: 30px; 
    }
    
    .horizontal_accordion_content h4 {
        margin: 0;
        padding: 0;
    }

    .horizontal_accordion_content h4 img {
        width: 35px;
        vertical-align: middle;
        margin: 0 5px 5px 0;
    }
    .horizontal_accordion_content h4 span {
background-color: #000;
        display: inline;
        width: auto;
        color: #bda988;
        padding: 0 5px;
        margin: 0;
         vertical-align: middle;
        line-height: 1em;
    }
    
    .horizontal_accordion_content dl {
        margin: 0 0 40px 40px;
        padding: 0;
    }

        .horizontal_accordion_content dl dt {
        margin: 10px 0 0 0;
        padding: 0;
            font-weight: 700;
    }

            .horizontal_accordion_content dl dd {
        margin: 0;
        padding: 0;
    }


.horizontal_accordion_content dl dd a {
    text-decoration: underline;
}

.horizontal_accordion_content dl dd a:hover {
    text-decoration: none;
}
    

#horizontal_container {
    display: block;
	margin: 0;
	width: 100%;
  height: 100vh;
    background-color: #bdaa89;
}


#horizontal_container_sp {
display: none;
}


@media (max-width: 992px) {
    
    #horizontal_container {
        display: none;
    }
    #horizontal_container_sp {
    display: block;
	width: 100%;
  height: 100vh;
    background-color: #bdaa89;
}

      .shopping-page h2 {
    margin-bottom: 10px;
    text-align: center;
    font-size: 8.6rem;
  }
    

    
    .horizontal_accordion_content {
        background-position: center;
    }
        .horizontal_accordion_content div {
        margin: 0;
        padding: 10px; 
    }
        .horizontal_accordion_content h4 img {
        width: 25px;
        vertical-align: middle;
        margin: 0 5px 5px 0;
    }
    
        .horizontal_accordion_content dl {
        margin: 0 0 30px 5px;
        padding: 0;
    }
    
    
    

}