@charset "utf-8";

/* デタッキについてスタイル
----------------------------------------------------------- */
div#contents section.box01 {
	width: 950px;
	margin: 0 auto;
}


div#contents .youtube {
	position: relative;
	width: 100%;
}

div#contents .youtube:before {
	content:"";
	display: block;
	padding-top: 56.25%;
}

div#contents .youtube .move {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

@media screen and (min-width: 950px) and (max-width: 1189px) {
}

@media screen and (min-width: 768px) and (max-width: 949px) {
div#contents section.box01 {
	width: 100%;
}
}

@media screen and (min-width: 480px) and (max-width: 767px) {
div#contents section.box01 {
	width: 100%;
}
}

@media screen and (max-width: 479px) {
div#contents section.box01 {
	width: 100%;
}
}



div#contents p {
	margin: 0 0 26px 0;
}

div#contents .bottom0 {
	margin-bottom: 0;
}

div#contents .caption {
	margin: 0;
}


/* main_imgスタイル */
div#main_img {
	margin: 0 0 50px 0;
}


/* img_boxスタイル */
div#contents div.img_box {
	overflow: hidden;
	margin: 0 0 72px 0;
}

div.img_box div.box_right {
	float: right;
	margin: 0 0 0 60px;
}

div.img_box div.img_left img {
	float: left;
	margin: 0 60px 0 0;
}

div.img_box div.text_box01 {
	width: 540px;
}


/* gallery01（写真3列） */
div#contents ul.gallery01 {
	overflow: hidden;
}

div#contents ul.gallery01 li {
	float: left;
	width: 30%;
	margin: 0 0 0 5%;
}

div#contents ul.gallery01 li:first-child {
	margin: 0;
}

/* gallery02（写真2列） */
div#contents ul.gallery02 {
	overflow: hidden;
}

div#contents ul.gallery02 li {
	float: left;
	width: 48%;
	margin: 0 0 0 4%;
}

div#contents ul.gallery02 li:first-child {
	margin: 0;
}

/* gallery03（写真4列） */
div#contents ul.gallery03 {
	overflow: hidden;
}

div#contents ul.gallery03 li {
	float: left;
	width: 48%;
	margin: 0 0 10px 4%;
}

div#contents ul.gallery03 li:nth-child(odd) {
	margin: 0 0 10px 0;
}


@media screen and (min-width: 768px) and (max-width: 1169px) {
div#contents div.img_box {
	overflow: hidden;
	margin: 0 0 72px 0;
}

div.img_box div.box_right {
	float: none;
	margin: 0 auto 50px auto;
}

div.img_box div.box_right img {
	width: 100%;
}

div.img_box div.img_left img {
	float: none;
	width: 100%;
	margin: 0 auto 50px auto;
}

div.img_box div.text_box01 {
	width: auto;
}

}

@media screen and (min-width: 480px) and (max-width: 767px)  {
div#contents div.img_box {
	overflow: hidden;
	margin: 0 0 72px 0;
}

div.img_box div.box_right {
	float: none;
	margin: 0 auto 50px auto;
}

div.img_box div.box_right img {
	width: 100%;
}

div.img_box div.img_left img {
	float: none;
	width: 100%;
	margin: 0 auto 25px auto;
}

div.img_box div.text_box01 {
	width: auto;
}

/* gallery01（写真3列） */
div#contents ul.gallery01 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery01 li img {
	width: 100%;
}

div#contents ul.gallery01 li:first-child {
	margin: 0 0 25px 0;
}

/* gallery02（写真2列） */
div#contents ul.gallery02 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery02 li img {
	width: 100%;
}

div#contents ul.gallery02 li:first-child {
	margin: 0 0 25px 0;
}

/* gallery03（写真4列） */
div#contents ul.gallery03 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery03 li img {
	width: 100%;
}

div#contents ul.gallery03 li:nth-child(odd) {
	margin: 0 0 25px 0;
}
}

@media screen and (max-width: 479px) {
div#contents div.img_box {
	overflow: hidden;
	margin: 0 0 72px 0;
}

div.img_box div.box_right {
	float: none;
	margin: 0 auto 50px auto;
}

div.img_box div.box_right img {
	width: 100%;
}


div.img_box div.img_right img,
div.img_box div.img_left img {
	float: none;
	width: 100%;
	margin: 0 auto 25px auto;
}

div.img_box div.text_box01 {
	width: auto;
}

/* gallery01（写真3列） */
div#contents ul.gallery01 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery01 li img {
	width: 100%;
}

div#contents ul.gallery01 li:first-child {
	margin: 0 0 25px 0;
}

/* gallery02（写真2列） */
div#contents ul.gallery02 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery02 li img {
	width: 100%;
}

div#contents ul.gallery02 li:first-child {
	margin: 0 0 25px 0;
}

/* gallery03（写真4列） */
div#contents ul.gallery03 li {
	float: none;
	width: 100%;
	margin: 0 0 25px 0;
}

div#contents ul.gallery03 li img {
	width: 100%;
}

div#contents ul.gallery03 li:nth-child(odd) {
	margin: 0 0 25px 0;
}
}


/* p.details */
div#contents p.details {
	text-align: center;
	margin: 15px 0 80px 0;
}

div#contents p.details a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	font-size: 1.6rem;
	display: inline-block;
	background: #542D00;
	padding: 13px 70px 12px 15px;
}

div#contents p.details a:hover {
	color: #978162;
}

div#contents p.details a span {
	display: block;
	padding: 0 0 0 50px;
	background: url(../../../common/images/i_arrow05.png) center left no-repeat;
}
