@charset 'utf-8';

/**
 * Static Pages
 */
.section-static {
	padding: 50px 0 100px;
}
.section-static .container {
	width: 65%;
}
.section-static a {
	text-decoration: underline;
}
.section-static a:hover {
	color: #999;
}
.section-static ul {
	margin: 0 0 0 20px;
	list-style-type: disc;
}
.section-static ol {
	margin: 0 0 0 20px;
	list-style-type: decimal;
}
.section-static li {
	margin: 10px 0 0 0;
}
.section-static li:first-child {
	margin: 0;
}
.section-static p {
	line-height: 2;
	margin: 0 0 30px;
}

/**
 * Info
 */
.section-info dt {
	float: left;
	width: 160px;
}
.section-info dd {
	margin: 0 0 30px 160px;
}
.section-info .nav {
	text-align: center;
	padding: 60px 0;
}
.section-info .nav ul {
	margin: 0;
	list-style-type: none;
}
.section-info .nav li {
	font-weight: bold;
	display: inline-block;
}
.section-info .nav li:before {
	content: "|";
	padding: 0 30px;
	color: #999;
}
.section-info .nav li:first-child:before {
	content: none;
}
.section-info .nav li a {
	text-decoration: none;
}

/**
 * About
 */
.section-about h3 {
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 40px;
}
.section-about dt {
	float: left;
	font-weight: bold;
	width: 120px;
}
.section-about dd {
	margin: 0 0 30px 120px;
}

/**
 * Contact
 */
.section-contact {
	padding: 0 0 100px;
}
.section-contact ul {
	margin: 0 0 60px 20px;
}

.section-contact ul.contact-error li {
	color: #bb0000;
}

.page-header-contact-thanks p.thanks-message {
	margin: 0px 0px 150px 0px;
}

/**
 * Privacy Policy
 */
.section-privacypolicy {
	line-height: 2;
}
.section-privacypolicy li {
	margin: 50px 0 0;
}
.section-privacypolicy table {
	margin: 30px 0 0;
	width: 100%;
}
.section-privacypolicy th, .section-privacypolicy td {
	padding: 15px;
	border: 1px solid #5f5f5f;
}
.section-privacypolicy th {
	white-space: nowrap;
	background: #f7f6f6;
	text-align: center;
}
.section-privacypolicy li ul, .section-privacypolicy li ol {
	margin: 30px 0 0 20px;
}
.section-privacypolicy li ul li {
	margin: 10px 0 0;
}
.section-privacypolicy li ol li {
	margin: 10px 0 0;
}

/**
 * Mail Magazine
 */
.section-mailmagazine .lead {
	border-bottom: 1px solid #e6e6e6;
	margin: 0 0 60px;
}
.section-mailmagazine .section {
	line-height: 2;
	margin: 0 0 60px;
}
.section-mailmagazine h3 {
	font-size: 22px;
	font-weight: 300;
	margin: 0 0 30px;
}
.section-mailmagazine h4 {
	font-size: 20px;
	font-weight: 300;
	margin: 0 0 15px;
}
.section-mailmagazine dt {
	font-weight: bold;
}
.section-mailmagazine dd {
	margin: 0 0 30px;
}

/**
 * Form
 */
.form dl {
	width: 100%;
	display: table;
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	margin: -1px 0 0 0;
}
.form dt, .form dd {
	display: table-cell;
	vertical-align: middle;
	padding: 20px 0;
}
.form dt {
	padding: 20px 5px;
}
.form dt {
	width: 240px;
}
.form dt span {
	font-weight: bold;
	color: #bb0000;
	margin: 0 0 0 10px;
}
.form dd p {
	margin: 0 0 5px;
}
.form-subscribe dl,
.form-subscribe dt,
.form-subscribe dd {
	border: none;
	display: block;
	padding: 0;
}
.form-subscribe dt {
	float: left;
	width: 200px;
}
.form-subscribe dd {
	margin: 0 0 30px 200px;
}
.form-unsubscribe dl {
	width: auto;
	display: table;
	border: none;
}
.form-unsubscribe dt {
	display: table-cell;
	float: none;
	width: auto;
	padding: 0 20px 0 0;
}
.form-unsubscribe dd {
	display: table-cell;
	margin: 0;
	padding: 0 20px 0 0;
}
.form select {
	font-size: 16px;
	padding: 10px 40px 10px 10px;
	border: 1px solid #818181;
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
	background: #fff url(/images/select_arrow@2x.png) no-repeat center right 10px;
	background-size: 18px 18px;
}
.form input[type="text"] {
	font-size: 16px;
	border: 1px solid #818181;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
}
input[type="checkbox"], input[type="radio"] {
	margin: 0 5px 0 0;
}
.form textarea {
	font-size: 16px;
	border: 1px solid #818181;
	box-sizing: border-box;
	padding: 10px;
	width: 100%;
	height: 300px;
}
.form-unsubscribe input[type="text"] {
	width: 400px;
}
.agreement {
	text-align: center;
	margin: 40px 0;
}
.agreement a {
	font-weight: bold;
}
.action {
	text-align: center;
}
.notice-agreement {
	color: #bb0000;
	font-weight: bold;
}
.btn {
	cursor: pointer;
	border: none;
	background: #eee;
	font-size: 20px;
	line-height: 70px;
	width: 250px;
	box-sizing: border-box;
	border: 1px solid #dad9d9;
}
.btn-small {
	font-size: 16px;
	line-height: 40px;
	width: 80px;
}
.btn:hover {
	opacity: 0.7;
}

/**
 * Photos
 */
.photos ul {
	font-size: 0;
	margin: 0 0 20px -30px;
}
.photos li {
	position: relative;
	display: inline-block;
	width: calc(16.666% - 30px);
	width: -webkit-calc(16.666% - 30px);
	margin: 0 0 30px 30px;
}
.photos li img {
	display: block;
	width: 100%;
}
.photos li:after {
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	background: #efefef;
}
.photos li.show:after {
	opacity: 0;
	visibility: hidden;
	transition: all .5s linear;
}

/**
 * Gallery
 */
.gallery {
	/*color: #fff;*/
	color: #282828;
	margin: 0 auto;
}
.gallery .title-text,
.gallery h2 {
	font-size: 15px;
	line-height: 1.5;
	letter-spacing: 0;
}
.gallery .title-text a,
.gallery h2 a {
	/*color: #fff;*/
	color: #282828;
}
.gallery .title-text a:hover,
.gallery h2 a:hover {
	color: #e29987;
}
.gallery .photo {
	position: relative;
	margin: 0 0 45px;
}

.gallery .swiper .gallery-prev,
.gallery .swiper .gallery-next {
	position: absolute;
	text-align: center;
	width: 185px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10;
}

.gallery .swiper .gallery-prev {
	left: 0;
}
.gallery .swiper .gallery-next {
	right: 0;
}

.gallery .swiper .gallery-prev span,
.gallery .swiper .gallery-next span {
	display: block;
	background: url(/images/sprite@2x.png) no-repeat top left;
	background-size: 250px 250px;
	width: 23px;
	height: 23px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	margin: 0 auto;
}

.gallery .swiper .gallery-prev span {
	background-position: 0 -111px;
}
.gallery .swiper .gallery-prev:hover span {
	background-position: -23px -111px;
}
.gallery .swiper .gallery-next span {
	background-position: -46px -111px;
}
.gallery .swiper .gallery-next:hover span {
	background-position: -69px -111px;
}

.gallery .photo .image {
	vertical-align: top;
	width: 830px;
	margin: 0 auto;
}
.gallery p {
	text-align: center;
	font-size: 14px;
	margin: 0 0 45px;
}
.gallery .photo .image img {
	display: block;
	width: 100%;
}
.gallery .thumbnail {
	box-sizing: border-box;
	width: 830px;
	padding: 30px 0 5px;
	border-top: 1px solid #3c3b3b;
	border-bottom: 1px solid #3c3b3b;
	margin: 0 auto;
}
.gallery .thumbnail ul {
	font-size: 0;
	margin: 0 0 0 -25px;
}
.gallery .thumbnail li {
	vertical-align: top;
	display: inline-block;
	width: 70px;
	margin: 0 0 25px 25px;
}
.gallery .thumbnail li img {
	display: block;
	width: 100%;
}
.gallery .thumbnail li.current {
	background: #fff;
}
.gallery .thumbnail li.current img {
	opacity: 0.7;
}
.gallery .back {
	margin: 30px 0 0 0;
	text-align: center;
}
.gallery .back a {
	font-size: 16px;
	/*color: #fff;*/
}
.gallery .back a:hover {
	color: #e29987;
}


@media screen and (max-width:768px) {
	.section-info dt {
		float: none;
		width: auto;
	}
	.section-info dd {
		margin: 0 0 30px;
	}
	.section-about h3 {
		margin: 0 0 30px;
	}
	.section-about dt {
		float: none;
		width: auto;
		margin: 0 0 10px;
	}
	.section-about dd {
		margin: 0 0 30px;
	}
	.section-privacypolicy th {
		width: 80px;
	}
	.section-privacypolicy th, .section-privacypolicy td {
		padding: 5px;
		white-space: inherit;
		word-break: break-all;
	}
	.section-static {
		padding: 30px 0 100px;
	}
	.section-static .container {
		width: 100%;
	}
	.form dl, .form dt, .form dd {
		display: block;
		width: auto;
	}
	.form dl {
		padding: 30px 0;
	}
	.form dt, .form dd {
		padding: 0;
	}
	.form dt {
		margin: 0 0 10px;
	}
	.form-subscribe dt {
		float: none;
	}
	.form-subscribe dd,
	.form-unsubscribe dd {
		margin: 0px 0px 10px 0px;
	}
	.form-unsubscribe input[type="text"] {
		width: 100%;
	}
	.photos ul {
		margin: 0 0 50px -10px;
	}
	.photos li {
		width: calc(33.333% - 10px);
		width: -webkit-calc(33.333% - 10px);
		margin: 0 0 10px 10px;
	}
	.gallery .title-text,
	.gallery h2 {
		margin: 0 0 20px;
	}
	.gallery .swiper {
		margin: 0 -20px;
	}
	.gallery .thumbnail {
		width: 100%;
	}
	.gallery .thumbnail li {
		width: calc(33.333% - 25px);
		width: -webkit-calc(33.333% - 25px);
	}
	.gallery .photo {
		position: relative;
		display: block;
		margin: 0;
		margin-bottom: 30px;
	}

	.gallery .swiper .gallery-prev,
	.gallery .swiper .gallery-next {
		display: block;
		position: absolute;
		width: 50px;
		top: 50%;
	}

	.gallery .photo .image {
		width: 100%;
	}
	.gallery .back {
		margin: 50px 0 0;
	}
}