@charset "UTF-8";
/* CSS Document */

#contents_image {
background: url(../images/main.jpg) no-repeat center center;
background-size: cover;
height: 360px;
position: relative;
}
#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 54px;
line-height: 64px;
letter-spacing: 5px;
font-weight: 700;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.construction-result {
width: 960px;
margin: 40px auto;
}






.sp_list {display:none;}
#result_list {
	vertical-align:top;
	width:780px;
	display:inline-block;
	padding:0;
	text-align:left;}


#result_list dl.result {
	display:inline-block;
	width:226px;
	margin:0 30px 30px 0;
	vertical-align:top;}
#result_list dl.result:hover {
	opacity:0.5;}
#result_list dl.result dt {
	width:226px;
	height:170px;
	margin:0 0 10px;
	overflow:hidden;position:relative;}
#result_list dl.result dt img {position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}


#result_list dl.result dd {}
#result_list dl.result dd p.day {
	font-size:12px;
	line-height:20px;
	font-weight:700;
	color:#FFFFFF;
	padding:0 5px;
	background:#000000;
	display:inline-block;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	margin:0 0 5px;}
#result_list dl.result dd p.name {
	font-size:14px;
	line-height:21px;}




#year_list {
	width:180px;
	display:inline-block;padding:0 0 30px;}
#year_list ul {
	width:100%;}


#nav    {
margin:0 auto;
text-align:center;
border-top:1px solid #cccccc;
}
#nav li {
	font-size:20px;
width:100%;
vertical-align:middle;
border:none;
border-bottom:1px solid #cccccc;
}
#nav li a   {
display:block;
width:100%;
color:#000;
text-decoration:none;
padding:20px 0;
}
#nav li a:hover {
color:#fff;
background:#29a53e;
padding:20px 0;
}
#nav li a.active    {
color:#fff;
background:#29a53e;
}





@media screen and (max-width:767px) {
#contents_image {
background: url(../images/main.jpg) no-repeat center center;
background-size: cover;
height: 180px;
position: relative;
}
#contents_image #page_title {
width: 100%;
position: absolute;
top: 50%;
}
#contents_image #page_title p {
text-align: center;
font-size: 18px;
line-height: 28px;
font-weight: 700;
letter-spacing: 0;
color: #FFFFFF;
font-family: YuMincho, "游明朝体", "Yu Mincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
text-shadow: 0px 4px 3px rgba(0,0,0,0.4),  0px 8px 13px rgba(0,0,0,0.1),  0px 18px 23px rgba(0,0,0,0.1);
}
.construction-result {
width: 96%;
margin: 0 auto;

}














.sp_list {display: block;
margin:0 0 15px;}
.btn-select {
  width: 100%;
  margin: 0 auto;
  position: relative;
  background: #29a53e url(../images/tab.png) right top no-repeat;
 border-radius: 6px;        /* CSS3草案 */  
    -webkit-border-radius: 6px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 6px;   /* Firefox用 */  
  cursor: pointer; /* IEでcursorがチラついたので */
}

.label {
	font-size:18px;
	line-height:44px;
  color: #fff;
  position: absolute;
  width: 100%;
  z-index: 1;
}

.select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  cursor: pointer;
  width: 100%;
  height:44px;
  border: none;
  opacity: 0;
  position: relative;
  z-index: 2;
}

/* IE10以上で矢印を消す */
.select::-ms-expand {
  display: none; 
}

/* フォーカス時 */
.select:focus {
  z-index: -1;
  opacity: 1;
}






#result_list {
	vertical-align:top;
	width:100%;
	display:block;
	padding:0 0 10px;
	text-align:left;}


#result_list dl.result {
	display:block;
	width:100%;
	min-height:80px;
	margin:0 0 10px 0;
	vertical-align:top;
	clear:both;}
#result_list dl.result:hover {
	opacity:0.5;}
#result_list dl.result dt {
	width:120px;
	height:80px;
	margin:0 5px 10px 0;
	overflow:hidden;position:relative;
	display:inline;vertical-align:top;
	float:left;}
#result_list dl.result dt img {position: absolute;top: -50%;left: -50%;right: -50%;bottom: -50%;margin: auto;}


#result_list dl.result dd {
	display:inline;min-width:120px;width: auto;vertical-align:top;
margin:0 0 120px;}
#result_list dl.result dd p.day {
	font-size:12px;
	line-height:20px;
	font-weight:700;
	color:#FFFFFF;
	padding:0 5px;
	background:#000000;
	display:inline-block;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */  
	margin:0 0 5px;}
#result_list dl.result dd p.name {
	font-size:14px;
	line-height:21px;}
	

#year_list {display:none;}






}