@charset "utf-8";

div#container {
	margin: 0 auto;
    padding: 100px 3% 0;
}
div#contents div#right a{
	color:#c00
}
div#contents div#right a:hover{
	text-decoration: underline;
	color:#c00
}
div#contents {
	margin: 0 auto;
	display: table;
	max-width: 980px;
	width: 100%;
	hight:auto;
	padding: 30px 0 60px;
	line-height: 2;
}

div#contents div#left {
	padding-right: 30px;
	display: table-cell;
	width: 40%;
	vertical-align:top;
}
div#contents div#left img{
	width: 100%;
	hight:auto;
}
div#contents div#right {
	padding-left: 30px;
	display: table-cell;
	width: 60%;
	vertical-align:top;
	text-align: left;
}
div#contents div#right h3 {
	font-size: 105%;
}
div#contents div#right p.mt7 {
	margin-top: 7px;
}
div#photos {
	margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

div#photos a img{
	width: 220px;
	margin:20px 7px;
	border:1px solid #ccc
}

.breadcrumbs, .breadcrumbs a {
    margin: 29px auto 0;
    color: #462a0e !important;
    font-size: 14px;
    line-height: 1.8;
    max-width: 1000px;
    text-align: left;
}
.breadcrumbs a {
	text-decoration: underline;
}
/* タブレット用
------------------------------------------------------------*/
@media only screen and (min-width:600px) and (max-width:980px){
div#contents div#left {
	padding-right: 10px;
}
div#contents div#right {
	padding-left: 10px;
}
div#container {
    padding-top: 80px;
}
div#contents {
	padding-top: 25px;
}
.breadcrumbs, .breadcrumbs a {
    margin: 19px auto 0;
    width: 96%;
}
}
/* スマホ用
------------------------------------------------------------*/
@media only screen and (max-width:599px){
div#container {
    padding: 80px 5% 0;
}
div#contents div#left {
	display: block;
	padding: 0;
}
div#contents div#right {
	display: block;
	padding: 0;
	width: 100%;
}
div#contents div#left img{
	margin-bottom: 12px;
}
div#contents {
	padding-top: 20px;
}
.breadcrumbs, .breadcrumbs a {
    margin: 19px auto 0;
}
}