@charset "utf-8";

/* reset */

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,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,menu,nav,section,summary,time,mark,audio,video{
  padding: 0;
  margin: 0;
}

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

p,li,dt,dd,th,td,address,blockquote,caption,cite,pre,code,h1,h2,h3,h4,h5,h6,strong,em,small,input,select,textarea{
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
}

ul,ol{
  list-style: none;
}

table{
  border-collapse: collapse;
}

caption,th{
  text-align:left
}

fieldset{
  border: none;
}

a{
  text-decoration: none;
  color: #fff;
}

img{
  vertical-align: top;
  border: none;
}

br{
  letter-spacing: 0;
}
/* style */

html,
body{
  background: #fff none;
  color: #000;
  font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-size: 16px;
  font-weight: normal;
  font-style: normal;
  line-height: 1.6;
  letter-spacing: 0;
  -webkit-text-size-adjust: 100%;
}

.fade_on_hover:hover{
  opacity: 0.6;
}

.fade_on_hover_white{
  display: block;
  background-color: #fff;
  height:110px;
}

.fade_on_hover_white img:hover{
  opacity: 0.6;
}

/* style - wrapper */

#wrapper{
  width: 100%;
  min-width: 1000px;
  overflow: hidden;
}

/* style - header */

#header{
  background: #000 none;
  color: #fff;
}

#header header{
  position: relative;
  width: 970px;
  height: 133px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
}

#header .description{
  position: absolute;
  top: 18px;
  left: 3px;
}

#header .logo{
  position: absolute;
  top: 42px;
  left: 0;
}

#header .group{
  position: absolute;
  top: 44px;
  left: 334px;
}

#header .tel{
  position: absolute;
  top:30px!important;
  right:21px;
}
#header .tel li{
margin:5px;
font-size:22px;	
letter-spacing:1px;
}
#header .tel li span{
	font-size:16px;
}
#header .tel li.box{
	border:1px solid #fff;
	padding:3px;
	text-align:center;
	width:5em;
	font-size:16px;
}

#header .btn_onsen_blog{
  position: absolute;
  top: 50px;
  right: 0;
}

#header .btn_request{
  position: absolute;
  top: 50px;
  right: 0;
}

#header .btn_construction{
  position: absolute;
  top: 86px;
  right: 0;
}

#globalnav{
  background: transparent url(../image_cmn/header/bg_globalnav01.png) repeat-x scroll left top;
}

#globalnav ul{
  width: 973px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  background: transparent url(../image_cmn/header/bg_globalnav02.png) repeat-x scroll left top;
}

img.preload{
	display:none;
}

#globalnav li{
  float: left;
  height: 62px;
 /* padding-left: 1px; */
}

#globalnav li.item01,
#globalnav li.item02,
#globalnav li.item03{
  width: 162px;
}

#globalnav li.item04,
#globalnav li.item05,
#globalnav li.item06{
  width: 162px;
}

#globalnav li a{
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: transparent none no-repeat scroll 0 0;
  white-space: nowrap;
  text-indent: 100%;
}

#globalnav li a:hover,
#globalnav li a.on{
  background-position: 0 -77px;
}

#globalnav li.item01 a{
  background-image: url(../image_cmn/header/nav_global01.png);
}

#globalnav li.item02 a{
  background-image: url(../image_cmn/header/nav_global02.png);
}

#globalnav li.item03 a{
  background-image: url(../image_cmn/header/nav_global03.png);
}

#globalnav li.item04 a{
  background-image: url(../image_cmn/header/nav_global04.png);
}

#globalnav li.item05 a{
  background-image: url(../image_cmn/header/nav_global05.png);
}

#globalnav li.item06 a{
  background-image: url(../image_cmn/header/nav_global06.png);
}

/* style - main */

#main{
	height:100%;
	background: #000;
  color: #fff;
}

/* style - footer */
#footer{
	background:#000;
	margin:0;
}

#footer_request{
  width:100%;
  margin:0px auto 30px;
 padding:20px 0;
 background:#3e2723;
}

#footer_request ul{
	display: flex;
	width:700px;
	margin:auto;
}

#footer_request li figure figcaption{
	font-family: Georgia, "游明朝体", "YuMincho", "游明朝", "Yu Mincho", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN W3", HiraMinProN-W3, "ヒラギノ明朝 ProN", "Hiragino Mincho ProN", "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color: #fff;
}


#footer_request li.comment{
	margin: 45px 0 0 40px;
	font-size: 19px;
	color:#fff;
	line-height:1.3;
}
#footer_request li.comment a{
	color:#E0ECAC!important;
}

#footer_nav{
  margin:0 auto 0;
  padding: 20px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
  border-top:1px solid #ccc;
  width:1024px;
}

#footer_nav a:hover{
  text-decoration: underline;
}

#footer footer{
  padding-top: 3px;
  background: #000 url(../image_cmn/footer/img_line02.png) repeat-x scroll center top;
}

#footer .tel{
  background: #5c4838 none;
}

#footer .tel ul{
  position: relative;
  top: -3px;
  width: 970px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 21px 0 14px 0;
  background: transparent url(../image_cmn/footer/img_line01.png) no-repeat scroll center top;
}

#footer .tel ul .left{
  float: left;
  width: 50%;
  border-right: 1px dashed #fff;
}

#footer .tel ul .right{
  float: right;
}

#footer .group{
  width: 822px;
  overflow: hidden;
  margin-right: auto;
  margin-left: auto;
  padding: 30px 74px;
}

#footer .group ul .left{
  float: left;
}

#footer .group ul .right{
  float: right;
}

#footer .group li .info{
  margin-top: 10px;
  padding-left: 8px;
  color: #8d7a6a;
  font-size: 14px;
}

#footer .copyright{
  color: #fff;
  font-size: 13px;
  padding: 20px 0 40px 0;
  border-top: 1px solid #444;
  text-align: center;
  line-height: 1.0;
}

#footer .copyright a:hover{
	text-decoration: underline;
}

#pagetop,
#pagetop_g,
#pagetop_a {
	position:relative;
	right:-40%;
	top:-5px;
	width: 120px;
	height:30px;
	background:url("/resort-hotel/image_cmn/bg_img_top.png") no-repeat 0 6px;
	margin: 24px auto 0 auto;
	padding: 0 0 30px 0;
	text-align: right;
}

#pagetop,
#pagetop_g {
	margin:  0 auto;
	padding: 0 0 15px 0;
}

#pagetop_a {
	padding: 0 0 15px 0;
}

#pagetop a{
	font-size:80%;
}

#pagetop_g a{
	font-size:80%;
}

#pagetop_a a{
	font-size:80%;
}

/* Googleリマケタグが生成するiframe対応 */
iframe[name="google_conversion_frame"] { position: absolute; top: 0; }

.mt10{ margin:10px 0 0;}

/* pr_txt */
.pr_txt_box {
	width:100%;
	padding-top:0px;
	padding-bottom:20px;
}

.bg_advantage_ryouri {
  background: #082c00 url("../image/bg_ryouri02.jpg") no-repeat scroll center top / contain ;
}

.pr_txt {
    /*display: block;*/
    clear: both;
    width: 780px;
    margin: 0 auto;
    padding: 10px 10px 8px;
    border: 2px solid #ffffff	;
		font-size:13px;
    line-height: 1.5;
    overflow: hidden;
		color:#ffffff;
    text-align: left;
}

.mt24 { margin-top:24px !important;}

.all_page_photo3 {
	width: 970px;
	margin: 0 auto;
	/*padding: 20px 0 0 0;*/
	overflow: hidden;
}

.all_page_photo3 > .left{
  float: left;
  width: 310px;
	padding-top:20px;
}

.all_page_photo3 > .center,
.all_page_photo3 > .right {
  float: left;
  width: 310px;
  margin-left: 20px;
	padding-top:20px;
}





/* ================= 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(http://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(http://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(http://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;
}
.title_h2cmn >span >span::after,.title_h2cmn >span >span::before{
    background: url(http://www.touken-world.jp/image_cmn/titleh2/ico01.png) no-repeat;
    content: '';
    display: block;
    height: 18px;
    left: 0;
    margin-top: -9px;
    position: absolute;
    top: 50%;
    width: 27px;
}
.title_h2cmn >span >span::after{
    left: auto;
    right: 0;
}
/* flower 02 */
.flw02::before{
   background: url(http://www.touken-world.jp/image_cmn/titleh2/flw02_l.png) no-repeat right top;
}
.flw02::after{
   background: url(http://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(http://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:43em;
	margin:20px auto;
}
.item_inner .room ul.photo {
	display:flex;
}
.item_inner .room ul.photo li {
	width:350px;
    margin:0 23px 0 12px;
}
.item_inner .room ul.photo li figcaption{
	text-align:center;
	margin:5px 0 15px;
}



.btn_detail {
	text-align: center;
}

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

.btn_detail a:hover {
	opacity: 0.75;
}


.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: 70px auto 0;
	width: 830px;
}

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



/* adjuste */
.mt5 { margin-top:5px!important;}
.mt10 { margin-top:10px!important;}
.mt15 { margin-top:15px!important;}
.mt20 { margin-top:20px!important;}

.mb0 { margin-bottom:0!important;}
.mb15 { margin-bottom:15px!important;}
.mb20 { margin-bottom:20px!important;}
.mb30 { margin-bottom:30px!important;}
.mr5 { margin-right:5px!important;}
.mr10 { margin-right:10px!important;}
.mr15 { margin-right:15px!important;}
.mr20 { margin-right:20px!important;}

.ml5 { margin-left:5px!important;}
.ml10 { margin-left:10px!important;}
.ml15 { margin-left:15px!important;}
.ml20 { margin-left:20px!important;}

@media screen and (max-width:980px) {
	
#footer_nav{
  margin:10px auto 0;
  padding: 20px 0;
  color: #fff;
  font-size: 14px;
  text-align: center;
  line-height: 1.8;
  border-top:1px solid #ccc;
  width:1024px;
}

	
}
.corona_facility{
	width:587px;
	margin:10px auto;
	border:1px solid #d81b60;
	padding:1em;
	color:#d81b60;
	position: relative;
	background: #fff;
}
.corona_facility li{
	margin:10px 0 0 1em;
	text-indent: -1em;
}
.shosai02{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 147px;
	right:0;
	border-radius:5px 0 0 0;
	font-size:15px!important;
}
.shosai03{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 176px;
	right:0;
	border-radius:5px 0 0 0;
	font-size:15px!important;
}
.shosai04{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 122px;
	right:0;
	border-radius:5px 0 0 0;
	font-size:15px!important;
}	
.shosai05{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 137px;
	right:0;
	border-radius:5px 0 0 0;
	font-size:15px!important;
}	


/*まん延防止*/
.corona_facility02{
	width: 712px;
	margin:10px auto;
	border:1px solid #d81b60;
	padding:1em;
	color:#d81b60;
	position: relative;
	background: #fff;
}
.corona_facility02 li{
	margin:10px 0 0 1em;
	text-indent: -1em;
}

.shosai03_02{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 11px;
	right: 9px;
	font-size:15px!important;
}

.shosai04_02{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 39px;
	right: 9px;
	font-size:15px!important;
}

.shosai05_02{
	position: absolute;
	background: #da3b60;
	padding:10px;
	color:#FFFFFF;
	top: 7px;
	right: 6px;
	font-size:15px!important;
}





/*重要なお知らせ*/
#important_info {
	display: inline-block;
    border: 2px solid #0F3E84;
    margin: 1em auto 2em;
    width: 480px;
   background: #fff;
}
#important_info p{
	   float:none!important;
   margin:0!important;
   padding:1em!important;
}
#important_info p a{
	color:blue;
	    font-size: 18px;
}


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