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

	/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

	html,
	body,
	div,
	span,
	object,
	iframe,
	h1,
	h2,
	h3,
	h4,
	h5,
	h6,
	p,
	blockquote,
	pre,
	abbr,
	address,
	cite,
	code,
	del,
	dfn,
	em,
	img,
	ins,
	kbd,
	q,
	samp,
	small,
	strong,
	sub,
	sup,
	var,
	b,
	i,
	dl,
	dt,
	dd,
	ol,
	ul,
	li,
	fieldset,
	form,
	label,
	legend,
	table,
	caption,
	tbody,
	tfoot,
	thead,
	tr,
	th,
	td,
	article,
	aside,
	canvas,
	details,
	figcaption,
	/*figure,*/
	footer,
	header,
	hgroup,
	menu,
	nav,
	section,
	summary,
	time,
	mark,
	audio,
	video {
		margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
	}

	body {
		line-height: 1;
		font-family: 'Hiragino Kaku Gothic ProN', "Noto Sans", "Koburina Gothic W3 JIS2004", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic", YuGothic, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
		font-size: 14px;
		color: #707070;
	}

	article,
	aside,
	details,
	figcaption,
	/*figure,*/
	footer,
	header,
	hgroup,
	menu,
	nav,
	section {
		display: block;
	}

	nav ul {
		list-style: none;
	}

	blockquote,
	q {
		quotes: none;
	}

	blockquote:before,
	blockquote:after,
	q:before,
	q:after {
		content: '';
		content: none;
	}

	a {
		margin: 0;
		padding: 0;
		font-size: 100%;
		vertical-align: baseline;
		background: transparent;
		text-decoration: none;
	}




	/* change colours to suit your needs */
	ins {
		background-color: #ff9;
		color: #000;
		text-decoration: none;
	}

	/* change colours to suit your needs */
	mark {
		background-color: #ff9;
		color: #000;
		
		font-weight: bold;
	}

	del {
		text-decoration: line-through;
	}

	abbr[title],
	dfn[title] {
		border-bottom: 1px dotted;
		cursor: help;
	}

	table {
		border-collapse: collapse;
		border-spacing: 0;
	}

	/* change border colour to suit your needs */
	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #cccccc;
		margin: 1em 0;
		padding: 0;
	}

	input,
	select {
		vertical-align: middle;
	}




	h1 {
		font-family: bebas-neue, sans-serif;
		font-weight: 400;
		font-style: normal;
		font-size: 40px;
		color: #AD9B78;
		text-align: center
	}

	.all_warp {
		width: 100%;
		margin: 0 auto;
	}

	.hero_warp {
		width: 100%;
		margin: 0px auto;
		position: relative;
		padding: 0;
	}

	.hero_icon {
		position: absolute;
		top: 50%;
		left: 0;
	}

	.hero_warp .hero_title {
		width: 30%;
		padding: 50px;
		position: absolute;
		top: 50%;
		right: 0%;
		transform: translate(0%, -50%);
	}

	.hero_title img {
		margin: 10px 10px 40px 30px;
	}

	.hero_title h1 {
		font-size: 45px;
	}


	.title {
		padding: 5px 0;
		margin: 0px auto;
		width: 100%;
		text-align: center;
		line-height: 1em;
		display: block;
	}

	.title p {
		margin: 90px auto;
		line-height: 2em;
		padding: 0 20px;
	}

	.title_sub {
		padding: 5px 0;
		margin: 0px auto;
		width: 100%;
		text-align: center;
		line-height: 2em;
		display: block;
		position: relative;
	}

	.title_sub::after {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -30px;
		/*線の上下位置*/
		display: inline-block;
		width: 170px;
		/*線の長さ*/
		height: 0.5px;
		/*線の太さ*/
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		/*位置調整*/
		background-color: #707070;
		/*線の色*/
		border-radius: 2px;
		/*線の丸み*/
	}


	.contents_main {
		padding: 50px 60px;
		margin: 50px auto 100px;
		line-height: 2em;
		background: #F6F6F6;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
	}


	.contents {
		/*	padding: 0px 0 0px;*/
		margin: 100px auto;
		padding: 20px 50px;
		line-height: 2em;
		margin-right: calc(50% - 50vw);
		margin-left: calc(50% - 50vw);
		position: relative;
	}

	.separate_border {
		margin: 0 auto;
		width: 100%;
		border-top: 1.5px solid #232323;
	}


	.description_main {
		width: 100%;
		margin: 100px auto 0px;
		line-height: 2em;
		background: #F6F6F6;
		text-align: center;
	}



	.description {
		width: 100%;
		margin: 70px auto;
		line-height: 2em;
		text-align: center;
		text-justify: inter-ideograph;
	}

	.checklist {
		margin: 0 auto 100px;
		width: 100%;
	}

	.checklist ul {
		list-style: none;
		margin: 0 auto 30px;
	}

	.checklist li {
		padding: 50px 0 50px;
		margin: 0px auto;
	}

	.checklist li:not(:first-child) {
		border-top: 1.5px solid #dedede;
	}


	.brand_page {
		width: 100%;
		margin: 50px auto;
		line-height: 2em;
		background: #F6F6F6;
		display: block;
		position: relative;
		width: 160px;
		padding: 13px 50px;
		text-align: center;
		text-decoration: none;
		color: #707070;
		background: #fff;
		border: 1px solid #c1c1c1;
	}


	.brand_page:hover {
		opacity: 0.2;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		-ms-transition: 0.8s;
		transition: 0.8s;
	}

	.brand_page:after {
		content: ' ';
		position: absolute;
		top: 16px;
		right: -28px;
		width: 60px;
		height: 10px;
		background: url(../img/more_arrow1.png) no-repeat center center;
		background-size: 100%;
	}

	.brand_page a {
		color: #1c1c1c;
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		-ms-transition: 0.8s;
		transition: 0.8s;
	}

	.brand_page a:hover {
		cursor: pointer;
		text-decoration: none;
		-webkit-transition: 0.8s;
		-moz-transition: 0.8s;
		-o-transition: 0.8s;
		-ms-transition: 0.8s;
		transition: 0.8s;
	}

	.umbrella {
		margin: 0px auto;
		width: 100%;
		height: 80vh;
		display: block;
		position: relative;
	}

	.umbrella img {
		width: 80%;
		display: block;
		margin: 0 auto;
	}

	.umbrella p {
		position: relative;
		top: 0%;
		width: 80%;
		padding: 0px;
		transform: translate(0%, -0%);
		line-height: 1.5em;
		margin: 50px auto;
		text-align: center;
	}

	.contents_icon img {
		margin: 0 auto;
		display: block;
		width: 250px;
	}



	.umbrella_btn {
		margin: 0 auto;
		text-align: center
	}





	.Section_Shoplist {
		width: 100%;
		margin: 0 auto;
	}


	.articleLabelL {
		width: 100%;
		display: inline-block;
		font-family: Lato, sans-serif;
		font-size: 1em;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1em;
		margin-bottom: 8rem;
		text-align: center;
		z-index: 1;
	}

	.l-row {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}

	.l-column {
		flex: 0 1 1076px;
		margin: 0 auto;
		max-width: 1076px;
	}

	.topBtn {
		bottom: 40px;
		display: inline-block;
		position: fixed;
		right: 40px;
		width: 40px;
	}
	.Shoplist__shopinfo {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 15px auto;
	}

	.Shoplist__shopinfo dt {
		-ms-flex: 0 0 8rem;
		flex: 0 0 8rem;
		
		color: #555;
		margin: 1rem 0 0;
	}

	.Shoplist__shopinfo dd {
		flex: 0 0 calc(100% - 8rem);
		line-height: 1.4;
		margin: 1rem 0 0 0;
		width: calc(100% - 8rem);
	}

	.Shoplist__shopinfo dt {
		align-items: center;
		display: flex;
		flex: 0 0 8rem;
		font-size: 1.2rem;
		
		margin: 1rem 0 0 0;
		max-width: 8rem;
	}

	.Shoplist__map {
		border-bottom: 2px solid;
		
		margin-left: .5rem;
		border: none;
	}

	.Shoplist__sns ul {
		display: flex;
		justify-content: flex-start;
		margin: 10px 0 20px;
	}

	.Shoplist__sns li {
		font-size: 2rem;
		margin-right: 10px;
	}

	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.linkButton {
		font-size: 0.8em;
		display: inline-block;
		padding: 13px 50px;
		/* border-radius: 1px; */
		border: 1px solid #232323;
		color: #fff;
		background-color: #232323;
		line-height: 1em;
		vertical-align: bottom;
	}


	.linkButton a {
		color: #fff;
	}


	.linkButton {
		font-size: 0.8em;
		display: inline-block;
		padding: 13px 50px;
		/* border-radius: 1px; */
		border: 1px solid #232323;
		color: #fff;
		background-color: #232323;
		line-height: 1em;
		vertical-align: bottom;
	}



	.Section_Shoplist {
		width: 100%;
		margin: 0 auto;
	}


	.articleLabelL {
		width: 100%;
		display: inline-block;
		font-family: Lato, sans-serif;
		font-size: 1.5em;
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1em;
		margin-bottom: 2em;
		text-align: center;
		z-index: 1;
	}

	.l-row {
		max-width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin: 0 auto;
	}

	.l-column {
		flex: 0 1 1076px;
		margin: 0 auto;
		max-width: 1076px;
	}

	.topBtn {
		bottom: 40px;
		display: inline-block;
		position: fixed;
		right: 20px;
		width: 30px;
	}

	.Shoplist__shopName {
		font-size: 2em;
		font-weight: 400;
		line-height: 1em;
		padding-bottom: 1rem;
	}

	.Shoplist__block {
		letter-spacing: .1em;
		margin: 100px 0 50px;
		text-align: left;
		width: 60rem;
	}

	.Shoplist__shopinfo {
		align-items: center;
		display: flex;
		flex-wrap: wrap;
		margin: 15px 170px;
	}

	.Shoplist__shopinfo dt {
		-ms-flex: 0 0 8rem;
		flex: 0 0 8rem;
		
		color: #555;
		margin: 1rem 0 0;
	}

	.Shoplist__shopinfo dd {
		flex: 0 0 calc(100% - 8rem);
		line-height: 1.4;
		margin: 1rem 0 0 0;
		width: calc(100% - 8rem);
	}

	.Shoplist__shopinfo dt {
		align-items: center;
		display: flex;
		flex: 0 0 8rem;
		font-size: 1.2rem;
		
		margin: 1rem 0 0 0;
		max-width: 8rem;
	}

	.Shoplist__map {
		border-bottom: 2px solid;
		
		margin-left: .5rem;
		border: none;
	}

	.Shoplist__sns ul {
		display: flex;
		justify-content: flex-start;
		margin: 10px 0 20px;
	}

	.Shoplist__sns li {
		font-size: 2rem;
		margin-right: 10px;
	}

	.fa {
		display: inline-block;
		font: normal normal normal 14px/1 FontAwesome;
		font-size: inherit;
		text-rendering: auto;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}

	.linkButton {
		font-size: 0.8em;
		display: inline-block;
		padding: 13px 50px;
		/* border-radius: 1px; */
		border: 1px solid #232323;
		color: #fff;
		background-color: #232323;
		line-height: 1em;
		vertical-align: bottom;
	}


	.linkButton a {
		color: #fff;
	}


	.linkButton {
		font-size: 0.8em;
		display: inline-block;
		padding: 13px 50px;
		/* border-radius: 1px; */
		border: 1px solid #232323;
		color: #fff;
		background-color: #232323;
		line-height: 1em;
		vertical-align: bottom;
	}

	.footer {
		width: 90%;
		margin: 0 auto;
		display: block;
		text-align: center;
		font-size: 2px/
	}

	.img-max {
		width: 100%;
	}


	.hamburger {
		bottom: 40px;
		display: inline-block;
		position: fixed;
		right: 20px;
		width: 30px;
	}


	.umbrella .swiper-slide {
		width: 100%;
		height: auto;
	}

	.swiper-container {
		width: 80%;
		/*height: 300px;*/
		line-height: 300px;
		text-align: center;
		margin-left: unset;
		margin-left: unset;
	}

	.swiper-slider {
		width: 100%;
	}

	.sample01 {
		width: 100%;
		height: 50%;
		display: block;
	}

	.sample01 img {
		width: 100%;
	}

	.sample01 {
		width: 100%;
		height: 50vh;
		display: block;
		position: relative;
	}

}