@charset "utf-8";
/*-------------------------------------------------------------------------------------------
　　CSS RESET
-------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
}
img {
	width: 100%;
}
body {
	margin:0px 0px 0px 0px;
	background:#fff;
	font-size:14px;
	color: #595959;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
p {
	line-height:140%;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display:block;
}
ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content:'';
	content:none;
}
a {
	margin:0;
	padding:0;
	vertical-align:baseline;
	background:transparent;
	text-decoration:none;
	color: #9B9B9B;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:0;
	padding:0;
}

/* アンカーリンク */

a.vivid_txt {
	color: #B1CC44;
	word-wrap: break-word;
}
a.vivid_btn {
	display: block;
	margin: 20px auto 40px;
	text-align: center;
	color:#fff;
	background:#BCD74C;
	padding: 13px;
	font-size: 12px;
	border-radius: 2px;
	box-sizing: border-box;
}
hr.vivid {
	height: 1px;
	background: #BCD74C;
	border: none;
	margin: 16px 0;
}
hr.plain {
	height: 1px;
	background: #e1e1e1;
	border: none;
	margin: 16px 0;
}
.pagetop {
	display: none;
	position: fixed;
	z-index: 1;
	bottom: 15px;
	right: 5%;
	padding: 12px;
	border-radius: 30px;
	font-size: 20px;
	color: #fff;
	background: #595959;
	opacity: 0.8;
	line-height: 1;
}

/* 共通パーツ（テキスト配置） */

.fs18 {
	font-size: 18px !important;
}
.fs16 {
	font-size: 16px !important;
}
.fs15 {
	font-size: 15px !important;
}
.tl {
	text-align: left !important;
}
.tc {
	text-align: center !important;
}
.tr {
	text-align: right !important;
}

/* 共通調整 */

.sp-slide {
	color:#FFFFFF;
}
.slide_inner {
	width: 100%;
	box-sizing: border-box;
	position:absolute;
	bottom:0;
	padding:30px 24px;
	background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));
	background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.6));
}
.slide_inner p:first-child {
	font-size: 12px;
	margin-bottom: 4px;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.slide_inner > p.txt {
	font-size:18px;
	font-weight: bold;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.2);
}
.slide_inner > span {
	border: 1px solid #ccc;
	display: block;
	float: left;
	font-size: 10px;
	border-radius: 10px;
	padding: 3px 15px;
	letter-spacing:0.1em;
	margin-right: 8px;
}
.contents .main .about,
.contents .main .error {
	padding: 0 20px 10px;
	font-size: 14px;
	line-height: 24px;
}
.contents .main .about h1,
.contents .main .error h1 {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 28px;
}
.contents .main .about .read {
	
}
.contents .main .about ul {
	margin: 16px 30px;
}
.contents .main .about ul li {
	list-style-type: decimal;
}
.contents .main .about .follow {
	margin-bottom: 8px;
}
.contents .main .about .by {
	text-align: right;
	margin-bottom: 30px;
}
.contents .main .about .back,
.contents .main .error .back {
	display: block;
	text-align: center;
}

.header_nav_inner ul li:nth-child(1) a.active{
	color:#a4725b;
	border-bottom:1px solid #a4725b;
}
.header_nav_inner ul li:nth-child(2) a.active{
	color:#ef7d56;
	border-bottom:1px solid #ef7d56;
}
.header_nav_inner ul li:nth-child(3) a.active{
	color:#6bd1c3;
	border-bottom:1px solid #6bd1c3;
}
.header_nav_inner ul li:nth-child(4) a.active{
	color:#8168b5;
	border-bottom:1px solid #8168b5;
}
.header_nav_inner ul li:nth-child(5) a.active{
	color:#ed7070;
	border-bottom:1px solid #ed7070;
}
.header_nav_inner ul li:nth-child(6) a.active{
	color:#3e7fb4;
	border-bottom:1px solid #3e7fb4;
}
.header_nav_inner ul li:nth-child(7) a.active{
	color:#efc556;
	border-bottom:1px solid #efc556;
}
.header_nav_inner ul li:nth-child(1) a h1{
	font-size: 12px;
}

/*****************************************************************************************************
 *
 * PC - CSS
 *
 *****************************************************************************************************/

@media only print, screen and (min-width: 751px) {
	
	/* ヘッダー・フッター */
	
	#header_nav {
		background:rgba(255,255,255,0.85);
		z-index:100;
		min-width: 950px;
		padding-top:12px;
		width:100%;
		position:absolute;
		height: 90px;
	}
	.header_nav_inner {
		width:950px;
		margin:0 auto;
		padding-bottom: 10px;
		text-align:center;
		position: relative;
	}
	.header_nav_inner > a > img {
		width:120px;
	}
	.header_info {
		float:left;
	}
	.header_info a {
		margin-top: 7px;
		margin-left: 85px;
		border:1px solid #999;
		color:#999;
		position:absolute;
		font-size:10px;
		border-radius:15px;
		padding:3px 15px;
		letter-spacing:0.1em;
	}
	.header_info a:nth-child(2) {
		margin-left: 232px;
	}
	.header_nav_inner ul.menu_list {
		display:table;
		table-layout:fixed;
		text-align:center;
		width: 950px;
		bottom:0;
		margin-bottom:5px;
		font-size:12px;
		min-height: 50px;
	}
	.header_nav_inner ul.menu_list li {
		display:table-cell;
		vertical-align:middle;
		width:auto;
		margin:5px;
	}
	.header_nav_inner ul.menu_list li a {
		color:#999;
		padding: 10px 0;
		display:block;
	}
	.header_nav_inner ul.menu_list li a.active {
		color:#a4725b;
		border-bottom:1px solid #a4725b;
		text-decoration:none;
		font-weight:bold;
	}
	.header_nav_inner ul.menu_list li a:hover {
		opacity:0.7;
	}
	
	.header {
	}
	.header,
	.footer {
		width: 100%;
	}
	.header .fix,
	.header .navi,
	.list,
	.contents,
	.footer .media {
		width: 940px;
		margin: auto;
	}
	.header .fix {
		margin: 12px auto;
		position: relative;
	}
	.header .fix .about,
	.header .fix .logo {
		box-sizing: border-box;
	}
	.header .fix .about,
	.header .fix .rss {
		position: absolute;
		top: 5px;
		left: 80px;
		box-sizing: border-box;
		border: 1px solid #999;
		color: #999;
		font-size: 10px;
		border-radius: 15px;
		padding: 3px 15px;
		letter-spacing: 0.1em;
	}
	.header .fix .logo {
		width: 120px;
		line-height: 0;
		margin: auto;
		display: block;
	}
	.search {
		position: absolute;
		top: 16px;
		right: 0;
	}
	.header_nav_inner .search {
		top: 5px;
	}
	.search input[type="text"] {
		height: 24px;
		width: 220px;
		border: 0;
		background: #f4f3ef;
		right: 2px;
		padding: 3px 30px 3px 12px;
	}
	.search .suggest_list {
		display: none;
		margin-top: 3px;
		background: #fff;
		box-sizing: border-box;
		border-radius: 4px;
		box-shadow: 0 0 2px rgba(0,0,0, 0.1);
		text-align: left;
	}
	.search .suggest_list .caption {
		font-size: 12px;
		background: #f4f3ef;
		padding: 1px 12px;
	}
	.search .suggest_list ul li a {
		display: block;
		padding: 8px 12px;
	}
	.search .suggest_list .area_elements li a {
		padding-left: 34px;
		background: url(../img/icn_pin.png) no-repeat left 12px center / 11px auto;
	}
	.search input[type="image"] {
		position: absolute;
		top: 5px;
		right: 6px;
		width: 20px;
	}
	.header .fix:after {
		content: "";
		display: block;
		clear: both;
	}
	.header .bg_navi {
		min-width: 940px;
		padding: 12px 0;
		margin: 12px 0;
		border-top: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
	}
	.header .bg_navi .navi {
		font-size: 10px;
		color: #9B9B9B;
	}
	.header .bg_navi .navi a,
	.header .bg_navi .navi span {
		font-size: 12px;
		line-height: 20px;
	}
	
	.footer {
		margin-top: 40px;
		min-width: 950px;
		background: #595959;
		color:#fff;
	}
	.footer .media .about {
		font-weight:bold;
		padding: 35px 0 12px;
	}
	.footer .media .list {
		position: relative;
	}
	.footer .media .list li {
		float:left;
		width:187px;
	}
	.footer .media .list li .sp {
		display: none;
	}
	.footer .media .list li ol {
		margin-bottom: 10px;
	}
	.footer .media .list li ol a {
		color: #e6e6e6;
		font-size: 13px;
	}
	.footer .media .list .sns {
		position: absolute;
		top: 22px;
		right: 40px;
	}
	.footer .media .list .sns a {
		float: left;
		width: 30px;
		height: 30px;
		padding: 20px;
	}
	.footer .media .list:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer .media .copy_right {
		text-align: center;
		padding: 20px 0 11px;
		color: #9b9b9b;
		font-size: 12px;
	}

	/* 共通パーツ */
	
	a:hover,
	.pagetop:hover {
		opacity: 0.7;
		cursor: pointer;
	}
	a.vivid_btn {
		width: 335px;
	}
	a.vivid_btn.app {
		display: none;
	}
	.read_txt {
		padding: 20px 40px;
		line-height: 22px;
	}
	.contents h2 {
		font-size: 18px;
		padding-bottom: 5px;
		margin-bottom: 8px;
		border-bottom: 1px solid #BCD74C;
	}
	.contents h3 {
		font-size: 15px;
		line-height: 19px;
		border-left: 1px solid #BCD74C;
		padding-left: 10px;
		margin-bottom: 8px;
	}
	.contents h4 {
		font-size: 15px;
		border-top: 2px solid #E2E2E2;
		border-bottom: 2px solid #E2E2E2;
		padding: 9px 12px 7px 12px;
    margin-bottom: 20px;
	}
	.contents strong {
		font-size: 15px;
		padding: 9px 0;
		display: block;
	}
	.contents .category {
		float: right;
		margin-top: -7px;
	}
	.contents .category li,
	.contents .category p {
		float: left;
		color: #9B9B9B;
		font-size: 11px;
		margin: 4px 4px 0 0;
	}
	.contents .category p {
		border: 1px solid #9B9B9B;
		border-radius: 20px;
		padding: 2px 11px;
		margin: 4px 4px 0 0;
	}
	.contents .category li.area {
		color: #9B9B9B;
		font-size: 11px;
		margin: 4px 4px 0 0;
	}
	.contents .category li:last-child {
		margin-right: 0;
	}
	.contents .category li a {
		padding: 2px 11px;
		display: inline-block;
		border: 1px solid #9B9B9B;
		border-radius: 20px;
	}
	.contents .category li.area a {
		padding: 4px 11px 2px 20px;
		border: 0;
		border-radius: 0;
		background: url(../img/icn_pin.png) no-repeat left center / 12px auto;
	}
	.contents .category:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .rec_link li {
		margin-bottom: 30px;
	}
	.contents .main .rec_link li ol {
		margin-bottom: 8px;
	}
	.contents .main .rec_link .dot ol p {
		padding-left: 13px;
		font-size: 15px;
		background: url(../img/icn_dot.png) no-repeat left center / 6px 6px;
		font-weight: bold;
	}
	.contents .main .rec_link .arrow ol p {
		padding-left: 24px;
		font-size: 15px;
		background: url(../img/icn_check.png) no-repeat left center / 18px 18px;
		font-weight: bold;
	}
	.contents .main .share .btn_share {
		text-align: center;
		border-bottom: 1px solid #e2e2e2;
		padding-bottom: 12px;
		margin-bottom: 40px;
		margin-top: 12px;
	}
	.contents .main .article .share .btn_share {
		margin-bottom: 20px;
		line-height: 0;
	}
	.contents .main .share .btn_share a {
		width: 100px;
		display: inline-table;
		margin-right: 8px;
		position: relative;
	}
	.contents .main .share .btn_share a img,
	.contents .main .share .btn_share a p {
		display: table-cell;
		vertical-align: middle;
	}
	.contents .main .share .btn_share a img {
		width: 40px;
		margin-right: 4px;
	}
	.contents .main .share .btn_share a p {
		text-align: left;
		font-weight: bold;
		font-size: 13px;
		width: 56px;
	}
	.contents .main .share .btn_share .li {
		display: none;
	}
	.contents .main .share .btn_share .fb p {
		color: #2e4e99;
	}
	.contents .main .share .btn_share .tw p {
		color: #5ea9dd;
	}
	.contents .main .share .btn_share .gg p {
		color: #dc4a3d;
	}
	.contents .main .share .btn_share .li p {
		color: #00c500;
	}
	.contents .main .share .btn_share a:last-child {
		margin-right: 0;
	}
	.contents .main .relation_keywords {
		margin-bottom: 40px;
	}
	.contents .main .relation_keywords .caption {
		font-weight: bold;
		font-size: 18px;
		padding-bottom: 8px;
		margin-bottom: 20px;
		border-bottom: 1px solid #e1e1e1;
	}
	
	/* コンテンツパーツ */
	
	.contents {
		margin-top: 40px;
	}
	.contents .main {
		width: 600px;
		margin-right: 40px;
		float: left;
	}
	.contents .main .article h1 {
		font-size: 20px;
		margin-bottom: 8px;
	}
	.contents .main .article .tag {
		margin-bottom: 8px;
	}
	.contents .main .article .tag .date {
		font-size: 11px;
		color: #9B9B9B;
		float: left;
		margin-bottom: 8px;
	}
	.contents .main .article .tag .date span {
		margin-left: 12px;
	}
	.contents .main .tag:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .article .read {
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 40px;
	}
	.contents .main .detail .main_img {
		margin-bottom: 27px;
		line-height: 0;
	}
	.contents .main .detail .main_txt {
		line-height: 26px;
		margin-bottom: 26px;
	}
	.contents .main .shop .intro {
		font-size: 14px;
		line-height: 26px;
		margin: 10px 0px;
	}
	.contents .main .series_banner {
		font-size: 14px;
		line-height: 26px;
		margin: 10px 0 25px;
	}
	.contents .main .shop .intro li {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	.contents .main .shop .intro .left {
		padding-right: 10px;
	}
	.contents .main .shop .intro .right {
		padding-left: 10px;
	}
	.contents .main .shop .recommend {
		margin-bottom: 40px;
	}
	.contents .main .shop .recommend li {
		float: left;
		width: 290px;
	}
	.contents .main .shop .recommend .left {
		margin-right: 20px;
	}
	.contents .main .shop .recommend .main_img,
	.contents .main .shop .recommend .img {
		line-height: 0;
	}
	.contents .main .shop .recommend .main_cook,
	.contents .main .shop .recommend .cook {
		margin-top: 9px;
		font-size: 12px;
		line-height: 21px;
	}
	.contents .main .shop .recommend:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop .side {
		box-sizing: border-box;
		margin-bottom: 40px;
	}
	.contents .main .shop .side:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop .side li {
		box-sizing: border-box;
		float: left;
		width: 38%;
	}
	.contents .main .shop .side li:first-child {
		padding-right: 20px;
	}
	.contents .main .shop .side .wide {
		width: 62%;
	}
	.contents .main .shop .side .txt {
		line-height: 21px;
		font-size: 12px;
	}
	.contents .main .shop .instagram {
		margin-bottom: 27px;
	}
	.contents .main .shop .instagram .relations {
		margin-bottom: 27px;
	}
	.contents .main .shop .movie {
		margin-bottom: 40px;
	}
	.contents .main .shop .data {
		padding: 30px 20px;
		background: #f4f3ef;
		display: block;
		margin-bottom: 30px;
	}
	.contents .main .shop .data h3 {
		margin-bottom: 18px;
		border-left: none;
		padding-left: 0px;
	}
	.contents .main .shop .data a {
		display: block;
	}
	.contents .main .shop .data a ul {
		background: #fff;
	}
	.contents .main .shop .data a ul li {
		display: table-cell;
		vertical-align: top;
	}
	.contents .main .shop .data a ul .img {
		min-width: 224px;
		position: relative;
		line-height: 0;
	}
	.contents .main .shop .data a ul .img .chef_rec {
		position: absolute;
		top: 10px;
		left: 10px;
		padding: 3px 0 0 23px;
		background: url(../img/icn_chef.png) no-repeat left top / 18px 18px ;
		color: #fff;
		font-weight: bold;
	}
	.contents .main .shop .data a ul .img .chef_rec span {
		font-weight: normal;
		font-size: 10px;
		margin-left: 1px;
	}
	.contents .main .shop .data a ul .txt {
		width: 100%;
		padding: 20px;
		vertical-align: middle;
	}
	.contents .main .shop .data a ul .txt .tag,
	.contents .main .shop .data a ul .txt .rute {
		margin-bottom: 2px;
		font-size: 11px;
		color: #9B9B9B;
	}
	.contents .main .shop .data a ul .txt .tag span {
		margin-left: 12px;
	}
	.contents .main .shop .data a ul .txt .name,
	.contents .main .shop .data a ul .txt .budget {
		color: #595959;
	}
	.contents .main .shop .data a ul .txt .name {
		font-size: 18px;
		font-weight: bold;
		margin-bottom: 4px;
	}
	.contents .main .shop .data a ul .txt .budget {
		margin-bottom: 10px;
	}
	.contents .main .shop .data a ul .txt .budget p {
		float: left;
		font-weight: bold;
	}
	.contents .main .shop .data a ul .txt .budget .lunch {
		padding-left: 22px;
		background: url(../img/icn_lunch.png) no-repeat left top 2px / 14px 14px;
		margin-right: 11px;
	}
	.contents .main .shop .data a ul .txt .budget .dinner {
		padding-left: 22px;
		background: url(../img/icn_dinner.png) no-repeat left top 2px / 14px 14px;
	}
	.contents .main .shop .data a ul .txt .budget:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop .data a ul .txt .rute {
		margin-bottom: 0;
	}
	.contents .main .shop .data a ul:after {
		content: "";
		display: block;
		clear: both;
	}

	.contents .main .edit{
		margin-bottom: 47px;
		color: #595959;
		min-height:100px;
	}

	.contents .main .edit .img{
		width:100px;
		height:100px;
		overflow:hidden;
		float:left;
		border-radius:50px;
		position:relative;
	}

	.contents .main .edit .img img{
		width:auto;
		max-width:100px;
		height:auto;
		max-height:100px;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	.contents .main .edit .writer{
		position:relative;
		padding-left:120px;
	}

	.contents .main .edit .caption{
		font-weight: bold;
		font-size: 15px;
		padding-bottom: 8px;
		margin-bottom: 27px;
		border-bottom: 1px solid #e1e1e1;
	}

	.contents .main .edit .editor {
		font-size: 15px;
	}

	.contents .main .edit .editor span {
		font-size: 15px;
		margin-left: 12px;
	}

	.contents .main .edit .editor_info {
		margin-top: 8px;
		font-size: 12px;
		line-height: 20px;
	}

/*
	.contents .main .edit .caption {
		font-weight: bold;
		font-size: 15px;
		padding-bottom: 8px;
		margin-bottom: 27px;
		border-bottom: 1px solid #e1e1e1;
	}
	.contents .main .edit {
		margin-bottom: 47px;
		color: #595959;
	}
	.contents .main .edit .editor {
		font-size: 15px;
	}
	.contents .main .edit .editor span {
		font-size: 15px;
		margin-left: 12px;
	}
	.contents .main .edit .editor_info {
		margin-top: 8px;
		font-size: 12px;
		line-height: 20px;
	}
*/

	.contents .main .share .main_share {
		margin-bottom: 15px;
	}
	.contents .main .share .main_share {
		display: block;
	}
	.contents .main .share .main_share .img,
	.contents .main .share .main_share .btn {
		display: table-cell;
		vertical-align: middle;
	}
	.contents .main .share .main_share .img {
		min-width: 262px;
		line-height: 0;
	}
	.contents .main .share .main_share .btn {
		width: 100%;
		text-align: center;
		background: #f3f3f3;
	}
	.contents .main .share .main_share .btn p {
		margin-bottom: 12px;
		font-size: 16px;
	}
	.contents .main .around {
		margin-bottom: 27px;
	}
	.contents .main .around li {
		width: 280px;
		float: left;
	}
	.contents .main .around li a {
		display: block;
	}
	.contents .main .around li a .article {
		margin-bottom: 11px;
		font-weight: bold;
	}
	.contents .main .around .prev a .article {
		margin-left: 6px;
		padding-left: 21px;
		background: url(../img/icn_arr_l.png) no-repeat left top 2px / 14px 14px;
	}
	.contents .main .around .next a .article {
		margin-right: 6px;
		text-align: right;
		padding-right: 21px;
		background: url(../img/icn_arr_r.png) no-repeat right top 2px / 14px 14px;
	}
	.contents .main .around li:first-child {
		margin-right: 40px;
	}
	.contents .main .around li a .img {
		line-height: 0;
		position: relative;
	}
	.contents .main .around li a .img .bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 13px 18px;
		box-sizing: border-box;
		background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
		background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
	}
	.contents .main .around li a .img .bg .title {
		font-weight: bold;
		color: #fff;
		font-size: 15px;
		line-height: 22px;
	}
	.contents .main .around:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .relation {
		margin-bottom: 40px;
	}
	.contents .main .relation li a {
		display: block;
		padding: 0 0 20px;
	}
	.contents .main .relation li {
    border-bottom: 1px solid #E2E2E2;
    margin-bottom: 20px;
	}
	.contents .main .relation li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .main .relation li a .img {
		min-width: 160px;
		line-height: 0;
		padding-right: 20px;
	}
	.contents .main .relation li a .data {
		width: 100%;
	}
	.contents .main .relation li a .data .date {
		margin-bottom: 2px;
	}
	.contents .main .relation li a .data .date span {
		margin-left: 12px;
	}
	.contents .main .relation li a .data .date,
	.contents .main .relation li a .data .category p {
		font-size: 11px;
		color: #9B9B9B;
	}
	.contents .main .relation li a .data .title {
		font-size: 18px;
		line-height: 28px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #595959;
	}
	.contents .main .relation li a .data .category {
		float: none;
	}
	.contents .main .relation li a .data .category p {
		float: left;
	}
	.contents .main .relation li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .no_article {
		margin: 20px 0 40px;
		padding: 25px;
		text-align: center;
		font-size: 15px;
		background: #f4f3ef;
	}
	.contents .main .new {
		margin: 0 0 40px;
	}
	.contents .main .new li {
		border-bottom: 1px solid #E2E2E2;
		margin-bottom: 20px;
	}
	.contents .main .new li a {
		display: block;
		padding: 0 0 20px;
	}
	.contents .main .new li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .main .new li a .img {
		min-width: 160px;
		line-height: 0;
		padding-right: 20px;
		position: relative;
	}
	.contents .main .new li a .img .new_icon {
		position: absolute;
		top: -6px;
		left: -6px;
		width: 40px;
		height: 40px;
	}
	.contents .main .new li a .data {
		width: 100%;
	}
	.contents .main .new li a .data .date {
		margin-bottom: 2px;
	}
	.contents .main .new li a .data .date span {
		margin-left: 12px;
	}
	.contents .main .new li a .data .date,
	.contents .main .new li a .data .category p {
		font-size: 11px;
		color: #9B9B9B;
	}
	.contents .main .new li a .data .title {
		font-size: 18px;
		line-height: 28px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #595959;
	}
	.contents .main .new li a .data .category {
		float: none;
	}
	.contents .main .new li a .data .category p {
		float: left;
	}
	.contents .main .new li:after {
		content: "";
		display: block;
		clear: both;
	}
	
	/* 右カラム */
	
	.contents .sub {
		width: 300px;
		margin: 0;
		float: right;
	}
	.contents .sub .add {
		line-height: 0;
		margin-bottom: 40px;
	}
	.contents .sub .tag_list {
		margin: 20px 0 40px;
	}
	.contents .sub .pickup {
		margin-bottom: 40px;
	}
	.contents .sub h3 {
		margin-bottom: 0;
	}
	.contents .sub .pickup li {
		position: relative;
	}
	.contents .sub .pickup li a {
		display: block;
		padding: 20px 0;
		border-bottom: 1px solid #E2E2E2;
	}
	.contents .sub .pickup li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .sub .pickup li a .img {
		min-width: 113px;
		line-height: 0;
		padding-right: 10px;
		position: relative;
	}
	.contents .sub .pickup li a .img p {
		position: absolute;
		top: 2px;
		left: 5px;
		width: 20px;
		height: 20px;
		color: #fff;
		font-weight: bold;
		z-index: 1;
	}
	.contents .sub .pickup li a .img p:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: -2px;
		left: -5px;
		border-style: solid;
		border-width: 35px 35px 0 0;
		z-index: -1;
	}
	.contents .sub .pickup li a .img .no_01:after {
		border-color: #e6de79 transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_02:after {
		border-color: #c9d0d8 transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_03:after {
		border-color: #e8c89f transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_outer:after {
		border-color: #9b9b9b transparent transparent transparent;
	}
	.contents .sub .pickup li a .data {
		width: 100%;
	}
	.contents .sub .pickup li a .data .date {
		margin-bottom: 2px;
	}
	.contents .sub .pickup li a .data .date span {
		margin-left: 12px;
	}
	.contents .sub .pickup li a .data .date,
	.contents .sub .pickup li a .data .category p {
		font-size: 10px;
		color: #9B9B9B;
	}
	.contents .sub .pickup li a .data .title {
		font-size: 15px;
		line-height: 22px;
		font-weight: bold;
		margin-bottom: 8px;
		color: #595959;
	}
	.contents .sub .pickup li a .data .category {
		float: none;
	}
	.contents .sub .pickup li a .data .category p {
		float: left;
	}
	.contents .sub .pickup li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .sub .facebook {
		line-height: 0;
		margin-bottom: 40px;
	}
	.contents .sub .app > .img {
		line-height: 0;
	}
	.contents .sub .app .app_box {
		padding: 10px;
		border: 1px solid #e1e1e1;
		background: #f8f8f8;
	}
	.contents .sub .app .app_box .app_info ol {
		display: table-cell;
		vertical-align: middle;
		line-height: 0;
	}
	.contents .sub .app .app_box .app_info {
		margin-bottom: 12px;
	}
	.contents .sub .app .app_box .app_info .img img {
		width: 40px;
		height: 40px;
		box-sizing: border-box;
		border-radius: 4px;
		line-height: 0;
		border: 1px solid #d7d7d7;
	}
	.contents .sub .app .app_box .app_info .data {
		padding-left: 12px;
	}
	.contents .sub .app .app_box .app_info .data .app_name {
		font-weight: bold;
		font-size: 14px;
		color: #b0c652;
		letter-spacing: 0.03em;
		line-height: 18px;
		margin-bottom: 4px;
	}
	.contents .sub .app .app_box .app_info .data .app_detail {
		font-size: 11px;
		letter-spacing: 0.03em;
	}
	.contents .sub .app .app_box .app_btn ol {
		line-height: 0;
	}
	.contents .sub .app .app_box .app_btn ol a {
		width: 134px;
		display: block;
		margin: auto;
		float: left;
	}
	.contents .sub .app .app_box .app_btn ol a:first-child {
		margin-right: 10px;
	}
	.contents .sub .app .app_box li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents:after {
		content: "";
		display: block;
		clear: both;
	}
	.relation_box {
		margin-bottom: 40px;
	}
	.relation_cap {
		padding-bottom: 5px;
		border-bottom: 1px solid #BCD74C;
		margin-bottom: 20px;
	}
	.list .relation_cap {
		border-bottom: 1px solid #e2e2e2;
	}
	.relation_cap h2 {
		padding: 0;
		margin: 0;
		border: 0;
	}
	.relation_cap span {
		margin-left: 14px;
	}

	.tag_list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.tag_list li {
		font-size: 12px;
		margin: 0 10px 8px 0;
		border-radius: 20px;
	}
	.tag_list li.area {
		border: 0;
		border-radius: 0;
		color: #9B9B9B;
		background: none;
	}
	.tag_list li a {
		background: #f3f3f3;
		padding: 6px 20px;
		display: block;
		border-radius: 20px;
	}
	.tag_list li.area a {
		text-align: left;
		padding: 5px 8px 5px 20px;
		background: url(../img/icn_pin.png) no-repeat left center / 12px auto;
	}
	.area_table {
		margin: 20px 0 40px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.area_table li {
		width: 50%;
	}
	.area_table li a {
		display: block;
		box-sizing: border-box;
		border: 1px solid #E2E2E2;
		text-align: center;
		margin-top: -1px;
		position: relative;
		z-index: 1;
		padding: 10px;
	}
	.area_table li:nth-child(2n) a {
		margin-left: -1px;
	}
	.area_table li a:hover {
		border: 1px solid #eee;
		color: #c9c9c9;
		z-index: 2;
		opacity: 1;
	}
	
	/* トップ */
	
	.index .main {
		margin-top: 20px;
	}
	.index .sub {
		margin-top: 26px;
	}
	.index .sub .pickup h3 {
		border-top: 0;
	}
	.pager {
		text-align: center;
		margin: 18px auto;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 0;
	}
	.pager li {
		margin-left: -1px;
	}
	.pager li,
	.pager ol {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}
	.pager ol {
		font-size: 0;
	}
	.pager li a,
	.pager li p {
		display: block;
		padding: 6px 0px;
		width: 42px;
		height: 42px;
		text-align: center;
		border-collapse: collapse;
		box-sizing: border-box;
		line-height: 32px;
	}
	.pager .num a {
		background: #fff;
		border: 1px solid #e2e2e2;
	}
	.pager .now {
		background: #bcd74c;
		color: #fff;
	}
	.pager .first a,
	.pager .last a {
		border: 1px solid #e2e2e2;
	}
	.pager .first {
		position: relative;
		margin-right: 42px;
	}
	.pager .first:after {
		position: absolute;
		top: 12px;
		right: -29px;
		content: "…";
	}
	.pager .last {
		position: relative;
		margin-left: 42px;
	}
	.pager .last:before {
		content: "…";
		position: absolute;
		top: 12px;
		left: -29px;
		content: "…";
	}
	.pager .last:before {
		content: "…";
		position: absolute;
		top: 12px;
		left: -29px;
		content: "…";
	}
	
	/* 連載記事 */
	
	.series .main {
		margin-top: 20px;
	}
	.series .main .new li:last-child {
		border-bottom: 0;
	}
	.series .sub {
		margin-top: 40px;
	}
	.series .main .new {
		margin-bottom: 0;
	}
	.series .banner h4 {
		margin-bottom: 15px;
	}
	.series .banner li {
		line-height: 0;
		padding: 5px 0;
		border-bottom: 1px solid #e1e1e1;
	}
	
	/* 連載記事TOP */
	
	.series_detail .photo {
		margin-top: -40px;
		line-height: 0;
	}
	.series_detail .main {
		margin-top: 20px;
	}
	.series_detail .sub {
		margin-top: 40px;
	}

	/* 全体のマージン修正(2020/02) */
	.contents .main .shop {
		margin-bottom: 30px;
	}

	/* 店舗カセット内文字色変更(2020/02) */
	li.txt{
		color : #595959 !important;
	}

	/* 見出し追加パーツ用(2020/02) */
	.i2bc{
		margin-left:310px;
		word-break: break-all;
	}

	.i2bl{
		margin-left:38%;
		word-break: break-all;
	}

	.i2br{
		margin-left:62%;
		word-break: break-all;
	}
}

/*****************************************************************************************************
 *
 * SP - CSS
 *
 *****************************************************************************************************/

@media only print, screen and (max-width: 750px) {

	/* ヘッダー・フッター */
	
	.slide_inner {
		padding: 24px 16px;
	}
	.contents .main .about h1,
	.contents .main .error h1 {
		margin-top: 10px;
}
	#header_nav {
		background: rgba(255,255,255,0.85);
		z-index: 100;
		padding-top: 10px;
		width: 100%;
		height: 70px;
		position: absolute;
	}
	.header_nav_inner {
		width: 100%;
		margin: 0 auto;
		text-align: left;
		overflow-x: scroll;
    overflow-y: hidden;
    height: 70px;
    padding-bottom: 10px;
	}
	.header_nav_inner > a > img {
		width: 74px;
		position: absolute;
		left: 0;
		right: 0;
		margin: auto;
	}
	.header_info a {
		border:1px solid #ccc;
		position:absolute;
		font-size:10px;
		border-radius:10px;
		padding:3px 15px;
		letter-spacing:0.1em;
		display:none;
	}
	.header_nav_inner ul.menu_list {
		display: table;
		table-layout: fixed;
		text-align: center;
		width: 640px;
		bottom: 0;
		font-size: 11px;
		margin-top: 30px;
	}
	.header_nav_inner ul.menu_list li {
		display:table-cell;
		vertical-align:middle;
		width:auto;
		margin:5px;
	}
	.header_nav_inner ul.menu_list li a {
		color:#999;
		padding: 10px 0;
		display:block;
	}
	.header_nav_inner ul.menu_list li a.active {
		color:#a4725b;
		border-bottom:2px solid #a4725b;
		text-decoration:none;
		font-weight:bold;
	}
	.header_nav_inner ul.menu_list li a:hover {
		opacity:0.7;
	}
	
	ul.sp-slides li.new:after {
		display:block;
		content:"";
		width:40px;
		height:40px;
		position:absolute;
		left:10px;
		top:90px; 
		background:no-repeat;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		background-image:url(../img/icn_new.png);
		background-size:40px 40px;
	}

	.header {
		margin-bottom: 43px;
	}
	.header,
	.footer {
		width: 100%;
	}
	.header .fix,
	.header .navi,
	.list,
	.contents,
	.footer .media {
		width: 100%;
		margin: auto;
	}
	.header .fix {
		position: relative;
		padding: 10px 10px;
		box-sizing: border-box;
		border-bottom: 1px solid #ddd;
	}
	.header .fix .about,
	.header .fix .rss {
		display: none;
	}
	.header .fix .logo {
		width: 74px;
		line-height: 0;
		margin: auto;
		display: block;
	}
	.search {
    margin-top: -8px;
		position: absolute;
		top: 8px;
    right: 0;
    width: 100%;
    z-index: 105;
    box-sizing: border-box;
	}
	.search.hidden {
    margin: 0 20px;
    width: 26px;
    height: 26px;
    background: url(../img/icn_search.png) no-repeat center center / 22px auto;
	}
	.search.hidden .freeword_box {
		display: none;
	}
	.search input[type="text"] {
		border: 0;
		background: #fff;
    width: 100%;
    padding: 15px 60px 15px 20px;
    box-sizing: border-box;
	}
	.search input[type="image"] {
		position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px 20px 10px;
    width: 25px;
	}
	.search .suggest_list {
    display: none;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 2px rgba(0,0,0, 0.1);
    text-align: left;
	}
	.search .suggest_list .caption {
			font-size: 12px;
			background: #f4f3ef;
			padding: 1px 20px;
	}
	.search .suggest_list ul li {
    background: url(../img/icn_arr_r.png) no-repeat right 20px center / 8px auto;
	}
	.search .suggest_list ul li:not(:first-child) {
		border-top: 1px solid #f4f3ef;
	}
	.search .suggest_list ul li a {
    display: block;
    padding: 10px 36px 10px 20px;
	}
	.search .suggest_list .area_elements li a {
    padding-left: 42px;
    background: url(../img/icn_pin.png) no-repeat left 20px center / 12px auto;
	}
	.search:not(.hidden) ~ .suggest_overlay {
		position: fixed;
    z-index: -1;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, .6);
	}
	
	.header .fix:after {
		content: "";
		display: block;
		clear: both;
	}
	.header .bg_navi {
		display: none;
	}
	.footer {
		background: #595959;
		color:#fff;
	}
	.footer .media .about {
		display: none;
	}
	.footer .media .list {
		position: relative;
    padding: 0 20px;
		box-sizing: border-box;
	}
	.footer .media .list li {
		float: left;
		width: 50%;
	}
	.footer .media .list li .pc {
		display: none;
	}
	.footer .media .list li ol {
			margin-bottom: 10px;
	}
	.footer .media .list li ol a {
		color: #e6e6e6;
		font-size: 13px;
	}
	.footer .media .list .sns {
		text-align: center;
		padding: 15px 0;
	}
	.footer .media .list .sns:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer .media .list .sns a {
		display: inline-block;
		width: 30px;
		height: 30px;
		padding: 20px;
	}
	.footer .media .list .sns a img {
		width: 30px;
	}
	.footer .media .list:after {
		content: "";
		display: block;
		clear: both;
	}
	.footer .media .copy_right {
		text-align: center;
		padding: 20px 0 11px;
		color: #9b9b9b;
		font-size: 12px;
	}
	
	
	/* SP共通 */
	
	body{
		vertical-align:baseline;
		background:transparent;
		-webkit-text-size-adjust: none;
		-webkit-tap-highlight-color:brown-translucent;
	}
	a.vivid_btn {
		margin: 20px 20px 40px;
	}
	a.vivid_txt {
		box-sizing: border-box;
	}
	.read_txt {
		padding: 20px;
		line-height: 22px;
	}
	.contents h2 {
		font-size: 18px;
		line-height: 27px;
		padding: 20px 0 6px;
		border-bottom: 1px solid #BCD74C;
		margin: 0 20px 10px;
		box-sizing: border-box;
	}
	.contents h3 {
		font-size: 16px;
		line-height: 18px;
		border-left: 1px solid #BCD74C;
		padding-left: 10px;
		margin: 0 20px 20px;
		box-sizing: border-box;
	}
	.contents h4 {
		font-size: 15px;
		padding: 12px 20px 11px;
	}
	.contents strong {
		font-size: 15px;
		padding: 12px 20px 11px;
		display: block;
	}
	.contents .category {
		float: none;
		display: inline-block;
	}
	.contents .category li,
	.contents .category p {
		float: left;
		color: #9B9B9B;
		font-size: 11px;
		margin: 4px 4px 0 0;
	}
	.contents .category p {
		border: 1px solid #9B9B9B;
		border-radius: 20px;
		padding: 2px 11px;
		margin: 4px 4px 0 0;
	}
	.contents .category li:last-child {
		margin-right: 0;
	}
	.contents .category li a {
		padding: 2px 7px;
    display: inline-block;
		border: 1px solid #9B9B9B;
		border-radius: 20px;
	}
	.contents .category li.area a {
		border: 0;
		border-radius: 0;
		padding: 3px 11px 3px 20px;
		background: url(../img/icn_pin.png) no-repeat left 2px center / 10px auto;
	}
	.contents .category:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .rec_link {
		margin: 0 20px;
		box-sizing: border-box;
	}
	.contents .main .rec_link li {
		margin-bottom: 30px;
	}
	.contents .main .rec_link li ol {
		margin-bottom: 8px;
	}
	.contents .main .rec_link .dot ol p {
		padding-left: 13px;
		background: url(../img/icn_dot.png) no-repeat left center / 6px 6px;
		font-weight: bold;
		font-size: 15px;
	}
	.contents .main .rec_link .arrow ol p {
		padding-left: 24px;
		background: url(../img/icn_check.png) no-repeat left center / 18px 18px;
		font-weight: bold;
		font-size: 15px;
	}
	.contents .main .share .btn_share {
		text-align: center;
		margin: 16px 0 18px;
		box-sizing: border-box;
	}
	.contents .main .article .share .btn_share {
	}
	.contents .main .share .btn_share a {
		display: inline-table;
		margin-right: 3%;
		padding: 0 7px;
		position: relative;
	}
	.contents .main .share .btn_share a img {
		width: 50px;
	}
	.contents .main .share .btn_share a p {
		font-weight: bold;
		font-size: 13px;
	}
	.contents .main .share .btn_share .fb p {
		color: #2e4e99;
	}
	.contents .main .share .btn_share .tw p {
		color: #5ea9dd;
	}
	.contents .main .share .btn_share .gg p {
		color: #dc4a3d;
	}
	.contents .main .share .btn_share .li p {
		color: #00c500;
	}
	.contents .main .share .btn_share a:last-child {
		margin-right: 0;
	}
	.contents .main .relation_keywords {
		margin: 40px 0;
	}
	.contents .main .relation_keywords .caption {
		font-weight: bold;
		font-size: 18px;
		padding: 0 20px 8px;
		margin-bottom: 20px;
		border-bottom: 1px solid #e1e1e1;
	}
	
	/* コンテンツパーツ */
	
	.contents.list {
		padding: 0;
	}
	.contents .main {
		width: 100%;
		box-sizing: border-box;
	}
	.contents .main .article {
	}
	.contents .main .article h1 {
		font-size: 20px;
		margin: 0 20px 16px;
		box-sizing: border-box;
		line-height: 30px;
	}
	.contents .main .article .tag {
		margin: 0 20px 18px;
		box-sizing: border-box;
	}
	.contents .main .article .tag .date {
		font-size: 11px;
		color: #9B9B9B;
		margin-bottom: 4px;
	}
	.contents .main .article .tag .date span {
		margin-left: 12px;
	}
	.contents .main .tag:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .article .read {
		line-height: 26px;
		margin: 0 20px 20px;
		box-sizing: border-box;
	}
	.contents .main .detail {
		border-top: 1px solid #e2e2e2;
		padding-top: 30px;
	}
	.contents .main .detail .main_img {
		margin-bottom: 30px;
		line-height: 0;
	}
	.contents .main .detail .main_txt {
		font-size: 15px;
		line-height: 27px;
		margin: 0 20px 30px;
		box-sizing: border-box;
	}
	.contents .main .shop {
	}
	.contents .main .shop .intro {
		font-size: 14px;
		line-height: 27px;
		margin: 0 20px 20px;
		box-sizing: border-box;
	}
	.contents .main .shop .intro li {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	.contents .main .shop .intro .left {
		padding-right: 5px;
	}
	.contents .main .shop .intro .right {
		padding-left: 5px;
	}
	.contents .main .shop .recommend {
		margin-bottom: 30px;
	}
	.contents .main .shop .recommend li {
		display: table-cell;
		vertical-align: top;
		width: 50%;
	}
	.contents .main .shop .recommend .left {
		padding-right: 3px;
	}
	.contents .main .shop .recommend .right {
		padding-left: 3px;
	}
	.contents .main .shop .recommend .left .cook {
		padding-left: 10px;
	}
	.contents .main .shop .recommend .right .cook {
		padding-right: 10px;
	}
	.contents .main .shop .recommend .main_img,
	.contents .main .shop .recommend .img {
		line-height: 0;
	}
	.contents .main .shop .recommend .cook,
	.contents .main .shop .recommend .main_cook {
		box-sizing: border-box;
		line-height: 20px;
		font-size: 12px;
	}
	.contents .main .shop .recommend .main_cook {
		margin: 10px 10px 0px;
	}
	.contents .main .shop .recommend .cook {
		margin: 10px 0 0;
	}
	.contents .main .shop .side {
		box-sizing: border-box;
		margin: 0 0 30px;
	}
	.contents .main .shop .side:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop .side li {
		box-sizing: border-box;
		float: left;
		width: 38%;
	}
	.contents .main .shop .side .wide {
		width: 62%;
	}
	.contents .main .shop .side .txt {
		line-height: 20px;
		font-size: 12px;
		margin: 0 10px;
	}
	.contents .main .shop .instagram {
		margin: 0 20px;
		box-sizing: border-box;
	}
	.contents .main .shop .instagram .relations {
		margin-bottom: 27px;
	}
	.contents .main .shop .movie {
		margin-bottom: 45px;
	}
	.contents .main .shop .data {
		padding: 10px 10px 20px 10px;
		background: #f4f3ef;
		display: block;
		margin-bottom: 0px;
	}
	.contents .main .shop .data h3 {
		margin: 0 0 10px;
		border-left: none;
		padding-left: 0px;
	}
	.contents .main .shop .data a {
		display: block;
	}
	.contents .main .shop .data a ul {
		background: #fff;
	}
	.contents .main .shop .data a ul li {
	}
	.contents .main .shop .data a ul .img {
		min-width: 134px;
		position: relative;
		line-height: 0;
	}
	.contents .main .shop .data a ul .img .chef_rec {
		position: absolute;
		top: 10px;
		left: 10px;
		padding: 3px 0 0 23px;
		background: url(../img/icn_chef.png) no-repeat left top / 18px 18px ;
		color: #fff;
		font-weight: bold;
	}
	.contents .main .shop .data a ul .img .chef_rec span {
		font-weight: normal;
		font-size: 10px;
	}
	.contents .main .shop .data a ul .txt {
		width: 100%;
		padding: 13px;
		box-sizing: border-box;
	}
	.contents .main .shop .data a ul .txt .tag {
		margin-bottom: 2px;
	}
	.contents .main .shop .data a ul .txt .tag span {
		margin-left: 12px;
	}
	.contents .main .shop .data a ul .txt .tag,
	.contents .main .shop .data a ul .txt .rute {
		font-size: 11px;
		color: #9B9B9B;
	}
	.contents .main .shop .data a ul .txt .name,
	.contents .main .shop .data a ul .txt .budget {
		color: #595959;
	}
	.contents .main .shop .data a ul .txt .name {
		font-size: 17px;
		font-weight: bold;
	}
	.contents .main .shop .data a ul .txt .budget {
		margin: 4px 0 10px;
	}
	.contents .main .shop .data a ul .txt .budget p {
		float: left;
		font-size: 13px;
		font-weight: bold;
	}
	.contents .main .shop .data a ul .txt .budget .lunch {
		padding-left: 17px;
		background: url(../img/icn_lunch.png) no-repeat left top 2px / 14px 14px;
		margin-right: 11px;
	}
	.contents .main .shop .data a ul .txt .budget .dinner {
		padding-left: 17px;
		background: url(../img/icn_dinner.png) no-repeat left top 2px / 14px 14px;
	}
	.contents .main .shop .data a ul .txt .budget:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop .data a ul:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .shop {
		box-sizing: border-box;
		margin-bottom: 30px;
	}




	.contents .main .edit{
		margin-bottom: 40px;
		color: #595959;
		min-height:100px;
	}

	.contents .main .edit .img{
		width:100px;
		height:100px;
		overflow:hidden;
		float:left;
		border-radius:50px;
		position:relative;
	}

	.contents .main .edit .img img{
		width:auto;
		max-width:100px;
		height:auto;
		max-height:100px;
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform: translateY(-50%) translateX(-50%);
		transform: translateY(-50%) translateX(-50%);
	}

	.contents .main .edit .writer{
		position:relative;
		padding-left:120px;
	}

	.contents .main .edit .caption{
		font-weight: bold;
		font-size: 15px;
		padding-bottom: 8px;
		margin-bottom: 27px;
		border-bottom: 1px solid #e1e1e1;
	}

	.contents .main .edit .editor {
		font-size: 15px;
	}

	.contents .main .edit .editor span {
		font-size: 15px;
		margin-left: 12px;
	}

	.contents .main .edit .editor_info {
		margin-top: 8px;
		font-size: 12px;
		line-height: 20px;
	}

/*
	.contents .main .edit {
		margin: 0 20px;
		box-sizing: border-box;
	}
	.contents .main .edit .caption {
		font-weight: bold;
		font-size: 15px;
		padding-bottom: 10px;
		margin-bottom: 12px;
		border-bottom: 1px solid #e1e1e1;
	}
	.contents .main .edit {
		margin-bottom: 40px;
		color: #595959;
	}
	.contents .main .edit .editor {
		font-size: 15px;
	}
	.contents .main .edit .editor span {
		font-size: 15px;
		margin-left: 12px;
	}
	.contents .main .edit .editor_info {
		margin-top: 8px;
		font-size: 12px;
		line-height: 20px;
	}
*/
	.contents .main .share {
	}
	.contents .main .share .main_share {
		margin: 0 10px 20px;
		box-sizing: border-box;
	}
	.contents .main .share .main_share {
		display: block;
	}
	.contents .main .share .main_share .img,
	.contents .main .share .main_share .btn {
		display: table-cell;
		vertical-align: middle;
	}
	.contents .main .share .main_share .img {
		min-width: 113px;
		line-height: 0;
	}
	.contents .main .share .main_share .btn {
		width: 100%;
		text-align: center;
		background: #f3f3f3;
		padding: 10px;
		box-sizing: border-box;
	}
	.contents .main .share .main_share .btn p {
		margin-bottom: 10px;
		font-size: 12px;
	}
	.contents .main .around {
		border-top: 2px solid #e2e2e2;
		border-bottom: 2px solid #e2e2e2;
		margin-bottom: 28px;
	}
	.contents .main .around li {
		float: left;
		width: 50%;
	}
	.contents .main .around li a {
		display: block;
		border-collapse: collapse;
	}
	.contents .main .around li a .article {
		margin: 20px 0 11px;
		font-weight: bold;
		font-size: 15px;
	}
	.contents .main .around .prev a {
		padding: 3px 3px 3px 0;
	}
	.contents .main .around .next a {
		padding: 3px 0 3px 3px;
	}
	.contents .main .around .prev a .article {
		margin-left: 5px;
		padding-left: 20px;
		background: url(../img/icn_arr_l.png) no-repeat left top 2px / 14px 14px;
	}
	.contents .main .around .next a .article {
		margin-right: 5px;
		text-align: right;
		padding-right: 20px;
		background: url(../img/icn_arr_r.png) no-repeat right top 2px / 14px 14px;
	}
	.contents .main .around li:first-child a {
		border-right: 1px solid #e2e2e2;
	}
	.contents .main .around li a .img {
		line-height: 0;
		position: relative;
	}
	.contents .main .around li a .img .bg {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		padding: 4px 7px;
		box-sizing: border-box;
		background: -ms-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
		background: -moz-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
		background: -webkit-linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.4));
	}
	.contents .main .around li a .img .bg .title {
		font-weight: bold;
		line-height: 21px;
		color: #fff;
		font-size: 15px;
	}
	.contents .main .around:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .relation {
	}
	.contents .main .relation h4 {
		border: 0;
	}
	.contents .main .relation li {
		border-top: 1px solid #E2E2E2;
	}
	.contents .main .relation li a {
		display: block;
		padding: 10px;
		line-height: 0;
	}
	.contents .main .relation li:last-child a {
		margin-bottom: 14px;
	}
	.contents .main .relation li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .main .relation li a .img {
		min-width: 113px;
		padding-right: 10px;
	}
	.contents .main .relation li a .data {
		width: 100%;
	}
	.contents .main .relation li a .data .date {
		margin-bottom: 4px;
	}
	.contents .main .relation li a .data .date span {
		margin-left: 12px;
	}
	.contents .main .relation li a .data .date,
	.contents .main .relation li a .data .category p {
		font-size: 10px;
		color: #9B9B9B;
	}
	.contents .main .relation li a .data .title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 6px;
		color: #595959;
	}
	.contents .main .relation li a .data .category {
		float: none;
	}
	.contents .main .relation li a .data .category p {
		float: left;
	}
	.contents .main .relation li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .main .no_article {
		margin: 20px 20px 40px;
		padding: 25px;
		text-align: center;
		font-size: 15px;
		background: #f4f3ef;
	}
	.contents .main .new {
		margin-bottom: 40px;
	}
	.contents .main .new h4 {
		border-top: 1px solid #E2E2E2;
		border-bottom: 1px solid #E2E2E2;
	}
	.contents .main .new li {
		border-bottom: 1px solid #E2E2E2;
	}
	.contents .main .new li a {
		display: block;
		padding: 10px;
		line-height: 0;
	}
	.contents .main .new li:last-child {
		/*padding-bottom: 14px;*/
	}
	.contents .main .new li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .main .new li a .img {
		min-width: 113px;
		padding-right: 10px;
		position: relative;
	}
	.contents .main .new li a .img .new_icon {
		position: absolute;
		top: -4px;
		left: -4px;
		width: 24px;
		height: 24px;
	}
	.contents .main .new li a .data {
		width: 100%;
	}
	.contents .main .new li a .data .date {
		margin-bottom: 4px;
	}
	.contents .main .new li a .data .date span {
		margin-left: 12px;
	}
	.contents .main .new li a .data .date,
	.contents .main .new li a .data .category p {
		font-size: 10px;
		color: #9B9B9B;
	}
	.contents .main .new li a .data .title {
		font-size: 15px;
		font-weight: bold;
		margin-bottom: 2px;
		color: #595959;
	}
	.contents .main .new li a .data .category {
		float: none;
	}
	.contents .main .new li a .data .category p {
		float: left;
	}
	.contents .main .new li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .sub {
		width: 100%;
		margin: 0;
	}
	.contents .sub .add {
		line-height: 0;
		margin-bottom: 40px;
	}
	.contents .sub .pickup {
		margin: 0 0 40px;
	}
	.contents .sub .pickup h3 {
		font-size: 15px;
		border-bottom: 1px solid #E2E2E2;
		border-left: 0;
		padding: 15px 20px 12px;
		margin: 0;
	}
	.contents .sub .pickup li {
		position: relative;
		border-bottom: 1px solid #E2E2E2;
	}
	.contents .sub .pickup li:first-child {
		border-top: 1px solid #E2E2E2;
	}
	.contents .sub .pickup li a {
		display: block;
		padding: 10px;
		line-height: 0;
	}
	.contents .sub .pickup li a ol {
		display: table-cell;
		vertical-align: top;
	}
	.contents .sub .pickup li a .img {
		min-width: 113px;
		position: relative;
	}
	.contents .sub .pickup li a .img p {
		position: absolute;
		top: 2px;
		left: 5px;
		width: 20px;
		height: 20px;
		color: #fff;
		z-index: 1;
		font-weight: bold;
	}
	.contents .sub .pickup li a .img p:after {
		content: "";
		width: 0;
		height: 0;
		position: absolute;
		top: -2px;
		left: -5px;
		border-style: solid;
		border-width: 35px 35px 0 0;
		z-index: -1;
	}
	.contents .sub .pickup li a .img .no_01:after {
		border-color: #e6de79 transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_02:after {
		border-color: #c9d0d8 transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_03:after {
		border-color: #e8c89f transparent transparent transparent;
	}
	.contents .sub .pickup li a .img .no_outer:after {
		border-color: #9b9b9b transparent transparent transparent;
	}
	.contents .sub .pickup li a .data {
		width: 100%;
		padding-left: 10px;
	}
	.contents .sub .pickup li a .data .date {
		margin-bottom: 3px;
	}
	.contents .sub .pickup li a .data .date span {
		margin-left: 12px;
	}
	.contents .sub .pickup li a .data .date,
	.contents .sub .pickup li a .data .category p {
		font-size: 10px;
		color: #9B9B9B;
	}
	.contents .sub .pickup li a .data .title {
		font-size: 15px;
		font-weight: bold;
		color: #595959;
		line-height: 22px;
	}
	.contents .sub .pickup li a .data .category {
		float: none;
	}
	.contents .sub .pickup li a .data .category p {
		float: left;
	}
	.contents .sub .pickup li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents .sub .facebook {
		line-height: 0;
		padding: 40px 0;
		background: #f3f3f3;
		text-align: center;
	}
	.contents .sub .app {
		padding: 40px 38px;
		box-sizing: border-box;
	}
	.contents .sub .app > .img {
		line-height: 0;
	}
	.contents .sub .app .app_box {
		padding: 10px;
		border: 1px solid #e1e1e1;
		background: #f8f8f8;
	}
	.contents .sub .app .app_box .app_info ol {
		display: table-cell;
		vertical-align: middle;
		line-height: 0;
	}
	.contents .sub .app .app_box .app_info {
		margin-bottom: 12px;
	}
	.contents .sub .app .app_box .app_info .img img {
		width: 40px;
		height: 40px;
		box-sizing: border-box;
		border-radius: 3px;
		line-height: 0;
		border: 1px solid #d7d7d7;
	}
	.contents .sub .app .app_box .app_info .data {
		padding-left: 12px;
	}
	.contents .sub .app .app_box .app_info .data .app_name {
		font-weight: bold;
		font-size: 14px;
		color: #b0c652;
		letter-spacing: 0.03em;
		line-height: 18px;
		margin-bottom: 4px;
	}
	.contents .sub .app .app_box .app_info .data .app_detail {
		font-size: 11px;
		letter-spacing: 0.03em;
	}
	.contents .sub .app .app_box .app_btn ol {
		line-height: 0;
	}
	.contents .sub .app .app_box .app_btn ol a {
		width: 48%;
		display: block;
		margin: auto;
		float: left;
	}
	.contents .sub .app .app_box .app_btn ol a:first-child {
		margin-right: 4%;
	}
	.contents .sub .app .app_box li:after {
		content: "";
		display: block;
		clear: both;
	}
	.contents:after {
		content: "";
		display: block;
		clear: both;
	}

	.relation_box {
		margin-bottom: 40px;
	}
	.relation_cap {
		padding-bottom: 5px;
		border-bottom: 1px solid #BCD74C;
		margin-bottom: 20px;
	}
	.list .relation_cap {
		border-bottom: 0;
    padding: 0;
    margin: 0;
	}
	.relation_cap h2 {
		padding: 0;
		margin: 0;
		border: 0;
	}
	.relation_cap span {
		margin-left: 14px;
	}

	.tag_list {
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0 20px;
    margin: 0 0 40px;
	}
	.tag_list li {
		font-size: 12px;
		margin: 0 10px 10px 0;
		border-radius: 20px;
	}
	.tag_list li.area {
		border: 0;
		border-radius: 0;
		color: #9B9B9B;
		background: none;
	}
	.tag_list li a {
		background: #f3f3f3;
		padding: 8px 20px;
		display: block;
		border-radius: 20px;
	}
	.tag_list li.area a {
		text-align: left;
		padding: 8px 8px 8px 20px;
		background: url(../img/icn_pin.png) no-repeat left center / 12px auto;
	}
	.area_table {
		margin: 20px 0 40px;
    padding: 0 20px;
		display: -webkit-box;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.area_table li {
		width: 50%;
	}
	.area_table li a {
		display: block;
		box-sizing: border-box;
		border: 1px solid #E2E2E2;
		text-align: center;
		margin-top: -1px;
		position: relative;
		z-index: 1;
		padding: 10px;
	}
	.area_table li:nth-child(2n) a {
		margin-left: -1px;
	}
	.area_table li a:hover {
		/*border: 1px solid #eee;
		color: #c9c9c9;*/
		z-index: 2;
		opacity: 1;
	}
	
	/* トップ */
	
	.index .sub .pickup h3 {
		border-top: 1px solid #E2E2E2;
	}
	.index .main .new li:last-child {
		padding-bottom: 0;
	}
	.pager {
		text-align: center;
		margin: 0 auto 42px;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 0;
	}
	.pager li {
		margin-left: -1px;
	}
	.pager li,
	.pager ol {
		display: inline-block;
		vertical-align: middle;
		font-size: 14px;
	}
	.pager ol {
		font-size: 0;
	}
	.pager li a,
	.pager li p {
		display: block;
		padding: 6px 0px;
		width: 34px;
		height: 34px;
		text-align: center;
		border-collapse: collapse;
		box-sizing: border-box;
		line-height: 22px;
	}
	.pager .num a {
		background: #fff;
		border: 1px solid #e2e2e2;
	}
	.pager .now {
		background: #bcd74c;
		color: #fff;
	}
	.pager .first a,
	.pager .last a {
		border: 1px solid #e2e2e2;
	}
	.pager .first {
		position: relative;
		margin-right: 24px;
	}
	.pager .first:after {
		position: absolute;
		top: 7px;
		right: -19px;
		content: "…";
	}
	.pager .last {
		position: relative;
		margin-left: 24px;
	}
	.pager .last:before {
		content: "…";
		position: absolute;
		top: 7px;
		left: -19px;
		content: "…";
	}
	
	/* 連載記事 */
	
	.series .main .new li {
		border-bottom: 0;
	}
	.series .main .new li:last-child {
		padding-bottom: 0;
	}
	.series .banner li {
		line-height: 0;
		padding: 2px;
		border-bottom: 1px solid #e1e1e1;
		box-sizing: border-box;
	}
	
	/* 連載記事TOP */
	
	.series_detail .photo {
		margin-top: -6px;
		line-height: 0;
	}

/* 記事-吹き出し(スマホ) */
div.balloon-left,
div.balloon-right{
  padding: 0px 5px;
}
div.balloonNBK-text-right{
  margin: 0 0 40px 60px;
  padding: 3px 3% 0px 2px
}
div.balloonNBK-text-left{
  margin: 0 60px 40px 0;
  padding: 3px 0px 3px 3%;
}
div.balloon-text-right{
  margin: 0px 15px 40px 65px;
}
div.balloon-text-left{
  margin-bottom: 40px;
  margin-left: 4%;
}

/* 店舗カセット内文字色変更(2020/02) */
li.txt{
	color : #595959 !important;
}

/* 見出し追加パーツ用(2020/02) */
.i2bc{
	margin-left:51% !important;
	word-break: break-all;
}

.i2bl{
	margin-left:38% !important;;
	word-break: break-all;
}

.i2br{
	margin-left:62% !important;;
	word-break: break-all;
}

}

/* 記事-吹き出し */
.balloon{
  padding: 0 1px;
}
.balloon:last-child {
  margin-bottom: 25px;
}
.balloon-img-caption{
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 7px;
}
.balloon-img-left {
  margin: 0;
  float: left;
  width: 50px;
  height: 80px;
  margin-right: -55px;
  text-align: center;
}
.balloon-img-right {
  margin: 0;
  float: right;
  width: 50px;
  height: 80px;
  margin-left: -55px;
  text-align: center;
}
.circle-img img {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin: 0;
  object-fit: cover;
}
.balloon-text-right {
  position: relative;
  margin: 2px 12% 40px 65px;
  padding: 8px;
  border-radius: 8px;
  background: #efeae2;
  float: left;
}
.balloon-text-left {
  position: relative;
  margin: 0px 65px 40px 10px;
  padding: 8px;
  border-radius: 8px;
  background-color: #f7f3e6;
  margin-left: 12%;
  float: right;
}
p.balloon-text {
  margin: 0 0 20px;
  overflow-wrap: break-word;
  max-width: 450px;
  word-break: break-all;
  line-height: 150%;
  padding: 3px;
}
p.balloon-text:last-child {
  margin-bottom: 0;
}
.balloon-text-right:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.balloon-text-right:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #efeae2;
  top: 15px;
  left: -19px;
  margin-top: -5px;
}
.balloon-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.balloon-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #f7f3e6;
  top: 15px;
  right: -19px;
  margin-top: -5px;
}
.balloon-left:after,.balloon-left:before,
.balloon-right:after,.balloon-right:before{
  clear: both;
  content: "";
  display: block;
}

.balloonNBK-text-right {
  position: relative;
  margin: 5px 12% 40px 65px;
  padding: 0px 10px;
  border-radius: 10px;
  float: left;
}
.balloonNBK-text-left {
  position: relative;
  margin: 5px 65px 40px 0;
  padding: 0px 10px;
  border-radius: 10px;
  margin-left: 12%;
  float: right;
}