@charset "utf-8";
@import url('/tado_onsen/css/global.css?20250225');
@import url('/css/contents.css');

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

title : ホテル多度温泉　コンテンツ共通
scope : 全ページ

last modify : 2016/01/07 266_shintani スライドショー設置

memo  : 
							2013/03/15 041_ooba

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

/*トップ お知らせ*/
#construction.box_const{
	width: 720px;
	padding-bottom:6px;
	border: 2px solid #E91E63;
	margin: 30px auto 20px;

	position:relative;
}

#construction.box_const p.midashi{
	font-weight: 600;
	font-size:19px;
	margin:auto;
	padding:8px 0;
	text-align:center;
	color:#fff;
	background: #E91E63;
}
#construction.box_const p.sublead{
	width:650px;
	margin:auto;
	padding:.5em 2em;
	line-height:1.5;
　　text-align:justify;
}
#construction.box_const ul.kajyougaki{
	width:575px;
	margin:0 auto 20px;
}
#construction.box_const ul.kajyougaki li{
	margin-top:10px;
	margin-left:1em;
	text-indent:-1em;
	
}



/* --------------------------------------
 maincolumn box
--------------------------------------- */

.maincolumn [class^="box"] > h2 {
	border-bottom:#d30000 solid 2px;
	background:url(/tado_onsen/image_cmn/mrk_ttl.gif) no-repeat 0 0,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f5f5));
	background:url(/tado_onsen/image_cmn/mrk_ttl.gif) no-repeat 0 0,-moz-linear-gradient(top, #ffffff 0%, #f5f5f5 100%);
	background:url(/tado_onsen/image_cmn/mrk_ttl.gif) no-repeat 0 0,linear-gradient(to bottom, #ffffff 0%,#f5f5f5 100%);
	-pie-background:url(/tado_onsen/image_cmn/mrk_ttl.gif) no-repeat 0 0,linear-gradient(#ffffff, #f5f5f5);
	color:#660000;
		}
	
.maincolumn [class^="box"] > h2.txt_modify {
	letter-spacing:0.1em;
	}
	
	
.maincolumn [class^="box"] h3,
.maincolumn [class^="box"] dl.dl_list > dt {
	border-left:#f6bfca solid 6px;
	background:#fbe6ea;
	}
	
.maincolumn [class^="box"] h4,
.maincolumn [class^="box"] dl.dl_list_s > dt {
	background:url(/tado_onsen/image_cmn/mrk_ttl_s.gif) no-repeat 0 0;
	color:#db002c;
	}
	
/* --------------------------------------
 maincolumn box figure
--------------------------------------- */
	
.maincolumn [class^="box"] figure[class^="img_"]  > figcaption {
	background:#f5eaec;
	color:#732635;
	}
	
/* --------------------------------------
 maincolumn box （asideの場合）
--------------------------------------- */

.maincolumn aside[class^="box"] {
	background:#eee8e8;
	}
	
.maincolumn aside[class^="box"] > h2 {
	background:url(/tado_onsen/image_cmn/bg_aside_ttl.gif) repeat-x 0 bottom;
	}
	
/* --------------------------------------
 タブ
--------------------------------------- */

ul[class^="tab"] {
	border:#e98080 solid 1px;
	}
	
ul[class^="tab"] > li {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbe6e6), color-stop(50%,#f8d9d9), color-stop(50%,#f4bfbf), color-stop(100%,#f2b3b3));
	background: -moz-linear-gradient(top, #fbe6e6 0%, #f8d9d9 50%, #f4bfbf 50%, #f2b3b3 100%);
	background: linear-gradient(top, #fbe6e6 0%, #f8d9d9 50%, #f4bfbf 50%, #f2b3b3 100%);
	-pie-background: linear-gradient(top, #fbe6e6 0%, #f8d9d9 50%, #f4bfbf 50%, #f2b3b3 100%);
	border-left:#e98080 solid 1px;
	border-right:#fbe6e6 solid 1px;
	color:#d30000;
	}
	
ul[class^="tab"] > li > a {
	color:#d30000;
	}
	
ul[class^="tab"] > li > a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdf2f2), color-stop(50%,#fbe6e6), color-stop(50%,#f6cccc), color-stop(100%,#f8d9d9));
	background: -webkit-linear-gradient(top, #fdf2f2 0%, #fbe6e6 50%, #f6cccc 50%, #f8d9d9 100%);
	background: -moz-linear-gradient(top, #fdf2f2 0%, #fbe6e6 50%, #f6cccc 50%, #f8d9d9 100%);
	background: linear-gradient(top, #fdf2f2 0%, #fbe6e6 50%, #f6cccc 50%, #f8d9d9 100%);
	-pie-background: linear-gradient(top, #fdf2f2 0%, #fbe6e6 50%, #f6cccc 50%, #f8d9d9 100%);
	color:#e04d4d;
	}
	
ul[class^="tab"] > li.active {
	border-right:#dc3333 solid 1px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30000), color-stop(100%,#e04d4d));
	background: -webkit-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: -moz-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	-pie-background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	color:#fff;
	font-weight:bold;
	}
	
ul[class^="tab"] > li.active > a {
	color:#fff;
	}
	
ul[class^="tab"] > li.active > a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30000), color-stop(100%,#e04d4d));
	background: -webkit-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: -moz-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	-pie-background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	color:#fff;
	}
	
/* ----- インクルードにする場合 ----- */
[class^="contentbox_tab01"] ul[class^="tab"] > li.tab01,
[class^="contentbox_tab02"] ul[class^="tab"] > li.tab02,
[class^="contentbox_tab03"] ul[class^="tab"] > li.tab03,
[class^="contentbox_tab04"] ul[class^="tab"] > li.tab04,
[class^="contentbox_tab05"] ul[class^="tab"] > li.tab05,
[class^="contentbox_tab06"] ul[class^="tab"] > li.tab06,
[class^="contentbox_tab07"] ul[class^="tab"] > li.tab07,
[class^="contentbox_tab08"] ul[class^="tab"] > li.tab08 {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30000), color-stop(100%,#e04d4d));
	background: -webkit-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: -moz-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	-pie-background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	border-right:#dc3333 solid 1px;
	}
	
[class^="contentbox_tab01"] ul[class^="tab"] > li.tab01 > a:hover,
[class^="contentbox_tab02"] ul[class^="tab"] > li.tab02 > a:hover,
[class^="contentbox_tab03"] ul[class^="tab"] > li.tab03 > a:hover,
[class^="contentbox_tab04"] ul[class^="tab"] > li.tab04 > a:hover,
[class^="contentbox_tab05"] ul[class^="tab"] > li.tab05 > a:hover,
[class^="contentbox_tab06"] ul[class^="tab"] > li.tab06 > a:hover,
[class^="contentbox_tab07"] ul[class^="tab"] > li.tab07 > a:hover,
[class^="contentbox_tab08"] ul[class^="tab"] > li.tab08 > a:hover {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d30000), color-stop(100%,#e04d4d));
	background: -webkit-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: -moz-linear-gradient(top, #d30000 0%, #e04d4d 100%);
	background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	-pie-background: linear-gradient(top, #d30000 0%, #e04d4d 100%);
	color:#fff;
	}
	
/* --------------------------------------
 contnavi
--------------------------------------- */
	
ul[class^="contnavi"] > li {
	border:#ed8096 solid 2px;
	}
	
ul[class^="contnavi"] > li:hover {
	background:#fbe6ea url(/image_cmn/contnavi_arrow.gif) no-repeat 5px center;
	-pie-background:#fbe6ea url(/image_cmn/contnavi_arrow.gif) no-repeat 5px center;
	}
	
ul[class^="contnavi"] > li.active {
	border:#e23356 solid 2px;
	background:url(/image_cmn/contnavi_arrow_ac.gif) no-repeat 5px center,-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96680), color-stop(100%,#e64d6c));
	background:url(/image_cmn/contnavi_arrow_ac.gif) no-repeat 5px center,-moz-linear-gradient(top, #e96680 0%, #e64d6c 100%);
	background:url(/image_cmn/contnavi_arrow_ac.gif) no-repeat 5px center,linear-gradient(to bottom, #e96680 0%,#e64d6c 100%);
	-pie-background:url(/image_cmn/contnavi_arrow_ac.gif) no-repeat 5px center,linear-gradient(top, #e96680 0%, #e64d6c 100%);
	}

/* ----- インクルードにする場合 ----- */
[class^="cont_ac_1"] ul[class^="contnavi"] > li[class^="con_li_1"],
[class^="cont_ac_2"] ul[class^="contnavi"] > li[class^="con_li_2"],
[class^="cont_ac_3"] ul[class^="contnavi"] > li[class^="con_li_3"],
[class^="cont_ac_4"] ul[class^="contnavi"] > li[class^="con_li_4"],
[class^="cont_ac_5"] ul[class^="contnavi"] > li[class^="con_li_5"],
[class^="cont_ac_6"] ul[class^="contnavi"] > li[class^="con_li_6"],
[class^="cont_ac_7"] ul[class^="contnavi"] > li[class^="con_li_7"],
[class^="cont_ac_8"] ul[class^="contnavi"] > li[class^="con_li_8"],
[class^="cont_ac_9"] ul[class^="contnavi"] > li[class^="con_li_9"],
[class^="cont_ac_10"] ul[class^="contnavi"] > li[class^="con_li_10"]{
	border:#e23356 solid 2px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e96680), color-stop(100%,#e64d6c));
	background: -moz-linear-gradient(top, #e96680 0%, #e64d6c 100%);
	background: linear-gradient(to bottom, #e96680 0%,#e64d6c 100%);
	-pie-background: linear-gradient(top, #e96680 0%, #e64d6c 100%);
	}
		
/* --------------------------------------
 table
--------------------------------------- */
[class^="tablebox"] > table[class^="defo"] {
	border:2px solid #a1506b;
	}
	
[class^="tablebox"] > table[class^="defo"] th{
	border:1px solid #a1506b;
	background:#660000;
	}
	
[class^="tablebox"] > table[class^="defo"] th.sub{
	background:#e3bec7;
	}

[class^="tablebox"] > table[class^="defo"] td {
	border:1px solid #a1506b;
	}
		
/* --------------------------------------
 pagination
--------------------------------------- */	
	
[class^="pagination"] > ul > li > a,
[class^="pagination"] > ul > li > span {
	color:#d30000;
	}
	
[class^="pagination"] > ul > li > a {
	border:#d30000 solid 1px;
	}

[class^="pagination"] > ul > li > .ac {
	border:#d30000 solid 1px;
	background:#d30000;
	}

/* 次へ・前へ */
[class^="pagination"] > ul > li[class^="page_next"] > a {
	background:url(/tado_onsen/image_cmn/pagearrow_next.gif) no-repeat 0 center;
	}
	
[class^="pagination"] > ul > li[class^="page_prev"] > a {
	background:url(/tado_onsen/image_cmn/pagearrow_prev.gif) no-repeat right center;
	}
	
/* --------------------------------------
 画像リスト
--------------------------------------- */	
ul[class^="piclist"] {
	background:url(/tado_onsen/image_cmn/piclist_sp_bg.gif) no-repeat 0 bottom;
	}
	
/* --------------------------------------
 写真リスト
--------------------------------------- */
/* タイトル付き */	
.photolistbox dl.listbox > dt {
	background:url(/tado_onsen/image_cmn/mrk_ttl_s.gif) no-repeat 0 0;
	color:#db002c;
	}

/*--ガーデニングコンテスト（終了時消す）--*/
.bnr_box{
	width:624px;
	margin:10px auto;
}
.bnr_box figure{
	display:inline-block;
	vertical-align:top;
	margin:0 4px;
	width:300px;
}
.bnr_box a img:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

.bnr_box_500{
    width:500px;
    margin:auto;
}

.bnr_box_500 a:hover img{
    opacity: 0.75;
}

.bnr_box_500 p{
    width:500px;
    font-size:15px!important;
    margin-top:8px;
    text-align: left;
}

/* iOS8.4.1対応 */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
.bnr_box a img:hover{
    opacity:1;
  }
}

/* --------------------------------------
 スライドショー
--------------------------------------- */
.mainimg_slide {
	width: 960px;
	height: 345px;
	margin: 12px 0 0 0;
}

.lead_img {
	width: 660px;
	margin: 35px auto 0 auto;
}


/* --------------------------------------
 inq_tel_box
--------------------------------------- */
#maincolumn .inq_tel_box {
	width: 813px;
	height: 203px;
	margin: 40px auto 0;
	border: 1px solid #ccc;
	background: url(/tado_onsen/new/image_cmn/bg_inq_tel.jpg) no-repeat right 0;
}

#maincolumn .inq_tel_box .inq_tel_box_inner {
	padding: 5px 0 0 19px;
}

#maincolumn .inq_tel_box .inq_tel_box_inner dt {
	margin: 26px 0 0 0;
	padding: 8px 0 7px 50px;
	background: url(/tado_onsen/new/image_cmn/ico_inq_tel.png) no-repeat 0 0;
}

#maincolumn .inq_tel_box .inq_tel_box_inner ul {
	overflow: hidden;
	margin: 0 0 0 34px;
}

#maincolumn .inq_tel_box .inq_tel_box_inner li {
	float: left;
	margin: 0 0 0 20px;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}


/* --------------------------------------
 btn_inq_form
--------------------------------------- */
#maincolumn .btn_inq_form {
	width: 538px;
	margin: 45px auto 0;
	overflow: hidden;
}

#maincolumn .btn_inq_form .left {
	float: left;
}

#maincolumn .btn_inq_form .right {
	float: right;
}

.center{
	text-align: center!important;
}



/* ================= bgtitle h2 common ================= */
.title_h2cmn{
    border-bottom: 4px solid #871a1b;
    border-top: 2px solid #871a1b;
    display: block;
    font-family: "游明朝体","游明朝","Yu Mincho",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ryo-display-plusn",serif;
    font-feature-settings: "pkna";
    height: auto;
    margin: 0 auto 20px;
    max-width: 830px;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.title_h2cmn::before{
    background: url(https://www.touken-world.jp/image_cmn/titleh2/flw01_l.png) no-repeat right 7px center;
    content: '';
    display: block;
    height: 86px;
    left: 0;
    position: absolute;
    bottom: calc(50% - 43px);
    width: 90px;
}
.title_h2cmn::after{
    background: url(https://www.touken-world.jp/image_cmn/titleh2/flw01_r.png) no-repeat left 7px center;
    content: '';
    display: block;
    height: 86px;
    position: absolute;
    right: 0;
    top: calc(50% - 43px);
    width: 90px;
}
.title_h2cmn >span{
    background: url(https://www.touken-world.jp/image_cmn/titleh2/bkg_ttyl.png) #fff;
    display: block;
    font-size: 26px;
    font-weight: bold;
    letter-spacing: 0;
    padding: 14px 76px 15px;
    vertical-align: middle;
}
.title_h2cmn >span >span{
    display: inline-block;
    padding: 2px 35px 0;
    position: relative;
	color:#000;
	line-height: 1.3;
}
.title_h2cmn >span >span::after,.title_h2cmn >span >span::before{
    background: url(https://www.touken-world.jp/image_cmn/titleh2/ico01.png) no-repeat;
    content: '';
    display: block;
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 25%;
    width: 27px;
}
.title_h2cmn >span >span::after{
    left: auto;
    right: 0;
}
/* flower 02 */
.flw02::before{
   background: url(https://www.touken-world.jp/image_cmn/titleh2/flw02_l.png) no-repeat right top;
}
.flw02::after{
   background: url(https://www.touken-world.jp/image_cmn/titleh2/flw02_r.png) no-repeat left center;
}

/* 刀剣コレクションルームのご紹介 */
.area {
	position: relative;
}

.area h3 {
	margin:0 auto;
	text-align: center;
	position: absolute;
	top: -36px;
	left: 50%;
	margin-left: -181px;
	z-index: 2;
}

.area h3 img {
	margin: 0 auto;
    width: 362px;
}

.item_inner {
    background: url(https://www.touken-world.jp/image/bkg_room.jpg);
    padding: 20px 30px 30px;
    position: relative;
	color:#000;
}

.item_inner .left {
	display: inline-block;
    float: left;
	width: 79%;
}

.item_inner .right {
	display: inline-block;
    float: right;
	width: 19%;
}


.item_inner .room{
	margin:auto;
}
.item_inner .room p {
	width:41em;
	margin:10px auto;
	font-size:16px;
}
.item_inner .room ul.photo {
	display:flex;
	width: 650px;
	margin: auto;
}
.item_inner .room ul.photo li {
	width:300px;
    margin:20px 23px 0 12px;
}
.item_inner .room ul.photo li figcaption{
	text-align:center;
	margin:10px 0 15px;
}
.item_inner .room ul.photo li figure img{
	object-fit: cover;
	width:300px;
	height:190px;
}


.btn_detail {
	text-align: center;
	position:relative;
}

.btn_detail img {
	margin: 20px auto 0;
}

.btn_detail a:hover {
	opacity: 0.75;
}
.btn_detail p.on_text{
	position:absolute;
	top:1.5em;
	left:3em;
	color:#fff;
	font-weight: 600;
}

.txt_link{
	margin: 35px 0 0 0;
	text-align: center;
}

.txt_link p{
}

.txt_link p a{
	font-size: 1.35em;
	font-weight: bold;
}

.txt_link p span{
	font-size: 1.1em;
	font-weight: bold;
}

/* 桑名・多度 */
.area#tado {
	margin: 40px auto 0;
	width: 830px;
}

.area#tado .item {
	background: url(https://www.touken-world.jp/image/bkg_gold.png);
    margin: 0 auto 30px;
    padding: 6px;
    width: 820px;
}

.news{
	width:970px;
	background:#fdeef3;
	margin:.5em auto;
	padding:1em;
	font-size:15px;
	text-align:center;
}
.news span.red{
	background:red;
	padding:.5em;
	border-radius:.3em;
	color:#fff;
}

.bnr_single {
  width: 520px;
  margin: auto;
}
.bnr_single figcaption{
	line-height: 1.5;
	margin-top:8px;
	font-size:15px;
}
/* --------------------------------------
 テキスト
--------------------------------------- */	
.fs_12{
	font-size:12px!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_21{
	font-size:21px!important;
}
.fs_22{
	font-size:22px!important;
}

@media print, screen and (min-width: 813px) {
  .Scroll_block_ttl {
    display: none;
  }
}