/*============ 共通項目 ==============*/



/*============ トップページ 調整用　==============*/

main article.tWrap {
	width: 100vw;
}
main article.tWrap .accessPoint{position:relative; top:max(-20vw , -160px);}
main article.tWrap section.content {
	width: 100%;
	position: relative;
}

main article.tWrap section.content .ts{
	text-shadow:
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 1rem #fff,
		0 0 3rem #fff,
		0 0 3rem #fff,
		0 0 3rem #fff,
		0 0 3rem #fff,
		0 0 3rem #fff,
		0 0 3rem #fff;
}

main article.tWrap section.content.content01 {}
main article.tWrap section.content.content01::before {
	content: "";
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-icon_line_01.png) no-repeat top center / auto 40rem;
	width: 200rem;
	height: 40rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -21rem;
	margin: auto;
	z-index: 1;
}
main article.tWrap section.content.content01 h2 {
	width: min(220rem , 1500px);
	margin: 5rem auto;
	position: relative;
	height: 75rem;
	background: no-repeat center / auto 100%;
}
main article.tWrap section.content.content01 h2::after {
	content: "";
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-title_02.png) no-repeat right center / auto 100%;
	width: 95%;
	height: 16rem;
	top: 5rem;
	position: absolute;
	z-index: 2;
}
main article.tWrap section.content.content01 h2 img {
	width: min(50rem , 365px);
	position: absolute;
	bottom: 4rem;
	left: 3rem;
}
main article.tWrap section.content.content01 h3 {
	font-size: 5rem;
	text-align: center;
	margin: 10rem auto 2rem;
}
main article.tWrap section.content.content01 p {
	margin: 3rem auto;
	width: min(94% , 130rem);
	text-align: left;
}
main article.tWrap section.content.content01 a {
	border: solid 1px #000;
	border-radius: 100px;
	padding: 2rem 2rem;
	position: relative;
	overflow: hidden;
	width: 80rem;
	display: block;
	text-align: center;
	margin: 12rem auto;
}
main article.tWrap section.content.content01 a span {
	color: #000;
	position: relative;
	z-index: 2;
	transition: .5s ease-out;
}
main article.tWrap section.content.content01 a:hover span {color:#fff;}
main article.tWrap section.content.content01 a span:before {content:"";}
main article.tWrap section.content.content01 a::before {
	content: "";
	background: rgba(000 , 000 , 000 , .7);
	width: 0%;
	height: 105%;
	transition: .5s ease-out;
	position: absolute;
	right: -30%;
	bottom: 0;
	transform: skewX(20deg);
	z-index: 1;
}
main article.tWrap section.content.content01 a:hover:before{width:160%; right:auto; left: -30%;}
main article.tWrap section.content.content01 a::after {
	content: "▼";
	width: 1rem;
	height: 2rem;
	position: absolute;
	top: 0;
	bottom: 2rem;
	margin: auto;
	right: 5rem;
	z-index: 3;
	transform: rotate(30deg);
	transition: .5s ease-out;
}
main article.tWrap section.content.content01 a:hover:after {color:#fff;}

main article.tWrap section.content.content02 {}
main article.tWrap section.content.content02 ul {
	width: min(100% , 1500px);
	margin: 0 auto;
	position: relative;
}

main article.tWrap section.content.content02 ul::before {
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-icon_line_01.png) no-repeat center top 0 / auto 100%;
	width: 200rem;
	height: 30rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -10rem;
	margin: auto;
	z-index: 1;
	content: "";
}

#content .content-area section.content.content02 ul.fe:not(.feL) li {
	height: 76rem;
	background: no-repeat center / auto 110%;
	position: relative;
	transition: .7s cubic-bezier(0.37, 0, 0.63, 1);
}

#content .content-area section.content.content02 ul.fe:nth-of-type(odd):not(.feL) li:nth-of-type(odd){width: 51%;}
#content .content-area section.content.content02 ul.fe:nth-of-type(odd):not(.feL) li:nth-of-type(even){width: 49%;}
#content .content-area section.content.content02 ul.fe:nth-of-type(even):not(.feL) li:nth-of-type(odd){width: 49%;}
#content .content-area section.content.content02 ul.fe:nth-of-type(even):not(.feL) li:nth-of-type(even){width: 51%;}
main article.tWrap section.content.content02 ul li::before {
	content: "";
	background: linear-gradient(0deg, rgb(0, 0, 0) 0%, rgb(255, 255, 255) 100%);
	background-size:auto 120%;
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	bottom: 0;
	mix-blend-mode: multiply;
	transition: cubic-bezier(0.6, 2, 0.3, 0.8) 1s;
}


main article.tWrap section.content.content02 ul li:hover::before {
	height: 80%;
}
#content .content-area section.content.content02 ul.fe:not(.feL) li:hover{background-size:auto 120%;}

main article.tWrap section.content.content02 ul li > a {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: relative;
}
main article.tWrap section.content.content02 ul li > h3 {
	color: #fff;
	font-size: 4rem;
	font-weight: 200;
	position: absolute;
	bottom: 15rem;
	width: calc(100% - 5rem);
	margin: auto;
	left: 0;
	right: 0;
}
main article.tWrap section.content.content02 ul li:nth-of-type(odd) > h3 {text-align:right;}
main article.tWrap section.content.content02 ul li:nth-of-type(even) > h3 {text-align:left;}
main article.tWrap section.content.content02 ul li > h3::before {
	font-family: "mgen-thin";
	font-size: 11rem;
	position: absolute;
	opacity: .2;
	bottom: -18rem;
	white-space: nowrap;
}
main article.tWrap section.content.content02 ul:nth-of-type(1) li:nth-of-type(1) > h3:before{
	content: "VEGAN SWEETS";
	right:0;
	}
main article.tWrap section.content.content02 ul:nth-of-type(1) li:nth-of-type(2) > h3:before{
	content: "HERBAL TEA";
	left:0;
	}
main article.tWrap section.content.content02 ul:nth-of-type(2) li:nth-of-type(1) > h3:before{
	content: "ORGANIC FOODS";
	right:0;
	}
main article.tWrap section.content.content02 ul:nth-of-type(2) li:nth-of-type(2) > h3:before{
	content: "COSMETICS";
	left:0;
	}
main article.tWrap section.content.content02 ul:nth-of-type(3) li:nth-of-type(1) > h3:before{
	content: "DRAINAGE";
	right:0;
	}
main article.tWrap section.content.content02 ul:nth-of-type(3) li:nth-of-type(2) > h3:before{
	content: "MIST SAUNA";
	left:0;
	}

main article.tWrap section.content.content03 {position:relative;}
main article.tWrap section.content.content03:before{
	content: "";
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-icon_line_01.png) no-repeat top center / auto 40rem;
	width: 200rem;
	height: 40rem;
	position: absolute;
	left: 0;
	right: 0;
	top: -21rem;
	margin: auto;
	z-index: 1;
}
main article.tWrap section.content.content03 h2 {
	width: min(100% , 1300px);
	margin: 20rem auto 0;
	position: relative;
	height: 22rem;
	background: no-repeat center / auto 100%;
}
main article.tWrap section.content.content03 h2::after {
	content: "";
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-title_04.png) no-repeat right center / auto 100%;
	width: 95%;
	height: 16rem;
	top: 5rem;
	position: absolute;
	z-index: 2;
}
main article.tWrap section.content.content03 h2 img {
	width: min(50rem , 365px);
	position: absolute;
	bottom: -8rem;
	left: 0;
}
main article.tWrap section.content.content03 ul {
	width: min(100% , 1300px);
	margin: 0 auto 20rem;
	background: rgba(255,255,255,.7);
	padding: 11rem 3rem 4rem;
	border-radius: 2rem;
}
main article.tWrap section.content.content03 ul li {
	justify-content: flex-start;
}
main article.tWrap section.content.content03 ul li + li {
	margin-top: 4rem;
}
main article.tWrap section.content.content03 ul li p.date {
	font-size: 80%;
	width: 25rem;
	line-height: 5rem;
}
main article.tWrap section.content.content03 ul li p:not(.date){}

main article.tWrap section.content.content04 {}
main article.tWrap section.content.content04 dl {
	width: min(90% , 150rem);
	margin: 0 auto;
	position: relative;
	height: auto;
	display: flex;
	flex-wrap: wrap;
}
main article.tWrap section.content.content04 dl dd {
	width: 48%;
	margin: 1%;
}
main article.tWrap section.content.content04 dl dd.w100 {
	width: 98%;
	margin: 1% 1%;
}
main article.tWrap section.content.content04 div.iframeWrap {
	width: 100%;
	height: 80rem;
}
main article.tWrap section.content.content04 div.iframeWrap iframe {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

main article.tWrap section.content.content05 {
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-bg_01.png) no-repeat center top / 100% auto;
	width: 100%;
	padding-top: 30rem;
}
main article.tWrap section.content.content05 div.contentWrap {
	width: min(100rem , 1000px);
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
main article.tWrap section.content.content05 div.contentWrap h1 {
	width: min(25rem , 200px);
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap {
	width: calc(90% - min(25rem , 200px));
	position: relative;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap h2 {
	font-family: "mgen-thin";
	font-size: 5rem;
	position: relative;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap h2::before {
	content: "";
	background: #000;
	height: 1px;
	width: 110%;
	position: absolute;
	left: -20%;
	bottom: 0;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address{}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul{}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li {
	display: flex;
	justify-content: flex-start;
	font-style: normal;
	font-size: 90%;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li + li {
	margin-top: 0.5rem;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li::before {
	width: 10rem;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li.address:before{content:"住所";}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li.tel:before{content:"TEL";}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li.fax:before{content:"FAX";}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address ul li.mail:before{content:"MAIL";}
main article.tWrap section.content.content05 > a {
	width: min(90% , 1200px);
	display: block;
	margin: 17rem auto 10rem;
}
main article.tWrap section.content.content05 > a img {
	transition: cubic-bezier(0.6, 2, 0.3, 0.8) 1s;
	border-radius: 2rem;
	box-shadow: 0 0 1rem #000;
}

main article.tWrap section.content.content05 > a:hover img{transform:rotate(-2deg) translate(0 , -10px);}

main article.tWrap section.content.content06 {
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-bg_02.jpg) no-repeat center top / cover;
	width: 100%;
	height: auto;
	padding: 10rem;
}

main article.tWrap section.content.content06 h2 {
	width: min(90% , 1200px);
	margin: 0 auto 3rem;
	color: #fff;
	font-size: 4rem;
}
main article.tWrap section.content.content06 h3 {
	width: min(90% , 1200px);
	margin: 0 auto 5rem;
	font-family: "mgen-regular";
	font-weight: normal;
	color: #fff;
	line-height: 2;
}
main article.tWrap section.content.content06 dl.ownerWrap {
	width: min(90% , 1200px);
	margin: auto;
	display: flex;
	justify-content: flex-end;
	align-items: center;
}
main article.tWrap section.content.content06 dl.ownerWrap dt {
	color: #fff;
	text-align: right;
	margin-right: 5rem;
}
main article.tWrap section.content.content06 dl.ownerWrap dd {
	width: min(25rem , 185px);
}
main article.tWrap section.content.content06 dl.ownerWrap dd img{}



/*============ スマホページ 調整用　==============*/

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

main article.tWrap section.content.content01::before,
main article.tWrap section.content.content02 ul::before,
main article.tWrap section.content.content03::before {
	content: "";
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-icon_line_01.png) no-repeat top center / auto 100%;
	width: 100%;
	height: 18vw;
	top: -7vw;
}

main article.tWrap section.content.content01 h2 {
	width: 100%;
	height: 55rem;
}
main article.tWrap section.content.content01 h2::after {
	height: 10rem;
	top: 5rem;
}
main article.tWrap section.content.content01 h2 img {
	width: 40vw;
}
main article.tWrap section.content.content01 p {
	text-align: left;
	margin: 3rem auto;
	width: 95%;
}

main article.tWrap section.content.content01 a::before {
	width: 160%;
}

main article.tWrap section.content.content01 a span,
main article.tWrap section.content.content01 a:after {color:#fff;}
#content .content-area section.content.content02 ul.fe:nth-of-type(2n+1):not(.feL) li:nth-of-type(odd),
#content .content-area section.content.content02 ul.fe:nth-of-type(2n+1):not(.feL) li:nth-of-type(even),
#content .content-area section.content.content02 ul.fe:nth-of-type(2n):not(.feL) li:nth-of-type(odd),
#content .content-area section.content.content02 ul.fe:nth-of-type(2n):not(.feL) li:nth-of-type(even) {width: 100%;}
main article.tWrap section.content.content02 ul li::before {height: 80%;}
main article.tWrap section.content.content03 ul {margin: 0 auto 5rem;}
main article.tWrap section.content.content03 h2::after {
	height: 10rem;
	top: 5rem;
}

main article.tWrap section.content.content03 h2 img {width: 40vw;}
main article.tWrap section.content.content04 dl {
	width: 100%;
	margin: 0 auto 10vw;
	position: relative;
	height: auto;
}
main article.tWrap section.content.content04 dl dd:nth-of-type(1) {width: 100%;}
main article.tWrap section.content.content04 dl dd:nth-of-type(2) {width: 48%;}
main article.tWrap section.content.content04 dl dd:nth-of-type(3) {width: 48%;}
main article.tWrap section.content.content04 dl dd:nth-of-type(4) {width: 100%;;}

main article.tWrap section.content.content05 div.contentWrap {
	width: 100%;
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}
main article.tWrap section.content.content05 div.contentWrap h1 {
	width: 20vw;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap h2 {
	font-size: 4.5rem;
	margin-bottom: 1rem;
	padding: 1vw 3vw;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap h2::before {
	height: 1px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
main article.tWrap section.content.content05 div.contentWrap div.addressWrap address {
	padding: 2vw 5vw 0;
}
main article.tWrap section.content.content05 > a {
	width: 95%;
	display: block;
	margin: 7rem auto 10rem;
}
main article.tWrap section.content.content06 {
	background: url(https://tierra-market.jp/site/wp-content/themes/tieeramarket/assets/images/top/t-bg_02.jpg) no-repeat center top / auto 100%;
	width: 100%;
	height: auto;
	padding: 5vw 3vw;
}
main article.tWrap section.content.content06 h3 {
	width: 100%;
	margin: 0 auto 5rem;
	font-family: "mgen-regular";
	font-weight: normal;
	color: #fff;
	line-height: 2;
	font-size: 3vw;
}

main article.tWrap section.content.content06 dl.ownerWrap {
	width: 100%;
}


}