@charset "utf-8";
/* CSS Document */


@media screen and (min-width: 1620px) and (max-width: 1920px) {

}
@media screen and (min-width: 1286px) and (max-width: 1620px) {

}
/* 1280px以下に適用されるCSS（スクエアモニター用） */
@media screen and (max-width: 1286px) {
/* header */
	.header_wrap .menu_nav {
		left: 180px;
	}
	.header_right {
		width: 80%;
	}
/* handmade_soba */
	#handmade_soba .handmade_ttl {
		width: 46%;
	}
	.handmade_text {
		width: 45%;
  		padding: 10em 0 0 0em;
	}
/* introduction */	
	#introduction {
		padding: 5em 0 5em;
	}
	#introduction .img01 {
		width: 50%;
	}
	#introduction .img03 {
		bottom: 0em;
	}
}

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

/* header */
	.header_wrap .menu_nav {
		left: 120px;
	}
/* handmade_soba */
	#handmade_soba .handmade_ttl {
		width: 55%;
	}
}
@media screen and (max-width: 1024px) {
/* 汎用 */
.sp_fs20 {font-size: 20px;}
.sp_fs90 {font-size: 90px;}
	
	
	
/* header */
	.header_right {
		width: 90%;
	}
	.header_wrap .menu_nav {
		left: 70px;
	}
	.menu li {
		margin-right: 2em;
	}
/* handmade_soba */
	#handmade_soba .handmade_ttl {
		padding: 6em;
	}
	#handmade_soba .handmade_ttl {
		width: 55%;
	}
/* kodawari */
	#kodawari .text_area h3 {
		letter-spacing: 3px;
	}
/* introduction */	
	#introduction .introduction_text h3 {
		margin-left: 0.7em;
	}
	#introduction .introduction_text {
		padding: 3em 2em 0 0;
	}
	#introduction .img02 {
		left: 6em;
	}
	#introduction .img03 {
		left: 26em;
		right: 0;
	}
	
}

/* 850px以下に適用されるCSS（タブレット用） */
@media screen and (max-width: 850px) {
/* 汎用 */
	.pc_only {display: none!important;}
	.sp_only {display: block!important;}
	
	
/* header */
	
/* handmade_soba */
	#handmade_soba .handmade_ttl {
		width: 63%;
	}
	.handmade_text {
		width: 35%;
		padding: 7em 0 0;
	}
/* kodawari */
	#kodawari img {
		width: 100%;
	}
	#kodawari .text_area {
		float: none;
		width: 100%;
	}
	#kodawari .kodawari_btn{
	    margin: 0 auto;
    	margin-top: 5em;
	}
/* introduction */	
	#introduction .img01 {
		width: 46%;
	}
	#introduction .introduction_text p {
		line-height: 2;
	}
	#introduction .img02 {
		top: 2em;
		left: 2em;
	}
	#introduction .img03 {
		top: 3em;
		left: 28em;
		float: none;
	}
/* store_overview */
	#store_overview table {
		width: 80%;
	}
}
@media screen and (max-width: 768px) {
/* handmade_soba */
	#handmade_soba .handmade_ttl {
		width: 66%;
	}
	.handmade_text {
		width: 30%;
		padding: 7em 0 0;
	}
/* introduction */	
	#introduction .img01 {
		width: 45%;
	}
	#introduction .introduction_text {
		padding: 2em 3em 0 0;
	}
}
@media screen and (max-width: 540px) {
	#handmade_soba {
		padding-bottom: 5em;
	}
	#handmade_soba .handmade_ttl {
		width: 100%;
		margin: 8em 0 0;
	}

}

/* 480px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 480px) {
/* 汎用 */
.sp_fs18 {font-size: 18px;}
.sp_fs24 {font-size: 24px;}
.sp_fs40 {font-size: 40px;}
.sp_fs50 {font-size: 50px;}
.sp_fs60 {font-size: 60px;}
.sp_fs85 {font-size: 85px;}
	
	
	
/* header */		
	header {
		margin: 0em 1em 1em 3em;
	}
/* handmade_soba */	
	#handmade_soba {
		margin-top: 26em;
	}	
	#handmade_soba .handmade_ttl h3,
	#handmade_soba .handmade_ttl p{
		position: absolute;
	}
	#handmade_soba .handmade_ttl {
		float: none;
		padding: 13em;
	}
	#handmade_soba .handmade_ttl .A_K {
		top: 1.5em;
		left: 1.5em;
	}
	#handmade_soba .handmade_ttl .Kso {
	    top: -0.5em;
    	left: 5em;
	}
	#handmade_soba .handmade_ttl h3 {
	    top: -3em;
    	left: 10.5em;
	}
	.handmade_text {
		padding: 0;
		width: 100%;
	}
	
/* introduction */
	#introduction {
		padding: 3em 0 5em;
	}
	#introduction .introduction_text {
		padding: 0em 2em 0;
	}
	#introduction .introduction_text h3 {
		margin-left: 0.5em;
	}

	#introduction .img01 {
		width: 100%;
	}
	#introduction .img02,#introduction .img03{
		width: 45%;
	}
	#introduction .img02 {
		top: 2em;
		left: 1em;
	}
	#introduction .img03 {
		top: 2em;
		left: 1.5em;
}
/* kodawari */	
	#kodawari .kodawari_btn {
		margin-left: 3.5em;
	}	
/* store_overview */
	#store_overview table th {
		width: 100%;
		display: block;
	}
	#store_overview table td {
		width: 100%;
		display: block;
	}
}
@media screen and (max-width: 391px) {
/* header */
	header {
		margin: 1em;
	}
	header h1 .fs60 {
    font-size: 50px;
}
/* handmade_soba */	
	#handmade_soba {
		padding-top: 3em;
	}
	#handmade_soba .handmade_ttl {
		padding: 10em;
	}
	#handmade_soba .handmade_ttl .A_K {
		top: 1em;
		left: 1.2em;
	}
	#handmade_soba .handmade_ttl .Kso {
		top: -0.5em;
		left: 4.5em;
	}
	#handmade_soba .handmade_ttl h3 {
		top: -5em;
		left: 9.5em;
	}
/* introduction */
	#introduction .introduction_text p {
		line-height: 1.8;
	}
	#introduction .img02 {
		left: 0.7em;
	}
/* kodawari */
	#kodawari .sp_fs90 {
		font-size: 80px;
	}
	#kodawari .kodawari_btn {
		margin-left: 2.5em;
	}
/* introduction */	
	#introduction .fs80 {
			font-size: 65px;
	}
}