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

	.btn {
		display: none;
	}

	.menu {
		/*
		.メニューを横に 
		*/
		display: flex;
		flex-direction: row;
		position: fixed;
		top: 10px;
		left: 50%;
		height: 30px;
		width: 100%;
		transform: translate(-50%, 0%);
		z-index: 2100;
	}

	.menu li {
		border-left: 1px solid #d05b36;

		border-top: none;
	}

	.menu li:first-child {
		border-left: none;
	}

}

/* ==hamburger_Nav========================================== */







@media only screen and (min-width: 640px) and (max-width: 1024px) {
	footer {
		font-size: 1rem;
		margin: 20px auto;
	}

	.all_warp {
		width: 100%;
		padding: 20px;
	}

	.header {
		width: 100%;
		height: 560px;
		position: relative;
		margin: 0 auto;
	}

	.sub_title {
		width: auto;
	}
	.main_title_warp {
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
	}

	.hero_warp {
		margin: 50px 0;
		width: 100%;
		height: 507px;
		display: flex;
		z-index: 0;
		padding: 10px;
	}

	.hero_warp .main_title img {
		display: block;
		width: 20%;
		height: auto;
		margin: 0px 0px 30px 0px;
	}

	.hero_warp h1 {
		width: 100%;
		font-size: 6rem;
		display: block;
		font-style: oblique;
		line-height: 6.5rem;
		color: #fff;
		font-weight: bold;
		text-shadow: 2px 2px #d05b36;
		-webkit-text-stroke: 1px #D05B36;
		margin: 0px 0px 0px 0px;
	}
	.secondary_title {
		width: 100%;
		padding: 0 10px;
	}

	.hero_warp h2 {
		margin: 0px 0px 2% 0px;
		font-size: 2.5rem;
		font-weight: bold;
		color: #d05b36;
	}

	.hero_warp p {
		width: 100%;
		font-size: 1rem;
		line-height: 2em;
		display: inline-block;
		color: #707070;
		padding: 0 0 0 20px;
		border-left: solid 4px #d05b36;
	}

	.main_title_logo {
		padding: 10px;
	}

	.photos {
		width: 50%;
		margin: 50px 0 0 0;
		padding: 10px;
		height: auto;
		position: absolute;
		top: 0;
		right: 0;
		z-index: 0;
	}
	.scroll_warp {
		width: 100%;
		text-align: center;
		margin: 50px auto;
		font-size: 2.5em;
		height: 100px;
	}

	.scroll {
		width: 100%;
		text-align: center;
		margin: 50px auto;
		font-size: 1em;
		height: 100px;
	}

	.scroll_f {
		width: 100%;
	}

	.border {
		margin: auto;
		width: 2px;
		height: 50px;
		background-color: #707070;
	}
	.item_history {
		width: 100%;
		background-color: #D4D4D4;
		margin: 0 auto 120px;
	}

	.item_history .item_history_width {
		max-width: 100%;
		margin: 0px auto;
		padding: 50px 10px;
	}

	.item_history .category_title_warp {
		display: block;
	}

	.category_title_number {
		font-size: 5rem;
		text-align: center;
		font-weight: bold;
		color: #d05b36;
		margin: 0px auto 20px auto;
	}


	.item_history .category_title {
		margin: 0px auto 30px auto;
		width: 100%;
		font-size: 6em;
		font-weight: bold;
		text-align: center;
	}

	.category_main {
		text-decoration: underline;
		margin: 0px auto 30px auto;
		font-size: 2rem;
		line-height: 2.5rem;
	}

	.item_history .category_title_comment {
		width: 95%;
		margin: 0 auto;
	}


	.category_sub {
		font-size: 1.5rem;
		color: #fff;
	}

	.category_title_comment {
		font-size: 1em;
		line-height: 2.5em;
	}
	.title {
		font-size: 3rem;
		text-align: center;
		font-weight: bold;
		margin: 0px auto 30px auto;
	}

	section .point_title_warp {
		text-align: center;
		margin: 0px auto 50px auto;
	}


	section .point_main_img {
		max-width: 100%;
		margin: 0px auto 0px auto;
		position: relative;
	}

	section .point_main_img01 {
		position: absolute;
		transform: translateY(-550%) translateX(290%);
		width: 10%;
	}

	section .point_main_img02 {
		position: absolute;
		transform: translateY(-645%) translateX(530%);
		width: 10%;
	}

	section .point_main_img03 {
		position: absolute;
		transform: translateY(-614%) translateX(675%);
		width: 10%;
	}

	section .point_main_img04 {
		position: absolute;
		transform: translateY(-380%) translateX(350%);
		width: 10%;
	}

	section .point_main_img05 {
		position: absolute;
		transform: translateY(-150%) translateX(470%);
		width: 10%;
	}

	.item_point .point_title_number {
		font-size: 5rem;
		font-weight: bold;
		color: #d05b36;
		margin: 0px auto 20px auto;
	}

	.point_title_number_s {
		font-size: 0.5em;
		font-weight: bold;
		color: #d05b36;
	}



	.item_point .title {
		font-size: 2.5rem;
		margin: 0px auto 70px auto;
	}

	.point_detail {
		max-width: 100%;
		margin: 0px auto 100px auto;
		display: flex;
		flex-wrap: wrap;
		/*justify-content: center;*/
		border-bottom: 1px solid #707070;
		padding: 0px 0px 100px 0px;
	}

	.point_detail_01 {
		width: 50%;
		margin: 0 0 30px 0;
		padding: 5px;
	}

	.point_01 {
		display: flex;
		margin: 10px auto 0px auto;
		padding: 0;
	}

	.point_icon {
		width: 10%;
		text-align: center;
		margin: 15px auto 10px auto;
	}

	.point_comment {
		font-size: 1.4rem;
		line-height: 1.5;
		font-weight: bold;
		width: 100%;
		margin: 0 auto 0 auto;
		padding: 10px;
		text-align: justify;
		text-align-last: auto;
		text-justify: inter-character;
	}

	.styling_section {
		width: 100%;
		margin: 100px auto 50px auto;
	}

	.styling_section .styling_section_number {
		font-size: 5rem;
		font-weight: bold;
		color: #d05b36;
		margin: 0px auto 30px auto;
		text-align: center;
	}

	.styling_section .styling_title {
		font-size: 2rem;
		text-align: center;
		font-weight: bold;
		margin: 0px auto 30px auto;
	}

	.styling_section .styling_section_comment {
		font-size: 1.4rem;
		text-align: justify;
		/*	text-align-last: justify;*/
		line-height: 2.5rem;
		text-justify: inter-character;
		margin: 0px auto 50px auto;
		padding: 20px 10px;
	}

	.styling_section_top {
		width: 100%;
		display: flex;
		text-align: center;
		margin: 0px auto 50px auto;

	}

	.styling_section_img {
		width: 80%;
	}

	.styling_section_left {
		display: block;
		margin: 0 10% 0 0;
		width: 10%;
		display: flex;
	}

	.styling_section_rigft {
		display: block;
		width: 10%;
		display: flex;
		transform: rotateZ(180deg);
		margin: 0 0 0 10%;
	}

	.styling_line {
		background-color: #D05B36;
		height: auto;
		overflow: hidden;
		text-align: center;
		margin: 0 0 30px 0;
	}

	.styling_line p {
		display: block;
		font-size: 1.5rem;
		line-height: 5.5rem;
		white-space: nowrap;
		padding: 0 0 0 0;
		font-weight: bold;
		color: #fff;
		animation: styling_line 50s linear infinite;
	}

	@keyframes styling_line {
		0% {
			transform: translateX(0)
		}

		100% {
			transform: translateX(-100%)
		}
	}

	.styling_section_detail_top_warp {}

	.styling_section_detail_top {
		width: 100%;
		height: 50vh;
		padding: 0 10px;
		position: relative;
	}

	.styling_section_detail_top_left {
		width: 50%;
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		transform: translate(0%, -50%);
	}


	.styling_section_detail_top_right {
		width: 50%;
		position: absolute;
		z-index: 5;
		top: 50%;
		right: 50%;
		transform: translate(0%, -50%);
	}

	.styling_section_detail_top_imgr {
		width: 50%;
		position: absolute;
		z-index: 5;
		top: 50%;
		right: 50%;
		transform: translate(0%, -50%);
	}

	.styling_section_detail_top_imgl {
		width: 50%;
		position: absolute;
		z-index: 5;
		top: 50%;
		left: 50%;
		transform: translate(0%, -50%);
	}

	.styling_section_detail_up {
		width: 100%;
		display: flex;
		padding: 0;
		margin: 0 auto;
		padding: 0 5px 0 0;
	}

	.styling_section_img_left {
		margin: 0px auto 0px auto;
		width: 100%;
		padding: 0 1px 0 0;
	}

	.styling_section_img_rigft {
		margin: 0px auto 0px auto;
		width: 100%;
		padding: 0 0 0 1px;
	}


	.styling_section_stuff {
		border-radius: 30px;
		display: flex;
		width: 100%;
		height: 400px;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.shop {
		font-size: 20px;
		margin: 0 0 20px 0px;
	}

	.name {
		font-size: 30px;
		margin: 0 0 30px 0px;
	}



	.instagram img {
		width: 20px;
		margin: 0 10px -5px 0px;
	}

	.styling_section_stuff_hukidashi {
		width: 50px;
		margin: 0 auto;
	}

	.styling_section_item_credit {
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 0 0 100px 146px;
		font-size: 15px;
		font-weight: bold;
		color: #707070;
		border-bottom: 1px solid #707070;
	}

	.item {
		width: 100%;
		margin: 0 auto 0 auto;
		font-size: 10px;
		font-weight: bold;
		color: #707070;
		line-height: 1.8em;
	}

	.item_menu span {
		width: 100%;
		margin: 0 5px;
		font-size: 10px;
		font-weight: normal;
		color: #707070;
		line-height: 1.8em;
	}

	.styling_section_item_credit li {
		width: 100%;
		margin: 0px auto 0 auto;
		font-size: 13px;
		font-weight: bold;
	}

	.styling_section_item_credit ul {
		list-style: none;
		padding: 0;
	}

	.styling_section_item_credit a {
		color: #d05b36;
		text-decoration: none;
	}

	.item_style {
		color: #D05B36;
	}


	/*harukazone*/
	.styling_section_stuff_yaginuma {
		border-radius: 0px;
		display: flex;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_haruka {
		border-radius: 0px;
		display: flex;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_morishima {
		border-radius: 0px;
		display: flex;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_narumi {
		border-radius: 0px;
		display: flex;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_kanzawa {
		border-radius: 0px;
		display: flex;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_sato {
		border-radius: 0px;
		display: flex;
		padding: -10px;
		width: 100%;
		height: auto;
		background-color: #D05B36;
		margin: 0 auto;
	}

	.styling_section_stuff_comment_warp {
		width: 60%;
		margin: 3px 0 15px 0;
		padding: 30px;
		font-weight: bold;
		color: #fff;
		line-height: 1rem;
		font-size: 0.7rem;
	}

	.styling_section_stuff_comment {
		width: 100%;
		margin: 10px 0 35px;
		line-height: 3rem;
		font-size: 1.5rem;
	}

	.shop {
		font-size: 1.5rem;
		margin: 0 0 15px 0px;
	}

	.name {
		display: block;
		font-size: 2.5rem;
		margin: 0 0 30px 0px;
	}

	.instagram {
		display: inline;
		font-size: 1.5rem;
		margin: 10p 0 10px 0px;
	}

	.instagram img {
		width: 3rem;
		margin: 0px 10px 0px 0px;
	}

	.styling_section_stuff_hukidashi {
		width: 50%;
		margin: -5px 0 0 10%;
	}

	.styling_section_stuff_icon {
		width: 45%;
		padding: 15px;
		margin: 0 auto;
		height: auto;
		top: 68%;
		right: 0%;
		transform: translate(0%, -50%);
	}

	.styling_section_item_credit {
		width: 100%;
		margin: 0px auto 0px auto;
		padding: 30px;
		font-size: 15px;
		font-weight: bold;
		color: #707070;
		border-bottom: 1px solid #707070;
	}

	.item {
		width: 100%;
		margin: 0 auto 0 auto;
		font-size: 1rem;
		font-weight: bold;
		color: #707070;
		line-height: 1.8em;
	}


	.styling_section_item_credit li {
		width: 100%;
		margin: 0px auto 0 auto;
		font-size: 13px;
		font-weight: bold;
		line-height: 0.5em;
	}

	.styling_section_item_credit ul {
		list-style: none;
		padding: 0;
	}

	.styling_section_item_credit a {
		color: #d05b36;
		text-decoration: none;
	}

	.item_style {
		color: #D05B36;
	}


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



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

	.link_banner .text-image_eng {
		position: absolute;
		padding: 10px 10px;
		top: 30%;
		left: 0%;
		font-size: 2rem;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #fff;
		border: 0px solid #fff;
	}

	.link_banner .text-image_jp {
		position: absolute;
		padding: 2px;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 1.5rem;
		width: 100% color: #fff;
	}

	.text-image {
		position: relative;
		padding: 0 5px 0 5px;
		margin: 50px auto 0px auto;
		width: 100%;
	}

	.text-image_warp {
		padding: 5px;
		width: 100%;
		display: inline-block;
		display: flex;
		margin: 0px auto;
	}

	.text-image_style {
		position: relative;
		padding: 5px 5px 0 0;
	}

	.text-image_style_eng {
		position: absolute;
		padding: 10px 10px;
		top: 20%;
		left: 0%;
		font-size: 2rem;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #fff;
		border: 0px solid #fff;
	}

	.ttext-image_style_jp {
		text-align: center;
		position: absolute;
		padding: 10px;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 1.5rem;
		width: 100% color: #fff;
	}

	.text-image_style img {
		padding: 0 0 0 0;
	}

	.text-image_blog {
		position: relative;
		padding: 5px 0 0 5px;
	}

	.text-image_blog img {
		padding: 0 0 0 0;
	}

	.text-image_blog_eng {
		position: absolute;
		padding: 10px 10px;
		top: 20%;
		left: 0%;
		font-size: 2rem;
		width: 100%;
		text-align: center;
		font-weight: bold;
		color: #fff;
		border: 0px solid #fff;
	}

	.text-image_blog_jp {
		position: absolute;
		padding: 10px;
		top: 70%;
		left: 50%;
		transform: translate(-50%, -50%);
		text-align: center;
		font-size: 1.5rem;
		width: 100% color: #fff;
	}
	.Section_Shoplist {
		width: 100%;
		margin: 0 auto;
	}


	.articleLabelL {
		width: 100%;
		display: inline-block;
		font-family: Lato, sans-serif;
		font-size: 3rem;
		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: 30px;
	}

	.Shoplist__shopName {
		border-bottom: 1px solid;
		font-size: 2rem;
		font-weight: 700;
		letter-spacing: .15em;
		line-height: 1em;
		padding-bottom: 1rem;
	}

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

	.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;
		font-style: italic;
		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;
		font-style: italic;
		margin: 1rem 0 0 0;
		max-width: 8rem;
	}

	.Shoplist__map {
		border-bottom: 2px solid;
		font-style: italic;
		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;
	}
}