@charset "UTF-8";


/*===========================================

MAIN

===========================================*/

/* content0 */
@media screen and (min-width: 641px) { 
	.content0{
		max-width:980px;
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 0.8vw 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:6vw auto 10vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 1vw 0;
	}
	
}

@media screen and (max-width: 640px) {
	.content0{
		width:100%;
		margin:0 auto 0 auto;
		padding:0 0 0 0;
		text-align:center;
	}
	
	.contenttitlefr{
		display:inline-block;
		margin:15vw auto 17vw auto;
		border-bottom:solid 1px #000;
		padding:0 1vw 1vw 1vw;
	}
	
	.content0 .contenttitlefr .contenttitle1{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0;
	}
	
	.content0 .contenttitlefr .contenttitle2{
		text-align:center;
		letter-spacing:0.2em;
		margin:0;
		padding:0.3vw 0 2vw 0;
	}

}
/* content0 */

/* content1 */
@media screen and (min-width: 641px) { 
	.content1{
		max-width: 980px;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 0 0 2.5vw 0;
		border-top: solid 1px #706f6f;
	}
	.content1-2{ padding:0 0 10vw 0; }
	
	.content1 .contenttitle-sub{
		text-align: center;
		letter-spacing: 0.2em;
		margin: 0;
		padding: 5.5vw 0;
	}
	
	.content1 .contentrow {
		margin: 0 auto;
		overflow: hidden;
		font-size: 0;
	}
	.content1 .contentrow-3 .col {
		width: 31.333333333%;
		height: 100%;
		margin: 0 0 5vw 0;
		padding: 0;
		overflow: hidden;
		display: inline-block;
		vertical-align: top;
	}
	.content1 .contentrow-3 .col:nth-child(3n-1) {
		margin: 0 3% 0 3%;
	}
	.content1 .contentrow-3 .col .m-title {
		min-height:65px;
		height:100%;
		margin:0;
		padding:1.3vw 0 1.5vw;
		border-top:solid 1px #706f6f;
	}
	.content1 .contentrow-3 .col .itemimages{
		display:block;
		width:100%;
		height: auto;
	}
	.content1 .contentrow-3 .col .m-title2{
		margin:0;
		padding:0.5vw 0 0.4vw;
		color:#7d7d7d;
		font-weight:normal;
	}
	.content1 .contentrow-3 .col p {
		margin:0 0 1vw;
		padding:0;
		line-height:1.67em;
		letter-spacing:-0.01em;
	}
	.content1 .contentrow-3 .col .ec-link{}
	.content1 .contentrow-3 .col .ec-link li {
		width:33.8%;
		display:inline-block;
		text-align:left;
		margin:0 1.2vw 0 0;
	}
}

@media screen and (max-width: 640px) {
	.content1{
		width: 85%;
		margin: 0 auto 0 auto;
		padding: 0 0 5vw 0;
		border-top: solid 1px #706f6f;
	}
	.content1-2{ padding:0 0 22vw 0; }
	
	.content1 .contenttitle-sub{
		text-align: center;
		letter-spacing: 0.2em;
		margin: 0;
		padding: 10vw 0;
	}
	
	.content1 .contentrow {
		margin: 0 auto;
		overflow: hidden;
		font-size: 0;
	}
	.content1 .contentrow-3 .col {
		width: 47%;
		margin: 0 0 5vw 0;
		padding: 0;
		overflow: hidden;
		display: block;
		vertical-align: top;
	}
	.content1 .contentrow-3 .col:nth-child(odd) {
		float: left;
		clear: both;
	}
	.content1 .contentrow-3 .col:nth-child(even) {
		float: right;
	}
	.content1 .contentrow-3 .col .m-title {
		min-height:75px;
		height:100%;
		margin:0;
		padding:1.3vw 0 1.5vw;
		border-top:solid 1px #706f6f;
	}
	.content1 .contentrow-3 .col .itemimages{
		display:block;
		width:100%;
		height: auto;
	}
	.content1 .contentrow-3 .col .m-title2{
		margin:0;
		padding:0.7% 0 0;
		color:#7d7d7d;
		font-weight:normal;
	}
	.content1 .contentrow-3 .col p {
		margin:0 0 1vw;
		padding:0;
		line-height:1.67em;
		letter-spacing:-0.01em;
	}
	.content1 .contentrow-3 .col .ec-link{}
	.content1 .contentrow-3 .col .ec-link li {
		width:33.8%;
		display:inline-block;
		text-align:left;
		margin:0 1.2vw 0 0;
	}
}
/* content1 */

