/*
============================================================
	TOP 
============================================================
*/ 

/*================= PC =================*/

@media (min-width: 980px) {
#topSlider{
	background:url(../images/top/slider_back.png) repeat;
	background-size:100%;
}
#topSlider .topSlider_inner{
	max-width:1140px;
	width:100%;
	margin:0 auto;
}
.concept .logo{
	width:600px;
	margin:0 auto 30px;
}

.movie .movieArea{
    background-color:#FFFFFF;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.movie .movieArea .left {
    width:560px;
	padding:0px;
	float:left;
	box-sizing: border-box;
}
.movie .movieArea .movieWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie .movieArea .movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie .movieArea .right{
	width:560px;
	float:right;
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
	padding:30px;
	box-sizing: border-box;
}
}

/*================= SP =================*/

@media (max-width: 979px) {
#topSlider .topSlider_inner{
	width:100%;
	margin:60px auto 0;
}
.concept{
	background:url(../images/top/concept_sp_back.png) no-repeat;
	background-size:100%;
}
.concept .logo{
	width:80%;
	margin:0 auto 30px;
}
.movie .movieArea{
	background-color:#FFFFFF;
	width:100%;
	margin:0;
	padding:0;
	overflow:hidden;
}
.movie .movieArea .left {
    width:100%;
	padding:0px;
	float:none;
	box-sizing: border-box;
}
.movie .movieArea .movieWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.movie .movieArea .movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.movie .movieArea .right{
	width:100%;
	float:none;
	text-align:left;
	color:#000000;
	background-color:#FFFFFF;
	padding:20px;
	box-sizing: border-box;
}
}

/*
============================================================
	SYSTEM 
============================================================
*/ 

.menu{
	background-color:#FFF;
	color:#000;
}

/*
============================================================
	SHOP 
============================================================
*/ 

.shop .movieArea {
    width:100%;
	  max-width:700px;
	  margin:0 auto;
}
.shop .movieWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.shop .movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.shinagawa{
	background:url(../images/shop/bg_green.png) no-repeat;
	background-size:100%;
}
.akasaka{
	background:url(../images/shop/bg_orange.png) no-repeat;
	background-size:100%;
}
.hamamatsucho{
	background:url(../images/shop/bg_blue.png) no-repeat;
	background-size:100%;
}
.kanda{
	background:url(../images/shop/bg_gold.png) no-repeat;
	background-size:100%;
}
.nihonbashi{
	background:url(../images/shop/bg_purple.png) no-repeat;
	background-size:100%;
}
.kagurazaka{
	background:url(../images/shop/bg_pink.png) no-repeat;
	background-size:100%;
}

/*================= PC =================*/

@media (min-width: 980px) {
.shopArea .infoArea{
	border:3px #FFF solid;
	padding:30px;
}
.shopArea .infoArea .logo{
	width:150px;
	margin:0 auto;
}
.shopArea .shopSlider{
	max-width:800px;
	width:100%;
	margin:50px auto;
}
.shopArea .ttl{
	border-bottom:#FFF 2px solid;
	padding:8px;
}
.shopArea table { width: 100%; }
.shopArea th, section td  { padding: 10px; border: 1px solid #555; }
.shopArea th  { background: #222222; }
.demo01 th  { width: 30%; text-align: left; }
 
}

/*================= SP =================*/

@media (max-width: 979px) {
.shopArea .infoArea{
	border:3px #FFF solid;
	padding:5%;
}
.shopArea .infoArea .logo{
	width:40%;
	margin:0 auto;
}
.shopArea .shopSlider{
	width:92%;
	margin:5% auto;
}
.shopArea .ttl{
	border-bottom:#FFF 2px solid;
	padding:1%;
}

.shopArea table { width: 94%; }
.shopArea th, section td  { padding: 3%; border: 1px solid #555; }
.shopArea th  { background: #222222; }
 
    .demo01 { margin: 0; }
    .demo01 th,
    .demo01 td{
    width: 100%;
	display:block;
	overflow:hidden;
    border-top: none;
	word-wrap: break-word;
    }
  .demo01 tr:first-child th { border-top: 1px solid #555; }
  .demo01 tr:first-child td { border-top: 1px solid #555; }

}


/*
============================================================
	RECRUIT 
============================================================
*/ 

/*================= PC =================*/

@media (min-width: 980px) {
.guideline{
	text-align:left;
	border:3px #FFF solid;
	padding:40px;
}
}

/*================= SP =================*/

@media (max-width: 979px) {
.guideline{
	text-align:left;
	border:3px #FFF solid;
	padding:5%;
}
}


/*
============================================================
	MEDIA 
============================================================
*/ 

.media .movieArea {
    width:100%;
	max-width:700px;
	margin:0 auto;
}
.media .movieWrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.media .movieWrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*================= PC =================*/

@media (min-width: 980px) {
.mediaBox{
	border-bottom:1px #FFF solid;
}
}

/*================= SP =================*/

@media (max-width: 979px) {
.mediaBox{
	border-bottom:1px #FFF solid;
}
}