@charset "utf-8";
/* CSS Document */

* {
	margin: 0px;
	padding: 0px;
}
a img{border:none}
a { outline: none;}

small { font-size: 90%; }

#mhwrap{
	width: 950px;
	margin: 0 auto;
	font-family:'YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ Ｐ明朝','MS PMincho',serif;
	color: #53585a;
	line-height: 1.5;
	font-size: 16px;
}

#mhwrap a:link{color: #000;text-decoration: none;}
#mhwrap a:visited{color: #000;text-decoration: none;}
#mhwrap a:hover img.alfa6{opacity:0.6;}
#mhwrap a:hover{ opacity:0.6;text-decoration: none;}
#mhwrap a:active{ opacity:0.6;text-decoration: none;}

#mhwrap .clearb{clear:both}
#mhwrap .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
#mhwrap .clearfix,
#mhwrap .cf {
	display: inline-block;
width: 950px;
}
#mhwrap .clearfix,
#mhwrap .cf {
    *zoom: 1;
}
#mhwrap .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}
/* no ie mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */
#mhwrap ul, li {list-style: none;}
#mhwrap .mt5{margin-top:5px}
#mhwrap .mt10{margin-top:10px}
#mhwrap .mt15{margin-top:15px}
#mhwrap .mt20{margin-top:20px}
#mhwrap .mt30{margin-top:30px}
#mhwrap .mt40{margin-top:40px}
#mhwrap .mt50{margin-top:50px}
#mhwrap .mt70{margin-top:70px}
#mhwrap .mt280{margin-top:280px;}
#mhwrap .mt385{margin-top:385px;}
#mhwrap .mb10{margin-bottom:10px}
#mhwrap .mb20{margin-bottom:20px}
#mhwrap .mb30{margin-bottom:30px}
#mhwrap .mb40{margin-bottom:40px}
#mhwrap .mb60{margin-bottom:60px}
#mhwrap .ml15{margin-left:15px}
#mhwrap .ml20{margin-left:20px}
#mhwrap .ml30{margin-left:30px}
#mhwrap .ml70{margin-left:70px}
#mhwrap .mr45{margin-right:45px}
#mhwrap .pb5{padding:5px}
#mhwrap .pb30{padding-bottom:30px}
#mhwrap .pt40{padding-top:40px}
#mhwrap .plr20{padding-left: 20px;padding-right: 20px}

#mhwrap .flL{float:left}
#mhwrap .flR{float:right}

#mhwrap .w170{width:170px}
#mhwrap .w195{width:195px}
#mhwrap .w367{width:367px}
#mhwrap .w675{width:675px}
#mhwrap .w765{width:765px}
#mhwrap .w890{width:890px}
#mhwrap .w950{width:950px}

#mhwrap .mauto{ margin-left:auto; margin-right:auto}

#mhwrap sup{font-size: 75%;
vertical-align: top;
position: relative;
top: -0.1em;}  
#mhwrap .tac{text-align:center}
#mhwrap .tal{text-align:left!important}
#mhwrap .caption {font-size: 90%;}

#mhwrap .font_n{font-weight:normal; font-size:14px}

#mhwrap ul.top_navi{
	/*width: 920px;*/
	width: 950px;
	border-bottom: 1px solid #dcdada;
	margin-bottom: 40px;
}
#mhwrap ul.top_navi li{float:left; margin-right:0px}
#mhwrap ul.top_navi li.pl20 {padding-left:0px;}

p#info {
	width:950px;
	text-align:center;
	margin:20px;
}

#mhwrap h2 {
    font-size: 32px;
    line-height: 1.5;
	text-align:center
}
#mhwrap h3 {
    margin: 5px 0 20px;
    font-size: 15px;
    line-height: 1.5;
    letter-spacing: 0.1em;text-align:center
}
#mhwrap .moreBTN {
    border: #d1d1d2 1px solid;
	padding:15px 0;
	font-size:18px;
	line-height: 0.8;
	text-decoration: none;
	color:#53585a;
	text-align: center;
	display: block;
	margin-left:auto; margin-right:auto
}
#mhwrap .moreBTN:hover {
	background:#b7aca7;
	color:#fff;
}
#mhwrap .bd_top{border-top: 1px solid #dcdada; margin-top:50px; padding-top:10px}

#footer {
    padding-top: 30px;
    text-align: center;
    border-top: #dcdada 1px solid;
    position: relative;
	margin-top:100px; font-size:14px
}
#footer p.logo {
    margin-bottom: 40px;
}
#footer .HotelName {
    text-align: center;font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif;
}
#footer p.address {
    margin: 30px 0 20px;
}


/*** Top ***/
#mhtop{text-align:center}
#mhwrap #mhtop ul.top_navi{margin-bottom: 0;}
#mhwrap .bg_gray{background-color:#edebea; text-align:center}
#mhwrap .top_roomBk{background-image:url(https://www.izu-marriott.com/rakuten/img/top/top_02.png); height:492px}
#mhwrap .top_hotspringBk{background-image:url(https://www.izu-marriott.com/rakuten/img/top/top_hotspring01.jpg); height:391px}

/*** Rooms ***/
#mhwrap #RoomsTable {
	padding:50px 50px 25px;
	font-size:14px;
	margin: 50px auto;
width: 665px;
}
#mhwrap #RoomsTable table {
	width:665px;
	border-collapse: collapse;
  	border-spacing: 0;
}
#mhwrap #RoomsTable table td {
	margin:0;
	border-right:#585757 1px dotted;
	border-bottom:#585757 1px solid;
}
#mhwrap #RoomsTable table .rtype { text-align: left; }
#mhwrap #RoomsTable table .item { padding:7px 15px; white-space: nowrap; }
#mhwrap #RoomsTable table .rtype.item { padding-left:10px; }
#mhwrap #RoomsTable table .ws { text-align: right; padding:0 15px 0 5px; white-space: nowrap; }
#mhwrap #RoomsTable table a {
	margin: 0;
	padding:7px 10px 7px 25px;
	display:block;
	background: url(https://www.biwako-marriott.com/rooms/images/pc/arrow_down1.png) no-repeat center left;
}
#mhwrap #RoomsTable table a:hover {
	color: #fff;
	background: #A7A8A9 url(https://www.biwako-marriott.com/rooms/images/pc/arrow_down2.png) no-repeat center left;
}
#mhwrap #RoomsTable p { margin:20px 0 0; font-size:13px; line-height: 1.5; text-align: left; }

#mhwrap .room_Rt{width: 355px; float: right; margin-left: 30px}
#mhwrap .room_Rt h3{font-size: 20px; border-bottom:#dcdada 1px solid; padding-bottom: 10px; margin-bottom: 15px; text-align: left !important }
#mhwrap .subT {
    font-size: 60%;
    vertical-align: top;
    position: relative;
    top: -0.1em;
}
#mhwrap table.cont {
	width:100%;
	border-collapse: collapse;
  	border-spacing: 0;
	font-size: 14px; margin-bottom: 15px
}
#mhwrap table.cont td:nth-child(1)  {
	margin:0;
	border-right:#585757 1px dotted;
	border-bottom:#585757 1px dotted;padding: 5px;
}
#mhwrap table.cont td:nth-child(2)  {
	margin:0;
	border-bottom:#585757 1px dotted;padding: 5px;
}
#AmenityBox {
    position: relative;
}
#AmenityBox img {
    position: absolute;
    bottom: 100px;
    right: 0;
}

#mhwrap .dog {
	width:50%;
	margin:20px auto;
	border:#cccccc 1px solid;
	padding:1em;
	text-align:center;
}

/*===写真ギャラリー===*/
.imageBox {
  width: 565px;
	height: 350px;
  position: relative;
	float: left;
	text-align: center;
}

.form{
	width: 565px;
	text-align: center;
}

.form input {
  margin: 360px 15px 0 0;
  opacity: 0;
  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
  font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.form img {
  position:absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  opacity: 0;
  -moz-transition-duration: 0.5s;
  -webkit-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  -ms-transition-duration: 0.5s;
}
.form input:checked + img{
  opacity: 1;
  width: 565px;
  height: 350px;
}

.form label {
  cursor: pointer;
  -webkit-transition-duration: 0.3s;
  -moz-transition-duration: 0.3s;
  -o-transition-duration: 0.3s;
  -ms-transition-duration: 0.3s;
background:url(https://www.karuizawa-marriott.com/rakuten/img/room/radio_off.png) center top no-repeat;
-webkit-background-size: 14px;
-moz-background-size: 14px;
-ms-background-size: 14px;
background-size: 14px;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.form label:hover{
	background: url(https://www.karuizawa-marriott.com/rakuten/img/room/radio_on.png) center top no-repeat;
	-webkit-background-size: 14px;
-moz-background-size: 14px;
-ms-background-size: 14px;
background-size: 14px;
}
/*=== / 写真ギャラリー===*/


/*** facilites ***/
#mhwrap .facilites-cint {
    font-size: 0;
    width: 950px;
    padding: 30px 0 0 0;
}
#mhwrap .facilites-cint h3{font-size:18px; text-align:left}
#mhwrap .facilites-cint article {
    width: 466px;
    font-size: 14px;
}
#mhwrap .facilites-cint article img {
    width: 466px;
    height: auto;
    margin:  0 0 15px 0;
}
#mhwrap .facilites-cint article img.none {
    width: auto;
    height: auto;
    margin:  0 0 15px 0;
}
#mhwrap .facilites-cint article p {
    font-size: 20px;
    margin: 0 0 25px 0;
}
#mhwrap .facilites-cint article dt {
    float: left;
    clear: left;
    line-height: 1.5;
}
#mhwrap .facilites-cint article dd {
    padding: 0 0 0 100px;
    margin: 0 0 13px 0;
    line-height: 1.5;
}
#mhwrap .facilites-cint article table {
    width: 100%;
    border-collapse: collapse;
    margin: 20px 0 0;
}
#mhwrap .facilites-cint article table th,
#mhwrap .facilites-cint article table td {
    vertical-align: middle;
    text-align: center;
    padding: 5px;
     border: 1px solid #a9a8ab;
}
#mhwrap .facilites-cint article b {
    font-weight: normal;
    font-size: 12px;
}
#mhwrap .facilites-cint article.w100p {
    width: 950px;
}
#mhwrap .facilites-cint article p.lead {
    font-size: 14px;
    line-height: 1.5;
}
#mhwrap .service-box {
    padding: 65px 20px; width:675px;margin: 0 auto;}
#mhwrap .service-box h3 {
    font-size: 40px;
    text-align: center;
}
#mhwrap .service-box h3 span {
    font-size: 20px;}
#mhwrap .service-box p {
    margin: 0 auto 45px;
    line-height: 1.5;
    width: 675px;
	text-align: left
}
#mhwrap .service-box > div {
    width: 675px;
    margin: 0 auto;
    font-size: 0;
}
#mhwrap .service-box > div div {
    display: inline-block;
    box-sizing: border-box;
    vertical-align: top;
    width: 49%;
}
#mhwrap .service-box > div div img {
    width: 100%;
    height: auto;
}
#mhwrap .service-box > div div:nth-of-type(1) {
    margin: 0 1% 0 0;
}
#mhwrap .service-box > div div:nth-of-type(2) {
    margin: 0 0 0 1%;
}
#mhwrap .service-box > div div li {
    margin: 0 0 15px 0;
    font-size: 14px;
}	

/*** Hotspring ***/
#mhwrap .hotspring-cint{
    font-size: 0;
    width: 765px;
	margin:20px auto;
}
#mhwrap .hotspring-cint h3{font-size:18px; text-align:left}
#mhwrap .hotspring-cint article {
    width: 760px;
    font-size: 14px;

}
#mhwrap .hotspring-cint article img {
    width: 760px;
    height: auto;
    margin:  0 0 15px 0;
}
#mhwrap .hotspring-cint article img.none {
    width: auto;
    height: auto;
    margin:  0 0 15px 0;
}
#mhwrap .hotspring-cint article p {
    font-size: 20px;
    margin: 0 0 25px 0;
}
#mhwrap .hotspring-cint article dt {
    float: left;
    clear: left;
    line-height: 1.5;
}
#mhwrap .hotspring-cint article dd {
    padding: 0 0 0 100px;
    margin: 0 0 13px 0;
    line-height: 1.5;
	text-align:left;
}

#mhwrap .service-box > div div li dt {
    float: left;
    clear: left;
    line-height: 1.5;
	margin-left:10px;
}
#mhwrap .service-box > div div li dd {
    padding: 0 0 0 100px;
    margin: 0 0 13px 0;
    line-height: 1.5;
	text-align:left;
}
#mhwrap .service-box h4 {
	font-size:26px;
}

/*** Access ***/
#mhwrap .acmap{background-color:#edebea; text-align:center}
#mhwrap .ac_adr {
    text-align: center;  margin:15px auto 30px}	
#mhwrap .anchor {
    max-width: 450px;
    margin: 0 auto;
}	
#mhwrap .anchor ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}	
#mhwrap .anchor ul li {
    width: 45%;line-height: 2;
}
#mhwrap .anchor ul li a {
    color: #53585a;
    display: block;
    width: 100%;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #53585a;
}	
#mhwrap .Access-box {
    margin: 0 auto;
    width: 950px; 
    font-size: 14px;
    padding: 100px 0 0;
}

#mhwrap .Access-box h3 {
    text-align: center;
    font-size: 30px;
    margin:  0 0 67px 0;
}

#mhwrap .Access-box img {
    height: auto;
    margin-bottom:15px;
}

#mhwrap .Access-box > p {
	margin: 20px 0 17px 0;
	text-align: left;
	line-height: 2;
}

#mhwrap .Access-box div {
    width: 100%;
    border: 1px solid #53585a;
    padding: 23px 0;
    text-align: center;
}
#mhwrap .Access-box div p {
    text-indent: -16px;
    padding: 0 0 0 15px;
    max-width: 665px;
    margin: 0 auto;
    box-sizing: border-box;
    text-align: left;
    line-height: 1.5;
}

#mhwrap .Access-box dl {
    text-align: left;
    margin: 25px 0 0;
}

#mhwrap .Access-box dt {
    font-size: 16px;
    margin: 0 0 12px 0;
}

#mhwrap .Access-box dd {
    margin: 0 0 37px 0;
    line-height: 1.7;
    font-size: 14px;
}

#mhwrap .Access-box dd a {
    text-decoration: underline;
}
#mhwrap .Access-box h4 {
    margin: 60px 0 30px; font-size:24px; text-align:center
}
#mhwrap #train .busimg {
    width: 640px;
    margin: 10px auto;
	text-align:center
}



/*** spot ***/
#mhwrap .details{text-align: left;}
#mhwrap .details h3 {
	font-size: 22px;
	text-align: center;
	margin: 40px 0 30px 0;
	line-height: 1;
}
#mhwrap .details h3 span {
	padding: 0 152px 0 0;
	display: inline-block;
	height: 57px;
	line-height: 57px;
}
#mhwrap .details h3.history span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_01.png) right center no-repeat;	
}
#mhwrap .details h3.nature span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_02.png) right center no-repeat;	
}
#mhwrap .details h3.scenery span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_03.png) right center no-repeat;	
}
#mhwrap .details h3.park span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_04.png) right center no-repeat;	
}
#mhwrap .details h3.shopping span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_05.png) right center no-repeat;	
}
#mhwrap .details h3.sports span {
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_06.png) right center no-repeat;	
}

#mhwrap .details article {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
	width: 32.3%;
	margin: 0 1% 2% 0;
	background: #FFF;
	font-size: 14px;
	padding: 0 0 16px 0;
}
#mhwrap .details article:nth-of-type(3n) {
	margin: 0 0 1% 0;
}
#mhwrap .details article img {
	width: 100%;
	height: auto;
	margin: 0 0 25px 0;
}
#mhwrap .details article img.none {
	width: auto;
	height: auto;
	margin: 0 0 25px 0;
}

#mhwrap .details article section {
	padding: 0 20px;
	width: 100%;
	box-sizing: border-box;
}
#mhwrap .details article section span {
	display: block;
	margin: 0 0 15px 0;
	font-size: 14px;
}
#mhwrap .details article section h4 {
	font-size: 20px;
	margin: 0 0 10px 0;
}
#mhwrap .details article section p.car {
	font-size: 14px;
	padding: 0 0 0 25px;
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_car.jpg) left center no-repeat;
	margin: 0 0 15px 0;
}
#mhwrap li.place {
	font-size: 14px;
	padding: 3px 0 0 25px;
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_place.jpg) left center no-repeat;
	margin: 10px 0 5px 0;
}
#mhwrap li.tel {
	font-size: 14px;
	padding: 0 0 0 25px;
	background: url(https://www.biwako-marriott.com/sightseeing/images/pc/icon_tell.jpg) left center no-repeat;
	margin: 0 0 10px 0;
}



/* 2018/8/15 アクティビティ用 */
#mhwrap #activity{width:808px; margin:0 auto}
#activity h3 {
	font-size:20px;
	text-align:center;
	width:808px;
}

#activity h4 {
	font-size:18px;
	text-align:center;
	width:808px;
	margin-top:20px;
}

#activity p.cateIcon {
	width:800px;
	text-align:center;
	margin-bottom:20px;
}
#activity p.cateIcon img {
	margin-right:50px;
}
#activity p.cateIcon img:last-child {
	margin-right:0;
	}

#activity p.copy {	
		width:800px;
		margin:20px 0 30px;
		
}

#activity table{
	width:600px;
	margin:5px auto 30px;
	line-height:1.6;
}
#activity td {
	vertical-align: top!important;
	}

#activity .subtit {
	width:600px;
	margin:auto;
}

#activity ul.note {
}

#activity ul.note li {
	font-size:90%;
}

#activity ul.com {
	width:800px;
	margin-top:30px;
}
#activity ul.com li {
	line-height:1.6;
}

#activity .tar {
	padding-right:1em;
}

#activity div.border {
	border-bottom:#cccccc 3px solid;
	width:808px;
	margin-bottom:30px;
}

.tb_line {
	display: block;
	border-collapse: collapse;
	margin:15px auto; width:600px
}
.tb_line th {
    background-color: #eee;
    border: 1px solid #53585a;
    padding: 5px;
    text-align: center;
    vertical-align: middle;
}
.tb_line td {
    background-color: #fff;
    border: 1px solid #53585a;
    padding: 5px;
    text-align: center;
}

/*** dogroom ***/
#dogroom {
	width:850px;
	margin:30px auto;

}
#dogroom p{
    line-height:1.8;
}
#dogroom ol li {
    list-style-type: decimal;
    list-style-position: inside;
    line-height: 1.6;
    margin: 0 0 .8em;
}
#dogroom h2 {
    font-size: 28px;
    line-height: 1.5;
	text-align:center
}
#dogroom h3 {
text-align: left!important;
font-size:20px!important;
margin:30px 0 20px;
}

/*　FAQ　*/
.mb120{margin-bottom:120px}
.pdg15{padding:15px 0}

#faq .faq_list{width: 800px;margin: 50px auto}
#faq .faq_list li::before {
    background-image: url('https://www.laforet.co.jp/common/img/sprites/1x-s98e1058949.png');
    background-position: 0 -16px;
	display: inline-block;
width: 8px;
height: 5px;
content: '';
vertical-align: middle;margin-right: 5px;
}
#faq .faq_list li{float: left;margin-right: 20px}

#faq dl.faq{text-align: left;width: 800px;margin: 50px auto;}
#faq dl.faq dt{font-weight: bold;margin: 0 0 8px;}
#faq dl.faq dd{margin: 0 0 40px 25px;line-height: 1.7;text-indent:-1.2em; padding-left:1em;}

#faq .bgGray {
	background-color:#edebea;
	padding:0.5em 1em;
	color:#333333;
	font-size:115%;
}

.bnr  {
	width:900px;
	margin:20px auto;
	
}
.bnr td {
	width:300px;
	text-align:center;
}
.bnr td img {
	width:240px;
	height:auto;
	padding-bottom:0.5em;
}

.bnr td span { font-size:90%; }