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


/* header
---------------------------------------------------------------------------------------------------------------------*/

header{
	background-color: rgba(50,50,50,0.6);
	transition: 0.5s;
}
header .home a{
    background-image: url(../img/site_img/logo_wh.png);
}
header.hover_bg .home a{
    background-image: url(../img/site_img/logo_wh.png);
}
header .nav li > a {
	font-size: 11px;
    line-height: 60px;
	color:#dfdfdf;
}
header:hover .nav li > a {
	color:#dfdfdf;
	transition:.5s;
}
.header-nav-guide a{
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_guide.png);
}
.header-nav-shop a{
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_shop.png);
}
.header-nav .header-nav-member a {
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_member.png);
}

.header-nav .header-nav-login a{
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_login.png);
}
.header-nav .header-nav-logout a {
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_logout.png);
}
.header-nav .header-nav-cart a{
	background-image: url(https://gigaplus.makeshop.jp/padrol/common/img/site_img/icon_cart.png);
}
.pcmenu-trigger span {
    background-color: #fff;
}

.store_link {
	background-color: #fff;
	padding: 5px;
	width: 10%;
	position: absolute;
	top: 70px;
	right: 15px;
	transition:.5s;
}
.store_link p{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin:0;
	padding:0;
	color:#000;
	transition:.5s;
}


/* company
---------------------------------------------------------------------------------------------------------------------*/
.company{
	width: 90%;
    max-width: 800px;
    margin: auto;
	overflow:hidden;
}
.company #prof{
    width: 100%;
	margin:-15px 0 30px 0;
}
.company dl{
	display:table;
	width:100%;

}
.company dt{
	width: 30%;
	padding:15px 0 10px 0;
	display:table-cell;
	border-bottom:1px solid #dfdfdf;
	vertical-align:top;
	font-size: 12px;
	line-height:1.7;
}
.company dd{
	width: 70%;
	padding:15px 0 10px 0;
	text-align:left;
	display:table-cell;
	border-bottom:1px solid #dfdfdf;
	vertical-align:top;
	font-size: 12px;
	line-height:1.7;
}

.company dt span,.company dd span {
	display: block;
    margin: 5px 0;
    color: #9b9b9b;
}
.access {
	width: 100%;
    margin: 0;
    overflow: hidden;
}
#map_canvas {
    width: 100%;
	height: 500px;
    float: left;
}

@media screen and (max-width:1280px) {/*---------------------------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width:1024px) {/*---------------------------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width: 768px) {/*---------------------------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width: 480px) {/*---------------------------------------------------------------------------------------------------------------------*/
.company dt,
.company dd{
	font-size: 11px;
}
.store_link {
    background-color: #fff;
    padding: 5px;
    width: 20%;
    position: absolute;
    top: 15px;
    right: 15px;
    opacity: 1;
    transition: .5s;
    box-shadow: 0 1px 2px rgba(255,255,255,0.5), 0 1px 2px rgba(255,255,255,0.5);
}
.store_link p {
    font-size: 11px;
    color: #000;
}

.hover_bg .store_link {
	width: 20%;
    top: 15px;
    right: 15px;
    box-shadow: 0 1px 3px rgba(255,255,255,0.5), 0 1px 3px rgba(255,255,255,0.5);
}
.hover_bg .store_link p{
	font-size: 11px;
}
}
@media screen and (max-width: 375px) {/*---------------------------------------------------------------------------------------------------------------------*/
}
@media screen and (max-width: 320px) {/*---------------------------------------------------------------------------------------------------------------------*/
}