@charset "UTF-8";
#shop-info {
	display: flex;
}
#shop-info .left {
	width: 100%;
}
#shop-info .right {
	width: 206px;
	margin-left: 8px;
	flex-grow: 0;
	flex-shrink: 0;
}
#shop-info .left .datas {
	background: #fff;
	padding: 5px;
	border-radius: 6px;
}
#shop-action-buttons {
	padding: 16px 0 8px 0;
	text-align:center;
	border-top: 1px solid rgba(255, 255, 255, 0.2);
	margin-top: 16px;
}
#photo-pickup-area > ul {
	display: flex !important;
	justify-content: flex-start;
	margin-bottom: 10px;
}
#photo-pickup-area ul li {
	margin-right: 4px;
}
#photo-pickup-area ul li:last-child {
	margin-right: 0;
}
#photo-pickup-area ul img {
	width: 93px;
	height: 93px;
	border-radius: 8px;
}
#shop-data-table td.limit {
	position: relative;
}
#shop-data-table td.limit div.inner {
	overflow: hidden;
}
#shop-data-table td.limit .showmore {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 90%, rgba(255, 255, 255, 1) 100%);
	z-index: 2;
	padding: 4px 8px 8px 8px;
	box-sizing: border-box;
}
#shop-data-table td.limit .showmore a {
	display: flex;
	border-radius: 4px;
	align-items: center;
	justify-content: center;
	background: #f7f7f7;
	border: 1px solid #e2e2e2;
	color: #666;
	font-size: 12px;
	padding: 8px 0;
	font-weight: bold;
	backdrop-filter: blur(4px);
	-webkit-backdrop-filter: blur(4px);
	background-color: rgba(250, 250, 250, 0.85);
	box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.5);
}
#shop-data-table td.limit .showmore a:hover {
	color: #313131;
	border: 1px solid #b4b4b4;
	backdrop-filter: blur(2px);
	-webkit-backdrop-filter: blur(2px);
	background-color: rgba(255, 255, 255, 0.75);
}
#shop-data-awards .honor {
	display: inline-flex;
	padding: 4px;
	border-radius: 4px;
	color: #000;
	background: linear-gradient(135deg, #add1e9 0%, #c5dff1 15%, #e6f4ff 25%, #c5dff1 45%, #add1e9 85% 100%);
	font-size: 10px;
	align-items: center;
	justify-content: flex-start;
	line-height: 100%;
	cursor: pointer;
	margin-right: 4px;
	margin-bottom: 4px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.5);
	box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.25), inset 1px 1px 0 0 rgba(255, 255, 255, 0.25);
}
#shop-data-awards .honor:hover {
	box-shadow: inset -1px -1px 0 0 rgba(0, 0, 0, 0.25), inset 1px 1px 0 0 rgba(255, 255, 255, 0.25), inset 0 0 0 1px rgba(255, 100, 0, 0.75);
}
#shop-data-awards .honor.gold {
	background: linear-gradient(135deg, #eabd61 0%, #e8d37f 15%, #fff8e0 25%, #e8d37f 45%, #eabd61 85% 100%);
}
#shop-data-awards .honor.silver {
	background: linear-gradient(135deg, #c9c9c9 0%, #dfdfdf 15%, #f2f2f2 25%, #dfdfdf 45%, #c9c9c9 85% 100%);
}
#shop-data-awards .honor.bronze {
	background: linear-gradient(135deg, #e7a789 0%, #f1c0a3 15%, #ffe7d0 25%, #f1c0a3 45%, #e7a789 85% 100%);
}
#shop-data-awards .honor .rank {
	margin-left: 4px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}
#shop-data-awards .honor .rank .value {
	font-size: 16px;
	font-weight: bold;
	font-style: italic;
	color: rgba(0, 0, 0, 0.75);
}
#shop-data-awards .honor .rank .unit {
	font-size: 10px;
	transform: scale(0.75);
	margin-bottom: -7px;
}
#shop-data-awards .honor .period {
	display: block;
	text-align: center;
}
#shop-data-awards .honor .style {
	display: block;
	text-align: center;
}
#shop-data-table {
	padding: 0;
	margin: 0;
	border: none;
	width: 100%;
	margin-bottom: 5px;
	border-collapse: collapse;
}
#shop-data-table th, #shop-data-table td {
	padding: 5px;
	margin: 0;
}
#shop-data-table th {
	width: 70px;
	text-align: center;
	background: #f2f2f2;
	font-weight: normal;
	font-size: 11px;
	border-bottom: 1px solid #fff;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
	color: #727272;
}
#shop-data-table td {
	border-bottom: 1px dotted #d5d5d5;
	word-break: break-all;
	word-wrap: break-all;
}
#shop-data-table tr:last-child th, #shop-data-table tr:last-child td {
	border-bottom: 1px dotted #d5d5d5;
}
#for-blog-tag {
	width: 100%;
}
#otoriyose {
	display: block;
	border-radius: 4px;
	border: 1px solid rgba(200, 100, 0, 0.5);
	background: #fff;
	overflow: hidden;
	margin-bottom: 10px;
}
#otoriyose:hover {
	background: #fff9f0;
}
#otoriyose .head {
	text-align: center;
	font-size: 11px;
	padding: 5px;
	line-height: 105%;
	border-bottom: 1px solid rgba(200, 100, 0, 0.25);
	background: rgba(200, 100, 0, 0.1);
	color: rgba(110, 50, 0, 0.9);
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	font-weight: bold;
}
#otoriyose .body {
	padding: 6px;
	text-align: center;
}
#otoriyose img {
	width: auto;
	height: 80px;
	margin-bottom: 6px;
	border-radius: 8px;
}
#otoriyose h6 {
	font-size: 10px;
	margin: 0 0 2px 0;
	line-height: 105%;
	color: rgba(0, 0, 0, 0.8);
	font-weight: normal;
}
#otoriyose h5 {
	font-size: 12px;
	margin: 0 0 7px 0;
	line-height: 105%;
	color: rgba(0, 0, 0, 0.9);
}
#otoriyose p {
	font-size: 10px;
	line-height: 127%;
	color: rgba(0, 0, 0, 0.65);
}
#shop-unconfirmed {
	display: none;
}
#shop-coupon-area {
	display: none;
}
/* 関連情報 */
#shop-relational-info h3 {
	font-size: 14px;
	margin: 0 0 8px 0;
}
#shop-faq {
	border: 1px solid #ccc;
	padding: 8px;
	border-radius: 4px;
}
#shop-faq li {
	margin-bottom: 8px;
	padding-bottom: 8px;
	border-bottom: 1px dashed #eee;
}
#shop-faq li:last-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}
#shop-faq .question {
	font-weight: bold;
	margin-bottom: 8px;
	font-size: 11px;
	color: #828282;
}
#shop-faq .answer {
	font-weight: normal;
	font-size: 10px;
	color: #616161;
}
#shop-faq .answer a:hover {
	text-decoration: underline;
}
#shop-faq .answer h3, #shop-faq .answer h4 {
	font-size: 10px;
	margin: 0 0 2px 0;
}
#shop-faq .answer p {
	margin: 0 0 2px 0;
}
#shop-data-bottom {
	font-size: 11px;
	border: 1px solid #d9d9d9;
	padding: 8px;
	background: #f2f2f1;
	border-radius: 4px;
}
#shop-data-bottom .edited {
	display: flex;
	align-items: center;
	justify-content: flex-start;
	height: 14px;
	margin-top: 4px;
}
#shop-data-bottom .edited:first-child {
	margin-top: 0;
}
#shop-data-bottom .edited span {
	margin-right: 8px;
}
#shop-data-bottom .edited img {
	margin-right: 4px;
	width: 14px;
	height: 14px;
	border-radius: 4px;
	vertical-align: text-bottom;
}
#shop-data-bottom .buttons {
	margin-top: 8px;
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
#shop-data-bottom .buttons a {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	padding: 7px 12px;
	border-radius: 6px;
	background: #9aa5b9;
	line-height: 104%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-right: 4px;
}
#shop-data-bottom .buttons a:hover {
	background: #6a82ab;
}
#shop-menu {
	margin-bottom: 10px;
	border-radius: 0 0 6px 6px;
	font-weight: 500;
	display: table;
	width: 100%;
}
#shop-menu a {
	display: table-cell;
	padding: 8px 0;
	font-size: 12px;
	color: #fff;
	text-align: center;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border-collapse: collapse;
	border-left: 1px dotted rgba(255, 255, 255, 0.25);
}
#shop-menu a:first-child {
	border-radius: 0 0 0 6px;
	border-left: none;
}
#shop-menu a:last-child {
	border-radius: 0 0 6px 0;
}
#trophies {
	border-radius: 5px;
	background: #f4e2a1;
	background:-moz-linear-gradient(left top, #fff0c9, #fffdf1 50%, #f4e2a1);
	background:-webkit-gradient(linear, left top, right bottom, from(#fff0c9), color-stop(0.5, #fffdf1), to(#f4e2a1));
	padding: 6px;
	margin-bottom: 10px;
	font-size: 11px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25);
}
#trophies span.material-icons {
	font-size: 16px;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	color: rgb(126, 151, 182);
	--fuchi-width: 1px;
	--fuchi-color: #393633;
}
#trophies span.material-icons[data-rank="1"] {
	color: #eab644;
}
#trophies span.material-icons[data-rank="2"] {
	color: #bdbfbf;
}
#trophies span.material-icons[data-rank="3"] {
	color: #ea8448;
}
#shop-head-top {
	display: flex;
}
#shop-head-top .west {
	flex-grow: 1;
	flex-shrink: 1;
}
#shop-head-top .east {
	flex-grow: 0;
	flex-shrink: 0;
}
#shop-head .area {
	font-size: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
	height: 20px;
}
#shop-head .area span.material-icons {
	font-size: 14px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}
#shop-head-buttons {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}
#shop-head-buttons a {
	display: inline-flex;
	height: 20px;
	border-radius: 4px;
	padding: 0;
	align-items: center;
	justify-content: center;
	margin-left: 4px;
	color: #fff;
	font-size: 11px;
}
#shop-head-buttons a.btn-bookmark {
	width: 132px;
}
#shop-head-buttons a.twitter {
	background: #3c92c8d1;
	padding: 0 16px;
}
#shop-head-buttons a.twitter:hover {
	background: #1da1f2;
}
#shop-head-buttons a.twitter i {
	font-size: 11px;
	margin-right: 2px;
	width: 11px;
	height: 11px;
	display: inline-flex;
	align-items: center;
	justify-content: flex-start;
}
#shop-head-buttons a.x-twitter {
	background-color: rgba(0, 0, 0, 0.75) !important;
	width: 96px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	box-shadow: inset 0 0 0 1px #000;
}
#shop-head-buttons a.x-twitter:after {
	content: "ポスト";
}
#shop-head-buttons a.x-twitter:hover {
	background-color: #080808 !important;
}
#shop-head-buttons a.x-twitter:hover:after {
	content: "ポストする";
}
#shop-head-buttons a.x-twitter img {
	margin-right: 4px;
	width: 11px;
	height: 11px;
}
h2.shop-name2 {
	line-height: 108%;
	margin: 0;
	min-height: 20px;
	display: flex;
}
h2.shop-name2 .shopname {
	font-size: 18px;
	font-weight: bold;
}
h2.shop-name2 .branch {
	margin-left: 5px;
	font-size: 14px;
	font-weight: normal;
	vertical-align: text-bottom;
}
h2.shop-name2 .shopname, h2.shop-name2 .branch {
	height: 19px;
	line-height: 19px;
	vertical-align: bottom;
	display: inline-block;
}
h2.shop-name2 a {
	display: inline-block;
	line-height: 0;
	vertical-align: bottom;
}
h2.shop-name2 a:link {
	color: #fff;
}
h2.shop-name2 a:visited {
	color: #fff;
}
h2.shop-name2 a:hover {
	color: rgba(255, 255, 255, 0.8);
}
h2.shop-name2 a:active {
	color: #fff;
}
#shop-head .kana {
	font-size: 11px;
	min-height: 12px;
	vertical-align: text-top;
	margin-top: 2px;
}
#shop-head .kana a {
	color: #fff;
}
#shop-head-bottom {
	margin-top: 4px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#shop-action-buttons a.to-post {
	display: inline-flex;
	justify-content: center;
	align-items: center;
}
#shop-action-buttons a.to-post.large {
	font-size: 20px;
	width: 260px;
	height: 40px;
}
#shop-action-buttons a.to-post.small {
	font-size: 14px;
	width: 180px;
	height: 24px;
	margin: 0 2px;
}
#shop-action-buttons a.to-post.large span.cap {
	font-size: 32px;
	width: 32px;
	height: 32px;
}
#shop-action-buttons a.to-post.small span.cap {
	font-size: 16px;
	width: 16px;
	height: 16px;
}
#shop-review-pickup h3 span.cap, #shop-kuchikomi-pickup h3 span.cap {
	font-size: 20px;
	width: 20px;
	height: 20px;
}
#shop-review-pickup footer, #shop-kuchikomi-pickup footer {
	margin-top: 8px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#shop-review-pickup footer span.cap, #shop-kuchikomi-pickup footer span.cap {
	font-size: 14px;
	margin-right: 4px;
	width: 14px;
	height: 14px;
}
h1 {
	font-weight: bold;
	font-size: 11px;
	display: inline;
}
h1 a {
	color: #fff;
}
h2.area {
	font-weight: normal;
}
h2.area a {
	color: #fff;
}

#shop-tabs {
	text-align: right;
	padding-right: 10px;
}
#shop-tabs a {
	padding: 0 4px !important;
	opacity: 0.85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	vertical-align: bottom;
	position: relative;
	z-index: 1;
	top: 2px;
}
#shop-tabs a.focus {
	opacity: 1 !important;
	filter: alpha(opacity=100) !important;
	-ms-filter: "alpha(opacity=100)" !important;
	top: 0px !important;
	margin-bottom: 0;
}
#shop-tabs a.disabled {
	background: #d2d2d2 !important;
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#shop-tabs a.disabled img {
	opacity: 0.2;
	filter: alpha(opacity=20);
	-ms-filter: "alpha(opacity=20)";
}
#shop-tabs a:hover {
	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#shop-tabs img {
	width: 18px;
	height: 18px;
	margin: 0 !important;
}
#shop-tabs div.icon-naruto {
	width: 16px;
	height: 16px;
	display: inline-block;
	margin: 0;
	background-position: center top;
	background-size: cover;
	background-image: url(https://s1.spkimg.com/spjp/ramendb/naruto-shop.png);
	background-repeat: no-repeat;
}
#shop-head {
	padding: 10px 10px 2px 10px;
	border-radius: 6px 6px 0 0;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.2);
	position: relative;
	z-index: 2;
}
#shop-head .body {
	float: right;
	width: 585px;
}
#shop-head .site-icons img {
	margin-left: 2px;
	width: 24px;
	height: 24px;
	border-radius: 4px;
	background: #fff;
	background-position: 50% 50%;
	background-size: cover;
}
#shop-head .site-icons img.disabled {
	background: #929292;
	opacity: 0.25;
	filter: alpha(opacity=25);
	-ms-filter: "alpha(opacity=25)";
	background-position: 50% 50%;
	background-size: cover;
}
#shop-head .placard {
	width: 65px;
	height: 65px;
	float: left;
	border-radius: 4px;
	margin-bottom: 8px;
}
#shop-head .plate {
	display: inline-block;
	padding: 5px;
	font-weight: bold;
	color: #fff;
	font-size: 12px;
	border-radius: 4px;
	line-height: 100%;
	margin-right: 5px;
}
#shop-head .plate.closed {
	background: #c63;
}
#shop-head .plate.retire {
	background: #36c;
}
#shop-head .plate.moved {
	background: #3c6;
}
#shop-head .plate.without {
	background: #6c3;
}
#shop-head .plate.open {
	background: #f1c106;
}
#shop-head .plate.yet {
	background: #3b9;
}
#shop-head .mixi {
	position: relative;
	top: -1px;
}
#shop-head .fb-like {
	position: relative;
	top: -5px;
}
#shop-data {
	padding-bottom: 10px;
	margin-bottom: 15px;
}
#shop-data .left td.tel {
	font-weight: bold;
	font-size: 16px;
	color: #f30;
}
#shop-data .sites img {
	margin-right: 5px;
}
#shop-data .tag {
	margin: 0 2px 2px 0;
	padding: 2px 5px;
	border: 1px solid #d2d4f1;
	background: #f2f2f8;
	color: #339;
	display: inline-block;
	border-radius: 6px;
	font-size: 11px;
}
#shop-data .tag:hover {
	border: 1px solid #c2c4f1;
	background: #f1f1ff;
	color: #33c;
	text-decoration: none;
}
#shop-data .note {
	margin-top: 4px;
	font-size: 11px;
	color: #444;
}
#shop-status {
	line-height: 100%;
	text-shadow: none;
}
#shop-status .point {
	display: inline-block;
	padding: 4px 0 2px 0;
	text-align: center;
	background: #fff;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	width: 72px;
	background: #fff4b0;
	font-family: 'Ubuntu', sans-serif;
}
#shop-status .point {
	border-radius: 4px;
	color: #ff7e14;
}
#shop-status .unit {
	font-size: 9px;
	font-weight: normal;
	margin-top: 2px;
}
#point-normalized {
	display: none;
}
#minimap img {
	border: 1px solid #000;
	width: 204px;
	height: 180px;
}
#minimap:hover img {
	border: 1px solid #ff0;
}
#map-search {
	text-align: center;
	font-size: 11px;
	margin-bottom: 10px;
	line-height: 105%;
	margin-top: 3px;
}
#map-search i {
	color: #fff;
	margin-right: 4px;
}
#map-search a {
	color: #fff;
	vertical-align: middle;
}
#point {
	display: flex;
	align-items: baseline;
	justify-content: center;
	border-radius: 5px;
	background: #fff5ac;
	color: #ff9210;
	text-align: center;
	padding: 32px 0 16px 0;
	line-height: 0;
	margin-bottom: 10px;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.05);
	border: 1px solid rgba(200, 100, 0, 0.5);
	box-shadow:inset 2px 2px 2px rgba(0, 0, 0, 0.05);
}
#point .int {
	font-size: 40px;
	font-family: 'Ubuntu', arial, serif;
	vertical-align: baseline;
}
#point .float {
	font-size: 24px;
	font-family: 'Ubuntu', arial, serif;
	vertical-align: baseline;
}
#point .unit {
	font-size: 10px;
	margin: 0 -10px 0 4px;
	vertical-align: text-bottom;
}
#graph {
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 10px;
	background: #fff;
}
#graph nav {
	margin-bottom: 2px;
}
#graph-canvas {
	height: 120px;
}
#loginuser-btns {
	display: inline-block;
	margin-right: 5px;
	position: relative;
	top: -7px;
}
#btn-station-map {
	display: inline-block;
	border-radius: 6px;
	font-size: 10px;
	color: #fff;
	background: #b9b9b9;
	padding: 3px 8px;
	line-height: 100%;
}
#btn-station-map:hover {
	background: #7e7e7e;
	text-decoration: none;
}
#nomap {
	height: 180px;
	width: 100%;
	text-align: center;
	background: #e2e2e2;
	color: #a8a8a8;
	margin-bottom: 10px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
}
#nomap span {
	position: relative;
	top: 82px;
}

#pickup-banner {
	display: block;
	padding: 8px;
	line-height: 105%;
	border-radius: 8px;
	background: #499200;
	margin-bottom: 15px;
	color: #fff;
	height: 100px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
}
#pickup-banner:hover {
	background: #3d7a00;
}
#pickup-banner table {
	height: 100%;
}
#pickup-banner td {
	text-align: left;
}
#pickup-banner .mini {
	font-size: 10px;
	margin-bottom: 6px;
}
#pickup-banner .medium {
	font-size: 18px;
	font-weight: bold;
	font-family: serif;
	line-height: 105%;
}
#pickup-banner .large {
	font-size: 20px;
	font-weight: bold;
	font-family: serif;
	line-height: 105%;
	margin-bottom: 6px;
}
#pickup-banner .font-icon2.B {
	width: 44px;
	font-size: 34px;
	text-align: left;
}
#pickup-banner .font-icon2.u {
	width: 16px;
	font-size: 12px;
	text-align: right;
}
#first-reviewer th {
	letter-spacing: -1px;
}
#first-reviewer img {
	vertical-align: middle;
	margin-right: 4px;
	width: 16px;
	height: 16px;
	border-radius: 3px;
}
#links a {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 4px;
	background: #94a8ce;
	border: 1px solid rgba(0, 0, 0, 0.1);
	color: #fff;
	padding: 0 6px;
	height: 20px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
	font-size: 11px;
	margin: 0 2px 2px 0;
	line-height: 100%;
	vertical-align: bottom;
	min-width: 50px;
}
#links a > .font-icon2, #links a > .fab, #links a > i {
	width: 14px;
	text-align: left;
	display: inline-block;
}
#links a img {
	width: 14px;
	height: 14px;
	margin-right: 2px;
}
#links a span {
	vertical-align: middle;
}
#links a:hover {
	opacity: 0.8;
	border: 1px solid rgba(0, 0, 0, 0.2);
	text-decoration: none;
}
#links a.twitter {
	background: #63c8df;
}
#links a.facebook {
	background: #637aa9;
}
#links a.instagram {
	background: #7a7a7a;
}
#links a.buy {
	background: #d15342;
}
#links a.harasan {
	background: #cf8419;
}
#shop-twitter {
	display: none;
	margin-bottom: 15px;
}
#shop-twitter .table {
	display: table;
	width: 100%;
}
#shop-twitter .cell {
	display: table-cell;
	vertical-align: top;
}
#shop-twitter .user {
	width: 50px;
}
#shop-twitter .user img {
	width: 48px;
	height: 48px;
	border-radius: 3px;
}
#shop-twitter .tail {
	width: 9px;
	padding-top: 32px;
}
#shop-twitter .twitter-icon {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-right: 2px;
}
#shop-twitter .name {
	color: #fff;
	font-weight: bold;
	font-size: 12px;
}
#shop-twitter .date {
	color: #fff;
	font-size: 11px;
}
#shop-twitter .name a {
	color: #fff;
}
#shop-twitter .prop {
	line-height: 104%;
	margin-bottom: 2px;
}
#shop-twitter .body .text {
	background: #fff;
	border-radius: 6px;
	padding: 10px;
	color: #444;
}
#shop-twitter .body .text a {
	color: #444;
}
.attention {
	font-size: 9px;
	color: #666;
	margin-bottom: 5px;
}
#btn-print {
	display: block;
	text-align: center;
	padding: 4px 0;
	color: #fff;
	background: #d88c00;
	border-radius: 4px;
	font-size: 11px;
}
#btn-print:hover {
	background: #dda600;
}
#blogbadge {
	background: #ffe895;
	font-size: 11px;
	border-radius: 3px;
	color: #000;
	margin-bottom: 10px;
}
#blogbadge a {
	display: block;
	padding: 5px;
	text-align: center;
}
#blogbadge p {
	border-top: 1px dashed rgba(0, 0, 0, 0.1);
	padding-top: 3px;
	margin-bottom: 3px;
}
#blogbadge a:hover {
	text-decoration: none;
}
#blogbadge a img {
	vertical-align: middle;
	margin-right: 4px;
}
#blogbadge .body {
	padding: 0 5px 5px 5px;
	display: none;
}
#blogbadge textarea {
	font-size: 10px;
	line-height: 110%;
	height: 60px;
}
#shop-data .more {
	display: none;
}
#shop-data .right .side-button  {
	display: block;
	margin-bottom: 10px;
	border-radius: 5px;
	padding: 10px 0;
	text-align: center;
	font-size: 12px;
	color: #fff;
	text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.1);
	line-height: 100%;
}
#shop-data .right .side-button img {
	vertical-align: middle;
	margin-right: 4px;
}
#shop-data .right .side-button label {
	vertical-align: middle;
}
#shop-data a.coupon {
	border: 1px solid #bc8206;
	background: #DDA52D;
	background:-moz-linear-gradient(top, #DDA52D, #ffc74f);
  background:-webkit-gradient(linear, left top, left bottom, from(#DDA52D), to(#ffc74f));
}
#shop-data a.otoriyose {
	border: 1px solid #ad3b22;
	background: #CC543A;
	background:-moz-linear-gradient(top, #CC543A, #ff876d);
  background:-webkit-gradient(linear, left top, left bottom, from(#CC543A), to(#ff876d));
}
#shop-data a.owner {
	border: 1px solid #ad3b22;
	background: #CC543A;
	background:-moz-linear-gradient(top, #CC543A, #ff876d);
  background:-webkit-gradient(linear, left top, left bottom, from(#CC543A), to(#ff876d));
}
#shop-data a.coupon:hover {
	text-decoration: none;
	border: 1px solid #c58727;
	background: #e8af56;
	background:-moz-linear-gradient(top, #e8af56, #ffc66d);
  background:-webkit-gradient(linear, left top, left bottom, from(#e8af56), to(#ffc66d));
}
#shop-data a.otoriyose:hover {
	text-decoration: none;
	border: 1px solid #bd542b;
	background: #de7951;
	background:-moz-linear-gradient(top, #de7951, #ff9a72);
  background:-webkit-gradient(linear, left top, left bottom, from(#de7951), to(#ff9a72));
}
#shop-data a.owner:hover {
	text-decoration: none;
	border: 1px solid #bd542b;
	background: #de7951;
	background:-moz-linear-gradient(top, #de7951, #ff9a72);
  background:-webkit-gradient(linear, left top, left bottom, from(#de7951), to(#ff9a72));
}
#pr th {
	color: #c14b00;
}
#pr td {
	color: #ab4600;
	font-size: 12px;
}
h4.copy {
	font-size: 22px;
	margin-bottom: 8px;
	line-height: 120%;
}
p.introduction {
	font-size: 14px;
	margin-bottom: 10px;
}
.like-comment {
	margin-bottom: 10px;
	display: table;
	width: 100%;
}
.like-comment .cell-left {
	display: table-cell;
	width: 570px;
}
.like-comment .cell-right {
	display: table-cell;
	width: 50px;
	vertical-align: bottom;
}
.like-comment .bubble {
	float: left;
  border-right: 10px solid transparent;
  border-right-color: white;
  margin-bottom: 20px;
}
.like-comment .body {
	font-size: 14px;
	min-height: 40px;
	width: 570px;
  padding: 10px;
  margin: 0 0 -30px;
  color: #333;
  border-radius: 8px;
  position: relative;
}
.like-comment .user-icon {
	vertical-align: bottom;
	border: 1px solid #fff;
}
#shop-recommends img {
	float: left;
	margin-right: 5px;
	width: 48px;
	height: 48px;
}
#shop-arearank img {
	width: 32px;
	height: 32px;
	vertical-align: middle;
}
#shop-arearank .left {
	float: left;
	margin-right: 5px;
}
#shop-arearank .rank {
	font-size: 14px;
	font-weight: bold;
	width: 14px;
	display: inline-block;
	color: #396;
}
#shop-recommends strong, #shop-arearank strong {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	display: inline-block;
	width: 180px;
}
#tabetayo-calendar {
	margin: 20px 0;
	min-height: 200px;
}
#tabetayo-calendar table {
	border-collapse: collapse;
	margin: auto;
}
#tabetayo-calendar td, #tabetayo-calendar th {
	border: 1px solid #b0b0b0;
}
#tabetayo-calendar thead th {
	padding: 4px 0;
	background: #dedede;
	font-weight: normal;
}
#tabetayo-calendar thead td {
	padding: 2px 5px;
	background: #d1d1d1;
}
#tabetayo-calendar tbody td {
	padding: 0;
}
#tabetayo-calendar tbody td a, #tabetayo-calendar tbody td span {
	display: block;
	height: 30px;
	line-height: 30px;
	text-decoration: none;
}
#tabetayo-calendar tbody td.sunday {
	background: #fff2f2;
}
#tabetayo-calendar tbody td.saturday {
	background: #f2f2ff;
}
#tabetayo-calendar tbody td.other-month {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#tabetayo-calendar tbody td span {
	color: #b2b2b2;
	background: #f3f3f3;
}
#tabetayo-calendar tbody td a:hover {
	background: #f2ecab;
}
#tabetayo-calendar tbody td a.focus {
	background: #f2b36e;
}
#tabetayo-calendar tbody td a.sealed {
	font-weight: bold;
	background-image:url(https://s1.spkimg.com/spjp/cmn/edit-calendar-check.png);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	text-shadow: 1px 1px 1px #fff;
}
#my-review-count {
	font-size: 11px;
	display: block;
	padding: 5px;
	border-radius: 4px;
	text-align: center;
	color: #fff;
	box-shadow: inset 0px 0px 1px rgba(255, 255, 255, 0.3);
	margin-bottom: 10px;
}
#my-review-count:link {
	color: #fff;
}
#my-review-count:visited {
	color: #fff;
}
#my-review-count:hover {
	text-decoration: none;
	color: #fff;
}
#my-review-count:active {
	color: #fff;
}
#review-users img {
	vertical-align: middle;
	margin-right: 4px;
	width: 16px;
	height: 16px;
}
#review-users .prev, #review-users .next {
	padding: 2px 2px 1px 2px;
	background-image: none;
}
#btn-coupon {
	display: block;
	background: #de3e32;
	border-radius: 4px;
	padding: 6px;
	color: #fff;
	text-shadow: -1px -1px 0 rgba(0, 0, 0, 0.1);
	line-height: 100%;
	vertical-align: top;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
}
#btn-coupon:hover {
	text-decoration: none;
	background: #ff3324;
}
#btn-coupon img {
	vertical-align: middle;
	margin-right: 4px;
}
a.btn-more {
	float: right;
  margin-left: 4px;
}
nav {
	margin-bottom: 10px;
}
nav .left {
	float: left;
}
nav .right {
	float: right;
}
nav a.to-post {
	font-size: 11px;
	padding: 2px 6px;
	border-radius: 6px;
}
nav a.to-post:hover {
	color: #fff !important;
}
#naruto-shop-comment {
	margin-bottom: 5px;
}
#naruto-shop-comment p {
	padding: 8px;
	border-radius: 4px;
	font-size: 11px;
	position: relative;
	color: #433c38;
	background: #ffe5e5;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
}
#naruto-shop-comment p:after {
	left: 100%;
	bottom: 12px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 255, 255, 0);
	border-left-color: #ffe5e5;
	border-width: 6px;
	margin-top: -6px;
}
#naruto-shop-comment .naruto {
	width: 38px;
	vertical-align: bottom;
	text-align: right;
}
#naruto-shop-comment .naruto img {
	width: 30px;
	height: auto;
}
#rank-state {
	display: block;
	padding: 5px;
	background: #fff;
	border: 1px solid #ca5f3e;
	color: #ca5f3e;
	margin-bottom: 8px;
	font-size: 12px;
	text-align: center;
	border-radius: 4px;
	line-height: 105%;
}
#btn-menu-photo {
	display: inline-block;
	border-radius: 4px;
	padding: 6px 9px;
	font-size: 11px;
	margin-bottom: 6px;
	background: #ff9b3e;
	line-height: 104%;
	color: #fff;
}
#btn-menu-photo:hover {
	background: #f78215;
}
#ippai2 {
	margin-bottom: 20px;
	background: #b45e18;
	border-radius: 18px;
}
#ippai2 .body {
	text-align: center;
}
#ippai2 h3 {
	padding-left: 6px;
}
#ippai2 a {
	display: block;
	width: 100%;
	border-radius: 12px;
	background: #fff;
	padding: 16px;
	margin: auto;
	text-align: left;
}
#ippai2 a:hover {
	background: #ffeee0;
}
#ippai2 .photo {
	width: 132px;
}
#ippai2 .photo img {
	width: 120px;
	height: auto;
	border-radius: 8px;
}
#ippai2 .menu {
	font-weight: bold;
	font-size: 18px;
	color: rgba(0, 0, 0, 0.9);
	line-height: 105%;
}
#ippai2 .menu .font-icon2 {
	margin-right: 4px;
	color: rgba(0, 0, 0, 0.5);
}
#ippai2 .date {
	font-size: 12px;
	margin-top: 8px;
	color: rgba(0, 0, 0, 0.6);
	line-height: 105%;
}
#ippai2 p {
	font-size: 14px;
	color: rgba(0, 0, 0, 0.8);
	margin-top: 12px;
	line-height: 140%;
}
.heitenkamo {
	padding: 8px;
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-radius: 3px;
	background: #ffdeda;
	color: rgba(0, 0, 0, 0.85);
	font-size: 11px;
	line-height: 15px;
	margin-top: 5px;
}
#btn-job {
	display: inline-block;
	padding: 5px 10px;
	font-size: 11px;
	color: #fff;
	background: #ff8855;
	border-radius: 4px;
	line-height: 104%;
}
#gpetitembedmap {
	width: 204px;
	height: 180px;
	background: rgba(245, 245, 248, 1);
}
#petitmap-bottom {
	display: flex;
	margin-bottom: 10px;
	justify-content: space-between;
}
#petitmap-bottom li {
	font-size: 11px;
	flex-grow: 1;
	flex-shrink: 0;
	line-height: 127%;
}
#petitmap-bottom li:first-child {
	margin-right: 2px;
}
#petitmap-bottom li:last-child {
	margin-left: 2px;
}
#petitmap-bottom a {
	display: block;
	padding: 4px;
	border-radius: 4px;
	background: #bb6f0b;
	text-align: center;
	color: #fff;
}
#petitmap-bottom a:hover {
	background: #bf430f;
}
#likes-head {
	margin-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#summary {
	margin-bottom: 16px;
	
}
#summary > .content {
	padding: 16px;
	border-radius: 8px;
	background: #cee4f0;
	display: flex;
	align-items: flex-start;
}
#summary > .content > div.icon {
	text-align: center;
	width: 70px;
	display: inline-block;
	flex-grow: 0;
	flex-shrink: 0;
	margin-right: 16px;
}
#summary > .content > div.icon > .text-border {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	z-index: 2;
}
#summary > .content > div.icon > .text-border:before, #summary > .content > div.icon > .text-border:after {
    font-weight: bold;
}
#summary > .content > div.icon > .text-border:before {
    -webkit-text-stroke: 4px #1b4054;
}
#summary > .content > p {
	font-size: 13px;
	line-height: 160%;
	text-align: justify;
}
#summary .robot {
	width: 70px;
	height: 70px;
	position: relative;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	margin: -10px 0 -13px 0;
	z-index: 1;
}
#summary .robot .border {
	width: 100%;
	height: 100%;
	border-radius: 100%;
	background: conic-gradient(rgba(255, 60, 60, 0.5), rgba(255, 233, 66, 0.5), rgba(100, 255, 128, 0.5), rgba(190, 220, 255, 0.5), rgba(255, 60, 60, 0.5));
	animation-iteration-count:infinite;
	animation-name: aicircle;
	animation-direction: normal;
	animation-duration: 1.4s;
	animation-timing-function: linear;
	position: absolute;
}
#ai-robot {
	width: calc(100% - 6px);
	height: calc(100% - 6px);
	border-radius: 100%;
	background: #fff;
	animation-iteration-count:infinite;
	animation-name: robotdance;
	animation-direction: normal;
	animation-duration: 2.2s;
	animation-timing-function: ease-in-out;
	position: absolute;
	user-drag: none;
	-webkit-user-drag: none;
	-moz-user-select: none;
}
#summary .robot.shock .border {
	animation-duration: 0.6s;
	animation-direction: reverse;
}
#summary .robot.shock #ai-robot {
	animation-duration: 0.2s;
}
@keyframes robotdance {
	0% {
		transform: rotate(6deg);
	}
	45% {
		transform: rotate(6deg);
	}
	50% {
		transform: rotate(-6deg);
	}
	95% {
		transform: rotate(-6deg);
	}
	100% {
		transform: rotate(6deg);
	}
}
@keyframes aicircle {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
#summary p.note {
	font-size: 10px;
	margin-top: 4px;
	color: #666;
	text-align: right;
}
@media print {
	#shop-data {
		width: 98%;
	}
	#shop-data .left {
		width: 70%;
	}
	#shop-data .right {
		width: 29%;
	}
}