@charset "UTF-8";
/*
Theme Name: 月の湯舟
Theme URI: http://www.works.co.jp/
Description: 2014年 http://www.tsuki-no-yufune.com/ サイトの為に制作されたカスタムテーマ。
Author: Works Co., Ltd.
Author URI: http://www.works.co.jp/
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: default, black, dark, gray, one-column, fixed-width, flexible-width, full-width-template, microformats, post-formats, rtl-language-support, theme-options, translation-ready
*/

/* -------------------------------------------------------------------------- **
**  GLOBAL RESET
** -------------------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 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, main, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: inherit;
	font-style: inherit;
	font-size: 100%;
	font-weight: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
[hidden], command, datalist, menu[type=context], rp, source, audio:not([controls]) { display: none; }
audio:not([controls]) { height: 0; }

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul, ol {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
table, th, td {
	vertical-align: middle;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
abbr, acronym {
	border: 0;
	font-variant: normal;
}
sub, sup { position: relative; font-size: 0.75em; line-height: 0; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

input, textarea, select, button {
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}
* html input, * html textarea, * html select, * html button {
	font-size: 100%;
}
legend {
	color: #000;
}
img { border: none; border: 0; }

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


/* -------------------------------------------------------------------------- **
**  Default Tag
** -------------------------------------------------------------------------- */

html {
	height: 100%;
	overflow-y: scroll;
	
	font-size: 62.5%;
	
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	-ms-font-smoothing: antialiased;
	-o-font-smoothing: antialiased;
	
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	}

body {
	height: 100%;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,Geneva,"Helvetica Neue",Helvetica,'ＭＳ Ｐゴシック',Osaka,sans-serif;
	font-size: 1.4em;
	line-height: 1.428571429;
	}

body, button, input, select, textarea { color: #464646; }


header, main, footer, section, aside, div, ul, ol, li, dl, dt, dd {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
}

header, main, footer, div, ul, ol, dl {
	*zoom: 1;
}
header:before, main:before, footer:before, div:before, ul:before, ol:before, dl:before,
header:after, main:after, footer:after, div:after, ul:after, ol:after, dl:after {
	display: table;
	line-height: 0;
	content: "";
}
header:after, main:after, footer:after, div:after, ul:after, ol:after, dl:after {
	clear: both;
}


/* -------------------------------------------------------------------------- **
**  LINKS
** -------------------------------------------------------------------------- */
a, a:link, a:visited {
	color: #fefefe;
	cursor: pointer;
	outline: none;
	text-decoration: none;
}
a:hover, a:focus, a:active, a.active {
	color: #eeeeee;
	text-decoration: underline;
}
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

a[href^="#"], area[href^="#"],
a[href^="javascript:"],
area[href^="javascript:"] { -webkit-touch-callout: none; }

area { outline: none; }


/* -------------------------------------------------------------------------- **
**  TYPOGRAPHY
** -------------------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { color: #fff; }
h1 { margin-bottom: .5em; font-size: 3em; line-height: 1; }
h2 { margin-bottom: .75em; font-size: 2em; line-height: 1; }
h3 { margin-bottom: 1em; font-size: 1.5em; line-height: 1; }
h4 { margin-bottom: 1.25em; font-size: 1.2em; line-height: 1.25; }
h5 { margin-bottom: 1em; font-size: 1em; font-weight: bold; }
h6 { font-size: 1em; font-weight: bold; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0; }
b, strong { font-weight: bold; }
em, dfn { font-style: italic; }
cite { font-style: normal; }
dfn { font-weight: bold; }
sup, sub { line-height: 0; }
abbr, acronym { border-bottom: 1px dotted #666; }
abbr[title]	{ cursor: help; }
address { margin: 0 0 1.5em; }
del { color: #666; }

blockquote { margin: 0 18px 20px; padding-left: 15px; }

hr {
	clear: both;
	height: 0;
	margin: 0.5em 0;
	padding: 0;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	border: solid 0px;
	border-top-width: 1px;
	color: #999;
	background-color: #999;
	}

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

pre, code { margin: 1.66em 0; white-space: pre; }
pre, code, tt, kbd, samp { font: 1em Monaco, Menlo, Consolas, Meiryo, 'メイリオ', "Courier New", monospace; text-align: left; line-height: 1.5em; }
pre { padding: 0.83em 1.25em; border: solid 1px #ccc; background-color: #eee; overflow: auto; white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: "\201C" "\201D" "\2018" "\2019"; }

small { font-size: 0.85em; }




/* -------------------------------------------------------------------------- **
**  LISTS
** -------------------------------------------------------------------------- */
ul, ol { margin: 0 0 1.8em 0; padding: 0 0 0 2.3em; }
ul { list-style-type: disc; }
ol { list-style-type: decimal; }
li ul, li ol { margin: 0 0.5em; }
ul ul, ol ul { list-style-type: circle; }

nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

dl { margin: 0 0 1.5em 0; }
dl dt, dl dd { line-height: 1.428571429; }
dl dt { font-weight: bold; }
dl dd { margin-left: 1.5em; }


/* -------------------------------------------------------------------------- **
**  FORMS
** -------------------------------------------------------------------------- */
form {}

button, input { line-height: normal; *overflow: visible; }
button, select { text-transform: none; }

textarea {
	max-width: 100%;
	resize: vertical;
	vertical-align: top;
	-webkit-overflow-scrolling: touch;
}

button, input[type=button], input[type=submit], input[type=reset] {
	cursor: pointer;
	-webkit-appearance: button;
}
button[disabled], input[disabled] {
	cursor: default;
}
input[type=checkbox], input[type=radio] {
	padding: 0;
	border-sizing: border-box;
}
input[type=search] {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-ms-box-sizing: content-box;
	-o-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

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

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #ccc; }
input:-moz-placeholder, textarea:-moz-placeholder,
input::-moz-placeholder, textarea::-moz-placeholder { color: #ccc; }
input::-ms-placeholder, textarea::-ms-placeholder { color: #ccc; }
input::-o-placeholder, textarea::-o-placeholder { color: #ccc; }
input::placeholder, textarea::placeholder { color: #ccc; }

/* -------------------------------------------------------------------------- **
**  TABLE
** -------------------------------------------------------------------------- */
table {
	width: 100%;
	margin-bottom: 1.4em;
	border-collapse: collapse;
	border-spacing: 0;
}
td { vertical-align: top; }
th {}
th, td { padding: 0.41em 0.83em 0.41em 0.41em; }
th[align="right"], td[align="right"] { text-align: right; }
tfoot { font-style: italic; }
caption {}



/* -------------------------------------------------------------------------- **
**  MEDIA
** -------------------------------------------------------------------------- */
figure { margin: 0; }

img { -ms-interpolation-mode: bicubic; vertical-align: middle; }


/* -------------------------------------------------------------------------- */
.clear {
	display: block;
	clear: both;
	width: 0px;
	height: 0px;
	margin: 0;
	padding: 0;
	font-size: 1px;
	text-decoration: none;
	line-height: 0px;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}
.clearfix:before,
.clearfix:after {
	display: table;
	line-height: 0;
	content: "";
}
.clearfix:after {
	clear: both;
}


