@charset "utf-8";
/* ==========================================================

title : 多度温泉　
scope : 全ページ共通
renew : 2017/08/25 306_kondo  

last modify : 

----------------------------------------------------------

 * reset

 * 汎用スタイル
   margin
	 padding
	 align
	 hover時画像を透過
	 background_color
	 border_color
	 文字サイズ相対指定
	 mark 冒頭記号
   tabel_block
	 form_block
	 list_block
	 column_block

 * 共有スタイル
   header
	 main-nav
	 footer
	 siteroute

========================================================== */

/* ----------------------------------------------------------
	reset
---------------------------------------------------------- */

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, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	color: #000;
	line-height: 1;
	-webkit-text-size-adjust: 100%;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
body, input, textarea, select, button {
	font-size: 17px;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

input, textarea, select, button {
  vertical-align:middle;
}

a {
	text-decoration:none;
}

a:link {
	color:#0000FF;
}
 
a:visited {
	color:#0000FF;
}

a:hover {
	color:#FF0000;
}

img a:hover{
	opacity: 0.7;
}

/* ==============================================================================================================================
  
	汎用スタイル
	
============================================================================================================================== */

/* ------ margin ------ */
.mt0{margin-top:0 !important;}
.mt05{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt16{margin-top:16px !important;}
.mt20{margin-top:20px !important;}
.mt25{margin-top:25px !important;}
.mt40{margin-top:40px !important;}

.mb0{margin-top:0 !important;}
.mb05{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb25{margin-bottom:25px !important;}

.ml0{margin-top:0 !important;}
.ml05{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-lef:15px !important;}
.ml20{margin-lef:20px !important;}
.ml25{margin-lef:25px !important;}

.mr0{margin-top:0 !important;}
.mr05{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr25{margin-right:25px !important;}

.m0 {margin:0 !important;}
.mA {
	margin-right: auto !important;
	margin-left: auto !important;
}

/* ------ padding ------ */
.p0 {padding: 0 !important;}
.p05 {padding: 5px !important;}
.p10 {padding: 10px !important;}
.p15 {padding: 15px !important;}
.p20 {padding: 20px !important;}
.p25 {padding: 25px !important;}
.p30 {padding: 30px !important;}

/* ------ width ------ */
.w15 {width:15% !important; flex-basis:15% !important;}
.w20 {width:20% !important; flex-basis:20% !important;}
.w25 {width:25% !important; flex-basis:25% !important;}
.w30 {width:30% !important; flex-basis:30% !important;}
.w35 {width:35% !important; flex-basis:35% !important;}
.w40 {width:40% !important; flex-basis:40% !important;}
.w45 {width:45% !important; flex-basis:45% !important;}
.w50 {width:50% !important; flex-basis:50% !important;}
.w55 {width:55% !important; flex-basis:55% !important;}
.w60 {width:60% !important; flex-basis:60% !important;}
.w65 {width:65% !important; flex-basis:65% !important;}
.w70 {width:70% !important; flex-basis:70% !important;}
.w75 {width:75% !important; flex-basis:75% !important;}
.w80 {width:80% !important; flex-basis:80% !important;}
.w85 {width:85% !important; flex-basis:85% !important;}
.w90 {width:90% !important; flex-basis:90% !important;}

/* ------ align ------ */
.txt_r { text-align: right !important;} 
.txt_c { text-align: center !important;} 
.txt_l { text-align: left !important;}

.va_t { vertical-align:top !important;}
.va_m { vertical-align:middle !important;}
.va_b { vertical-align:bottom !important;}

/* ------ inline ------ */
.inline { display:inline-block !important;}
.hide { display: none !important;}


/* ------ hover時画像を透過 ------ */
a:hover img.ov {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
a:hover .rollover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
a:hover img.not {
		opacity: 1!important;
}
@media screen and (max-device-width: 1024px) {
	a:hover img {
		opacity: 1!important;
	}
}


/* ------ clearfix ------ */
.clearfix:after,
.clear {
	content: ".";
	display: block;
	height: 0.1px;
	line-height: 0;
	clear: both;
	visibility: hidden;
}

figcaption{
	margin:10px 0 15px;
	font-size:15px;
	line-height:1.2;
}
	

/* -------------------------------------------------

 * 文字サイズ相対指定
 * コメントアウトは 16px を基礎値にした文字サイズ

---------------------------------------------------- */

/* font-size:large */
.fs_24{ font-size: 1.5em !important;}  /* 24px */
.fs_22{ font-size: 1.375em !important;}/* 22px */
.fs_20{ font-size: 1.25em !important;} /* 20px */
.fs_18{ font-size: 1.125em !important;}/* 18px */

/* font-size:small */
.fs_15{ font-size: 0.938em !important;}/* 15px */
.fs_14{ font-size: 0.875em !important;}/* 14px */
.fs_13{ font-size: 0.813em !important;}/* 13px */
.fs_12{ font-size: 0.75em !important;} /* 12px */


/* -------------------------------------------------
 * background-color
---------------------------------------------------- */

.bg_main{ background-color:#f9e4d0 !important;}
.bg_white{ background-color:#fff !important;}

/* -------------------------------------------------
 * border-color
---------------------------------------------------- */

.bd_green{ border-color:#499840 !important;}
.bd_beige{ border-color:#cbba28 !important;}

/* -------------------------------------------------
 * mark 冒頭記号
---------------------------------------------------- */
.mark_disc,
.mark_square,
.mark_square_45deg,
.mark_reference{
  position: relative;
  padding: 0 .5em 0 1.3em;
	list-style:none;
	line-height:1.5;
	text-decoration:none;
}
/* 冒頭記号 ● */
.mark_disc::after {
  position: absolute;
  top: .35em;
  left: 0;
  z-index: 2;
  content: '';
  width: 0.8em;
  height: 0.8em;
  background-color: #000;
	border-radius: 100%;
}
/* 冒頭記号 ■ */
.mark_square::after {
  position: absolute;
  top: .35em;
  left: 0;
  z-index: 2;
  content: '';
  width: 0.8em;
  height: 0.8em;
  background-color: #000;
}
/* 冒頭記号 ◆ */
.mark_square_45deg::after{
  position: absolute;
  top: .3em;
  left: .15em;
  z-index: 2;
  content: '';
  width: 0.75em;
  height: 0.75em;
  background-color: #000;
  -webkit-transform: rotate(45deg) !important;
  transform: rotate(45deg) !important;
}
/* 冒頭記号 ※ */
.mark_reference::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  content: "※";
}

/* --------------------------------------------------------------------------------------------------------------------

 * tabel_block

----------------------------------------------------------------------------------------------------------------------- */
.table_block {
  width: 100%;
  margin: 1em auto;
  border-collapse: collapse;
}
.table_block th, .table_block td {
  padding: 0.25em;
  vertical-align: middle;
}
.table_block caption {
  padding-top:0.25em;
  padding-bottom:0.25em;
}

.table_block [class^="bd_"] {
  border: 2px solid;
}
.table_block [class^="bd_"] th, .table_block [class^="bd-"] td {
  border: 1px solid;
}

/* --------------------------------------------------------------------------------------------------------------------

 * form_block

----------------------------------------------------------------------------------------------------------------------- */
.form_block select::-ms-expand {
	display: none;
}
.form_block fieldset {
  border: 1px solid #f2e7a4;
  border-radius: 4px;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}
.form_block input,
.form_block textarea {
	border: 1px solid #4a4a4a;
}
.form_block input:focus,
.form_block textarea:focus {
	border: 1px solid #54aeff;
}
.form_block textarea {
	width: 100%;
}
.form_block textarea,
.form_block select,
.form_block input[type]{
  background-color: #fafafa;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  padding: 8px;
  font-size: 1.02rem;
  box-shadow: none;
  box-sizing: border-box;
}
.form_block select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display:block;
  box-sizing: border-box;
  border-radius: 4px;
  padding: 0.3em 2.75em 0.3em 0.75em;
  z-index: 1rem;
  background: url(/image_cmn/form/ico_select01.png) right center no-repeat #FFF;
  background-size: contain;
}
/* parts:focus */
.form_block textarea:focus,
.form_block select:focus,
.form_block input[type]:focus {
  border: 1px solid #54aeff;
  outline: 0;
}
.form_block label,
.form_block legend,
.form_block fieldset {
  display: block;
  margin-bottom: .5rem;
}
.form_block input[type="checkbox"] {
	display: none;
}
.form_block input[type="checkbox"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/image_cmn/form/ico_check01_off.png) left center no-repeat;
  background-size: 1.92em;
}
.form_block input[type="checkbox"]:checked + label {
  background-image: url(/image_cmn/form/ico_check01_on.png);
}
.form_block input[type="radio"] {
	display: none;
}
.form_block input[type="radio"] + label {
  box-sizing: border-box;
  display: inline-block;
  min-height: 1.92em;
  margin-right: 0.5em;
  padding: 0.25em 0 0.25em 2.31em;
  background: url(/image_cmn/form/ico_radio01_off.png) left center no-repeat;
  background-size: 1.92em;
}
.form_block input[type="radio"]:checked + label {
  background-image: url(/image_cmn/form/ico_radio01_on.png);
}

/* ---------------------------------
 * button
 * a要素は .buttonクラス指定
------------------------------------- */
.form_block .button,
.form_block button,
.form_block input[type="submit"],
.form_block input[type="reset"],
.form_block input[type="button"] {
  display: inline-block;
  vertical-align: middle;
  padding: 8px 16px;
  font-size: 1.02rem;
  text-decoration: none;
  color: #FFF !important;
  border: 1px solid #1d2c57;
  background-color: #1c589e;
  background: linear-gradient(#1c589e, #1d2c57);
  border-radius: 4px;
  box-sizing: border-box;
  box-shadow: 0 1px 0 1px rgba(0,0,0,0.15);
}
/* large */
.form_block .button.large,
.form_block button.large,
.form_block input[type="submit"].large,
.form_block input[type="reset"].large,
.form_block input[type="button"].large {
  font-size: 1.27rem;
  font-weight:bold;
}
/* disabled */
.form_block .button[disabled],
.form_block button[disabled],
.form_block input[type="submit"][disabled],
.form_block input[type="reset"][disabled],
.form_block input[type="button"][disabled] {
  border: 1px solid #666 !important;
  background-color: #a5a5a5 !important;
  background: linear-gradient(#a5a5a5, #787878) !important;
}
.form_block input[type][disabled] + label{
  opacity: .5;
}
/* :focus */
.form_block .button:focus,
.form_block .button:hover,
.form_block button:focus,
.form_block button:hover,
.form_block input[type="submit"]:focus,
.form_block input[type="submit"]:hover,
.form_block input[type="reset"]:focus,
.form_block input[type="reset"]:hover,
.form_block input[type="button"]:focus,
.form_block input[type="button"]:hover {
  background: linear-gradient(#1d2c57, #1c589e);
  outline: 0;
}
/* ---------------------------------
 * button 配色変更
------------------------------------- */
/* .btn_green */
.form_block .button.btn_green,
.form_block  button.btn_green,
.form_block input[type="submit"].btn_green,
.form_block input[type="reset"].btn_green,
.form_block input[type="button"].btn_green{
  background-color: #2fbd4a;
  background: linear-gradient(#2fbd4a, #006f15);
  border: 1px solid #199113;
}
/* .btn_green:focus */
.form_block .button.btn_green:focus,
.form_block .button.btn_green:hover,
.form_block button.btn_green:focus,
.form_block button.btn_green:hover,
.form_block input[type="submit"].btn_green:focus,
.form_block input[type="submit"].btn_green:hover,
.form_block input[type="reset"].btn_green:focus,
.form_block input[type="reset"].btn_green:hover,
.form_block input[type="button"].btn_green:focus,
.form_block input[type="button"].btn_green:hover {
  background: linear-gradient(#006f15, #2fbd4a);
  outline: 0;
}
/* .btn_red */
.form_block .button.btn_red,
.form_block button.btn_red,
.form_block input[type="submit"].btn_red,
.form_block input[type="reset"].btn_red,
.form_block input[type="button"].btn_red {
  border: 1px solid #921923;
  background-color: #b50e1c;
  background: linear-gradient(#d90314, #921923);
}
/* .btn_red:focus */
.form_block .button.btn_red:focus,
.form_block .button.btn_red:hover,
.form_block button.btn_red:focus,
.form_block button.btn_red:hover,
.form_block input[type="submit"].btn_red:focus,
.form_block input[type="submit"].btn_red:hover,
.form_block input[type="reset"].btn_red:focus,
.form_block input[type="reset"].btn_red:hover,
.form_block input[type="button"].btn_red:focus,
.form_block input[type="button"].btn_red:hover {
  background: linear-gradient(#921923, #d90314);
  outline: 0;
}

/* --------------------------------------------------------------------------------------------------------------------

 * list_block

----------------------------------------------------------------------------------------------------------------------- */
.list_block{
	margin:1em auto;
}
.list_block li{
	margin-bottom:.75em;
}
.list_block.number{
  counter-reset: n;
}
.list_block.number > li {
  padding-left: 1.25em;
  text-indent: -1.25em;
}
.list_block.number li:before {
  counter-increment: n;
  content: counters(n, ".") ". ";
}

/* --------------------------------------------------------------------------------------------------------------------

 * column_block

----------------------------------------------------------------------------------------------------------------------- */
.column_block{
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-flex;
  -webkit-align-self: stretch;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.column_block >  * {
  width: inherit;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
	margin-bottom:1%;
  vertical-align:top;
}

/* column_2 */
.column_block.column_2 > * {
  -webkit-flex-basis: 49.5%;
  -ms-flex-preferred-size: 49.5%;
  flex-basis: 49.5%;
}
.column_block.column_2 > *:nth-child(even) {
  margin-left: 1%;
}
.column_block.column_2 > *:nth-last-child(1),
.column_block.column_2 > *:nth-last-child(2){
  margin-bottom: 0;
}

/* column_3 */
.column_block.column_3 > * {
  -webkit-flex-basis:32.66%;
  -ms-flex-preferred-size: 32.66%;
  flex-basis: 32.66%;
}
.column_block.column_3 > *:nth-child(3n+1),
.column_block.column_3 > *:nth-child(3n+2) {
  margin-right: 1.01%;
}
.column_block.column_3 > *:nth-last-child(1),
.column_block.column_3 > *:nth-last-child(2),
.column_block.column_3 > *:nth-last-child(3){
  margin-bottom: 0;
}

/* column_4 */
.column_block.column_4 > * {
  -webkit-flex-basis:24.25%;
  -ms-flex-preferred-size: 24.25%;
  flex-basis: 24.25%;
}
.column_block.column_4 > *:nth-child(4n+1),
.column_block.column_4 > *:nth-child(4n+2),
.column_block.column_4 > *:nth-child(4n+3) {
  margin-right: 1%;
}
.column_block.column_4 > *:nth-last-child(1),
.column_block.column_4 > *:nth-last-child(2),
.column_block.column_4 > *:nth-last-child(3),
.column_block.column_4 > *:nth-last-child(4){
  margin-bottom: 0;
}

/* column_5 */
.column_block.column_5 > * {
  -webkit-flex-basis:19.2%;
  -ms-flex-preferred-size: 19.2%;
  flex-basis: 19.2%;
}
.column_block.column_5 > *:nth-child(5n+1),
.column_block.column_5 > *:nth-child(5n+2),
.column_block.column_5 > *:nth-child(5n+3),
.column_block.column_5 > *:nth-child(5n+4) {
  margin-right: 1%;
}
.column_block.column_5 > *:nth-last-child(1),
.column_block.column_5 > *:nth-last-child(2),
.column_block.column_5 > *:nth-last-child(3),
.column_block.column_5 > *:nth-last-child(4),
.column_block.column_5 > *:nth-last-child(5){
  margin-bottom: 0;
}

/* ==============================================================================================================================
  
	共有スタイル
	
============================================================================================================================== */

/* ----------------------------------------------------------
	header
---------------------------------------------------------- */
#headbg{
  margin: 0 0 60px;
	background-color:#f9e4cf;
}
#header_area {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
	margin: 0 auto;
  padding: 1em 0 0.5em;
	width: 940px;
}

#header_area h1 {
  text-align: center;
}

#header_area h1 span {
  color: #800000;
  display: block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: .8rem;
  margin-bottom: 0.5em;
}

#header_area .link_hotel {
  align-items: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin-top: 0.5em;
  width: 340px;
}

#header_area .box_contact {
  width: 190px;
}

#header_area .box_contact .ttl_head_contact {
  font-size: 14px;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  display: flex;
  align-items: center;
  color: #830303;
  font-weight: bold;
  margin-bottom: 0.3em;
}

#header_area .box_contact .ttl_head_contact:before,
#header_area .box_contact .ttl_head_contact:after {
  content: "";
  flex-grow: 1;
  height: 1px;
  background: #830303;
  display: block;
}

#header_area .box_contact .ttl_head_contact:before {
  margin-right: .4em;
}

#header_area .box_contact .ttl_head_contact:after {
  margin-left: .4em;
}

#header_area .box_contact {
  text-align: center;
}

#header_area .box_contact ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  width: 180px;
}

#header_area .box_contact ul li {
  width: 85px;
}

#header_area .box_contact ul li a {
  background: #750202; /* Old browsers */
  background: -moz-linear-gradient(top,  #ff7f7f 0%, #d73f3f 12%, #750202 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ff7f7f 0%,#d73f3f 12%,#750202 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ff7f7f 0%,#d73f3f 12%,#750202 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  border: 1px solid #830303;
  border-radius: 3px;
  color: #fff;
  display: block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 14px;
  font-weight: bold;
  padding: 0.35em 0;
  text-align: center;
}

#header_area .box_contact .tel {
  color: #750202;
  display: inline-block;
  font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","游明朝","Yu Mincho",YuMincho,"MS 明朝","ＭＳ Ｐ明朝", "MS PMincho",serif;
  font-size: 17px;
  font-weight: bold;
  margin-top: 0.3em;
  margin-left: 0.5em;
  text-decoration: none;
  position: relative;
  line-height: 1.5em;
}

#header_area .box_contact .tel:before {
  background: url(../image_renew/ico-tel-contact.png) center center no-repeat;
  background-size: 0.8em;
  bottom: 0;
  content: "";
  display: inline-block;
  left: -1em;
  position: absolute;
  top: 0;
  width: 0.8em;
}


#header_area .link_hotel li a:hover,
#header_area .box_contact ul li a:hover,
#header_area .btn_weather:hover {
  opacity: .8;
  transition: .5s all;
}

/* ----------------------------------------------------------
	main-nav
----------------------------------------------------------  */
#main-nav{
  position: absolute;
  top: 100px;
  width: 100%;
  background: url(/tado_onsen/image_renew/nav/bg_navi.png) repeat-x 0 bottom;
	background-color:#a31414;
}
#main-nav.fixed {
  position: fixed;
  top: 0;
  z-index: 1000;
}

#main-nav ul{
	width: 940px;
	margin: 0 auto;
	font-size: 0;
}

#main-nav li {
	display: inline-block;
	font-size: 12px;
	line-height: 1;
}

/* ----------------------------------------------------------
	siteroute
---------------------------------------------------------- */

/* ----------------------------------------------------------
	keyword
---------------------------------------------------------- */
aside#keyword {
	padding-top:30px;
	padding-bottom:30px;
}
aside#keyword > *{
	margin:0 auto;
	padding:15px 25px;
	border:4px solid #d09494;
	font-size: 0.875em;/* 14px */
	line-height:1.5;
	width:660px;
}

/* ----------------------------------------------------------
	footer
---------------------------------------------------------- */
footer {
	padding:0 0 40px;
  background: url(/image_cmn/footer_line.gif) repeat-x 0 bottom;
	background-color:#fff;
	line-height:1.5;
}

/* ----- #footer_list_area ----- */
#footer_list_area{
	background-color:#f9e4d0;
	padding-top:15px;
	padding-bottom:10px;
}
#footer_list_area > *{
	margin:0 auto;
	width:940px;
}
#footer_list_area ul.column_block.column_3 > * {
  -webkit-flex-basis:31.66%;
  -ms-flex-preferred-size: 31.66%;
  flex-basis: 31.66%;
}
#footer_list_area ul.column_block.column_3 > *:nth-child(3n+1),
#footer_list_area ul.column_block.column_3 > *:nth-child(3n+2) {
  margin-right: 1.01%;
}
#footer_list_area h2{
	padding:5px;
	color:#fff;
	background:#800000;
	text-align:center;
	font-size: 0.875em;/* 14px */
}
#footer_list_area ul.column_block.column_3 > * > ul{
	padding:5px;
}
#footer_list_area ul.column_block.column_3 > * > ul li{
	background:url(/tado_onsen/image_renew/arrow_red.png) no-repeat left 0.4em;
	padding:0 0 4px 12px;
	font-size: 0.813em;/* 13px */
}
#footer_list_area ul.column_block.column_3 > * > ul li a:link,
#footer_list_area ul.column_block.column_3 > * > ul li a:visited{
	color:#00c;
}
#footer_list_area ul.column_block.column_3 > * > ul li a:hover{
	color:#f00;
}



/* ----- #footer_box ----- */
#footer_box {
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
		margin:auto;
}

#footer_box ul{
	display: flex;
	justify-content:center;
}
#footer_box li{
	font-size: 0.813em;/* 13px */
	line-height:1;
	margin:10px 0 10px;
}

/* ----- #copyright ----- */
#copyright{
	font-size: 0.938em;/* 15px */
	text-align:center;
}
#copyright a{ color:#000;}

/*文字の色*/
.text_crim{
	color:#c10000;
}
.text_skyblue{
	color:#19a09d;
}
.text_moca{
	color:#521213;
}
.text_salmon{
	color:#ea616f;
}

/*テキストの大きさ*/
.fs_12{
	font-size:12px!important;
}

.fs_13{
	font-size:13px!important;
}

.fs_14{
	font-size:14px!important;
}

.fs_15{
	font-size:15px!important;
}

.fs_16{
	font-size:16px!important;
}
.fs_17{
	font-size:17px!important;
}
.fs_18{
	font-size:18px!important;
}
.fs_19{
	font-size:19px!important;
}
.fs_20{
	font-size:20px!important;
}
.fs_22{
	font-size:22px!important;
}
.fs_25{
	font-size:25px!important;
}
.fs_28{
	font-size:28px!important;
}
.fs_30{
	font-size:30px!important;
}
.fs_32{
	font-size:32px!important;
}
.fs_34{
	font-size:34px!important;
}

.fs_36{
	font-size:36px!important;
}


.txt_green01{
	color:#107c0e;
}
.txt_purple01{
	color:#9f0c87;
}
.txt_blue01{
	color:#0977A6;
}
.txt_orange01{
	color:#DD5F15;
}
.txt_pink01{
	color:#D81F64;
	}
	
.txt_red01{
	color:#800000;
}
.txt_red02{
	color:#FF0004!important;
}
.txt_moca{
	color:#795548;
}
.txt_gr {
	color: #ccc;
}

.txt_gray{
  color:#999999;
}

.taC{
	text-align: center;
}
.ml2{
   margin-left: -2em!important;	
}
.ml5{
   margin-left: 5px!important;	
}
.ml10{
   margin-left: 10px!important;	
}
.ml17{
   margin-left: 17px!important;	
}
.ml20{
	margin-left: 20px!important;
}
.ml30{
   margin-left: 30px!important;	
}
.ml40{
   margin-left: 40px!important;	
}
.ml50{
   margin-left: 50px!important;	
}
.ml75{
   margin-left: 75px!important;	
}
.ml124{
 margin-left: 124px!important;	
}
.ml160{
   margin-left: 160px!important;	
}
.ml225{
	margin-left:225px!important;
}
.mt0{
	margin-top:0!important;
}
.mt5{
	margin-top: 5px!important;
}
.mt10{
	margin-top: 10px!important;
}
.mt15{
	margin-top: 15px!important;
}
.mt30{
	margin-top: 50px!important;
}

.mt35{
	margin-top: 35px!important;
}
.mt40{
	margin-top: 40px!important;
}
.mt50{
	margin-top: 50px!important;
}
.mt60{
	margin-top: 60px!important;
}
.mt70{
	margin-top: 70px!important;
}
.mt80{
	margin-top: 80px!important;
}
.mt90{
	margin-top: 90px!important;
}
.mt95{
	margin-top: 95px!important;
}

.mt100{
	margin-top: 100px!important;
}
.mt110{
	margin-top: 110px!important;
}
.mt120{
	margin-top: 120px!important;
}
.mb0{
	margin-bottom: 0px!important;
}
.mb30{
	margin-bottom: 30px!important;
}
.mb60{
	margin-bottom: 60px!important;
}
/*重要なお知らせ*/
#important_info {
    border: 2px solid #0F3E84;
    margin: 1em auto 2em;
    color: #000;
    width: 480px;

}
#important_info p{
	  font-size: 110%;
  text-align: center;
    margin: 18px auto;

}