@charset "UTF-8";


@font-face{
	font-family: 'font1';
	font-style: normal;
	font-weight: bold;
	src:
		url('../../_fonts/NotoSerifCJKjp-Black-web.woff') format('woff'),
		url('../../_fonts/NotoSerifCJKjp-Black-web.ttf')  format('truetype')
	;
}

body{-webkit-text-size-adjust: 100%; color:rgb(0,0,0);
	text-align:center; line-height:1.75; letter-spacing:0.05em;
	font-family: font1, "游明朝 Bold", YuMincho-Bold, "ヒラギノ明朝 ProN W6" , "HiraMinProN-W6", serif;
	background-color: rgb(0, 0, 0);
}

#bannerSection{border-bottom: 4px solid rgb(0,0,0);}

#loader{
	background-color: rgb(0, 0, 0);
/*	background-image:url('../img/loadingToranomon.gif');*/
}

#loader:after{
	border-color: rgb(255, 255, 255);  /*円に○の白枠をつける*/
	border-right-color: transparent; /*円の右にC状の空きをつける*/
}

.svg #goTopBt{background-image: url('../img/goTop.svg');}
.no-svg #goTopBt{background-image: url('../img/goTop.png');}

/****************************************************/
/******************* CONTENTS *********************/
/****************************************************/

/********BANNER******/
.photoArea{background-color:rgb(0, 0, 0);}
.caption{background-color:rgb(195, 45, 40); color:white;}
.photoLoader{background-image: url(../img/loading.gif);}

/********LOGO******/
#logo{background-color: black;}
.svg #logo{background-image: url(../img/logo.svg);}
.no-svg #logo{background-image: url(../img/logo.png);}


/********SELECTOR******/
#selector{background-color:rgb(195, 45, 40);
	border-bottom:4px solid rgb(0, 0, 0) ;
	color: white;
}
.svg #selector .contents a{background-image: url(../img/selector.svg);}
.no-svg #selector .contents a{background-image: url(../img/selector.png);}

/********NEWS******/
#news{background-image:url(../img/bg-a.gif); border-bottom: 1em solid rgb(195, 45, 40); color: rgb(50, 50, 50);}
#news .listTitle{color: rgb(0, 0, 0);}
#news .list-1{float:left; padding:.5em;}
#news .list-2{float:left; padding:.5em;}


/******** JOB ******/
#menuContainer p{color: white;}
#menuContainer a.recruit{color: white; background-color: rgb(195, 45, 40);}
#menuContainer a.recruit:hover{color: rgb(195, 45, 40); background-color: white; border-color: rgb(195, 45, 40);}

/********CONCEPT******/
#concept{width:100%; text-align:center; background-color: black;}
#concept img{width:100%;}

.svg #entBt{background-image: url(../img/entBt.svg)}
.no-svg #entBt{background-image: url(../img/entBt.png)}

/******* MENU *******/
#menu{background-image:url(../img/bg-c.gif)}
a.menuBt
{
	-webkit-box-shadow:10px 10px 0 0 rgb(195, 45, 40);
	-moz-box-shadow:10px 10px 0 0 rgb(195, 45, 40);
	box-shadow:10px 10px 0 0 rgb(195, 45, 40);
}

a.menuBt:hover
{
	-webkit-box-shadow:2px 2px 0 0 rgb(195, 45, 40);
	-moz-box-shadow:2px 2px 0 0 rgb(195, 45, 40);
	box-shadow:2px 2px 0 0 rgb(195, 45, 40);
}

.menuImg
{
	background-image: url(../img/loadingMenu.gif);
	font-size: 0;
}

.menuConBt, .closeBt{color: white;}

/********MAP & SHOP******/
#map
{
	width:100%; background-image: url(../img/bg-b.gif);
	border-top:1em solid rgb(195, 45, 40);
}

#map .title{width:100%; height:100px; text-indent: -9999px; background-repeat: no-repeat; background-position: 50% 50%; background-size:contain;}
.svg #map .title{background-image: url(../img/mapTitle.svg)}
.no-svg #map .title{background-image: url(../img/mapTitle.png)}

#map_canvas{border:5px solid rgb(195, 45, 40); background-image:url(../img/map.png);}

.svg .mapNum{background-image: url(../img/flagBg.svg);}
.no-svg .mapNum{background-image: url(../img/flagBg.png);}

#shopList{border-bottom:1em solid rgb(195, 45, 40);}
.shopInfo{background-image: url(../img/mapBg.gif);}

.linkBt, .pdfLink, .mapRootBt, .mapJumpBt
{
	background-color: rgb(195, 45, 40);
}

.linkBt:hover, .pdfLink:hover, .mapRootBt:hover, .mapJumpBt:hover
{
	background-color: rgb(50, 50, 50);
	transition: background .2s linear 0, color .2s linear 0;
}

.shopPhotoArea:nth-child(1){background-color: rgba(255, 255, 255, .5);}
.shopCaption{background-color: rgb(255, 255, 255); color:rgb(47, 0, 9); font-size: .9em;}

/********FOOTER******/
#footer, #footerLink
{
	background-color: rgb(0, 0, 0);
	color:rgba(255, 255, 255, .7);
}

#footerLink p{color:white;}

#footer a{color:rgba(255, 255, 255, .7);}
.svg #footer a{background-image: url(../img/footerDir.svg);}
.no-svg #footer a{background-image: url(../img/footerDir.png);}

#footer a:hover
{
	color:rgba(255, 255, 255, 1);
	transition: background .2s linear 0, color .2s linear 0;
}