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

figure{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/*-------↓↓009用CSS↓↓-------*/

#food {
	margin: 30px 20px 90px;
}
#food .title-field {
	margin-bottom: 30px;
}
#food .title-field h3 {
	width: 218px;
	margin: 0 auto 20px;
}
#food .title-field h3 img{
	display: block;
	width: 218px;
	height: auto;
}
#food .title-field .item {
	width: 83px;
	float: left;
	margin: 0 25px;
}
#food .title-field .item img {
	width: 83px;
	height: auto;
}
#food .title-field div {
	width: calc(100% - 133px);
	float: right;
}
#food .title-field div h5 {
	font-size: 80%;
	margin-top: 15px;
}
#food .title-field div p {
	font-size: 80%;
	margin: 0;
}
#food .text-field h4 {
	font-size: 130%;
	color: #E17B1B;
}
#food .photo-field {
	margin-bottom: 30px;
}
#food .photo-field figure:first-child {
	margin-bottom: 15px;
}
#food .text-field {
	margin-bottom: 20px;
}
#food .people-field {
	border-bottom: #929292 thin solid;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
#food .people-field figure {
	float: left;
	width: 50%;
}
#food .people-field p {
	font-size: 80%;
	color: #E17B1B;
	float: right;
	width: 45%;
	margin: 0;
}
#food .column-field {
	width: 100%;
	margin: auto;
}
#food .column-field figure {
	float: left;
	width: 115px;
	margin-bottom: 5px;
}
#food .column-field h4 {
	
	width: 115px;
	text-align: center;
}
#food .column-field h4 img {
	width: 54px;
	height: auto;
	display: block;
	margin: 0 auto 10px;
}
#food .column-field p {
	width: calc(100% - 130px);
	font-size: 80%;
	float: right;
	margin-top: -177px;
}
#food .column-field p.caption {
	width: calc(100% - 130px);
	font-size: 80%;
	float: right;
	margin-top: 5px;
	color: #E17B1B;
}
#shop .title {
	background: url("../images/shop.png") top left no-repeat;
}
#shop .title {
	background-size: 500px auto;
	margin-left: 20px;
	height: 130px;
}
#shop .title h3 {
	display: none;
}
#shop .title figure {
	width: 100px;
	margin-top: 10px;
	margin-right: 10px;
	float: right;
}
#shop .text-field {
	background: url(../images/shop-photo1.jpg) bottom right no-repeat;
	background-size: 100% auto;
}
#shop .text-field h4 {
	width: 55px;
	margin: auto 20px;
	float: left;
	font-size: 130%;
	color: #EA5514;
}
#shop .text-field h4 img {
	display: block;
}
#shop .text-field .text {
	margin-right: 20px;
	margin-bottom: 70px;
	float: right;
	width: calc(100% - 115px);
}
#shop .text-field .text h4 {
	width: 100%;
	margin: 20px auto;
}
#shop .text-field .text p {
	margin: auto;
}
#shop .menu-field {
	width: calc(100% - 40px);
	margin: 0 auto 10px;
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	align-items: flex-end;
}
#shop .menu-field h5 {
	width: 110px;
}
#shop .menu-field p {
	font-size: 80%;
	width: calc(100% - 110px);
}
#shop .shop-field {
	margin: 20px;
}
#shop .shop-field .owner {
	width: 100%;
	display: table;
	margin-bottom: 10px;
}
#shop .shop-field .owner div {
	display: table-cell;
	width: 50%;
	vertical-align: bottom;
}
#shop .shop-field .owner div h5 {
	width: 101px;
}
#shop .shop-field .owner div p {
	font-size: 80%;
	width: 95%;
	margin-bottom: 0;
}
#shop .shop-field .owner figure {
	width: 40%;
	display: table-cell;
}
#shop .shop-field .owner figure img {
	margin-top: 20px;
}
#shop .shop-field .tips {
	width: calc(100% + 40px);
	background-color: #E8F3F4;
	margin-left: -20px;
	padding-bottom: 8px;
}
#shop .shop-field .tips h4 {
	width: 138px;
	margin: auto;
	padding: 8px;
}
#shop .shop-field .tips h4 img{
	display: block;
}
#shop .shop-field .tips div.dish {
	width: calc(100% - 40px);
	margin: auto;
	display: flex;
	justify-content: space-between;
}
#shop .shop-field .tips div.dish figure {
	width: 48%;
	margin-bottom: 10px;
}
#shop .shop-field .tips div.dish figure figcaption {
	font-size: 80%;
	line-height: 1.6em;
	margin-top: 5px;
	color: #489AA5;
	font-weight: bold;
}
#shop .shop-field .tips div.white{
	background-color: #ffffff;
	width: calc(100% - 40px);
	margin: auto;
	box-sizing: border-box;
	padding: 5px;
}
#shop .shop-field .tips div.white h5{
	color: #489AA5;
	font-weight: bold;
}
#shop .shop-field .tips div.white h5 span{
	color: #000000;
	font-size: 95%;
}
#shop .shop-field .tips div.white p{
	font-size: 80%;
	margin: 0px;
}
#shop .shop-field .shop{
	width: 100%;
	max-width: 230px;
	margin: auto;
	margin-top: 10px;
}
#shop .shop-field .shop figure {
	margin-bottom: 10px;
}
#shop .shop-field .shop div h5 {
	width: 130px;
	margin-bottom: 10px;
}

#shop .shop-field .shop div ul, #shop .shop-field .shop div li {
	list-style: none;
	padding: 0;
	margin: 0;
}
#shop .shop-field .shop div ul {
	font-size: 70%;
	line-height: 1.4em;
}
.content_main .infomation div li {
	text-align: left;
	padding: 10px;
}
.content_main .infomation {
	background: none;
	box-shadow: none;
	background-color: #FAE6D1;
	margin: 20px;
	padding: 0;
	border: thin solid #E17B1B;
}
.content_main .infomation div {
	margin: 0 20px;
	border: thin solid #FAE6D1;
	margin-top: -1px;
	margin-bottom: -1px;
}
.content_main .infomation div h4 {
	border-bottom: thin solid #929292;
	width: 100%;
	max-width: 350px;
	margin: 0 auto 10px;
}
.content_main .infomation div h4 img {
	margin: 10px auto 10px;
	display: block!important;
}
.content_main .infomation div ul, .content_main .infomation div li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.content_main .infomation div ul {
	display: inline-block;
	margin: 0 auto 10px;
	line-height: 1.4em;
}
.content_main .infomation div li {
	margin-bottom: 10px;
}
.content_main .infomation div li .shop {
	font-size: 120%;
	font-weight: bold;
}
.content_main .infomation div li .name {
	font-size: 80%;
}

/*-------↓↓PC版CSS↓↓-------*/
@media (min-width:480px) {
/*記事ページ画像入れ替え*/
.vol009 .content_main .top {
	background: url(../images/top_pc.jpg) top center no-repeat;
	background-size: contain;
	height: 490px;
	width: 700px;
}
#food .title-field {
	display: table;
}
#food .title-field h3 {
	display: table-cell;
	vertical-align: bottom;
	padding: 0 20px 0 30px;
	margin: auto;
}
#food .title-field .item {
	display: table-cell;
	vertical-align: bottom;
	padding-right: 20px;
	float: none;
	margin: auto;
}
#food .title-field div {
	display: table-cell;
	vertical-align: bottom;
	float: none;
	width: auto;
}
#food .photo-field img, #food .text-field img {
	display: none;
}
#food .photo-field .right {
	float: right;
	background: url("../images/pumpkin-photo2.jpg") top center no-repeat;
	background-size: contain;
	height: 265px;
	width: 285px;
}
#food .photo-field .left {
	width: 365px;
	float: left;
	background: url("../images/pumpkin-photo3_pc.jpg") top center no-repeat;
	background-size: contain;
	height: 265px;
}
#food .text-field .group1 .right {
	background: url("../images/pumpkin-photo4_pc.jpg") top center no-repeat;
	background-size: cover;
	height: 300px;
	width: 260px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
	#food .text-field .group2 figure{
	background: url("../images/pumpkin-photo5_pc.jpg") top center no-repeat;
	background-size: contain;
	height: 160px;
	width: 193px;
	float: right;
	margin-left: 20px;
	margin-bottom: 10px;
}
#food .text-field .group1 .left {
	float: left;
	width: calc(100% - 280px);
}
	#food .text-field .group2 p {
	float: left;
	width: calc(100% - 213px);
}
#food .text-field .left p {
	margin-bottom: 0px;
}
#food .people-field {
	width: 160px;
	float: left;
	padding-right: 20px;
	border-bottom: none;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
#food .people-field figure {
	float: none;
	width: 100%;
	margin-top: -30px;
}
#food .people-field p {
	margin: 10px auto 0px;
	float: none;
	width: 100%;
}
#food .column-field {
	float: right;
	width: calc(100% - 180px);
	box-sizing: border-box;
	border-top: #929292 thin solid;
	border-left: #929292 thin solid;
	padding-top: 20px;
}
#food .column-field h4{
	padding-left: 20px;
	width: 62px;
	float: left;
}
#food .column-field figure {
	width: 115px;
	float: right;
	margin-bottom: 5px;
}
#food .column-field p:first-of-type {
	width: calc(100% - 230px);
	float: left;
	margin-left: 20px;
	margin-top: 0px;
}
	#food .column-field p:last-of-type {
	width: 115px;
	float: right;
}
	#food .column-field figure{
	width: 115px;
	float: right;
}
	
	
#shop .title {
	height: 125px;
	padding-bottom: 30px;
	background-size: 660px auto;
}
#shop .title figure {
	width: 176px;
	margin-top: -20px;
	margin-right: 20px;
}
#shop .text-field {
	background: url("../images/shop-photo1_pc.jpg") bottom right no-repeat;
	background-size: 700px auto;
	position: relative;
}
#shop .text-field .text {
	width: 575px;
	float: right;
	margin-right: 20px;
	margin-bottom: 0px;
}
#shop .text-field .text h4 {
	margin-top: 180px;
}	
#shop .text-field .text p {
	margin: auto;
}
	#shop .text-field .text p:last-of-type {
		width: 235px;
		float: left;
}
#shop .menu-field {
	position: absolute;
	right: 20px;
	bottom: 0px;
	width: 255px;
}
	#shop .menu-field p {
	padding-top: 75px;
		width: 170px;
}
#shop .shop-field figure.cooking img {
	display: none;
}
#shop .shop-field figure.cooking {
	background: url(../images/shop-photo3_pc.jpg) top center no-repeat;
	background-size: cover;
	width: 255px;
	height: 478px;
	float: right;
}
#shop .shop-field .owner {
	width: 388px;
}
#shop .shop-field .owner div {
	width: 60%;
}
#shop .shop-field .owner figure {
	width: 40%;
}
#shop .shop-field .owner figure img {
	margin-top: 20px;
	width: 155px;
	height: auto;
}
#shop .shop-field .tips {
	width: 388px;
	margin-left: 0;
	}
#shop .shop-field .tips h4 {
	font-size: 110%;
}
#shop .shop-field .tips div {
	
}
#shop .shop-field .tips figure {
	
}
#shop .shop-field .shop {
	max-width: 500px;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	margin: 20px auto 50px;
}
#shop .shop-field .shop figure {
	width: 182px;
}
#shop .shop-field .shop div {
	width: calc(100% - 202px);
}
.content_main .infomation div ul {
	width: 100%;
	max-width: 400px;
	display: table;
}
.content_main .infomation div li {
	display: table-cell;
}
}