@charset "utf-8";

h2{
padding:1.5em 1em 1em 1em;
}

h3{
padding:0.5em 0em 0.5em 0em;

}

/****/

#page_mv{
height:205px;
width:100%;
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
background:#333;
}


#page_mv .cover{
max-width:1170px;
height:100%;
margin:0 auto;
display: flex;
}
#page_mv .cover .cate{
display:block;
background-color: rgba(51, 51, 51, 0.5);
height:100%;
width:100%;
/*font-size:150%;*/
text-align:center;
color:#fff;
}

#page_mv .cover .cate h2{
	color:#fff;
text-align:center;
width:100%;
display: flex;
max-width:100%;

}

#page_mv .cover .cate h2 span{
flex:1 1 auto;
margin:auto;
max-width:100%;

}


/*#page_mv .cover a{
text-decoration:none;
color:#fff;}
#page_mv .cover a:hover{
text-decoration:underline;
color:#fff;}


#page_mv .cover .cate span{
flex:0 1 auto;
margin:auto;
}
*/

/*
#page_mv .cover .catesub{
display:block;
height:100%;
text-align:center;
color:#fff;
display: flex;
padding:0 1em;
border-radius: 0 0 10px 0;
font-size:150%;
min-width:30%;
background-color: rgba(203, 194, 118, 0.9);
}

#page_mv .cover .catesub span{
flex:0 1 auto;
margin:auto;
}
*/


@media only screen and (max-width: 767px) {
	
	
#page_mv .cover{
	height:auto;
}

#page_mv .covertop{
	height:100%;
}

#page_mv .cover .cate{
font-size:110%;
width:100%;
padding:0 1em;
}
#page_mv .cover .catesub{
font-size:110%;

}

#page_mv .cover .cate .sp_block{
display:block;
}


}


@media only screen and (min-width: 768px) {
	#page_mv .cover .cate{
padding:1em 0;

}

#page_mv .cover .cate .sp_block{
		display:none;
}

#page_mv .cover .catesub{
padding:1em 0;
}
}




#page_mv{
background-image:url(../img/mv_photo2018.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}





h2 span{
	display:block;
	font-size:150%;
	line-height:120%;
}



.inner_photo{
	max-width:1900px;
	width:100%;
	margin:0 auto 1em;
	padding:1em 0 3em;
}

@media only screen and (max-width: 767px) { /*sp*/

.inner_photo{
	padding:1em 0 0em;
}

}


.photo-container{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	padding:2em 10px;
}



.photo{
	flex:0 1 100%;
	padding:10px;
 display:flex;
	flex-direction:column;
	border:1px solid #ccc;
	background:#fff;
	margin-bottom:10px;

}

@media only screen and (min-width: 768px) and (max-width: 999px){ /*pc*/

.photo{
	flex:0 1 50%;
	padding:10px;
display:flex;
	flex-direction:column;
	border:1px solid #ccc;
	border-right:none;
	border-bottom:none;
	background:#fff;
	margin-bottom:10px;

}
_:-ms-lang(x)::-ms-backdrop, .photo{
  /* IE11 のみ適用される 
flex:0 1 47%;*/
	max-width:50%;
}


.photo:nth-child(2n){
	border-right:1px solid #ccc;
}

}


@media only screen and (min-width: 1000px) { /*pc*/

.photo{
	flex:0 1 25%;
	padding:10px;
display:flex;
	flex-direction:column;
	border:1px solid #ccc;
	border-right:none;
		border-bottom:none;
background:#fff;
	margin-bottom:10px;

}

_:-ms-lang(x)::-ms-backdrop, .photo{
  /* IE11 のみ適用される */
flex:0 1 25%;

/*flex-grow:0;
flex-shrink:1;
flex-basis:25%;*/
	padding:10px;
	max-width:25%;

}


.photo:nth-child(4n){
	border-right:1px solid #ccc;
}

}

.photobox .diy{
	display:inline-block;
	background-color:#FC0;
	padding:0.2em 0.8em 0.5em;
	border-radius:0 0 100% 0;
	color:#C00;
	text-align:left;
	position:absolute;
	top:0;
	left:0;
}

.vote{
	position:relative;
}

.vote::after{
	content:"投票済";
	position:absolute;
	top:5px;
	right:10px;
	background:#C00;
	color:#fff;
	border-radius:50%;
	padding:0.5em;
}


.entryno{
	margin-bottom:0.5em;
	text-align:left;
/* background: linear-gradient(to right, rgba(17,54,151,1) 20%,rgba(0,140,70,0.5) 70%,rgba(17,54,151,0) 100%);*/
 background: linear-gradient(to right, rgba(0,140,70,0.5) 30%,rgba(17,54,151,0) 100%);
	color:#fff;
	font-family:"Times New Roman", Times, serif;
	padding:0.2em 1em;
}

.entryno span{
	font-size:150%;
}

.photobox{
	position:relative;
}

.photobox::before{
content:"";
display: block;
width: 100%;
padding-top: 100%;
/*	position:absolute;
	top:0;
	left:0;*/
	border:1px solid #ccc;
}


.photobox::after{
	content:"";
display: block;
}

	
.photobox figure{
	position: absolute;
	top:0;
 left:0;
	width:100%;
	height:100%;
	overflow:hidden;
background-color: rgba(51, 51, 51, 0.2);
}





.photobox figure img{
width:auto;
height:auto;
max-width:100%;
max-height:100%;
margin:auto;

position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);

}

.photobox figure img:hover{
position: absolute;
left: 50%;
top: 50%;
-webkit-transform: translate(-50%, -50%) scale(1.4);
-moz-transform: translate(-50%, -50%) scale(1.4);
-ms-transform: translate(-50%, -50%) scale(1.4);
transform: translate(-50%, -50%) scale(1.4);
}



.vote_form figure{
 min-height: 0%; /*ie11　画像下マージが空く対策*/
	}

/*
.vote_form figure img{
	width:100%;
	height:auto;
}


.vote_form .entryno{
	 min-height: 0%;
}
*/

.photodata{
	padding:1em 0.5em;
}

.photodata p{
	margin-bottom:0.5em;
	border-bottom:1px dotted #ccc;
	padding-bottom:0.8em;
}

.photodata ul{
	font-size:90%;
	margin-bottom:1em;
}

.photodata li{
	padding-left:0.8em;
	background:url(img/icon_list_gray.gif) left 0.5em no-repeat;
}


form{
	text-align:center;
	margin: auto 0 0;
}

input[type="submit"] {
 -webkit-appearance: none;
}

input.votebtn{
	width:100%;
	max-width:200px;
	border-radius:10px;
	background-color:#039;
	color:#fff;
	font-size:120%;
	padding:0.5em 0;
	border:none;
	transition: transform 0.3s ease;
	cursor:pointer;
	margin-bottom:1em;
}

input.votebtn:hover{
transform: scale(1.15);
}

input.votebtn:disabled{
		background-color:#666;
	color:#ccc;
	cursor:auto;
}

input.votebtn:disabled:hover{
transform: scale(1);
}



.lb-data .lb-details {
	width:100%!important;
}

.lb-caption{
	display:block;
	padding:1em;
	font-size:150%!important;
	color:#fff;
	text-align:center;
}

.lb-caption a{
	color:#FFC;
}

.lb-caption a:hover{
	color:#FC0;
}

.lb-caption form .votebtn{
	border:1px solid #fff;
}


/**/

.vote-container{
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

.vote-container .photo{
	border:1px solid #ccc;
	max-width:1000px;
}

.votephoto{
min-height: 0%; /*ie11 画像下マージン対応*/
}

@media only screen and (min-width: 768px) {/*pc*/
.votephoto{
	width:60%;
	margin:0 auto 1em;
}

.votephoto figure{
	background:none;
}



}



.vote-container figure img{
	width:100%;
	height:auto;
}




.vote-container dl{
border-bottom:1px solid #ccc;
margin-top:2em;
margin-bottom:2em;
}


.vote-container dt{
width:30%;
clear:both;
float:left;
text-align:right;
border-top:1px solid #ccc;
padding:1em;
color: rgba(183, 51, 32, 1);

}

.vote-container dt span{
font-size:80%;
background:#C30;
color:#fff;
padding:3px 4px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
margin-left:0.5em;
white-space:nowrap;
}




.vote-container dd{
margin-left:30%;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
padding:1em;
text-align:left;
}

.vote-container dd .formError {
font-size:90%;
color:#C00;
}

.vote-container dd .formError:befor{
content:"※";
}


textarea,input,select{
font-family:"メイリオ", "Meiryo","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro",  sans-serif;
padding:5px;
font-size:100%;
margin-bottom:0.5em;
}

input.mail{
	font-size:180%;
}


.cyuuitxt{
	color:#36C;;
	padding:1em 2em 0;
	margin-bottom:0;
}

@media only screen and (max-width: 767px) {/*sp*/

.vote-container dt{
width:100%;
clear:both;
text-align:left;
border-top:1px solid #ccc;
padding:0.5em;
color: rgba(183, 51, 32, 1)
}



.vote-container dd{
border-top:1px solid #ccc;
border-left:none;
padding:0.5em 0.5em 0.5em 1em;
margin:0;
}

}


.vote-container dl input,
.vote-container dl textarea{
width:100%;

}

.vote-container input[type="radio"]{
width:auto;
margin-right:10px;
}

.vote-container input[type="checkbox"]{
width:auto;
margin-right:10px;
}



.err{display:none;}

.formErrorContent{
	padding-left:20px;
	background:url(img/icon_err.png) 0 0 no-repeat;
}
	
	
	
	/***/
	
.vote_already{
		display:none;
	}
	
.already input.votebtn{
	display:none;
}

.already .vote_form{
	display:none;
}

.already .vote_already{
	display:block;
}