@charset "euc-jp";

.fullwrapper2018 {
    background: #f5f5f5;
    padding-top: 30px;
    padding-bottom: 30px;
    margin-bottom: 30px;
}

.wrapper2018 {
	max-width: 500px;
	margin-left: auto;
	margin-right: auto;
}

.wrapper2018 a {
	font-weight: bold;	
}

.detail-block h2 {
	font-size: 115%;
}

.detail-block p {
	font-size: 100%;
	margin-bottom: 20px;
}

.slick-thumb-box {
	margin-top: 5px;
	margin-bottom: 40px;
	background-color: #ededed;
}

.detail-block img{
	margin-bottom: 15px;
}

.detail-block {
	margin-bottom: 40px;
}

.annotation2018 {
	border: 1px solid #000;
	padding: 20px;
	margin-bottom: 20px;
}

.video{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom: 20px;
}
.video iframe{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

.solid-box {
	color: #808080;
	border: 1px solid #808080;
	margin-bottom: 40px;	
	padding-left: 20px;
	padding-right: 20px;	
	padding-bottom: 10px;	
}

.solid-box h2 {
	font-size: 105%;
	color: #808080;
}

.wrapper2018 .solid-box a {
	color: #808080;
}

@media only screen and (max-width: 500px) {
	
	.fullwrapper2018 {
        background-color: #fff;
	}

	.wrapper2018 {
		margin: -20px;
	}
	.detail-block p {
		margin-left: 30px;
		margin-right: 30px;
	}
	.detail-block h2 {
		margin-left: 30px;
		margin-right: 30px;
	}
	
	.annotation2018 {
		padding: 20px;
		margin: 0 30px 20px 30px;
	}
	
	.solid-box {
		margin-left: 30px;
		margin-right: 30px;
	}
		
}