@charset "UTF-8";

/*
=====================================================================
	宮崎食堂 トップページ
=====================================================================
*/



/* ============================================================================================== */
@media print, screen and (min-width:641px) {

.pc{
	display:block !important;
	}

.sp{
	display:none !important;
	}

table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
	}

	table th,
	table td{
		padding:8px 10px;
		}

	table th{
		background:#21b1cd;
		color:#fff;
		border:1px solid #fff;
		}

	table td{
		border:1px solid #ccc;
		}


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

header

-----------------------------------------------------------------*/
#header{
	padding:0 0 80px;
	width:100%;
	height:100%;
	background:#21b1cd;
	}

	#header h1{
		width:80%;
		margin:auto;
		}

#headerInner{
	width:1060px;
	margin:30px auto 0;
	}

	#headerInner h2{
		text-align:center;
		margin-bottom:80px;
		}

	#movieWrap{
		background:#fff;
		padding:60px 30px;
		border-radius:10px;
		}

		#movieTtl{
			display: flex;
			justify-content: center;
			position: relative;
			margin-bottom:60px;
			}

			#movieTtl h3{
			margin: 0;
			line-height: 50px;
			}

			#movieTtl p{
			line-height: 50px;
			position: absolute;
			left: 50px;
			top:-10px;
			}

		#movieInner{
			display:flex;
			justify-content:space-between;
			margin-bottom:60px;
			}

			#movieInner .movieThumb{
				margin-bottom:20px;
				}

			#movieInner p{
				text-align:center;
				}

		#movieDetail{
			width:880px;
			margin:0 auto;
			}

			#btnMovie{
				margin-bottom:20px;
				width:100%;
				font-size:26px;
				}

				#btnMovie a{
					background:#d05449;
					color:#fff;
					padding:20px;
					display:inline-block;
					width:100%;
					box-sizing: border-box;
					border-radius:10px;
					text-align:center;
					}

					#btnMovie a span{
						background:url(../img/top/icon_play.png) no-repeat center right;
						background-size:30px;
						padding-right:40px;
						}

				#btnMovie a:hover{
					background:#e5807a;
					text-decoration:none;
					}

			#movieDetail p{
				font-size:16px;
				}


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

contents

-----------------------------------------------------------------*/
#contents{
	background:#fff;
	}

/* shokudoWrap */
#shokudoWrap{
	width:1040px;
	margin:0 auto;
	padding:120px 0;
	}

	#shokudoWrap p.attention{
		text-align:center;
		margin-bottom:100px;
		font-size:16px;
		color:#d55449;
		}

		#shokudoWrap p.attention span{
			border:1px solid #d55449;
			padding:15px;
			}

	#shokudoWrap p.signboad{
		text-align:right;
		margin-bottom:30px;
		}

	#shokudoWrap h2{
		text-align:center;
		margin-bottom:40px;
		}

	#shokudoWrap p.shokudoTxt{
		text-align:center;
		margin-bottom:60px;
		font-size:16px;
		}

		#shokudoWrap p.shokudoTxt .none{
			display:none;
			}

	#shokudoInner{
		margin-bottom:60px;
		} 

		#shokudoInner .shokudoBtn .inner{
			border-bottom:8px solid #d5ccad;
			padding-bottom:18px;
			margin:0 auto;
			width:414px;
			}

		#shokudoInner .fL{
			width:460px;
			float:left;
			}

		#shokudoInner .fR{
			width:460px;
			float:right;
			margin-top:70px;
			}

			#shokudoInner .noren{
				margin-bottom:20px;
				} 

			#shokudoInner h4{
				text-align:center;
				margin-bottom:20px;
				} 

/* otherWrap */
#otherWrap{
	width:1000px;
	margin:0 auto;
	padding:120px 0;
	}

	#otherWrap .fL{
		float:left;
		}

	#otherWrap .fR{
		float:right;
		margin-top:90px;
		}

	#otherWrap .otherInner{
		width:425px;
		}

	#otherWrap .otherInner .line{
		margin-bottom:30px;
		}

	#otherWrap .otherInner .inner{
		width:408px;
		margin:0 auto;
		}

		#otherWrap .otherInner .innerHead{
			margin-bottom:30px;
			}

			#otherWrap .otherInner .innerHead .innerHeadL{
				float:left;
				width:295px;
				}

				#otherWrap .otherInner .innerHead .innerHeadL h4{
					margin-bottom:20px;
					}

			#otherWrap .otherInner .innerHead .innerHeadR{
				float:right;
				}

	#otherWrap .inner p.btn_detail{
		font-size:20px;
		}

	#otherWrap .inner p.btn_detail a{
		color:#fff;
		text-align:center;
		display:block;
		padding:6px 0;
		}

		#otherWrap #activity .inner p.btn_detail a{
			background:#21b1cd;
			}

			#otherWrap #activity .inner p.btn_detail a:hover{
				background:#96d9e2;
				}

		#otherWrap #omiyage .inner p.btn_detail a{
			background:#ecb431;
			}

			#otherWrap #omiyage .inner p.btn_detail a:hover{
				background:#efcd8b;
				}

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

search

-----------------------------------------------------------------*/
#searchWrap{
	background:#fff5e7;
	padding:120px 0;
	}

	#searchWrap h3{
		text-align:center;
		margin-bottom:40px;
		font-size:24px;
		}

		#keyword{
			width:1000px;
			margin:0 auto 70px;
			}

			#keyword .searchInner{
				background:#21b1cd;
				padding:45px 75px;
				}

			#keyword .searchArea input{
				border:none;
				width:720px;
				height:48px;
				float:left;
				padding:10px;
				-webkit-border-top-left-radius: 5px;
				-webkit-border-bottom-left-radius: 5px;
				-moz-border-radius-topleft: 5px;
				-moz-border-radius-bottomleft: 5px;
				}

			#keyword .icoSearch input{
				width:110px;
				height:68px;
				float:right;
				}

		#map{
			width:1000px;
			margin:0 auto;
			border-top:1px solid #000;
			padding-top:60px;
			}

			#map p.btn_pdf a{
				background:#dc584a;
				color:#fff;
				padding:10px;
				}

			#map p.btn_pdf a:hover{
				background:#f4a9a4;
				}

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

news

-----------------------------------------------------------------*/
#newsWrap{
	margin:0 auto;
	width:1000px;
	}

	#newsWrap h3{
		text-align:center;
		margin-bottom:40px;
		padding-bottom:30px;
		font-size:24px;
		border-bottom:1px solid #cbcbcb;
		}

		.igWrap{
			width:900px;
			margin:0 auto;
			}

		.igWrap li{
			width:150px;
			float:left;
			margin:0 37px 37px 0;
			}

			.igWrap li img{
				width:100%;
				}

			.igWrap li:nth-child(5n){
				margin:0 0 37px 0;
				}

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

bannerWrap

-----------------------------------------------------------------*/
#bannerWrap{
	padding:120px 0;
	margin:0 auto;
	width:1000px;
	}

	#bannerWrap h5{
		margin-bottom:60px;
		text-align:center;
		}

		#bannerWrap ul{
			margin:0 auto 40px;
			width:890px;
			}

		#bannerWrap ul li{
			width:190px;
			display: inline-block;
			vertical-align:middle;
			margin:0 30px 30px 0px;
			}

			#bannerWrap ul li:nth-child(4n){
				margin:0 0 30px 0;
				}

				#bannerWrap ul li img{
					width:100%;
					}


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

snsWrap

-----------------------------------------------------------------*/
#snsWrap{
	width:870px;
	padding:120px 0;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	}

}

/* ============================================================================================== */
@media screen and  (max-width:640px) {


.pc{
	display:none !important;
	}

.sp{
	display:block !important;
	}

.remodal-wrapper {
	padding: 0 !important;
	}

.remodal {
	margin-bottom: 0 !important;
	padding:40px 20px !important;
	}

table{
	width:100%;
	border-collapse:collapse;
	margin-bottom:30px;
	}

	table th,
	table td{
		padding:8px 10px;
		}

	table th{
		background:#21b1cd;
		color:#fff;
		border:1px solid #fff;
		}

	table td{
		border:1px solid #ccc;
		}

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

header

-----------------------------------------------------------------*/
#header{
	width:100%;
	position:relative;
	background:#219fbb;
	padding:0 0 30px;
	}

	#header h1{
		width:100%;
		margin:0 auto 50px;
		position:fixed;
		top:0;
		left:0;
		z-index:100001;
		}



#headerInner{
	width:90%;
	margin:0 auto;
	}

	.statement{
		width:90%;
		margin:0 auto;
		padding:130px 0 0;
		}

		.statement .sun{
			width:10%;
			}

	#headerInner h2{
		margin:0 auto 40px;
		width:60%;
		}

	#movieWrap{
		background:#fff;
		padding:30px 15px;
		border-radius:6px;
		}

		#movieTtl{
			position:relative;
			margin-bottom:20px;
			}

			#movieTtl h3{
				
				}

			#movieTtl p{
				position: absolute;
				left:-10px;
				top:-50px;
				width:20%;
				}

		#movieInner{
			display:flex;
			justify-content:space-between;
			flex-wrap: wrap;
			margin-bottom:30px;
			}

			#movieInner .one{
				order:1;
				width:100%;
				margin-bottom:30px;
				}

			#movieInner .two{
				order:2;
				width:48%;
				}

			#movieInner .three{
				order:3;
				width:48%;
				}

			#movieInner .movieThumb{
				margin-bottom:10px;
				}

			#movieInner p{
				text-align:center;
				}

				#movieInner .one p img{
					width:40%;
					}

				#movieInner p img{
					width:80%;
					}

		#movieDetail{
			width:100%;
			margin:0 auto;
			}

			#btnMovie{
				margin-bottom:10px;
				width:100%;
				font-size:13px;
				}

				#btnMovie a{
					background:#d05449;
					color:#fff;
					padding:15px 5px;
					display:inline-block;
					width:100%;
					box-sizing: border-box;
					border-radius:6px;
					text-align:center;
					}

					#btnMovie a span{
						background:url(../img/top/icon_play.png) no-repeat center right;
						background-size:13px;
						padding-right:16px;
						}

				#btnMovie a:hover{
					background:#e5807a;
					text-decoration:none;
					}

			#movieDetail p{
				font-size:14px;
				}




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

contents

-----------------------------------------------------------------*/
#cotntents{
	margin-bottom:120px;
	}

/* shokudoWrap */
#shokudoWrap{
	width:90%;
	margin:0 auto;
	padding:80px 0;
	}

	#shokudoWrap p.attention{
		text-align:left;
		margin:0 auto 60px;
		color:#d55449;
		}


	#shokudoWrap p.signboad{
		width:65%;
		margin:0 auto 50px;
		}

	#shokudoWrap h2{
		width:60%;
		margin:0 auto 40px;
		}

	#shokudoWrap p.shokudoTxt{
		text-align:center;
		margin-bottom:50px;
		font-size:13px;
		}

	#shokudoInner{
		margin-bottom:20px;
		} 

		#shokudoInner .shokudoBtn .inner{
			border-bottom:8px solid #d5ccad;
			padding-bottom:15px;
			margin:0 auto;
			width:90%;
			}

		#shokudoInner .fL{
			width:46%;
			float:left;
			}

		#shokudoInner .fR{
			width:46%;
			float:right;
			margin-top:40px;
			}

			#shokudoInner .noren{
				margin-bottom:10px;
				}

			#shokudoInner h4{
				text-align:center;
				margin-bottom:10px;
				background-size:25px 24px;
				}

				#shokudoInner h4 img{
					width:95%;
					}

/* otherWrap */
#otherWrap{
	width:95%;
	margin:0 auto;
	padding:40px 0 80px;
	}


	#otherWrap .fL{
		float:left;
		width:47%;
		}

	#otherWrap .fR{
		float:right;
		width:47%;
		}

	#otherWrap .otherInner .line{
		margin-bottom:20px;
		}

		#otherWrap .otherInner .innerHead{
			margin-bottom:20px;
			}

			#otherWrap .otherInner .innerHead .innerHeadL{
				float:left;
				width:80%;
				}

				#otherWrap .innerHead .innerHeadL h4{
					margin-top:8%;
					}

				#otherWrap .otherInner .innerHead .innerHeadL p{
					display:none;
					}

			#otherWrap .otherInner .innerHead .innerHeadR{
				float:right;
				width:18%;
				}

	#otherWrap .inner p.btn_detail{
		font-size:18px;
		}

	#otherWrap .inner p.btn_detail a{
		color:#fff;
		text-align:center;
		display:block;
		padding:6px 0;
		}

		#otherWrap #activity .inner p.btn_detail a{
			background:#21b1cd;
			}

			#otherWrap #activity .inner p.btn_detail a:hover{
				background:#96d9e2;
				}

		#otherWrap #omiyage .inner p.btn_detail a{
			background:#ecb431;
			}

			#otherWrap #omiyage .inner p.btn_detail a:hover{
				background:#efcd8b;
				}

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

search

-----------------------------------------------------------------*/
#searchWrap{
	background:#fff5e7;
	padding:40px 0;
	}

	#keyword{
		width:90%;
		margin:0 auto 70px;
		}

		#keyword h3{
			width:90%;
			margin:0 auto 40px;
			}


		#keyword .searchInner{
			background:#21b1cd;
			padding:5%;
			}

		#keyword .searchArea input{
			border:none;
			width:80%;
			height:35px;
			float:left;
			font-size:12px;
			}

		#keyword .icoSearch input{
			height:35px;
			float:right;
			}

	#map{
		width:90%;
		margin:0 auto;
		border-top:1px solid #000;
		padding-top:60px;
		}

		#map h3{
			width:90%;
			margin:0 auto 40px;
			}

		#map iframe{
			width:100%;
			}

		#map p.btn_pdf a{
			background:#dc584a;
			color:#fff;
			padding:10px;
			display:block;
			text-align:center;
			}

		#map p.btn_pdf a:hover{
			background:#f4a9a4;
			}

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

news

-----------------------------------------------------------------*/
#newsWrap{
	margin:0 auto 60px;
	width:90%;
	}

	#newsWrap h3{
		text-align:center;
		margin-bottom:40px;
		padding-bottom:30px;
		font-size:20px;
		border-bottom:1px solid #cbcbcb;
		}

		.igWrap{
			width:100%;
			}

		.igWrap li{
			width:30%;
			float:left;
			margin:0 5% 5% 0;
			}

			.igWrap li:nth-child(3n){
				margin:0 0 5% 0;
				}

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

bannerWrap

-----------------------------------------------------------------*/
#bannerWrap{
	margin:0 auto 80px;
	width:90%;
	}

	#bannerWrap h5{
		margin:0 auto 40px;
		width:60%;
		}

		#bannerWrap ul{
			margin:0 0 20px;
			}

		#bannerWrap ul li{
			width:48%;
			float:left;
			margin:0 4% 6% 0;
			}

			#bannerWrap ul li:nth-child(2n){
				margin:0 0 6% 0;
				}

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

snsWrap

-----------------------------------------------------------------*/
#snsWrap{
	width:870px;
	margin:80px auto;
	width:70%;
	}

	#snsWrap div{
		margin-bottom:30px;
		}

}