@charset"utf-8";

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

	/*common--------------------------------*/

	.sp {
		display: block;
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.pc {
		display: none;
	}
	
	.hover:hover {
		opacity: 1;
	}

	section {
		padding: 14.49vw 0;
	}

	sub,
	sup {
		font-size: 2.9vw;
	}

	.anchor {
		padding-top: 14.49vw;
		margin-top: -14.49vw;
	}

	section {
		padding: 80px 0;
	}

	section + section {
		padding-top: 0;
	}

	sub,
	sup {
		font-size: 2.9vw;
	}

	.page_ttl {
		font-size: 4.83vw;
		padding-bottom: 7.25vw;
	}

	.plain_txt {
		font-size: 3.14vw;
	}

	.btn_container {
		margin: 14.49vw 0;
	}

	.btn_container a {
		width: 80vw;
		height: 9.66vw;
		font-size: 3.86vw;
		line-height: 9.66vw;
	}



	/*--------------------------------------*/

	/*loading*/

	/*--------------------------------------*/

	.loading {
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		width: 100%;
		height: 100%;
		text-align: center;
	}

	.slick-initialized + .loading {
		display: none;
		transition: opacity 1s linear;
	}

	.load-spinner {
		display: inline-block;
		width: 50px;
		height: 50px;
		border: 2px solid rgba(0,0,0,0.2);
		border-top-color: rgba(0,0,0,0.7);
		border-radius: 50%;
		position: absolute;
		top: 50%;
		left: 50%;
		margin: -25px 0 0 -25px;
		animation: spin 1.2s linear 0s infinite;}
		@keyframes spin { 0% {transform: rotate(0deg);}100% {transform: rotate(360deg);}
	}

	.top .load-spinner {
		top: 25%;
	}


	/*--------------------------------------*/

	/*header*/

	/*--------------------------------------*/

	header {
		padding: 5vw;
		position: relative;
		z-index: 999999;
	}

	/*menu_trigger--------------------------------*/
	
	.menu_trigger {
		width: 9.66vw;
		height: 9.66vw;
		background-color: #222;
		border-radius: 100vh;
		margin-top: .6vw;
		display: block;
		z-index: 99999;
		position: relative;
		transition: .2s ease-out;
	}
	
	.menu_trigger,
	.menu_trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	
	.menu_trigger span {
		position: absolute;
		left: 2.17vw;
		width: 5.31vw;
		height: 2px;
		background-color: #fff;
		border-radius: 100vh;
		z-index: 4;
		-webkit-transition: .2s ease-out;
		transition: .2s ease-out;
	}
	
	.menu_trigger:hover span {
		background-color: #c6e6c8;
		-webkit-transition: .2s ease-out;
		transition: .2s ease-out;
	}
	
	.menu_trigger span:nth-of-type(1) {
		top: 2.9vw;
	}
	.menu_trigger span:nth-of-type(2) {
		top: 4.84vw;
	}
	.menu_trigger span:nth-of-type(3) {
		bottom: 2.42vw;
	}
	.menu_trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(1.93vw) rotate(-45deg);
		transform: translateY(1.93vw) rotate(-45deg);
	}
	
	.menu_trigger.active span:nth-of-type(2) {
		left: 100%;
		opacity: 0;
		-webkit-animation: active-menu-bar02 .8s forwards;
		animation: active-menu-bar02 .8s forwards;
	}
	
	.menu_trigger.active span:nth-of-type(3) {
		-webkit-transform: translateY(-1.93vw) rotate(45deg);
		transform: translateY(-1.93vw) rotate(45deg);
	}

	.menu_target {
		display: none;
		width: 100vw;
		padding: 5vw;
		box-sizing: border-box;
		background-color: #fff;
		box-shadow: 0 0 10px rgba(0,0,0,0.4);
		position: absolute;
		top: 0;
		left: 0;
		transition: .5s ease-out;
	}

	.menu_target.active {
		display: block;
		transition: .5s ease-out;
	}

	header .nav_list_container {
		flex-direction: column;
		justify-content: center;
		align-items: center;
		padding: 12vw 0 5vw;
	}

	header .nav_list_item {
		padding: 5vw 0;
	}

	header .nav_list_item a {
		font-size: 4.35vw;
	}


	/*--------------------------------------*/

	/*footer*/

	/*--------------------------------------*/

	footer {
		padding: 19.32vw 0 14.49vw;
	}

	.copy_wrap small {
		font-size: 2.66vw;
	}



	/*--------------------------------------*/

	/*aside*/

	/*--------------------------------------*/

	.btn_collection {
		font-size: 3.86vw;
	}

	.btn_collection::before {
		border-top: 1.21vw solid transparent;
		border-bottom: 1.21vw solid transparent;
		border-left: 1.93vw solid #333;
	}

	/*--------------------------------------*/

	/*top*/

	/*--------------------------------------*/

	/*mv_wrap--------------------------------*/

	.mv_wrap {
		min-height: unset;
		padding-top: 9.66vw;
	}

	.mv_list_container {
		width: 100vw;
	}

	.mv_obj {
		width: 100vw;
	}

	.top .slick-dots {
		bottom: 1.21vw;
		height: 2.42vw;
	}

	.top .slick-dots li {
		padding: 0 2.42vw;
	}

	.top .slick-dots button {
		width: 2.42vw;
		height: 2.42vw;
	}

	/*sec01--------------------------------*/

	.top .sec01 {
		padding: 4.83vw;
	}

	/*--------------------------------------*/

	/*about*/

	/*--------------------------------------*/

	/*sec01--------------------------------*/

	.about_list_container {
		display: block;
	}

	.about_list_container dt {
		width: 100%;
		padding-bottom: .5em;
		font-size: 3.14vw;
		font-weight: 500;
		color: #666;
	}

	.about_list_container dd {
		width: 100%;
		padding: 0 0 1.5em 1em;
		font-size: 3.14vw;
		line-height: 1.64em;
	}

	.brand_obj {
		width: 24.15vw;
	}

	.brand_obj.basque {
		width: 31.4vw;
	}

	h3.plain_txt {
		font-size: 3.86vw;
	}

	/*--------------------------------------*/

	/*collection*/

	/*--------------------------------------*/

	/*logo_container--------------------------------*/

	.logo_container {
		width: 38.65vw;
		margin: 7.25vw auto 0;
	}

	.logo_obj {
		width: 100%;
	}

	/*collection_wrap--------------------------------*/

	.collection_wrap {
		display: block;
	}

	.collection_archive_container {
		width: 100%;
	}

	.collection_archive_container .page_ttl {
		padding-bottom: 1em;
	}

	.archive_list_container {
		width: 80vw;
		margin: 0 auto;
		display: flex;
		justify-content: space-around;
		flex-wrap: wrap;
	}

	.archive_list_item {
		width: 40%;
		padding-bottom: .5em;
	}

	.archive_list_item .inc_trigger {
		font-size: 3.38vw;
	}

	.collection_container {
		width: 90vw;
	}

	.collection_list_container {
		width: 90vw;
		display: block;
	}

	.collection_container .slick-list {
		width: 90vw;
		transform: translateX(-50px);
	}

	.collection_obj {
		width: 82vw;
		margin: 0 9vw;
	}

	.collection_container .slick_prev {
		display: block;
		width: 3.86vw;
		height: 3.86vw;
		top: 25%;
		left: -1.21vw;
	}

	.collection_container .slick_next {
		width: 3.86vw;
		height: 3.86vw;
		top: 25%;
		left: unset;
		right: -1.21vw;
	}

	.collection_container .slick-dots {
		width: 90vw;
		padding: 5vw 0 7.25vw;
	}

	.collection_container .slick-dots li {
		width: 15.46vw;
		padding: 0 1.21vw 2.42vw;
	}

	.collection_container .slick-dots li img {
		width: 100%;
	}

	/*--------------------------------------*/

	/*contact*/

	/*--------------------------------------*/

	.inquiry_wrap .formContainer {
		margin: 0 auto 4.83vw;
	}

	.contact_ttl {
		font-size: 4.35vw;
		padding-bottom: 4.83vw;
		text-align: left;
	}

	.form_txt {
		font-size: 3.14vw;
		padding-bottom: 4.83vw;
		text-align: left;
	}

	.confirm_container + .formContainer {
		margin-top: 4.83vw;
	}

	.formContainer th {
		display: block;
		width: 100%;
		padding: 2em 0 1em 0;
		font-size: 3.14vw;
	}

	.formContainer td {
		display: block;
		width: 100%;
		padding: 0 0 1em 0;
		font-size: 3.14vw;
	}

	.confirm_container + .formContainer td {
		padding-left: 1em;
	}

	.formContainer td .error {
		font-size: 3.14vw;
	}

	.req {
		font-size: 2.66vw;
		margin-left: 2.42vw;
	}

	.input {
		height: 30px;
		padding: 10px;
		border: 3px solid #eee;
		background-color: #eee;
	}

	.input:focus {
		outline: none;
		border: 3px solid #ccc;
	}

	.input-l {
		width: calc(100% - 20px);
	}

	.input-s {
		width: 40%;
	}

	textarea {
		width: calc(100% - 4.84vw);
		height: 28.99vw;
		padding: 2.42vw;
	}

	textarea:focus {
		outline: none;
		border: 3px solid #ccc;
	}

	.formError {
		z-index: -1;
	}

	.submit {
		padding: 4.83vw 0;
	}

	#submit,
	#btnTop {
		width: 80vw;
		height: 9.66vw;
		font-size: 3.86vw;
		line-height: 9.66vw;
	}

	#btnBack {
		width: 80vw;
		height: 9.66vw;
		font-size: 3.86vw;
		line-height: 9.66vw;
	}

	.formErrorContent {
		font-size: 3.38vw!important;
	}

	.confirm h2 {
		text-align: center;
		font-size: 24px;
		padding: 2em 0 1em;
	}

	.confirm p {
		text-align: center;
	}

	.confirm_ttl {
		font-size: 5.8vw;
		padding-bottom: 4.83vw;
	}

	.confirm_container .plain_txt {
		text-align: left;
	}

	.confirm_container + .btn_container {
		padding-bottom: 14.49vw;
	}
		
	

/*-------------------------------------*/
}