@charset "utf-8";





/*
* Base Setting
*
*
*/


html, body {
	background: #F7F7F7 url(../img/bg.png) repeat-x;
	color: #4D4B47;
}

body {
}


a {
	text-decoration: none;
	color: #4D4B47;
}

a:link    {}
a:visited {}
a:hover   { text-decoration: none; }
a:active  {}





/*
* Base Module
*
* base-
*/


/*
* base-page
*/
.base-page {
}


/*
* base-header
*/
.base-header {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 980px;
}

@media only screen and (max-width: 580px){

/*
* base-header
*/
.base-header {
	padding-right: 0;
	padding-left: 0;

}

} /* end media query max-width: 580px */


/*
* base-body
*/
.base-body {
	margin: 0 auto;
	padding: 0 20px;
	max-width: 980px;
}


/*
* base-contents
*/
.base-contents {
	margin: 0 0 5%;
	min-height: 500px;
}

@media only screen and (max-width: 580px){

.base-contents {
	margin-bottom: 10%;

}

} /* end media query max-width: 580px */


/*
* base-contents2
*/
.base-contents2 {
	padding: 0 240px 0 0;
	zoom: 1;
}
.base-contents2:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}


/*
* base-main
*/
.base-main {
	float: left;
	display: inline;
	width: 100%;
}


/*
* base-sub
*/
.base-sub {
	margin: 0 -240px 0 0;
	float: right;
	display: inline;
	width: 180px;
}


@media only screen and (max-width: 580px){

/*
* base-contents2
*/
.base-contents2 {
	padding-right: 0;
}


/*
* base-main
*/
.base-main {
	float: none;
	display: block;
	width: 100%;
}


/*
* base-sub
*/
.base-sub {
	margin: 0 0 0 0;
	float: none;
	display: block;
	width: 100%;
	padding: 60px 0 0;
	border-top: 1px dotted #000;
}

} /* end media query max-width: 580px */


/*
* base-footer
*/
.base-footer {
	background: #D3D3D3 url(../img/bg2.png) repeat-x;
}





/*
* Area Module
*
* area-
*/


/*
* area-section
*/
.area-section {
	margin: 0 0 6%;
}


@media only screen and (max-width: 480px){

/*
* area-section
*/
.area-section {
	margin: 0 0 12%;
}

} /* end media query max-width: 480px */


/*
* area-divide
*/
.area-divide {
	position: relative;
	margin: 0 0 60px;
	padding: 0 0 0 30px;
	zoom: 1;
}
.area-divide:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
.area-divide.area-divide-type2 {}

	.area-divide-col,
	.area-divide-col2 {
		position: relative;
		top: 20px;
		display: inline;
		margin: -20px 0 20px;
		width: 50%;
	}

	.area-divide-col,
	.area-divide-type2 .area-divide-col2 {
		float: left;
		left: -30px;
	}

	.area-divide-col2,
	.area-divide-type2 .area-divide-col {
		float: right;
	}

	.area-divide-type2 .area-divide-col {
		left: 0;
	}


@media only screen and (max-width: 580px){

/*
* area-divide
*/
.area-divide {
	margin: 0 0 30px;
	padding: 0 0 0 0;
}

	.area-divide-col,
	.area-divide-col2 {
		display: block;
		margin-bottom: 30px;
		width: 100%;
	}

	.area-divide-col {
		float: none;
		left: 0;
	}
	.area-divide-type2 .area-divide-col2 { left: 0;}

	.area-divide-col2 {
		float: none;
	}

} /* end media query max-width: 580px */


/*
* area-divide2
*/
.area-divide2 {
	position: relative;
	margin: 0 0 60px;
	padding: 0 20px;
	zoom: 1;
}
.area-divide2:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	.area-divide2-col,
	.area-divide2-col2,
	.area-divide2-col3 {
		position: relative;
		float: left;
		top: 20px;
		display: inline;
		margin: -20px 0 20px;
		width: 33.33%;
	}

	.area-divide2-col {
		left: -20px;
	}

	.area-divide2-col2 {
	}

	.area-divide2-col3 {
		right: -20px;
	}


@media only screen and (max-width: 700px){

/*
* area-divide2
*/
.area-divide2 {
	padding: 0;
}

	.area-divide2-col,
	.area-divide2-col2,
	.area-divide2-col3 {
		float: none;
		display: block;
		margin: -20px 0 60px;
	}

	.area-divide2-col {
		left: 0;
		width: 100%;
	}

	.area-divide2-col2 {
		width: 100%;
	}

	.area-divide2-col3 {
		right: 0;
		width: 100%;
	}

} /* end media query max-width: 700px */





/*
* Module Parts
*
* mod-
*/



/*
* mod-header
*/
.mod-header {
	padding: 67px 6px 0;
}
.mod-header:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	.mod-header-logo {
		float: left;
		display: inline;
		width: 154px;
		position: relative;
		margin: -38px 0 20px;
	}

	.mod-header-logo a {
	}

		.mod-header-logo a:hover {
			filter: alpha(opacity=60);
			opacity: 0.6;
		}

		.mod-header-logo img {
		}


	/*
	* mod-headerbutton
	*/
	.mod-headerbutton {
		float: right;
		display: inline;
		padding: 5px 0 0;
	}

		.mod-headerbutton-link {
			margin: 0 0 0 27px;
			letter-spacing: -0.3em;
		}

			.mod-headerbutton-item {
				margin: 0 0 0 10px;
				font-size: 1.8em;
				line-height: 1.5;
				display: inline-block;
				letter-spacing: normal;
			}

			.mod-headerbutton-item a {
				color: #666;
			}

			.mod-headerbutton-item a:hover {
				filter: alpha(opacity=60);
				opacity: 0.6;
			}



	/*
	* mod-globalnav
	*/
	.mod-globalnav {
		position: relative;
		margin: 0 -13px 20px;
		float: right;
		display: inline;
	}

		.mod-globalnav-nav {
			letter-spacing: -0.3em;
		}

			.mod-globalnav-item {
				display: inline-block;
				font-size: 1.2em;
				line-height: 2.25;
				letter-spacing: 0.2em;
			}

				.mod-globalnav-item a {
					display: block;
					padding: 5px 13px;
				}

				.mod-globalnav a:hover {
					filter: alpha(opacity=60);
					opacity: 0.6;
				}

				.mod-globalnav .page_item.current_page_item a,
				.mod-globalnav .page_item.current_page_parent a {
				}


@media only screen and (max-width: 580px){

/*
* mod-header
*/
.mod-header {
	padding-right: 0;
	padding-left: 0;
}

	.mod-header-logo {
		float: none;
		display: block;
		width: auto;
		text-align: center;
	}

		.mod-header-logo img {
		}


	/*
	* mod-headerbutton
	*/
	.mod-headerbutton {
		float: none;
		display: block;
		margin: 20px 0 0;
		padding-top: 0;
		text-align: center;
	}

		.mod-headerbutton-link {
			margin-left: 0;
		}

			.mod-headerbutton-item {
				margin-right: 10px;
			}

			.mod-headerbutton-item a {
			}


	/*
	* mod-globalnav
	*/
	.mod-globalnav {
		float: none;
		display: block;
		margin: 15px 0 0;
		padding-top: 0;
	}

		.mod-globalnav-nav {
			display: table;
			width: 100%;
		}

			.mod-globalnav-item {
				display: table-cell;
				text-align: center;
				background: #EAEAEA;
			}

				.mod-globalnav-item a {
					display: block;
					padding: 8px 2px;
				}

				.mod-globalnav a:hover {
					background: #D8D8D8;
					filter: alpha(opacity=100);
					opacity: 1.0;
				}

} /* end media query max-width: 580px */

/*
* mod-footer
*/
.mod-footer {
	margin: 0 auto;
	padding: 20px 20px 17px;
	max-width: 940px;
}

	/*
	* mod-footernav
	*/
	.mod-footernav {
	}

		.mod-footernav-nav {
			letter-spacing: -0.3em;
			text-align: center;
		}

		.mod-footernav-item {
			margin: 0 0 0 27px;
			display: inline-block;
			font-size: 1.2em;
			line-height: 2.25;
			letter-spacing: 0.2em;
		}
		.mod-footernav-item:first-child { margin-left: 0; }

		.mod-footernav-item a {}
		.mod-footernav-item a:hover {
			filter: alpha(opacity=60);
			opacity: 0.6;
		}
	.mod-footer-copyright {
		margin: 37px 0 0;
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 1em;
		line-height: 1.2;
	}
	.mod-footer-notes {
		margin: 7px 5px 0;
		text-align: center;
		letter-spacing: 0.2em;
		font-size: 1em;
		line-height: 1.2;
	}

@media only screen and (max-width: 580px){
/*
* mod-footer
*/
.mod-footer {
	padding-top: 0;
	padding-right: 0;
	padding-left: 0;
}

	/*
	* mod-footernav
	*/
	.mod-footernav {
	}

		.mod-footernav-nav {
			display: -webkit-flex; /* Safari */
			display: flex;
			-webkit-flex-wrap: wrap;
			flex-wrap: wrap;
			border: 1px solid #F7F7F7;
		}

		.mod-footernav-item {
			margin-left: 0;
			-webkit-flex-grow: 1; /* Safari */
			flex-grow: 1;
			width: 33.33%;
			border: 1px solid #F7F7F7;

		}

		.mod-footernav-item a {
			padding: 8px 2px;
			display: block;
			background: #EAEAEA;
		}
		.mod-footernav-item a:hover {
		}

} /* end media query max-width: 580px */



/*
* mod-mainvisual
*/
.mod-mainvisual {
	margin: 0 0 3%;
}

@media only screen and (max-width: 580px){

.mod-mainvisual {
	margin: 0 0 6%;
}

} /* end media query max-width: 580px */



/*
* mod-pagetitle
*/
.mod-pagetitle {
	margin: 0 0 36px;
}
.mod-pagetitle.mod-pagetitle-type2 {}

	.mod-pagetitle-figure {
	}

	.mod-pagetitle-figure img {
		width: 100%;
		height: auto;
		vertical-align: top;
	}

	.mod-pagetitle-h {
		margin: 35px 0 0;
		padding: 32px 0 0;
		border-top: 1px solid #CCC;
		text-align: center;
		font-weight: bold;
	}
	.mod-pagetitle-type2 .mod-pagetitle-h { margin-top: 0;}

	.mod-pagetitle-sub {
		margin: 15px 0 0;
		text-align: center;
		font-size: 1.5em;
		line-height: 1.2;
		letter-spacing: 0.1em;
		color: #8D8C8B;
	}

	.mod-pagetitle .mod-lead {
		margin: 20px 0 0;
	}

@media only screen and (max-width: 580px){

.mod-pagetitle-figure {
	position: relative;
	margin-right: -20px;
	margin-left: -20px;
}

	.mod-pagetitle-h {
	}
	.mod-pagetitle-h img {
		width: auto;
		height: 15px;
	}
	.mod-pagetitle-type2 .mod-pagetitle-h {border-top: none;}

	.mod-pagetitle-sub {
		font-size: 1.2em;
		line-height: 1.25;
	}

	.mod-pagetitle .mod-lead {
	}

} /* end media query max-width: 580px */



/*
* mod-heading
*/
.mod-heading {
	margin: 0 0 3%;
	text-align: center;
}

@media only screen and (max-width: 540px){

.mod-heading {
	margin-bottom: 8%;
	padding: 0 25%;
}

	.mod-heading  img {
		width: 100%;
		height: auto;
	}

} /* end media query max-width: 540px */

@media only screen and (max-width: 320px){

.mod-heading {
	padding: 0 15%;
}

} /* end media query max-width: 320px */



/*
* mod-heading2
*/
.mod-heading2 {
	margin: 0 0 35px;
	font-size: 2em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
}
	.mod-heading2-sub {
		font-size: 0.727em;
		line-height: 1.2;
		letter-spacing: 0.1em;
		color: #8D8C8B;
		font-family: "Source Sans Pro", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
	}

@media only screen and (max-width: 580px){

.mod-heading2 {
	margin: 0 0 20px;
}

} /* end media query max-width: 580px */



/*
* mod-heading3
*/
.mod-heading3 {
	margin: 0 0 10px;
	font-size: 1.4em;
	line-height: 1.43;
}


/*
* mod-heading4
*/
.mod-heading4 {
	margin: 70px 0 10px 0;
	font-size: 1.8em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
}
	

@media only screen and (max-width: 580px){

.mod-heading4 {
	margin: 0 0 20px;
}

} /* end media query max-width: 580px */




/*
* mod-heading5 (商品一覧ページ)
*/
.mod-heading5 {
	margin: 30px 0 10px 0;
	font-size: 1.8em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
}
.mod-heading-red {
	margin: 0 0 10px 0;
	font-size: 1.6em;
	line-height: 1.5;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	font-weight: bold;
}


/*
* mod-p
*/
.mod-p {
	margin: 10px 0 0;
	font-size: 1.4em;
	line-height: 1.5;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 580px){

.mod-p {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-p2
*/
.mod-p2 {
	margin: 10px 0 0;
	font-size: 1.4em;
	line-height: 2;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 580px){

.mod-p2 {
	font-size: 1.2em;
	line-height: 2;
}

} /* end media query max-width: 580px */



/*
* mod-notes
*/
.mod-notes {
	padding: 3%;
	background: #F8F8F8;
	margin: 0 0 40px;
}
.mod-notes-list {
	padding: 0 0 0 2em;
}
.mod-notes-list-item {
	margin: 5px 0 0;
	font-size: 1.4em;
	line-height: 1.8;
	letter-spacing: 0.05em;
	list-style: square;
}

@media only screen and (max-width: 580px){

.mod-notes-list {
}
.mod-notes-list-item {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-lead
*/
.mod-lead {
	margin: 0 0 40px;
	text-align: center;
	font-size: 1.4em;
	line-height: 2;
	letter-spacing: 0.1em;
}

@media only screen and (max-width: 580px){

.mod-lead {
	font-size: 1.2em;
	line-height: 2;
	text-align: left;
}

} /* end media query max-width: 580px */



/*
* mod-link
*/
.mod-link {
	border-bottom: 1px dashed #CCC;
/*	background: url(../img/icon_arrow.png) no-repeat;
	background-size: 7px 16px;*/
}

.mod-link:hover {
	border: none;
}



/*
* mod-pagetop
*/
.mod-pagetop {
	margin: 0 0 40px;
	text-align: right;
	font-size: 1.2em;
	line-height: 1.5;
	letter-spacing: 0.1em;
}



/*
* mod-dl
*/
.mod-dl {
	margin: 5% 0 0;
}

	.mod-dl-dt {
		margin: 3% 0 0;
		font-size: 1.4em;
		line-height: 1.5;
		letter-spacing: 0.1em;
		font-weight: bold;
	}

	.mod-dl-dd {
		font-size: 1.4em;
		line-height: 1.5;
		letter-spacing: 0.1em;
	}
	.mod-dl-dd .mod-list-item,
	.mod-dl-dd .mod-list2-item,
	.mod-dl-dd .mod-list3-item { font-size: 1em;}

@media only screen and (max-width: 580px){

.mod-dl-dt,
.mod-dl-dd {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-list
*/
.mod-list {
	margin: 10px 0 0;
}
	.mod-list-item {
		margin: 0 0 0 1.2em;
		text-indent: -1.2em;
		font-size: 1.4em;
		line-height: 1.5;
	}
	.mod-list-item:before {
		padding: 0 0.25em 0 0;
		display: marker;
		content: "◯";
	}

@media only screen and (max-width: 580px){

.mod-list-item {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-list2
*/
.mod-list2 {
	margin: 10px 0 0;
	padding: 0 0 0 2em;
	counter-reset: counter-nmber;
}

	.mod-list2-item {
		position: relative;
		font-size: 1.4em;
		line-height: 1.5;
	}
	.mod-list2-item:before {
		position: absolute;
		left: -2em;
		display: marker;
		counter-increment: counter-nmber;
		content: "("counter(counter-nmber)")";
	}

@media only screen and (max-width: 580px){

.mod-list2-item {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-list3
*/
.mod-list3 {
	margin: 10px 0 0;
}
	.mod-list3-item {
		margin: 0 0 0 1.2em;
		font-size: 1.4em;
		line-height: 1.5;
		list-style-type: disc;
	}

@media only screen and (max-width: 580px){

.mod-list3-item {
	font-size: 1.2em;
	line-height: 1.5;
}

} /* end media query max-width: 580px */



/*
* mod-figure
*/
.mod-figure {
	margin: 0 0 20px;
	text-align: center;
}
.mod-figure.mod-figure-type2 {
	padding: 2%;
	background: #FFF;
}

	.mod-figure-img {
	}

		.mod-figure-img img {
			width: 100%;
			height: auto;
		}



/*
* mod-plan
*/
.mod-plan {
	position: relative;
	margin: -4em -4em 0;
}
.mod-plan-row {
	display: table;
	width: 100%;
	border-collapse: separate;
	border-spacing: 4em;
}

	.mod-plan-item {
		display: table-cell;
		background: #FFF;
		padding: 4% 4% 2%;
		width: 50%;
	}
	.mod-plan-type2 .mod-plan-item {
	}

	.mod-plan-img {
		position: relative;
		margin: -8% -8% 4%;
	}
		.mod-plan-img img {
			width: 100%;
			height: auto;
		}

	.mod-plan-plan {
	}
		.mod-plan-plan img {
			width: 100%;
			height: auto;
		}


@media only screen and (max-width: 780px){

/*
* mod-plan
*/
.mod-plan {
	margin-top: -2em;
	margin-right: -2em;
	margin-left: -2em;
}
.mod-plan-row {
	border-spacing: 2em;
}

	.mod-plan-item {
		padding: 3%;
		width: auto;
	}

	.mod-plan-img {
		margin: -4% -4% 4%;
	}

	.mod-plan-plan {
	}

} /* end media query max-width: 780px */


@media only screen and (max-width: 480px){

/*
* mod-plan
*/
.mod-plan {
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
.mod-plan-row {
	display: block;
	width: auto;
}

	.mod-plan-item {
		display: block;
		margin: 2em 0 0;
		padding: 8% 8% 6%;
	}

	.mod-plan-img {
	}

	.mod-plan-plan {
	}

} /* end media query max-width: 480px */





/*
* area-block
*/
.area-block {
	margin: 0 0 5%;
	padding: 5% 4% 4%;
	background: #FFF;
	zoom: 1;
}
.area-block:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}
.area-block.area-block-type2 { padding-top: 0; }
.area-block.area-block-stripetype {
	background-color: #FFF;
	background-image:
		-webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #E9E9E9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #E9E9E9),color-stop(.75, #E9E9E9), color-stop(.75, transparent),to(transparent));
		-webkit-background-size: 7px 7px;
}


@media only screen and (max-width: 640px){

/*
* area-block
*/
.area-block {
	position: relative;
	margin-right: -20px;
	margin-left: -20px;
	padding: 6% 5% 5%;
}

} /* end media query max-width: 640px */

/*
* mod-photo
*/
.mod-photo {
}
.mod-photo-title {
	text-align: center;
}
.mod-photo-txt {
	margin: 7% 0 0;
	text-align: center;
}
.mod-photo-figure {
	margin: 2% 0 0;
}
.mod-photo-figure-list {
	position: relative;
	margin: 0 -1%;
	zoom: 1;
}
.mod-photo-figure-list:after {
	content: "."; display: block; clear: both; height: 0px; visibility: hidden;
}

	.mod-photo-figure-item {
		float: left;
		margin: 2% 1% 0;
		width: 48%;
	}

		.mod-photo-figure-img img {
			width: 100%;
			height: auto;
		}

		.mod-photo-figure-item-type2 {
			width: 23%;
		}

@media only screen and (max-width: 640px){

/*
* mod-photo
*/
.mod-photo {
}
.mod-photo-title img {
	height: 22px;
	width: auto;
}
.mod-photo-txt {
	margin-top: 10%;
}
.mod-photo-txt img {
	width: 100%;
	height: auto;
}
.mod-photo-figure {
}
.mod-photo-figure-list {
}

	.mod-photo-figure-item {
		width: 98%;
	}
	.mod-photo-figure-item-type2 {
		width: 48%;
	}

} /* end media query max-width: 640px */



/*
* mod-photolist
*/
.mod-photolist {
	margin: 0 0 30px;
}

	.mod-photolist-nav {
		position: relative;
		margin: -36px 0 0 -25px;
	}
	.mod-photolist:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

		.mod-photolist-item {
			float: left;
			display: inline;
			width: 33.33%;
			margin: 36px 0 0;
			padding: 0 0 0 25px;
			text-align: center;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

			.mod-photolist-item a {
				display: block;
				background: #FFF;
				box-shadow:0 0 4px 0 #CCC;
				-moz-box-shadow:0 0 4px 0 #CCC;
				-webkit-box-shadow:0 0 4px 0 #CCC;
			}

			.mod-photolist-item a:hover {
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			.mod-photolist-img {
			}

				.mod-photolist-img img {
					width: 100%;
					height: auto;
				}

			.mod-photolist-txt {
				padding: 16px 15px 16px;
			}

				.mod-photolist-h {
					display: inline-block;
					padding: 0 0 3px;
					border-bottom: 1px solid #9F9F9F;
					color: #000;
					font-size: 1.8em;
					line-height: 1.2;
					letter-spacing: 0.2em;
					font-weight: 300;
				}

				.mod-photolist-sub {
					margin: 8px 0 0;
					font-size: 1.1em;
					line-height: 1.25;
					letter-spacing: 0.1em;
				}


@media only screen and (max-width: 580px){

.mod-photolist {
}

	.mod-photolist-nav {
		margin-top: -18px;
		margin-left: -18px;
	}

		.mod-photolist-item {
			margin-top: 18px;
			padding-left: 18px;
			width: 50%;
		}

			.mod-photolist-txt {
				padding: 10px 8px 10px;
			}

				.mod-photolist-h {
					font-size: 1.5em;
					line-height: 1.2;
					font-weight: 300;
				}

				.mod-photolist-sub {
					letter-spacing: 0;
				}

} /* end media query max-width: 580px */


@media only screen and (max-width: 300px){

.mod-photolist {
}

	.mod-photolist-nav {
		margin-top: -25px;
	}

		.mod-photolist-item {
			margin-top: 25px;
			width: 100%;
		}

			.mod-photolist-txt {
			}

				.mod-photolist-h {
					font-size: 1.8em;
					line-height: 1.223
				}

} /* end media query max-width: 300px */



/*
* mod-photolist2
*/
.mod-photolist2 {
	margin: 0 0 60px;
}

	.mod-photolist2-nav {
		position: relative;
		margin: -10px 0 0 -10px;
	}
	.mod-photolist2:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

		.mod-photolist2-item {
			float: left;
			display: inline;
			width: 16.667%;
			margin: 10px 0 0;
			padding: 0 0 0 10px;
			text-align: center;
			-webkit-box-sizing: border-box;
			box-sizing: border-box;
		}

			.mod-photolist2-item a {
				padding: 8px 8px 0;
				background: #FFF;
				display: block;
				box-shadow:0 0 4px 0 #CCC;
				-moz-box-shadow:0 0 4px 0 #CCC;
				-webkit-box-shadow:0 0 4px 0 #CCC;
			}

			.mod-photolist2-item a:hover {
				filter: alpha(opacity=60);
				opacity: 0.6;
			}

			.mod-photolist2-img {
			}

				.mod-photolist2-img img {
					width: 100%;
					height: auto;
				}

			.mod-photolist2-txt {
				padding: 18px 0 16px;
			}

				.mod-photolist2-h {
					color: #000;
					font-size: 1.5em;
					line-height: 1.223;
					letter-spacing: 0.2em;
					font-weight: 300;
				}

				.mod-photolist2-sub {
					margin: 8px 0 0;
					font-size: 1.1em;
					line-height: 1.25;
					letter-spacing: 0.1em;
				}


@media only screen and (max-width: 720px){

.mod-photolist2 {
}

	.mod-photolist2-nav {
	}

		.mod-photolist2-item {
			width: 33.33%;
		}

			.mod-photolist2-item a {
			}

			.mod-photolist2-txt {
			}

				.mod-photolist2-h {
				}

} /* end media query max-width: 720px */


@media only screen and (max-width: 580px){

.mod-photolist2 {
}

	.mod-photolist2-nav {
	}

		.mod-photolist2-item {
			width: 33.33%;
		}

			.mod-photolist2-item a {
				padding-top: 5px;
				padding-right: 5px;
				padding-left: 5px;
			}

			.mod-photolist2-txt {
				padding: 10px 0 8px;
			}

				.mod-photolist2-h {
					font-size: 1.3em;
					line-height: 1.231;
					letter-spacing: 0.1em;
				}

} /* end media query max-width: 580px */


@media only screen and (max-width: 300px){

.mod-photolist2 {
}

	.mod-photolist2-nav {
	}

		.mod-photolist2-item {
			width: 50%;
		}

			.mod-photolist2-txt {
			}

				.mod-photolist2-h {
					font-size: 1.8em;
					line-height: 1.223
				}

} /* end media query max-width: 300px */



/*
* mod-contact
*/
.mod-contact {
	margin-right: auto;
	margin-left: auto;
	width: 75%;
}

	.mod-contact-form {
		margin: 10% 0 0;
	}

		.mod-contact-form-contents {
		}

		.mod-contact-form-title {
			margin: 10px 0 0;
			padding: 10px;
			background: #D3D3D3;
			font-size: 1.4em;
			line-height: 1.5;
			letter-spacing: 0.1em;
		}

		.mod-contact-form-entry {
			margin: 10px 0 0;
			font-size: 1.4em;
			line-height: 1.5;
			letter-spacing: 0.1em;
		}

		.mod-contact-form-entry input,
		.mod-contact-form-entry textarea {
			padding: 10px;
			background: #FFF;
			font-size: 1em;
			border: 1px solid #CCC;
			width: 100%;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}

		.mod-contact-form-button {
			margin: 5% 0 0;
			text-align: center;
		}

		.mod-contact-form-button input {
			padding: 10px 20px;
			background: #FFCC00;
			border: none;
			font-size: 1.6em;
			line-height: 1.5;
			color: #FFF;
			box-shadow:0 0 4px 0 #AAA;
			-moz-box-shadow:0 0 4px 0 #AAA;
			-webkit-box-shadow:0 0 4px 0 #AAA;
		}
		.mod-contact-form-button input:hover {
			cursor: pointer;
			opacity: 0.5;
		}

		.mod-contact-required {
			color: #CC0000;
		}


@media only screen and (max-width: 680px){

.mod-contact {
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

} /* end media query max-width: 680px */



/*
* mod-contactlist
*/
.mod-contactlist {
	margin: 0 0 40px;
	padding: 25px 36px;
	background: #D3D3D3;
}

	.mod-contactlist-list {
		position: relative;
		margin: 0 0 0 -17px;
		zoom: 1;
	}
	.mod-contactlist-list:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

		.mod-contactlist-h {
			font-size: 1.8em;
			line-height: 1.5;
			letter-spacing: 0.1em;
			text-align: center;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		}
		
		.mod-contactlist-he {
			font-size: 1.8em;
			line-height: 1.223;
			letter-spacing: 0.1em;
			margin: 35px 0 0 0;
			text-align: center;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		}
		
		.mod-contactlist-he2 {
			font-size: 1.8em;
			line-height: 1.223;
			letter-spacing: 0.1em;
			margin: 10px 0 0 0;
			text-align: center;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		}

		.mod-contactlist-q_a {
			font-size: 1.5em;
			font-weight:bold;
			xline-height: 1.231;
			letter-spacing: 0.05em;
			margin: 10px 0 0 0;
			text-align: center;
			font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
		}
		.mod-contactlist-q_a2 {
			font-size: 1.3em;
			line-height: 1.231;
			letter-spacing: 0.1em;
			margin: 10px 0 30px 0;
			text-align: center;
			
		}

		.mod-contactlist-item {
			float: left;
			display: inline;
			width: 50%;
			margin: 24px 0 0 0;
			padding: 0 0 0 17px;
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
		}
		.mod-contactlist-item img {
			width: 100%;
			height: auto;
			box-shadow:0 0 4px 0 #AAA;
			-moz-box-shadow:0 0 4px 0 #AAA;
			-webkit-box-shadow:0 0 4px 0 #AAA;
		}

		.mod-contactlist-item a {
		}
		.mod-contactlist-item a:hover {
			filter: alpha(opacity=60);
			opacity: 0.6;
		}


@media only screen and (max-width: 640px){

.mod-contactlist {
	position: relative;
	margin-right: -20px;
	margin-left: -20px;
	padding: 20px 20px;
}
	.mod-contactlist-list {
		margin-left: 0;
	}

		.mod-contactlist-h {
			font-size: 1.3em;
			line-height: 1.231;
		}


		.mod-contactlist-item {
			float: none;
			display: block;
			width: auto;
			margin-top: 15px;
			padding-left: 0;
		}

} /* end media query max-width: 640px */




/*
* mod-bannerlist
*/
.mod-bannerlist {
	margin: 0 0 40px;
	padding: 0 20px 14px;
	background: #FFF;
}

	.mod-bannerlist-list {
		position: relative;
		margin: 0 0 0 -40px;
		zoom: 1;
	}
	.mod-bannerlist-list:after {
		content: "."; display: block; clear: both; height: 0px; visibility: hidden;
	}

	.mod-bannerlist-item {
		float: left;
		display: inline;
		padding: 20px 0 0 40px;
		width: 50%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.mod-bannerlist-item img {
		width: 100%;
		height: auto;
	}

	.mod-bannerlist-item a {
	}
	.mod-bannerlist-item a:hover {
		filter: alpha(opacity=60);
		opacity: 0.6;
	}


@media only screen and (max-width: 720px){

.mod-bannerlist {
}

	.mod-bannerlist-list {
		margin-left: -20px;
	}

	.mod-bannerlist-item {
		padding-left: 20px;
	}

} /* end media query max-width: 720px */


@media only screen and (max-width: 480px){

.mod-bannerlist {
}

	.mod-bannerlist-list {
		margin-left: 0;
	}

	.mod-bannerlist-item {
		float: none;
		display: block;
		width: auto;
		padding-left: 0;
	}

} /* end media query max-width: 480px */



.mod-shoot {
		font-size: 1.5em;
		line-height: 2;
		letter-spacing: 0.1em;
		text-align: left;
}

.red {
	color: red;
	font-weight: bold; 
	}


.mod-photo-txt2 {
	font-size:12px;
	}
	
img_option_03