@charset "UTF-8";

/* --- sp content disaster --- */

.list11 ul{
	border-bottom: 1px solid #ccc;
}

.list11 ul{
	border-bottom: 1px solid #ccc;
}

.list11 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;
	height: 70px;
	margin: 0px;
	font-size : 12px;
	line-height : 1.3em;
}

.list11 ul li a{
	background: url(list_mark1.png) no-repeat 100% 50%;
	color: #666;
	display: block;
	height: 70px;
	margin: 0;
	padding: 0 20px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}

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

.list11 ul li a strong{
	color : #000000;
	display: block;
	font-weight: bold;
	padding-top : 10px;
	font-size : 15px;
  padding-bottom : 5px;
}


.list12 ul{
 border-bottom : 1px solid #cccccc;
 }

.list12 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: 50px;
	margin: 0px;
	font-size : 12px;
	line-height : 1.3em;
}

.list12 ul li a{
	background: url(list_mark1.png) no-repeat 100% 50%;
	color: #666;
	display: block;
	height: 45px;
	margin: 0;
	padding: 0 20px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-decoration: none;
}

.list12 ul li a strong{
	color : #000000;
	display: block;
	font-weight: bold;
	padding-top : 8px;
	font-size : 15px;
  padding-bottom : 3px;
}

.list12 ul li img{
	float: left;
	height: 45px;
	width: 45px;
	margin-right: 10px;
  margin-top : 1px;
  margin-left : 2px;
}
/* --- sp content disaster --- */

/* ########### トルグ ########### */

nav#menu{
	width: 100%;
}

nav#menu ul{
	margin: 0px;
	padding: 0px;
}

nav#menu ul li{
	list-style-type: none;
}

nav#menu ul li a{
	width: 100%;
	display: block;
	background-color: #333;
	color: #fff;
	border-bottom: 1px solid #ccc;
	text-align: center;
	padding: 9px 0px 9px 0px;
}
/* ########### トルグ ########### */

/* ########### sp header ########### */

.header2{
	background : none 0% 0% / 100% 100% repeat scroll padding-box border-box #ff66ff;
	height: 40px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	padding-top: 4px;
}

.header2 p{
	display: block;
	height: 40px;
	width: 135px;
	line-height: 40px;
	font-weight: bold;
	margin-left: 5px;
	float: left;
}

.header2 nav{
	float: right;
	border-left: 1px solid #fff;
}

.header2 nav li{
	float: left;
}

.header2 nav li >a{
	text-align: center;
	display: block;
	width: 50px;
	height: 40px;
}

.header2 nav li:first-child >a{
	border-right: 1px solid #fff;
	border-left: 1px solid #dadada;
}

.header2 nav li:last-child >a{
	border-left: 1px solid #dadada;
}

#sp-title{
	background-color: aqua;
}

.header2 nav{
	float: right;
	border-left: 1px solid #fff;
}

.header2 nav li{
	float: left;
}

.header2 nav li >a{
	text-align: center;
	display: block;
	width: 50px;
	height: 40px;
}

.header2 nav li:first-child >a{
	border-right: 1px solid #fff;
	border-left: 1px solid #dadada;
}

.header2 nav li:last-child >a{
	border-left: 1px solid #dadada;
}
/* ########### sp header ########### */

.slide-menu{
  float : right;
}

#sidr-menu{
  display : none;
}