@charset "UTF-8";

#contents h1 {
	padding:5px 0 6px;
	border-top:1px solid #8C7051;
	border-bottom:1px solid #181510;
	background:-webkit-gradient(linear, left top, left bottom, from(#6E5940), color-stop(0.40, #523F27), color-stop(0.96, #523F27), color-stop(0.97, #5C472F), to(#786045));
	background: linear-gradient(to bottom, #6E5940, #523F27 40%, #523F27 96%, #5C472F 97%, #786045);
	line-height:1.15;
	text-align:center;
	font-size:1.6rem;
	color:#fff;
}
#contents h2{
	margin-top:10px;
	margin-bottom: 6px;
	padding: 4px 10px;
	background-color: #EDE7D3;
	font-weight: bold;
	width:100%;
	box-sizing: border-box;
}
#contents h3{
	color: #996c34;
	font-weight: bold;
	font-size: 4.5vw;
    margin: 5px 2% 20px 2%;
}
#contents section{
    margin-bottom: 20px;
}
#contents section .item{
	width:100%;
	height:auto;
	margin:10px 0;
	border-bottom:1px dotted #c6bda2;
}/*----*/
#contents section .item:last-child{
	margin:10px 0 0;
	border-bottom:none;
}
#contents section .item img.movieimg{
	width:96%;
	height:auto;
	margin:0 2%;
}
#contents section .item img.labelimg{
	width:96%;
	height:auto;
	margin:5px 2% 20px;
}

.item a{
	display:block;
}

@media screen and (min-width: 741px) {

#contents h3{
	font-size: 18px;
}
#contents h2{
	font-size: 1.5em;
}
#contents section{
	display: flex;
	flex-wrap: wrap;
}
#contents section .item{
	width:50%;
}
#contents section .text{
	width:100%;
}
#contents section .item:nth-last-child(2){
	margin:10px 0 10px;
	/*--border-bottom:none;--*/
}
#contents section div p{
	font-size: 1.2rem;
}

.item a{
	display:block;
}

}