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


* {
	margin: 0;
	padding: 0;
	color: #2A3C42;
}
.sp {
	display: none;
}
img {
	vertical-align: bottom;
}
main {
	width: 1000px;
	min-height: calc(100vh - 170px);
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 40px;
}
header{
	position: relative;
	height: 80px;
	border-bottom: 1px solid #2599C0;
}
header .tag_line {
	padding-left: 67px;
}
header h1 {
	font-size: 1em;
}
.header_logo {
	position: absolute;
	bottom: 2px;
	left: 1px;
	width: 300px;
}
header .tag_line {
	color: #2599C0;
}
header menu ul {
	list-style-type: none;
	position: absolute;
	bottom: 8px;
	right: 1px;
}
header li {
	float: left;
	margin-right: 3em;
	font-size: 1.em;
}
header li a {
	text-decoration: none;
	color: #2A3C42;
}
footer {
	background-color: #2599c0;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 20px;
	text-size-adjust: none;
}
footer small {
	color: #ffffff;
}
.center {
	text-align: center;
}
h1 {
	margin-top: 40px;
	text-align: center;
	color: #2A3C42;
}
.nobr {
	display: inline-block;
}

/*top===============================================================================*/
.kv {
	width: 100%;
}
.news h2 {
	margin-bottom: 30px;
	text-align: center;
	color: white;
}
.news {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
	padding: 30px;
	margin-top: 40px;
	background-color: #2599c0;
	border-radius: 20px;
}
.news ul {
	list-style-type: none;
}
.news li {
	margin-bottom: 10px;
	color: white;
}
.news_date {
	display: inline-block;
	padding-right: 1em;
	color: #ffffff;
}
.insta {
	overflow: hidden;
	margin-top: 40px;
}
.insta_post {
	float: left;
	width: 332px;
	height: 332px;
	margin-right: 2px;
}
.insta_post:nth-child(3n) {
	margin-right: 0;
}
.pu_banner {
	height: 240px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 40px;
	margin-top: 40px;
}
.banner {
	float: left;
	width: 475px;
	height: 240px;
	margin-right: 50px;
}
.banner_title {
	margin-bottom: 0.6em;
	font-size: 1.2em;
	color: #2A3C42;
}
.banner_img {
	height: 200px;
	box-shadow: 4px 4px 4px #6B6B6B;
}
.banner:nth-child(2n) {
	margin-right: 0;
}
.shop_banner {
	width: 1000px;
	height: 100px;
	border-radius: 10px;
	margin-bottom: 10px;
	background-color: #2599C0;
	box-shadow:  4px 4px 4px #6B6B6B;
}

.shop_banner a {
	display: block;
	text-align: center;
	height: 100px;
	padding-top: calc((84px - 32px) / 2);
	font-size: 32px;
	text-decoration: none;
	color: white;
}
.banner_img:hover,
.shop_banner:hover {
	box-shadow: 0px 0px 0px;
}

/*top===============================================================================*/
/*shop===============================================================================*/
.shop_box {
	overflow: hidden;
	width: 90%;
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FF4700;
	border-radius: 10px;
}
.shop_box h2 {
	text-align: center;
	background-color: #FF4700;
	color: white;
}
.shop_info {
	overflow: hidden;
	padding: 20px;
}
.shop_img {
	float: left;
	width: 300px;
	height: 300px;
	background-color: #D8D8D8;
}
.shop_txt {
	float: left;
	margin-top: -1.5em;
	padding-left: 20px;
}
.shop_txt td {
	padding-top: 1.5em;
	vertical-align: top;
	color: #333333;
}
.shop_txt td:nth-child(1) {
	width: 35%;
	text-align-last: justify;
	padding-right: 3em;
}
.shop_map {
	padding-top: 20px;
	height: 600px;
	clear: both;
}

/*shop===============================================================================*/
/*menu===============================================================================*/
.menu_group {
	margin-top: 60px;
}
.menu_group h2 {
	margin-top: 20px;
}
.item_info {
	border-top: 2px solid #2599C0;
}
.item_info p {
	margin-bottom: 1em;	
}
.price {
	font-size: 2em;
	font-weight: 800;
}
.txt_menu {
	font-weight: 700;
	color: #000000;
}
.box_group {
	font-size: 0;
}
.item_box {
	display: inline-block;
	overflow: hidden;
	width: 241px;
	height: 320px;
	margin-right: 12px;
	box-shadow: 0px 0px 2px;
	border-radius: 10px;
	margin-top: 20px;
	margin-bottom: 40px;
}
.item_box:nth-child(4n) {
	margin-right: 0;
}
.item_cpt {
	margin-top: 16px;
	font-size: 16px;
	text-align: center;
}
.item_cpt .price {
	font-size: 1.4em;
}

/*menu===============================================================================*/
/*furusato===============================================================================*/
.furusato_box {
	overflow: hidden;
	width: 500px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	box-shadow: 2px 2px 4px;
	border-radius: 10px;
}
.furusato_box:hover {
	box-shadow: 0px 0px 0px;
}
/*furusato===============================================================================*/

@media screen and (max-width: 1100px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
	main {
		width: 90%;
		padding-left: 5%;
		padding-right: 5%;
		padding-bottom: 40px;
	}
	header{
		height: 60px;
	}
	h1 {
		font-size: 2.5em;
	}
	.header_logo {
		bottom: 2px;
		left: 1px;
		width: 71%;
	}
	header menu {
		position: absolute;
		right: 3px;
		bottom: 0px;
	}
	.sp_menu li {
	padding-top: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #2599C0;
	text-align: center;
	font-size: 2em;
	}
	footer {
		font-size: 2em;
	}
	/*menu===============================================================================*/
	.sp_menu ul {
		list-style-type: none;
	}
	.sp_menu a {
		text-decoration: none;
		color: #2A3C42;
	}
	/*menu===============================================================================*/
	/*top===============================================================================*/
	.news {
		width: 80%;
		margin-left: auto;
		margin-right: auto;
		margin-top: 40px;
	}
	.news li {
		margin-bottom: 20px;
		font-size: 1.3em;
	}
	.news_date {
		display: block;
		color: #FFFFFF;
	}
	.insta_post {

		width: 32%;
		height: 32%;
		margin-right: 2%;
	}
	.pu_banner {
		width: 100%;
		height: auto;
		margin-bottom: 40px;
		margin-top: 40px;
	}
	.banner {
		float: none;
		width: 100%;
		height: 250px;
		margin-right: 0;
	}
	.banner_title {
		text-align: center;
		font-size: 1.5em;
		font-weight: 700;
	}
	.banner_img {
		height: auto;
	}
	.shop_banner {
		width: 100%;
	}
	/*top===============================================================================*/
	/*shop===============================================================================*/
	.shop_box {
		overflow: hidden;
		width: 100%;
		margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
		border: 1px solid #FF4700;
		border-radius: 10px;
	}
	.shop_box h2 {
		font-size: 2em;
	}
	.shop_img {
		float: left;
		width: 100%;
		height: 100%;
	}
	.shop_txt {
		padding-left: 0;
	}
	.shop_txt td:nth-child(1) {
		width: 35%;
		text-align-last: justify;
		padding-right: 2em;
	}
	.shop_map {
		height: 400px;
	}
	
	/*shop===============================================================================*/
	/*menu===============================================================================*/
	.item_info p {
		margin-bottom: 2em;
	}
	.price {
		font-size: 2em;
	}
	.item_box {
		display: inline-block;
		overflow: hidden;
		width: 49%;
		height: 300px;
		margin-right: 2%;
		box-shadow: 0px 0px 3px;
		border-radius: 10px;
		margin-top: 20px;
		margin-bottom: 40px;
	}
	.item_box:nth-child(2n) {
		margin-right: 0;
	}
	.item_cpt {
		margin-top: 32px;
		font-size: 18px;
		font-weight: 600;
	}
	.txt_menu {
		font-weight: 900;
	}
	/*menu===============================================================================*/
	/*furusato===============================================================================*/
	.furusato_box {
		width: 100%;
	}
	
	
	/*furusato===============================================================================*/
	
}