@charset "UTF-8";
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {
.list01{
	width: 100%;
	margin-bottom: 30px;
}
}

/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){
.list01{
	width: 100%;
}
}

.list01 ul li{
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f9f3eb));
	background: linear-gradient(#ffff, #f5f5f5);
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #a59564;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #a59564;
	height: 75px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: left;
	font-size: 14px;

}

.list01 ul li a{
 background: no-repeat 100% 50%;
 display: block;
 height: 75px;
 margin: 0;
 padding: 0 10px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 
}

.list01 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 
}

.list01 ul li a strong{
 color: #333333;
 display: block;
 font-weight: bold;
 padding-top : 10px;
 	font-size: 16px;
}

.list01 ul li a p{
	margin: 3px 0px 0px;
	padding: 0px;
	font: normal normal normal 95% /125% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	color: #616161;
}



.list01 li a{
	position: relative;
	display: block;
}

.list01 li a::before{
	display: block;
	content: "";
	position: absolute;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 50%;
	right: 17px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
	background-color: #623100;
	background-image: none;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
}

.list01 ul li a:hover{
	background-color: #fff;

}

.list01 li a::after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 22px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #fff;
}

.list02 ul{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #cccccc;

	text-align: left;
}

 .list02 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 border-left: 1px solid #ccc;
 border-right: 1px solid #ccc;
 height: 60px;
 margin: 0px;
 
}

 .list02 ul li a{
 background : url(../../image/sp/img00/list_mark1.png) 100% 50% / auto auto no-repeat scroll padding-box border-box transparent;
 color: #666;
 display: block;
 height: 60px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 
}

 .list02 ul li a strong{
 color: #333333;
 display: block;
 font-weight: bold;
 padding-top: 20px;
 
}

 .list02 ul li img{
 float: left;
 height: 60px;
 width: 60px;
 margin-right: 10px;
}

.video-container{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.video-container iframe,  
.video-container object,  
.video-container embed{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.ggmap{
	position: relative;
padding-bottom: 56.25%;
padding-top : 100px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed{
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.mar01{
	font-size: 10px;
	color: white;
	background-color: #ff3939;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.mar02{
	font-size: 10px;
	color: white;
	background-color: #4040ff;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.mar03{
	font-size: 10px;
	color: white;
	background-color: #ff7b3c;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}

.mar04{
	font-size: 10px;
	color: white;
	background-color: #ff379b;
	float: left;
	margin-top: 10px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}