@charset "utf-8";
/*
Theme Name: Katsushika Sento
Description: 葛飾銭湯用テーマ。スマートフォンベースでPCでも閲覧可能。
Author: 株式会社じも研
Version: 0.1
*/


/**
 * Table of Contents
 *
 * 1.0 - Normalize
 * 2.0 - Genericons
 * 3.0 - Typography
 * 4.0 - Elements
 * 5.0 - Form
 * 6.0 - General Parts
 * 7.0 - Clearings
 * 8.0 - Content
 *    8.1 - Header
 *    8.2 - Footer
 * 9.0 - Accessibility
 */


/**
 * 1.0 - Normalize
 *
 * Normalizing styles have been helped along thanks to the fine work of
 * Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
 */

html {
	font-family: "メイリオ", Meiryo, Roboto, "Droid Sans", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 15px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

body {
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary {
	display: block;
}

audio,
canvas,
progress,
video {
	display: inline-block;
	vertical-align: baseline;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden],
template {
	display: none;
}

a {
	background-color: transparent;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,
strong {
	font-weight: 700;
}

small {
	font-size: 80%;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

img {
	border: 0;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

code,
kbd,
pre,
samp {
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea {
	color: inherit;
	font: inherit;
	margin: 0;
}

select {
	text-transform: none;
}

button {
	overflow: visible;
}

button,
input,
select,
textarea {
	max-width: 100%;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: none;
	cursor: pointer;
}

button[disabled],
html input[disabled] {
	cursor: default;
	opacity: .5;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

input[type="checkbox"],
input[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-right: 0.4375em;
	padding: 0;
	vertical-align: middle;
	height: 1em;
	width: 1em;
}

input[type="date"]::-webkit-inner-spin-button,
input[type="date"]::-webkit-outer-spin-button,
input[type="time"]::-webkit-inner-spin-button,
input[type="time"]::-webkit-outer-spin-button,
input[type="datetime-local"]::-webkit-inner-spin-button,
input[type="datetime-local"]::-webkit-outer-spin-button,
input[type="week"]::-webkit-inner-spin-button,
input[type="week"]::-webkit-outer-spin-button,
input[type="month"]::-webkit-inner-spin-button,
input[type="month"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

fieldset {
	border: 1px solid #d1d1d1;
	margin: 0 0 1.75em;
	min-width: inherit;
	padding: 0.875em;
}

fieldset > :last-child {
	margin-bottom: 0;
}

legend {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
}

optgroup {
	font-weight: bold;
}


/**
 * 2.0 - Genericons
 */

.menu-item-has-children a:after,
.social-navigation a:before,
.dropdown-toggle:after,
.bypostauthor > article .fn:after,
.comment-reply-title small a:before,
.pagination .prev:before,
.pagination .next:before,
.pagination .nav-links:before,
.pagination .nav-links:after,
.search-submit:before {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	display: inline-block;
	font-family: "Genericons";
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	speak: none;
	text-align: center;
	text-decoration: inherit;
	text-transform: none;
	vertical-align: top;
}


/**
 * 3.0 - Typography
 */

body,
button,
input,
select,
textarea {
	color: #333333;
	font-size: 1rem;
	line-height: 1.4;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: 700;
	margin: 0;
	text-rendering: optimizeLegibility;
}

p {
	margin: 0;
}

a:link,
a:visited {
	color: #606aaf;
	text-decoration: none;
}

a:hover,
a:active {
	text-decoration: underline;
}

dfn,
cite,
em,
i {
	font-style: italic;
}

blockquote {
	border: 0 solid #333333;
	border-left-width: 4px;
	color: #686868;
	font-size: 1.1875rem;
	font-style: italic;
	line-height: 1.4736842105;
	margin: 0 0 1.4736842105em;
	overflow: hidden;
	padding: 0 0 0 1.263157895em;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: "";
}

blockquote p {
	margin-bottom: 1.4736842105em;
}

blockquote cite,
blockquote small {
	color: #333333;
	display: block;
	font-size: 16px;
	font-size: 1rem;
	line-height: 1.75;
}

blockquote cite:before,
blockquote small:before {
	content: "\2014\00a0";
}

blockquote em,
blockquote i,
blockquote cite {
	font-style: normal;
}

blockquote strong,
blockquote b {
	font-weight: 400;
}

blockquote > :last-child {
	margin-bottom: 0;
}

address {
	font-style: italic;
	margin: 0 0 1.75em;
}

code,
kbd,
tt,
var,
samp,
pre {
	font-family: monospace;
}

pre {
	border: 1px solid #d1d1d1;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.3125;
	margin: 0 0 1.75em;
	max-width: 100%;
	overflow: auto;
	padding: 1.75em;
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

code {
	background-color: #d1d1d1;
	padding: 0.125em 0.25em;
}

abbr,
acronym {
	border-bottom: 1px dotted #d1d1d1;
	cursor: help;
}

mark,
ins {
	background: #007acc;
	color: #fff;
	padding: 0.125em 0.25em;
	text-decoration: none;
}

big {
	font-size: 125%;
}


/**
 * 4.0 - Elements
 */

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

*,
*:before,
*:after {
	/* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
}

body {
	background: #ffffff;
}

hr {
	background-color: #d1d1d1;
	border: 0;
	height: 1px;
	margin: 0 0 1.75em;
}

ul,
ol {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

ol {
	list-style: decimal;
	margin-left: 1.5em;
}

li > ul,
li > ol {
	margin-bottom: 0;
}

dl {
	margin: 0 0 1.75em;
}

dt {
	font-weight: 700;
}

dd {
	margin: 0 0 1.75em;
}

img {
	height: auto;
	/* Make sure images are scaled correctly. */
	max-width: 100%;
	vertical-align: middle;
}

del {
	opacity: 0.8;
}

table,
th,
td {
	border: 1px solid #d1d1d1;
}

table {
	border-collapse: separate;
	border-spacing: 0;
	border-width: 1px 0 0 1px;
	margin: 0 0 1.75em;
	table-layout: fixed;
	/* Prevents HTML tables from becoming too wide */
	width: 100%;
}

caption,
th,
td {
	font-weight: normal;
	text-align: left;
}

th {
	border-width: 0 1px 1px 0;
	font-weight: 700;
}

td {
	border-width: 0 1px 1px 0;
}

th,
td {
	padding: 0.4375em;
}

iframe {
	max-width: 100%;
}

/**
 * 5.0 - Form
 */

label {
	display: inline-block;
	margin-right: 20px;
}

label:last-child {
	margin-right: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"] {
	border: 1px solid #000000;
	padding: 7px 0 6px;
}

/**
 * 6.0 - General Parts
 */
.breadcrumb {
	list-style: none;
	font-size: 83.33333%;
	background: #eeeeee;
	margin: 0;
	padding: 0 20px;
}

.breadcrumb li {
	display: inline-block;
	vertical-align: middle;
	line-height: 2em;
}

.breadcrumb li:after {
	content: "\003e";
	margin: 0 5px;
}

.breadcrumb li:last-child:after {
	content: none;
}

.breadcrumb .home img {
	width: 13px;
	height: 13px;
}

.breadcrumb li strong {
	font-weight: normal;
}

.navigation {
	margin: 0 20px;
	padding: 15px 0;
	border-top: 1px solid #ee86a8;
}

.navigation .nav-previous {
	float: left;
}

.navigation .nav-next {
	float: right;
}

.navigation .nav-previous a,
.navigation .nav-next a {
	display: block;
	line-height: 2em;
}

.navigation .nav-previous .btn {
	padding-left: 10px;
}

.navigation .nav-next .btn {
	padding-right: 10px;
}

.total-time {
	display: inline-block;
	background: #f39bb5;
	padding: 0 20px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	font-size: 0.833334em;
	line-height: 1.8em;
	color: #ffffff;
	font-weight: bold;
}

.total-time span {
	display: inline-block;
	padding-left: 15px;
	background: url("images/ico_time.png") left center no-repeat scroll transparent;
	background-size: 11.5px;
}

.posted-on {
	text-align: right;
	display: block;
	margin-bottom: 10px;
	line-height: 1.1;
}

.posted-on a {
	color: #333333;
}

.pin-map, .embeded-map {
	border: 1px solid #000000;
	height: 0;
	padding-top: 85.7143%;
	margin-bottom: 10px;
	position: relative;
}

@media screen and (min-width: 640px) {
	.pin-map, .embeded-map {
		padding-top: 50%;
	}
}

.pin-map>div, .embeded-map>iframe {
	position: absolute;
	left: 0;
	top: 0;
}

.es_textbox_button,
.btn,
a.btn {
	display: inline-block;
	padding: 7px 16px;
	background: #606aaf;
	text-align: center;
	border: none;
	-webkit-border-radius: 2.5px;
	border-radius: 2.5px;
	font-size: 16px;
	font-size: 1.06667em;
	color: #ffffff;
	text-decoration: none;
}

.btn:hover {
	background: #939de2;
}

.es_textbox_button,
.btn-bold {
	font-weight: bold;
}

.btn-bold span {
	font-size: 76.92307%;
	font-weight: normal;
	display: block;
}

.btn.full {
	display: block;
	width: 100%;
	padding-left: 0;
	padding-right: 0;
}

@media screen and (min-width: 640px) {
	.btn.full {
		max-width: 400px;
		margin-left: auto;
		margin-right: auto;
	}

	a:hover img {
		opacity: 0.7;
	}
}

/**
 * 7.0 - Clearings
 */

.clear:before,
.clear:after,
blockquote:before,
blockquote:after,
.entry-content:before,
.entry-content:after,
.entry-summary:before,
.entry-summary:after,
.comment-content:before,
.comment-content:after,
.site-content:before,
.site-content:after,
.site-main > article:before,
.site-main > article:after,
.primary-menu:before,
.primary-menu:after,
.social-links-menu:before,
.social-links-menu:after,
.textwidget:before,
.textwidget:after,
.content-bottom-widgets:before,
.content-bottom-widgets:after,
.navigation:before,
.navigation:after {
	content: "";
	display: table;
}

.clear:after,
blockquote:after,
.entry-content:after,
.entry-summary:after,
.comment-content:after,
.site-content:after,
.site-main > article:after,
.primary-menu:after,
.social-links-menu:after,
.textwidget:after,
.content-bottom-widgets:after,
.navigation:after {
	clear: both;
}

/**
 * 8.0 - Content
 */
.site-header,
.site-content {
	max-width: 980px;
	margin: 0 auto;
}
/*
@media only screen and (min-width: 980px) {
	#primary {
		float: left;
		width: 660px;
	}

	#secondary {
		float: right;
		width: 300px;
	}
}
*/


.site {
	padding-top: 20px;
	background: url("images/bg_header.png") center -10px repeat scroll transparent;
	background-size: 351px auto;
}

.home .site {
	padding-top: 40px;
}

.site img {
	max-width: 100%;
}

.site-inner {
	background: #ffffff;
}

.section {
	margin: 0 0 20px;
	padding: 10px;
}

.section-title {
	text-align: center;
}

.section .content {
	margin: 5px 10px;
}


/**
 * 8.1 - Header
 */
.site-branding {
	box-sizing: content-box;
	width: 225px;
	margin: 0 auto;
	padding-bottom: 20px;
}
.home .site-branding {
	width: 280px;
	padding-left: 60px;
	padding-top: 10px;
	background: url("images/img_honoka.png") 0 0 no-repeat scroll transparent;
	-webkit-background-size: 60px auto;
	background-size: 60px auto;
}
@media screen and (max-width: 340px) {
	.site-header-main {
		padding: 0 20px;
	}

	.site-branding {
		width: auto;
	}

	.home .site-branding {
		-webkit-background-size: 20% auto;
		background-size: 20% auto;
		width: auto;
	}

	.site-description {
		font-size: 0.7em;
	}
}


.site-header {
	padding: 15px 0;
	text-align: center;
}

.site-description {
	color: #f39bb5;
	margin-bottom: 1em;
	letter-spacing: 0.2em;
}

.site-title a,
.site-title a img {
	display: block;
}

.site-title a img:first-child {
	margin-bottom: 10px;
}

.social-area {
	font-size: 0;
	padding: 5px;
}

.social-area a {
	display: inline-block;
	margin: 0 5px;
}

.social-area a img {
	display: block;
	width: 18.5px;
	height: 18px;
}


/**
 * 8.2 - Footer
 */
.site-footer {
	text-align: center;
	position: relative;
	padding-top: 45px;
	margin-top: 10px;
}

.site-footer-inner {
	background: #e0fff3;
	padding: 30px 0 40px;
	position: relative;
	z-index: 20;
}

.pagetop {
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -70px;
}

.pagetop span {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
@keyframes rotate {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(10deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(-10deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@keyframes rotate-opposite {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(-4deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(4deg); }
	100% { -webkit-transform: rotate(0deg); }
}
@keyframes hover {
	0% { -webkit-transform: rotate(0deg); }
	25% { -webkit-transform: rotate(-1deg); }
	50% { -webkit-transform: rotate(0deg); }
	75% { -webkit-transform: rotate(1deg); }
	100% { -webkit-transform: rotate(0deg); }
}

.pagetop .balloon {
	width: 87px;
	height: 34px;
	-webkit-animation: hover linear 2s infinite;
	animation: hover linear 2s infinite;
}

.pagetop .ahiru {
	width: 36.5px;
	height: 32.5px;
	left: 95px;
	top: 14px;
	-webkit-animation: rotate linear 2s infinite;
	animation: rotate linear 2s infinite;
}
.pagetop:hover .ahiru {
}

.pagetop .shadow{
	width: 52.5px;
	height: 24px;
	left: 88px;
	top: 43px;
	z-index: 30;
	-webkit-animation: rotate-opposite linear 2s infinite;
	animation: rotate-opposite linear 2s infinite;
}

.footer-menu {
	margin: 0;
}

.footer-menu li {
	line-height: 2em;
}

.copyright {
	margin-top: 15px;
	font-size: 83.33333%;
}

/**
 * 8.3 - Sidebar
 */
.sidebar {
	margin: 0 20px 30px;
}

.widget_archive {
	border-top: 1px solid #ee86a8;
	padding: 15px 0;
}

.widget_archive ul {
	font-size: 0;
	margin: 0 -15px;
}

.widget_archive ul li {
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	margin: 0 15px;
	width: 6em;
}

/**
 * 8.4 - TOP Page
 */
.section-list,
.section-magazine {
	background-color: #eeeeee;
}

.section-magazine {
	margin-bottom: 20px;
}

.gmap {
	margin-bottom: 20px;
}

.search-current {
	margin: 10px;
}

.search-current .disabled {
	background-color: #d0daff;
	opacity: 0.8;
}

.conditions {
	border: 1px solid #000000;
	margin: 10px 0 0;
	padding: 10px 10px 15px;
}

.conditions .select-condition {
	width: 100%;
	height: 2.3em;
}

.conditions form {

}

.conditions .check-condition {
	margin: 10px 0;
}

.conditions .check-condition label {
	line-height: 1.8em;
}

.route-list {
	margin: 0 -3%;
}

.route-list li {
	text-align: center;
	float: left;
	width: 50%;
	padding: 0 3% 20px;
}

.route-list img {
	display: block;
	width: 100%;
}

.route-list .name {
	font-size: 1.16666em;
	margin: 8px 0 5px;
}

.news .post {
	margin: 15px 0;
}

.news .image {
	float: left;
	width: 110px;
}

.news .info {
	margin-left: 120px;
}

.news .info .entry-title {
	font-size: 1.166667em;
	font-weight: normal;
	border: none;
	margin: 0;
}

.news .info .posted-on {
	text-align: left;
}

@media screen and (min-width: 640px) {
	.news {
		text-align: center;
	}

	.news .post {
		display: inline-block;
		width: 23%;
		padding: 0 1%;
		vertical-align: top;
	}

	.news .image {
		position: relative;
		float: none;
		width: 100%;
		padding-top: 70%;
		margin-bottom: 5px;
	}

	.news .image a {
		position: absolute;
		display: block;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
	}

	.news .image img {
		display: block;
		max-height: 100%;
		width: auto;
		margin: 0 auto;
		-webkit-border-radius: 10px;
		border-radius: 10px;
	}

	.news .info {
		margin-left: 0;
	}

	.news .info .posted-on {
		text-align: center;
		margin-bottom: 0;
	}
}

.magazine-heading {
	margin-bottom: 10px;
}

.section-magazine .es_shortcode_form {
	position: relative;
	display: block;
}

.section-magazine .es_lablebox {
	display: none;
}

.section-magazine .es_textbox {
	padding-right: 5.5em;
	padding-bottom: 0;
}

.section-magazine .es_textbox .es_textbox_class {
	width: 100%;
}

.section-magazine .es_button {
	position: absolute;
	right: 0;
	bottom: 0;
	padding-bottom: 0;
}

.section-magazine .es_textbox_button {
	width: 4.5em;
}

/**
 * 8.5 - 銭湯一覧
 */
.header-list {
	margin: 0 10px;
}

.sento-list {
	margin: 0 10px;
}

.sento-list li {
	margin-bottom: 20px;
}

.sento-list .image {
	float: left;
	width: 50%;
}

.sento-list .info {
	margin-left: 52%;
}

.sento-list h2 {
	font-size: 133.33333%;
	line-height: 1;
	margin-bottom: 3px;
}

.sento-list dl {
	margin-bottom: 0;
	font-size: 83.33333%;
}

.sento-list dt {
	float: left;
	width: 1em;
}

.sento-list dd {
	margin-left: 1.2em;
	margin-bottom: 1px;
}

@media screen and (min-width: 640px) {
	.sento-list li {
		display: inline-block;
		vertical-align: top;
		width: 45%;
		margin: 0 2% 20px;
	}

	.sento-list h2 {
		/*font-size: 173.33333%;*/
		line-height: 1.2em;
	}

	.sento-list dl {
		font-size: 106.666666%;
	}
}

/**
 * 8.6 - 銭湯詳細
 */
#gallery-slide {
	max-width: 560px;
	margin: 0 auto;
}
.slide-main {
	position: relative;
	height: 0;
	padding-top: 64.286%;
}

.slide-main img {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8;
}

.slide-main img.active {
	z-index: 10;
}

.slide-main img.last-active {
	z-index: 9;
}

.slide-thumbs {
	font-size: 0;
	margin: 2% -1% 20px;;
	text-align: center;
}

.slide-thumbs li {
	display: inline-block;
	width: 25%;
	padding: 0 1%;
}

.slide-thumbs a {
	display: block;
	background: #000000;
}

.slide-thumbs img.active {
	opacity: 0.5;
}

.sales-point .mark {
	width: 60px;
	float: left;
}

.sales-point p {
	margin-left: 70px;
}

.sento-info {
	border-top: 1px solid #333333;
	margin: 20px 0 10px;
}

.sento-info dt,
.sento-info dd {
	padding-top: 5px;
	padding-bottom: 5px;
	line-height: 1.5;
}

.sento-info dt {
	float: left;
	width: 80px;
	padding-left: 10px;
	padding-top: 8px;
}

.sento-info dd {
	padding-left: 80px;
	border-bottom: 1px solid #333333;
	margin: 0;
}

.sento-info dd p {
	border-left: 1px solid #333333;
	padding: 3px 0 3px 9px;
}

.sento-tag {
	font-size: 0;
	margin: 13px 0;
}

.sento-tag div {
	display: inline-block;
	font-size: 15px;
	font-size: 1rem;
	line-height: 1.833333;
	padding: 0 5px;
	background: #cccccc;
	color: #ffffff;
	margin: 0 2.5px 5px 2.5px;
}

.sento-tag div.on {
	background: #ee86a8;
	color: #333333;
}

.sento-gmap .open-app {
	text-align: center;
	padding: 0 12px;
}

.sento-gmap .open-app .btn {
	width: 100%;
}

.info-window div,
.info-window a {
	font-weight: 400;
}

.info-window .title {
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 3px;
}

.info-window .link {
	margin-top: 10px;
}

@media screen and (min-width: 640px) {
	#gallery-slide {
		float: left;
		width: 45%;
	}

	.sento-detail {
		float: right;
		width: 50%;
	}

}


/**
 * 8.7 - おすすめルート
 */
.header-route {
	border: 1px solid #ee86a8;
	margin: 20px 25px 0;
	text-align: center;
}

.header-route h1 {
	font-size: 1.2em;
	line-height: 1.25;
	margin-bottom: 5px;
}

.header-route .route-overview {
	margin-top: 12px;
	text-align: left;
}

.route-intro img {
	display: block;
	margin: 0 auto;
}

.route-intro p {
	font-size: 1.166667em;
	line-height: 1.42857;
	padding: 10px 0;
}

.route-main {
	margin-bottom: 15px;
}

.sento-gmap .note {
	font-size: 0.8333em;
	color: #666666;
	margin-top: -5px;
}

.spot-header {
	border: 1px solid #ee86a8;
	margin-bottom: 10px;
}

.spot-header span,
.spot-header h2 {
	line-height: 32px;
	line-height: 2.66667rem;
}

.spot-header .time {
	color: #ffffff;
	display: block;
	float: left;
	width: 60px;
	padding-left: 18px;
	font-size: 0.83333em;
	background: url("images/ico_time.png") 5px center no-repeat scroll #ee86a8;
	background-size: 11.5px;
}

.spot-header .pin-num {
	display: block;
	float: left;
	width: 16.5px;
	margin: 0 5px 0 10px;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}

.spot-header h2 {
	font-size: 18px;
	font-size: 1.2rem;
	margin-left: 90px;
}

.spot-content .image {
	float: left;
	width: 110px;
}

.spot-content .image img {
	display: block;
	margin-bottom: 5px;
}

.spot-content .image .address {
	color: #ee86a8;
	font-size: 0.83333em;
	display: block;
	padding-left: 10px;
	background: url("images/ico_pin_small.png") 0 0 no-repeat scroll transparent;
	background-size: 7.5px auto;
}

.spot-content p {
	margin-left: 120px;
}

.spot-content p .btn {
	font-size: 1.2em;
	width: 100%;
	margin-top: 13px;
}

.move-time {
	text-align: center;
	line-height: 40px;
	margin: 10px 0;
	font-size: 1.33333em;
	color: #666666;
	font-weight: bold;
}

.move-time .arrow {
	display: inline-block;
	background: url("images/ico_arrow_down.png") 0 center no-repeat scroll transparent;
	background-size: auto 40px;
	padding-left: 29px;
}

.move-time .way {
	display: inline-block;
	background: url("images/ico_way_walk.png") 0 center no-repeat scroll transparent;
	background-size: auto 23px;
	padding-left: 28px;
}

@media screen and (min-width: 640px) {
	.route-main {
		padding-left: 40px;
		padding-right: 40px;
	}

	.spot-content {
		padding: 10px;
	}

	.spot-content .image {
		width: 220px;
	}

	.spot-content p {
		margin-left: 240px;
	}
}

/**
 * 8.8 - Post, Page
 */
.single article {
	margin: 15px 20px 0;
	padding: 0 0 5px;
}

.page-title,
.archive-title,
.entry-title {
	margin: 0 0 12px;
	font-size: 1.2em;
	border-bottom: 1px solid #ee86a8;
}

.page-title,
.archive-title {
	margin-left: 10px;
	margin-right: 10px;
}

.archive-title {
	margin-top: 10px;
}

.page-header .page-title {
	font-size: 1.66667em;
	text-align: center;
	border-bottom-style: double;
	border-bottom-width: 3px;
}


.entry-content {
	font-size: 1.16667em;
	line-height: 1.42857em;
}

.entry-content p {
	margin-bottom: 1em;
}


/**
 * 8.9 - Page
 */
.section-page {
	margin-bottom: 20px;
}

.section-page p {
	padding-bottom: 0.5em;
}

.section-page .content {
	font-size: 1.06667em;
	line-height: 1.42857em;
}

.section-page .content-title {
	font-size: 1em;
	line-height: 1.42857em;
	margin-top: 0.3em;
}

.section-page ul  {
	padding-left: 1.3em;
	list-style: disc outside none;
}

.sento-info.entrance-fee {
	font-size: 15px;
	font-size: 1rem;
}

.sento-info.entrance-fee dt {
	width: 190px;
	font-weight: normal;
}

.sento-info.entrance-fee dd {
	padding-left: 190px;
	font-weight: bold;
}

.content-left {
	width: 100px;
	float: left;
}

.content-right {
	margin-left: 110px;
}

.note ul {
	list-style-type: none;
	padding-left: 0;
	font-size: 15px;
	font-size: 1rem;
}

.note li {
	text-indent: -1em;
	padding-left: 1em;
}

.note li:before {
	content: "※";

}

/**
 * 9.0 - Accesibility
 */
.widget_archive .widget-title,
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	/* many screen reader and browser combinations announce broken words as they would appear visually */
	word-wrap: normal !important;
}

.edit-link {
	float: right;
}

.edit-link a {
	color: #ffffff;
}