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

html{
	overflow-x:hidden;
}
body{
	margin: 0px;
}
p{
	margin-block-start: 0em;
    margin-block-end: 0em;
}
h2{
	margin-block-start: 0;
    margin-block-end: 0;
}


/*ヘッダーーーーーーーーーーーーーーーーー*/
header{
	max-width: 1200px;
	margin:0 auto;
	font-family: "游ゴシック", "Yu Gothic";
}
header .pc_con{
	margin:0 auto;
	width:100%;
	text-align: justify;
	text-align: center;
	text-align-last: justify;
	padding-bottom: 5px;
	padding-top: 5px;
}

/*ロゴ*/
header .pc_con .logo{
	display: inline-block;
	vertical-align: middle;
	width: 200px;
}
header .pc_con .logo a{
}
header .pc_con .logo a img{
	width:100%;
}
header .pc_con .logo a:hover img{
}

/*インフォメーション*/
header .pc_con .head_info{
	display: inline-block;
	vertical-align: middle;
	text-align: start;
	text-align-last: auto;
}
header .pc_con .head_info p.text1{
	display: inline-block;
	vertical-align: middle;
	padding: 0.3em 1.2em 0.3em 1.2em;
	font-weight: bold;
	color:#fff;
	background-color: #999;
	font-size: 18px;
	margin-right: 10px;
}
header .pc_con .head_info .tel{
	display: inline-block;
	vertical-align: middle;
	width:300px;
	margin-right: 10px;
}
header .pc_con .head_info .tel a{
}
header .pc_con .head_info .tel a img{
	width:100%;
}
header .pc_con .head_info .tel a:hover img{
}
header .pc_con .head_info p.text2{
	vertical-align: middle;
	display: inline-block;
	margin-top: -8px;
	font-size: 14px;
	line-height: 1.3em;
}
header .pc_con .head_info p.text3{
	display: block;
}

/*インスタ*/
header .pc_con .insta{
	display: inline-block;
	vertical-align: middle;
}
header .pc_con .insta a{
}
header .pc_con .insta a img{
}
header .pc_con .insta a:hover img{
}
/*ーーーーーーーーーーーーーーーーーーーー*/


/*content1ーーーーーーーーーーーーーーーーーーーーーー*/
/*えちぜん蕎麦*/
#content1{
	width:100%;
	background-image: url("../img/content1_back.jpg");
	background-repeat: no-repeat;
	background-size: ;
	font-family: 'Noto Serif JP', serif;
}
#content1 .top_main{
	max-width: 1300px;
	margin: 0 auto;
	padding-top:50px;
	position: relative;
}
#content1 .top_main h1{
	position: absolute;
	top:3%;
	right: 3%;
}
#content1 .top_main h1 img{
}
#content1 .top_main .photo{
	width: 100%;
}
#content1 .top_main .photo img{
	width: 100%;
}
#content1 .top_main p{
	position: absolute;
	top:10%;
	left:3%;
	height: 350px;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-shadow: 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255), 0px 0px 8px rgb(255 255 255);
}

/*大ロゴ*/
#content1 .main_logo{
	text-align: center;
	margin: -20px auto;
	z-index: 100;
	width: 550px;
	margin-bottom: 90px;
}
#content1 .main_logo img{
	width:100%;
	mix-blend-mode: multiply;
}


/*十割蕎麦*/
.zyuwarisoba{
	width:100%;
}
.zyuwarisoba .con1{
	width:100%;
	margin: 0 auto;
	position: relative;
	height: 600px;
}
.zyuwarisoba .con1 .photo{
	max-width:1000px;
	position: absolute;
	top:0;
	right: 0;
}
.zyuwarisoba .con1 .photo img{
	width:100%;
}
.zyuwarisoba .con1 .text{
	float: right;
	position: absolute;
	top:60px;
	right: 72%;
}
.zyuwarisoba .con1 .text h2{
	margin-left: 50px;
	float: right;
	margin-block-start: 0em;
    margin-block-end: 0em;
}
.zyuwarisoba .con1 .text h2 img{
}
.zyuwarisoba .con1 .text p{
    float: right;
	height: 350px;
	font-size: 20px;
	color:#fff;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
}

.zyuwarisoba .con2{
	clear: both;
	position: relative;
	top: -60px;
	z-index: 200;
	height: 510px;
}
.zyuwarisoba .con2 .photo{
	position: absolute;
	top: -40px;
	left:0;
	float: left;
	max-width:1100px;
}
.zyuwarisoba .con2 .photo img{
	width:100%;
}

/*1箱2食入　1800円*/
.zyuwarisoba .con2 .menu{
	width:1200px;
	background-color: #fff;
	padding: 40px;
	position: absolute;
	top: 0;
	left:50%;
}
.zyuwarisoba .con2 .menu .menu_con{
	width:450px;
}
.zyuwarisoba .con2 .menu .menu_photo{
	width:100%;
}
.zyuwarisoba .con2 .menu .menu_photo img{
	width:100%;
}
.zyuwarisoba .con2 .menu .text{
}
.zyuwarisoba .con2 .menu .text .name{
	display: inline-block;
}
.zyuwarisoba .con2 .menu .text .name p{
	font-size: 22px;
	line-height: 1.0em;
}
.zyuwarisoba .con2 .menu .text .name p span{
	font-size: 14px;
}
.zyuwarisoba .con2 .menu .text .cost{
	display: inline-block;
}
.zyuwarisoba .con2 .menu .text .cost p{
	font-size: 60px;
	font-weight: bold;
}
.zyuwarisoba .con2 .menu .text .cost p span{
	font-size: 40px;
}
.zyuwarisoba .con2 .menu .text .cost p span.tax{
	font-size: 18px;
}

/*ご注文へ*/
.zyuwarisoba .con2 .menu .shop{
	margin-top:30px;
	margin-bottom:0px;
	text-align: center;
}
.zyuwarisoba .con2 .menu .shop a{
	text-decoration: none;
	background-color: #bea45a;
	padding: 15px 40px;
	color:#000;
	position: relative;
	transition: 0.5s;
	font-size: 16px;
}
.zyuwarisoba .con2 .menu .shop a:hover{
	opacity: 0.8;
}
.zyuwarisoba .con2 .menu .shop a:before,.zyuwarisoba .con2 .menu .shop a:after{
  content: '';
  position: absolute;
  background: #000;
}
.zyuwarisoba .con2 .menu .shop a:before {
  top: 24px;
  right: -18px;
  height: 1px;
  width: 35px;
}
.zyuwarisoba .con2 .menu .shop a:after {
  bottom: 24px;
  right: -19px;
  height: 1px;
  width: 10px;
  transform: rotate(125deg);
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*content2ーーーーーーーーーーーーーーーーーーーーーー*/
#content2{
	clear: both;
	background-image: url("../img/content2_back.jpg");
	background-repeat: no-repeat;
	font-family: 'Noto Serif JP', serif;
	width:100%;
	position: relative;
	z-index: -10;
}
#content2 .con2{
	position: relative;
	max-width:1300px;
	margin: 0 auto;
	padding-top: 70px;
	overflow:hidden;
}
#content2 .con2 .text{
	float: right;
	margin-right: 5%;
}
#content2 .con2 .text h2{
	margin-left: 50px;
	float: right;
	margin-block-start: 0em;
    margin-block-end: 0em;
	width: 230px;
}
#content2 .con2 .text h2 img{
	width: 100%;
}
#content2 .con2 .text p{
	float: right;
	height: 420px;
	font-size: 20px;
	color:#fff;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-orientation: upright;
}
#content2 .con2 p.box{
	width:450px;
}
#content2 .con2 p.box img{
	width:100%;
}
#content2 .con2 p.box1{
	margin-left: 18%;
}
#content2 .con2 p.box2{
	margin-left: 3%;
	clear: both;
	float: left;

}
#content2 .con2 p.box3{
	margin-left: 3%;
	float: left;
}
#content2 .con2 p.box4{
	margin-right: 3%;
	float: right;
	clear: both;
}
#content2 .con2 p.box5{
	margin-right: 3%;
	float: right;
}
#content2 .deco1{
	position: absolute;
	top:70%;
	left: -3%;
	z-index: -1;
}
#content2 .deco1 img{
}
#content2 .deco2{
	position: absolute;
    top: 15%;
    right: -28%;
    z-index: -1;
    width: 950px;
}
#content2 .deco2 img{
	width: 100%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*content3ーーーーーーーーーーーーーーーーーーーーーー*/
#content3{
	clear: both;
	background-image: url("../img/content3_back.jpg");
	background-repeat: no-repeat;
	font-family: 'Noto Serif JP', serif;
	width:100%;
	position: relative;
	z-index: -10;
}
#content3 .con3{
	position: relative;
	max-width:1300px;
	margin: 0 auto;
	padding-top: 70px;
	padding-bottom: 400px;
	overflow:hidden;
}
#content3 .con3 .text{
	float: left;
	margin-left: 15%;
	margin-bottom: 30px;
}
#content3 .con3 .text h2{
	margin-left: 50px;
	float: right;
	margin-block-start: 0em;
    margin-block-end: 0em;
	width: 230px;
}
#content3 .con3 .text h2 img{
	width: 100%;
}
#content3 .con3 .text p{
	float: right;
	height: 450px;
	font-size: 20px;
	color:#fff;
	letter-spacing: 0.2em;
	line-height: 1.8em;
	-ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
	text-orientation: upright;
}
#content3 .con3 p.box{
	width:450px;
}
#content3 .con3 p.box img{
	width:100%;
}
#content3 .con3 p.box1{
	padding-left: 5%;
	clear: both;
	float: left;

}
#content3 .con3 p.box2{
	margin-left: 3%;
	float: left;
}
#content3 .con3 p.box3{
	margin-right: 3%;
	float: right;
	clear: both;
	padding-top: 101px;
}
#content3 .con3 p.box4{
	margin-right: 3%;
	float: right;
}
#content3 .deco1{
	position: absolute;
	top: 3%;
    right: -1%;
    z-index: -1;
    width: 55%;
}
#content3 .deco1 img{
	width: 100%;
}
#content3 .deco2{
	position: absolute;
    top:38%;
	right: -3%;
	z-index: -1;
	width:30%;
}
#content3 .deco2 img{
	width: 100%;
}
#content3 .deco3{
	position: absolute;
	top:13%;
	left: -20%;
	z-index: -1;
	width: 40%;
}
#content3 .deco3 img{
	width: 100%;
}
#content3 .deco4{
	position: absolute;
    top: 50%;
    left: -10%;
    z-index: -1;
	width: 45%;
}
#content3 .deco4 img{
	width: 100%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*content4ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content4{
	width: 100%;
	background-image: url("../img/content4_back.jpg");
	background-repeat: no-repeat;
	background-size: ;
	font-family: 'Noto Serif JP', serif;
}
#content4 .con4{
	max-width:1200px;
	margin: 0 auto;
}
#content4 .con4 .con4_top{
	width: 100%;
	margin-bottom: 100px;
}
#content4 .con4 .con4_top img{
	width:100%;
	margin-top: -270px;
}
#content4 .con4 .menu{
	width:95%;
	margin: 0 auto;
}
#content4 .con4 .menu .title{
	position: relative;
}
#content4 .con4 .menu .title h2{
	position: absolute;
	top:-50px;
	right: 0;
	width:180px;
}
#content4 .con4 .menu .title h2 img{
	width:100%;
}
#content4 .con4 .menu .menu_contents{
}
#content4 .con4 .menu .grid .photo{
	width:100%;
}
#content4 .con4 .menu .grid .photo img{
	width:100%;
}
/*グリッド1つ目*/
#content4 .con4 .menu .grid1{
	display: grid;
	width: 100%;
	grid-template-areas: "photo h3"
                       "photo text"
		               "photo cost";
	grid-template-rows: auto 10rem 4rem 0rem;
	grid-template-columns: 50% 25%;
	gap: 30px;
}
#content4 .con4 .menu .grid1 .box{
}

/*グリッド2つ目*/
#content4 .con4 .menu .grid2{
	margin-top: 50px;
	display: grid;
	width: 100%;
	grid-template-areas:"h3 photo"
                       "text photo"
		               "cost photo";
	grid-template-rows: auto 5rem 5rem 0rem;
	grid-template-columns: 47.5% 50%;
	gap: 30px;
}
#content4 .con4 .menu .grid2 .box{
}
#content4 .con4 .menu .grid2 .h3{
	text-align: right;
}

/*グリッド3つ目*/
#content4 .con4 .menu .grid3{
	margin-top: 50px;
	display: grid;
	width: 100%;
	grid-template-areas: "photo h3"
                       "photo text"
		               "photo cost";
	grid-template-rows: auto 5rem 5rem 0rem;
	grid-template-columns: 50% 47.5%;
	gap: 30px;
}
#content4 .con4 .menu .grid3 .box{
}

/*グリッド共通*/
#content4 .con4 .menu .grid .box.pc{
}
#content4 .con4 .menu .grid .box.sp{
	display: none;
}
#content4 .con4 .menu .grid .photo{
	grid-area:photo;
	align-self: end;
}
#content4 .con4 .menu .grid .photo img{
}
#content4 .con4 .menu .grid .h3{
	grid-area: h3;
	align-self: end;
}
#content4 .con4 .menu .grid .h3 img{
}
#content4 .con4 .menu .grid .text{
	grid-area: text;
	align-self: end;
}
#content4 .con4 .menu .grid .text p{
	font-size: 18px;
	line-height: 1.5em;
	letter-spacing: 0.1em;
}
#content4 .con4 .menu .grid .cost{
	grid-area: cost;
	align-self: end;
}
#content4 .con4 .menu .grid .cost p{
	font-size: 32px;
	font-weight: bold;
}
#content4 .con4 .menu .grid .cost p span{
	font-size: 20px;
}

/*content4した写真*/
#content4 .con4 .con4_bottom{
	max-width: 1200px;
	margin: 100px auto;
	margin-bottom: 0;
	padding-bottom:250px;
}
#content4 .con4 .con4_bottom img{
	width:100%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*mapーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#map .map{
	max-width: 1200px;
	margin: 0 auto;
}
#map .map iframe{
	margin-top: -200px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*インフォメーションーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#info{
	font-family: "游ゴシック", "Yu Gothic";
	margin-top: 50px;
	margin-bottom: 50px;
}
#info .info{
	max-width: 1100px;
	margin: 0 auto;
}
#info .info .flex{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
#info .info .flex .logo{
	width:45%;
}
#info .info .flex .logo img{
	width: 100%;
}
#info .info .flex .text{
	width:48%;
}
#info .info .flex .text p{
	line-height: 2.0em;
	font-size:16px;
}
#info .info .flex .text p span{
	display: inline-block;
}
#info .info .flex .text .insta{
	margin-top: 10px;
}
#info .info .flex .text .insta a{
	text-decoration: none;
	color: #000;
	transition: 0.8s;
}
#info .info .flex .text .insta a:hover{
	opacity: 0.5;
}
#info .info .flex .text .insta a img{
	display: inline-block;
	vertical-align: top;
	margin-right: 10px;
	width: 35px;
}
#info .info .flex .text .insta a p{
	display: inline-block;
	vertical-align: top;
	margin-top: -5px;
	position: relative;
}
#info .info .flex .text .insta a p:before,#info .info .flex .text .insta a p:after{
  content: '';
  position: absolute;
  background: #000;
}
#info .info .flex .text .insta a p:before {
  top: 30px;
  right: 0px;
  height: 1px;
  width: 125px;
}
#info .info .flex .text .insta a p:after {
  bottom: -5px;
  right: -2px;
  height: 1px;
  width: 14px;
  transform: rotate(125deg);
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*フッターーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
footer{
	font-family: "游ゴシック", "Yu Gothic";
}
footer .footer{
	max-width:1200px;
	margin: 0 auto;
}
footer .flex{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
footer .flex ul{
	padding-inline-start: 0px;
}
footer .flex ul.row{
	width: 28%;
	border-right: 1px solid #000;
	padding-right: 4%;
}
footer .flex ul.row3{
	border-right:none;
	padding-right: 0;
}
footer .flex ul.row li{
	list-style-type: none;
	margin-bottom: 20px;
	font-size: 14px;
}
footer .flex ul.row li h2{
	border-bottom: 1px solid #07903d;
	border-top: 1px solid #07903d;
	padding-bottom: 0.2em;
	padding-top: 0.2em;
	color:#07903d;
	font-weight: lighter;
	font-family: 'Noto Serif JP', serif;
	font-size: 21px;
	margin-bottom: 10px;
}
footer .flex ul.row li p{
	font-size: 14px;
}
footer .flex ul.row li h3{
	background-color: #000;
	color: #fff;
	text-align: center;
	font-weight: lighter;
	font-size: 16px;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}
footer .tel{
	width: 100%;
}
footer .tel a{
}
footer .tel a img{
	width:100%;
}
footer .flex ul.row li p{
}
footer .flex ul.row li p.pc_con{
}
footer .shop{
	margin-top: 2em;
	margin-bottom: 2em;
	text-align: center;
}
footer .shop a{
	text-decoration: none;
	background-color: #bea45a;
	border: 1px solid #000;
	padding: 15px 40px;
	color:#000;
	position: relative;
	transition: 0.5s;
	font-size: 16px;
	margin-top: 1em;
	margin-bottom:1em;
}
footer .shop a:hover{
	opacity: 0.8;
}
footer .shop a:before,footer .shop a:after{
  content: '';
  position: absolute;
  background: #000;
}
footer .shop a:before {
  top: 24px;
  right: -18px;
  height: 1px;
  width: 35px;
}
footer .shop a:after {
  bottom: 22px;
  right: -19px;
  height: 1px;
  width: 10px;
  transform: rotate(125deg);
}
footer .flex ul.row li .card{
	margin-top: 5px;
	margin-bottom: 5px;
}
footer .flex ul.row li .card img{
}
footer .flex ul.row li ul.pay_list{
}
footer .flex ul.row li ul.pay_list li{
	margin-bottom: 0px;
	border-top: 1px solid #000;
	border-collapse: collapse;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}
footer .flex ul.row li .jp{
	margin-top: -30px;
	max-width: 400px;
}
footer .flex ul.row li .jp img{
	width:100%;
}
footer .flex ul.row li ul.area{
}
/*リスト点色大きさ*/
footer .flex ul.row li ul.area li{
	margin-bottom: 0px;
	text-indent: -1.3em;
	margin-left: 1.3em;
}
footer .flex ul.row li ul.area li:before{
	position: relative;
	top: 2px;
	display: inline-block;
	width: 1em;
	height: 1em;
	content: '';
	border-radius: 100%;
	background: darkturquoise;
	margin-right: 0.3em;
}
footer .flex ul.row li ul.area li:nth-of-type(1):before{
	background: #b875ab;
}
footer .flex ul.row li ul.area li:nth-of-type(2):before{
	background: #f4901e;
}
footer .flex ul.row li ul.area li:nth-of-type(3):before{
	background: #3bb0a7;
}
footer .flex ul.row li ul.area li:nth-of-type(4):before{
	background: #d6db58;
}
footer .flex ul.row li ul.area li:nth-of-type(5):before{
	background: #e84c47;
}
/*----------------*/
footer .flex ul.row li .yamato{
	margin: 0 auto;
	max-width: 243px;
}
footer .flex ul.row li .yamato{
	width:100%;
}
footer .flex ul.row li .footer_time{
	max-width: 400px;
}
footer .flex ul.row li .footer_time img{
	width: 100%;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*コピーライトーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.copyright{
	text-align:center; 
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/


/*レスポンシブーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media screen and (max-width:1200px){
/*一番上の間隔*/
#content1 .top_main{
	padding-top:70px;
}
#content1 .top_main h1{
	top:12%;
}
#content1 .top_main p{
	top:20%;
}

/*TOP越前そば*/
#content1 .top_main h1 img{
	width:18vw;
}
/*大ロゴ*/
#content1 .main_logo{
	width: 47vw;
	margin: -12px auto;
	margin-bottom: 90px;
}
/*フッター幅*/
footer .footer{
	max-width:95%;
}
}
@media screen and (max-width:1000px){
/*背景画像の見せ方*/
#content1{
	background-size: cover;
}
/*十割蕎麦*/

.zyuwarisoba .con1{
	height: auto;
}
.zyuwarisoba .con1 .photo{
	width:95%;
	margin: 0 auto;
	position: static;
	margin-bottom: 20px;
}
.zyuwarisoba .con1 .text{
	float: none;
	position:static;
	top:auto;
	right: auto;
	width:220px;
	margin: 0 auto;
}
.zyuwarisoba .con1 .text h2{
	margin-left: 0px;
	float: right;
	margin-bottom: 20px;
}
.zyuwarisoba .con1 .text p{
    float: left;
}

.zyuwarisoba .con2{
	top: auto;
	height: 800px;
}
.zyuwarisoba .con2 .photo{
	position: absolute;
	float: left;
	max-width:1100px;
	top: auto;
}

/*1箱2食入　1800円*/
.zyuwarisoba .con2 .menu{
	width:450px;
	padding: 20px;
	position: absolute;
	top: 60%;
    left:50%;
    transform : translate(-50%,-50%);
}
.zyuwarisoba .con2 .menu .menu_con{
	width:auto;
}
	
/*content2ーーーーーーーーーーーーーーーーーーーーーー*/
#content2{
	width:100%;
	position: relative;
	z-index: -10;
}
#content2 .con2{
	position: relative;
	max-width:100%;
	padding-top: 70px;
}
#content2 .con2 .text{
	float: none;
	width:450px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 200px;
}
#content2 .con2 .text h2{
	margin-left: 50px;
	width: 230px;
	margin-left: 0px;
	float: right;
	margin-bottom: 20px;
}
#content2 .con2 .text h2 img{
	width: 100%;
}
#content2 .con2 .text p{
	float: left;
	height: 420px;
	font-size: 20px;
}
#content2 .con2 p.box{
	width:55%;
	margin-top: -120px;
}
#content2 .con2 p.box img{
	width:100%;
}
#content2 .con2 p.box1{
	margin-left: -3%;
	float: left;
}
#content2 .con2 p.box2{
	margin-right: -3%;
	clear: both;
	float: right;

}
#content2 .con2 p.box3{
	margin-left: -3%;
	clear: both;
	float: left;
}
#content2 .con2 p.box4{
	margin-right: -3%;
	float: right;
	clear: both;
}
#content2 .con2 p.box5{
	margin-left: -3%;
	float: left;
	clear: both;
}
#content2 .deco1{
	top:500px;
	left: -3%;
	width:50%;
}
#content2 .deco1 img{
	width: 100%;
}
#content2 .deco2{
    top: 300px;
    right: -30%;
    width: 80%;
}
#content2 .deco2 img{
	width: 100%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
/*content3ーーーーーーーーーーーーーーーーーーーーーー*/
#content3{
	width:100%;
	position: relative;
	z-index: -10;
}
#content3 .con3{
	position: relative;
	max-width:100%;
	padding-top: 70px;
	padding-bottom: 30px;
}
#content3 .con3 .text{
	float: none;
	width:450px;
	margin: 0 auto;
	overflow: hidden;
	margin-bottom: 200px;
}
#content3 .con3 .text h2{
	margin-left: 50px;
	width: 230px;
	margin-left: 0px;
	float: right;
	margin-bottom: 20px;
}
#content3 .con3 .text h2 img{
	width: 100%;
}
#content3 .con3 .text p{
	float: left;
}
#content3 .con3 p.box{
	width:55%;
	margin-top: -120px;
}
#content3 .con3 p.box img{
	width:100%;
}
#content3 .con3 p.box1{
	margin-right: -3%;
	padding-left: 0;
	float: right;
}
#content3 .con3 p.box2{
	margin-left: -3%;
	clear: both;
	float: left;

}
#content3 .con3 p.box3{
	margin-right: -3%;
	clear: both;
	float: right;
	padding-top: 0px;
}
#content3 .con3 p.box4{
	margin-left: -3%;
	margin-top: -30%;
	float: left;
	clear: both;
}
#content3 .deco1{
	top:53%;
	right: -10%;
	width:60%;
}
#content3 .deco2{
    top: 450px;
    right: -15%;
    width: 50%;
}
#content3 .deco3{
	top:500px;
	left: -20%;
	width:60%;
}
#content3 .deco4{
    top: 70%;
    right: -30%;
    width: 50%;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
	
	
/*content4ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content4 .con4 .con4_top{
	margin-bottom: 100px;
}
#content4 .con4 .con4_top img{
	margin-top: 0px;
}
#content4 .con4 .menu .title h2{
	top:-50px;
	right: 0;
	width:18vw;
}
/*グリッド1つ目*/
#content4 .con4 .menu .grid1{
	display: inline;
	width: 100%;
}
#content4 .con4 .menu .grid1 .photo{
	width:60%;
	margin-bottom: 20px;
}
#content4 .con4 .menu .grid1 .h3{
	margin-bottom: 20px;
}
#content4 .con4 .menu .grid1 .text{
	margin-top: 20px;
	margin-bottom: 20px;
}
#content4 .con4 .menu .grid1 .h3 img{
	width:38%;
}

/*グリッド2つ目*/
#content4 .con4 .menu .grid2{
	margin-top: 13vw;
	display: grid;
	grid-template-areas:"h3 photo"
                       "text text"
		               "cost cost";
	grid-template-rows: auto;
	grid-template-columns: 37.5% 60%;
	gap: 20px;
}
#content4 .con4 .menu .grid2 .h3 img{
	width:80%;
}

/*グリッド3つ目*/
#content4 .con4 .menu .grid3{
	margin-top: 13vw;
	display: grid;
	grid-template-areas: "photo h3"
                       "text text"
		               "cost cost";
	grid-template-rows: auto;
	grid-template-columns: 60% 37.5%;
	gap: 20px;
}
#content4 .con4 .menu .grid3 .h3 img{
	width: 60%;
}

/*グリッド共通*/
#content4 .con4 .menu .grid .box.pc{
	display: none;
}
#content4 .con4 .menu .grid .box.sp{
	display: inline;
}
#content4 .con4 .menu .grid .photo{
	align-self: center;
}
#content4 .con4 .menu .grid .h3{
	align-self: center;
}
	
/*content4した写真*/
#content4 .con4 .con4_bottom{
	margin: 13vw auto;
	margin-bottom: 0;
	padding-bottom:30px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*mapーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#map .map iframe{
	margin-top: 0px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

/*インフォメーションーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#info .info{
	max-width: 95%;
}
#info .info .flex{
	display: block;
}
#info .info .flex .logo{
	width: auto;
	max-width:500px;
	margin: 0 auto;
}
#info .info .flex .text{
	text-align: center;
	width:100%;
}
#info .info .flex .text p{
	margin-top: 20px;
}
#info .info .flex .text .insta{
	margin-top: 20px;
}
/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/

@media screen and (max-width:800px){
/*フッターーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
footer .flex ul.row{
	width: 100%;
	border-right: none;
	padding-right: 0;
}
footer .flex ul.row li{
	margin-bottom: 20px;
	font-size: 12px;
}
footer .flex ul.row li h2{
	font-size: 18px;
	margin-bottom: 10px;
}
footer .flex ul.row li p{
	font-size: 12px;
}
footer .tel{
	max-width: 400px;
	width: auto;
	margin:0 auto;
}
footer .flex ul.row li p.kome{
	text-align: center;
}
footer .flex ul.row li p.kome span{
	display: inline-block;
}
footer .flex ul.row li p.pc_con{
	display: none;
}

	footer .flex ul.row li ul.pay_list li{
	margin-bottom: 0px;
	border-top: 1px solid #000;
	border-collapse: collapse;
	padding-bottom: 0.4em;
	padding-top: 0.4em;
}
footer .flex ul.row li .jp{
	margin-top: -30px;
}
footer .flex ul.row li .jp img{
}
footer .flex ul.row li ul.area{
}
footer .flex ul.row li .yamato{
	text-align: center;
}
footer .flex ul.row li .footer_time{
	width: 100%;
}
footer .flex ul.row li .footer_time img{
	width: 100%;
}


/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
}

@media screen and (max-width:600px){
/*TOPメインの「ｐ」のサイズ*/
#content1 .top_main p{
	font-size: 3.5vw;
}
/*メインロゴと十割蕎麦の間隔*/
#content1 .main_logo{
	margin-bottom: 30px;
}
/*content2のタイトル・テキスト。content1との間隔*/
#content2 .con2{
	padding-top: 10vw;
}
#content2 .con2 .text{
	width:90%;
	margin-bottom: 30vw;
}
#content2 .con2 .text h2{
	width: 35vw;
	margin-bottom: 20px;
}
#content2 .con2 .text h2 img{
	width: 100%;
}
#content2 .con2 .text p{
	height:70vw;
	font-size: 4vw;
}
/*content2の装飾高さ*/
#content2 .deco1{
	top:28%;
}
#content2 .deco2{
    top: 20%;
}
/*content3のタイトル・テキスト。content1との間隔*/
#content3 .con3{
	padding-top: 10vw;
}
#content3 .con3 .text{
	width:90%;
	margin-bottom: 30vw;
}
#content3 .con3 .text h2{
	width: 35vw;
	margin-bottom: 20px;
}
#content3 .con3 .text h2 img{
	width: 100%;
}
#content3 .con3 .text p{
	height:80vw;
	font-size: 4vw;
}
/*content3の装飾高さ*/
#content3 .deco2{
    top: 32%;
}
#content3 .deco3{
	top: 32%;
    width: 70%;
}
/*mapーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#map .map iframe{
	height: 300px;
}

/*ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
}


@media screen and (max-width:500px){
/*大ロゴ*/
#content1 .main_logo{
	width: 60vw;
}
/*十割蕎麦文字大きさ*/
.zyuwarisoba .con1 .text{
	width:45%;
}
.zyuwarisoba .con1 .text h2{
}
.zyuwarisoba .con1 .text h2 img{
	width: 14vw;
}
.zyuwarisoba .con1 .text p{
	height: 70vw;
	font-size: 4vw;
}
/*十割蕎麦商品*/
.zyuwarisoba .con2{
	height: 500px;
}
.zyuwarisoba .con2 .menu{
	width:65%;
}
.zyuwarisoba .con2 .menu .text .name p{
	font-size: 4.5vw;
}
.zyuwarisoba .con2 .menu .text .name p span{
	font-size: 3.5vw;
}
.zyuwarisoba .con2 .menu .text .cost p{
	font-size: 8.5vw;
}
.zyuwarisoba .con2 .menu .text .cost p span{
	font-size: 6vw;
}
.zyuwarisoba .con2 .menu .text .cost p span.tax{
	font-size: 4vw;
}

/*ご注文へ*/
.zyuwarisoba .con2 .menu .shop a{
	padding: 0.5em 1.8em;
}
.zyuwarisoba .con2 .menu .shop a:before {
  top: 20px;
  right: -15px;
  width: 30px;
}
.zyuwarisoba .con2 .menu .shop a:after {
  bottom: 15px;
}
/*content2各ボックスの配置・装飾の位置*/
#content2 .con2 p.box{
	width:80%;
	margin-top: -10px;
}
#content2 .deco1{
	top:17%;
}
#content2 .deco2{
    top: 13%;
}
/*content3各ボックスの配置・装飾の位置*/
#content3 .con3 p.box{
	width:80%;
	margin-top: -10px;
}
#content3 .con3 p.box4{
	margin-top: -15%;
}
#content3 .deco1{
	top: 45%;
    width: 70%;
	right:-25%;
}
#content3 .deco2{
    top: 20%;
}
#content3 .deco3{
	top:19%;
}
#content3 .deco4{
    top: 63%;
    width: 65%;
    left: -20%;
}
	
/*content4ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
#content4 .con4 .con4_top{
	margin-bottom: 20vw;
}
/*グリッド1つ目*/
#content4 .con4 .menu .grid1 .h3 img{
	width:50%;
}

/*グリッド2つ目*/
#content4 .con4 .menu .grid2{
	grid-template-columns: 37% 60%;
	gap: 15px;
}
#content4 .con4 .menu .grid2 .h3 img{
	width:100%;
}

/*グリッド3つ目*/
#content4 .con4 .menu .grid3{
	grid-template-columns: 60% 37%;
	gap: 15px;
}
#content4 .con4 .menu .grid3 .h3 img{
	width: 90%;
}

/*グリッド共通*/
#content4 .con4 .menu .grid .text p{
	font-size: 14px;
}
#content4 .con4 .menu .grid .cost p{
	font-size: 25px;
}
#content4 .con4 .menu .grid .cost p span{
	font-size: 18px;
}
#content4 .con4 .menu .title h2{
	top:-50px;
	right: 0;
	width:30vw;
}

/*インフォメーション文字大きさ*/
#info .info .flex .text p.time{
	font-size:14px;
}
	
}