@charset "utf-8";


/* SP
-------------------------------------------------- */
@media screen and (max-width:640px){
	#box0 {
		background:#231815;
		  overflow: hidden;
	}
	#box0 dl{
		padding-top: 0px;
		padding-right:10px;
	}
	#box0 dl dt,
	#box0 dl dd{
		text-align: right;
		line-height: 1.2;
		margin-bottom:10px;
	}
	#box0 dl dt {
		color: #FFF;	
		font-size:10px;
		margin-top:15px;
	}

	#box0 dd span,
	#box0 dd a{
		color: #BBB;
		font-size: 10px;
		text-decoration: none;
		display: block;
	}
	#box0 dd a:hover,
	#box0 dd a.current{
		color: #f9d200;
	}
	#box0 dd span{
		color: #444;
	}


	#box1 {
		background: #a8a18b;
		padding:10px 0;
		text-align: center;
	}
	#box1 span{
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:18px;
		font-weight: normal;
		letter-spacing: 1px;
		line-height: 1.3;
	}
	#box1 span br{
		display: none;
	}

	.box .inbox{
		padding:10px;
	}


	#box2 ul{
		width: 100%;
		overflow: hidden;
	}
	#box2 ul li{
		width: 25%;
		float:left;
		list-style-type: none;
		position: relative;
	}
	#box2 ul li a{
		display: block;
		position: relative;
  width: 100%;
  height: 100%;
  line-height: 0;
	}
	#box2 ul li a img{
		width: 100%;
	}
	#box2 ul li span{
border: solid 0px #f9d200;
position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
	#box2 ul li img{
		position: relative;
		z-index:50;
		left:0;
		top:0;
}


}


/*
		background: url(../images/line.gif) 24.92% top repeat-y;

*/


/* PC
-------------------------------------------------- */
@media screen and (min-width:641px){
	body {
		background:#FFF url(../images/gallery/bg.gif) repeat-y center top;
	}
	.box {
		position: absolute;
		overflow: hidden;  
	}
	#wrap {
		position: relative;
		width: 720px;
		margin:0 auto 50px;
		min-width:720px;
		border:solid 1px #c3c5c5;
		background: #FFF;
		overflow: hidden;
	}
	#wrap1 {
		width: 100%;
		height: 100%;
		position: relative;
	}
	.box .inbox{
		padding:15px;
	}

	#box0 {
		width: 25%;
		left:0;
		top:0px;
		height: 180px;
		background:#231815 url(../images/lineset.gif) no-repeat right bottom;
		text-align: center;
	}
	#box0 dl{
		position: relative;
		margin-top:30px;
	}
	#box0 dl dt,
	#box0 dl dd{
		text-align: right;
		line-height: 1.2;
		margin-bottom:6px;
		list-style-type: none;
	}
	#box0 dl dt {
		color: #FFF;	
		position: absolute;
		font-size:10px;
	}
	#box0 dl dd {
		float: left;
		width: 80px;
		padding-left:100px;
		text-align: left;
	}
	#box0 dl dt.shop-list-cix {
		top:0;
		right:10em;		
	}
	#box0 dl dt.shop-list-ca {
		top:75px;
		right:10em;
		margin-top:10px;		
	}
	#box0 dl dd.shop-list-cix-last {
		margin-bottom:20px;
	}

	#box0 dd a,
	#box0 dd span{
		color: #BBB;
		font-size: 10px;
		text-decoration: none;
		display: block;
	}

	#box0 dd a:hover,
	#box0 dd a.current{
		color: #f9d200;
	}
	#box0 dd span{
		color: #444;
	}

	#box1 {
		width: 75%;
		left:25%;
		top:0;
		background:#a8a18b url(../images/line2.gif) bottom left repeat-x; 
		height: 180px;
		display: table;
/*		position: absolute; */
position: relative;
	}
	#box1 span{
		vertical-align: middle;
		display: table-cell;
		text-align: center;
		color:#FFF;
		font-family: "Helvetica Neue", Arial, Helvetica, sans-serif;
		font-size:42px;
		font-weight: bold;
		letter-spacing: 1px;
	}
	#box2 {
/*
		top:180px;
		left:0;
*/
		width: 100%;
		position: relative !important;
	}
	#box2 ul{
		width: 100%;
	}
	#box2 ul li{
		width: 25%;
		float:left;
		height: 180px;
		list-style-type: none;
		position: relative;
	}
	#box2 ul li a{
		display: block;
		position: relative;
  width: 100%;
  height: 100%;
	}
	#box2 ul li span{
border: solid 0px #f9d200;
position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
    -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
	#box2 ul li img{
		position: relative;
		z-index:50;
		left:0;
		top:0;
}

}