@charset "UTF-8";

/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video
  { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; line-height: 200%; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; }
audio, canvas, video { display: inline-block; max-width: 100%; }
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
ul, ol { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
a:focus { outline: none; }
ins { text-decoration: none; }
mark { font-style: italic; font-weight: bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }
table { border-collapse: collapse; border-spacing: 0; width: 100%; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
button, input, select, textarea { outline: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 100%; }
input, textarea { background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0), rgba(255, 255, 255, 0)); -webkit-appearance: none; border-radius: 0; /* Removing the inner shadow, rounded corners on iOS inputs */ }
input[type="checkbox"] { -webkit-appearance: checkbox; }
input[type="radio"] { -webkit-appearance: radio; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
img { -ms-interpolation-mode: bicubic; }
/* clearfix */
.clearfix:after { content: "."; display: block; clear: both; height: 0; font-size: 0.1em; line-height: 0; visibility: hidden; overflow: hidden; }
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* end MacIE5 */

body {
  background: #fff;
}

@media screen and (min-width: 769px) {
  .pc-none {
    display: none !important;
  }
  #top_bath3_sp {
    display: none;
  }
  .area_bath {
    margin-top: 50px;
    width: 980px;
    height: 1200px;
    background: #f5efe0;
    text-align: center;
    font-size: 22px;
    line-height: 200%;
  }
  .btn_bath {
    margin-top: -50px;
  }

}

@media screen and (max-width: 768px) {
  .sp-none {
    display: none !important;
  }
  #top_bath3 {
    display: none;
  }
  #top_bath3_sp img {
    width: 100%;
  }
  .area_bath {
    width: 90%;
    background: #f5efe0;
    text-align: center;
  }
  .area_bath img {
    width: 100%;
  }
  .area_bath_inner {
    width: 90%;
    background: #f5efe0;
    margin: 0 auto;
    text-align: left;
    font-size: 16px;
    line-height: 210%;
    padding-bottom: 50px;
  }
  .btn_bath img {
    clear:both;
    width: 70%;
    text-align: center;
    margin-top: -25px;
  }

}

/* ページトップ
---------------------------*/

#pagetop{
	position:fixed;
	right: 20px;
	bottom: 20px;
	cursor:pointer;
        }

#pagetop:hover {
	opacity: 0.8; }

/* フッタ
---------------------------*/

#footer {
	clear:both;
	margin: 20px 0px 20px 0px;
	text-align: center;
	width: 100%;
        }
#footer2 {
	background: #333333;
	padding: 20px 0px 20px 0px;
	text-align: center;
	width: 100%;
	color: #FFFFFF;
	font-size: 13px;
        }