@charset "utf-8";

div#container {
	margin: 0 auto;
    padding: 100px 3% 0;
}
a {
	color:#060;
	font-weight:600;
	text-decoration: none;
}
a:hover{
	color:#e00;
	text-decoration: none;
}
.box4{
	margin: 15px auto 5px;
	width: 100%;
	max-width: 1080px;
	hight:auto;
	display: table;
	padding: 20px 0 0;
	text-align: left;
	border-bottom:2px dashed #b0b0b0;
}
.box3{
	margin: 0px auto 5px;
	width: 100%;
	max-width: 1080px;
	hight:auto;
	display: table;
	padding: 20px 0 0;
	text-align: left;
	border-bottom:2px dashed #b0b0b0;
}
dl {
	margin: 15px 0 5px;
	margin-bottom: 30px;
}
dl dt {
	line-height: 2;
}
dl dt a {
	text-decoration: underline;
}
dl dd {
	display: inline-block;
	width: 500px;
	height: 281px;
	margin-right: 15px;
	margin-top: 20px;
	margin-left: 1em;
	text-align: center;
	line-height: 2;
	border:0px solid red;
}
dl iframe {
	width: 100%;
	height: 100%;
	max-width: 500px;
	max-height: 281px;
}
.fw120{
	font-size: 120%;
	display: block;
	margin-bottom: 5px;
}
.breadcrumbs, .breadcrumbs a {
    margin: 29px auto 20px;
    color: #462a0e !important;
    font-size: 14px;
    line-height: 1.8;
    max-width: 1000px;
    text-align: left;
    font-weight: normal;
}
.breadcrumbs a {
	text-decoration: underline;
}
/* 幅980px以下設定
------------------------------------------------------------*/
@media only screen and (max-width:980px){
body {
	background-image: none;
}
div#container {
    padding-top: 80px;
}
.breadcrumbs, .breadcrumbs a {
    margin: 19px auto 20px;
    width: 96%;
}
}
/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:599px){
div#container {
    padding: 80px 5% 0;
}
dl dt {
	font-size: 110%;
	line-height: 1.5;
}
dl dd {
	display: block;
	margin: 25px auto 0;
	width: 100%;
	height: 100%;
	min-width: 320px;
	min-height: 241px;
}
dl iframe {
	width: 100%;
	height: 100%;
	min-width: 320px;
	min-height: 241px;	
}
.fw120{
	margin-bottom: 15px;
}
}