@charset "utf-8";

#g01 #main {
}

.lower.lineup #wrapper{
	background: url(../img/cmn_bg01.jpg) left top repeat-x #ffd200;
}
.lower.lineup #contents {
	text-align:center;
}


.lower.lineup #lineupTitle{
	width:960px;
	margin:0 auto;
	text-align:left;
}

.lower #contents #main {
	background-color:#FFFFFF;
	text-align: left;
	clear: both;
	width: 960px;
	overflow: hidden;
	margin: 0 auto;
	}
	
.lower2.lineup #wrapper{
	background: url(../img/cmn_bg02.jpg) ;
	background-size: cover;
}

.lower2.lineup #contents {
	text-align:center;
  padding-bottom:50px;
}


.lower2.lineup #lineupTitle{
	width:960px;
	height:407px;
	margin:30px auto 0px;
	text-align:left;
	background-image:url(../img/page_ttl_02.png);
	background-repeat:no-repeat;
}

.lower2 #contents #main {
		text-align: left;
		clear: both;
		width: 960px;
		overflow: hidden;
		margin: 0 auto;
	}
	
.ulIndex01 {
	width: 990px;
	margin: 18px 0 23px 12px;
	padding: 0 0 0 18px;
}
	.ulIndex01 li {
		float: left;
		width: 308px;
		margin: 0 8px 17px 0;
	}
		.ulIndex01 li .img01 {
			margin:0px 0px 10px;
		}
		.ulIndex01 li .txt01 {
			font-size: 115%;
			min-height: 85px;
			width:270px;
		}
		.ulIndex01 li dl {
			border-top: 1px solid #e6e6e6;
			width: 273px;
			margin: 10px 0 0 0;
		}
		.ulIndex01 li dl dt,
		.ulIndex01 li dl dd {
			border-bottom: 1px solid #e6e6e6;
			padding: 2px 0;
		}
		.ulIndex01 li dl dt {
			clear: both;
			float: left;

			width: 65px;
			font-weight: bold;
			color: #999999;
		}
		.ulIndex01 li dl dd {
			float: left;
			width: 208px;
			color: #999999;
		}
		
.txt1{
	position:relative;
	top:-163px;
	left:43px;
	color:#7b572d; 
	font-size:20px; 
	letter-spacing:1px;
	line-height:39px;
}

.txt2{
	position:relative;
	top: -65px;
	left: 35px; 
	font-size: 17px; 
	color:#7b572d; 
	line-height:24px;
}

.txt3{
	position:relative;
	top: -65px;
	left: 29px; 
	font-size: 17px; 
	color:#7b572d; 
	line-height:24px;
}

.txt4{
	position:relative;
	top: -336px;
	left: 35px; 
	font-size: 17px; 
	color:#7b572d; 
	line-height:24px;
}

.txt5{
	width:400px;
	position:relative;
	top: -336px;
	left: 35px;
	letter-spacing:1px; 
	font-size: 17px; 
	color:#7b572d; 
	line-height:24px;
}

.list1{
	position:relative;
	top:-50px;
}

div.potition1{
	float:left;
	width:474px;
	height:166px;
	margin:20px 0px;
}

div.potition2{
	float:left; 
	width:474px; 
	height:166px; 
	position:relative;
	left:13px;
	margin:20px 0px;
}	

div.potition3{
	float:left;
	width:474px;
	height:432px;
	margin:20px 0px;
}

div.potition4{
	float:left; 
	width:474px; 
	height:432px; 
	position:relative;
	left:13px;
	margin:20px 0px;
}

#g03a{
	background-image:url(../img/cmn_bg03.png);
}

#shop{
  background-color:#663300;
  text-align: center;
  padding:4em 0;
}
#shop .inner{
  width:960px;
  margin:0 auto;
}
#shop ul{
  display:flex;
  justify-content: space-between;
}
#shop h3{
  text-align: center;
  margin-bottom:2em;
}

@media screen and (max-width: 800px) {
  
  #shop h3 img {
    height: 4.5vw;
}
  
  #shop ul{
    display:block;
    width:59%;
    margin:0 auto;
  }
  #shop ul li{
    margin-bottom:5vw;
  }
  #shop ul li:last-child{
    margin-bottom:0vw;
  }
  
}