@charset "utf-8";

/*html,body#tomaru {
	  -webkit-text-size-adjust: none;
	}
*/

body {
  margin-top:63px;
}

body#tomaru .contTable-Tomaru01 th{
		background:#A9D935;
		font-weight:bold;
		color:#fff;
		text-align:left;
		border:1px solid #E2E2E2;
		padding:2px 4px!important;
	}
body#tomaru	.contTable-Tomaru01 td{
		padding:2px 4px!important;
		text-align:left;
		border:1px solid #E2E2E2;
	}
body#tomaru .contTable-Tomaru01 td.md01{
			background:url("/common/images/bg_gray01.gif") repeat scroll 0 0 transparent;
			padding:2px 4px!important;
			text-align:left;
			font-weight:bold;
			border:1px solid #E2E2E2;
			
			}
			
body#tomaru .contTableD tr.cellColorLineA th{
			padding:1px 3px!important;
		}
		
body#tomaru .contTableD th,
body#tomaru .contTableD td{
			padding:2px 1px!important;
		}
		
body#tomaru .contTableA th,
body#tomaru .contTableA td{
			padding:1px 2px!important;
		}
		
body#tomaru .contTableA td img{
	margin:5px 0!important;
		}
			
body#tomaru .yakkantable table th,
body#tomaru .yakkantable table td{
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	padding:0px!important;
	
	}
body#tomaru .fonts{
	font-size:75%!important;
	}			


body#tomaru .telimg{
	margin-right:80%;
	}


body#asobu .contTableD tr.cellColorLineA th{background:#0EB2FD;}
body#tomaru .contTableD tr.cellColorLineA th{background:#A9D935;}
body#onsen .contTableD tr.cellColorLineA th{background:#FF8F11;}


body#tomaru .contTable-TomaruF td {
	font-size:80%;
	}
	
body#tomaru .contTable-TomaruF td input.w90 {
	width:90%!important;
	}
	
body#tomaru .contTable-TomaruF td select.w90 {
	width:90%!important;
	}
	
body#tomaru .contTable-TomaruF td textarea.w90 {
	width:90%!important;
	}

body#tomaru .contTable-TomaruF td span {
	font-weight:bold;
	font-size:larger;
	}


body#tomaru .contTable-TomaruF td div.iblock{
	width:9em;
	}

body#tomaru p.KLink2{
			background:url(/common/images/k_bg2.gif) no-repeat center left!important;
			display:inline-block;
			height:auto!important;
			padding: 4px 20px 4px 88px !important;
		}


body#tomaru p.YLink2{
	background:url(/tomaru/confirm/images/r_bg2.gif) no-repeat center left;
	display:inline-block;
	height:auto!important;
	padding: 4px 20px 0 88px !important;
	float:right;
}

@media all and (orientation:portrait){
body#tomaru table.w01,
body#tomaru table.w02 {
	width:100%;
	margin:0 0 10px 0;
}
}
@media all and (orientation:landscape){
body#tomaru .column3a {
	min-height:40%;
}
}


body#tomaru #mainImageArea-in h1 img.maru{
	height:100%;
	width:auto;
	}

/*----------------------------------------------------------
	mainImage Area
----------------------------------------------------------*/
body#tomaru .group,
body#tomaru .group02 {
	height:333px;
	background: url(/tomaru/group/images/index_mainimg.jpg) no-repeat -90px 0 !important;
}
body#tomaru .group03{
	height:333px;
	background: url(/tomaru/group/images/grp03_mainimg.jpg) no-repeat -100px 0 !important;
}
body#tomaru .group04{
	height:333px;
	background: url(/tomaru/group/images/grp04_mainimg.jpg) no-repeat -100px 0 !important;
}

body#tomaru .group02 .grp02 {
    left: 0 !important;
    top: 0 !important;
}

body#tomaru .VIR-kids{
	height:333px;
	background: url(/tomaru/virport/images/index_mainimg_kids.jpg) no-repeat -500px -40px !important;;
}

body#tomaru .kids_ttl{
	height:333px;
	background: url(/tomaru/hotel/images/index_mainimg.jpg) no-repeat -700px 0px !important;
}


/*--------------------
	virport/index.html
--------------------*/	
body#tomaru .VIR-Index p img {
top:10px;
}

/* 2020.07.07 add */
p.plan_info {
	font-size: 100%;
}

/* 2020.07.07 add end */

	/*--------------------
		virport/vrp_kids01.html
	--------------------*/	
	body#tomaru .VIR-kids p img {
	top:20px;
	}

/*--------------------
	hotel/index.html
--------------------*/	
body#tomaru .Hotel-Index p img {
top:10px;
}

	/*--------------------
		hotel/thh01.html
	--------------------*/	
	body#tomaru .Hotel-THH01 p img {
	top:12px;
	}
	/*--------------------
		hotel/thh02.html
	--------------------*/	
	body#tomaru .Hotel-THH02 p img {
	top:15px;
	}
	/*--------------------
		hotel/thh03.html
	--------------------*/	
	body#tomaru .Hotel-THH03 p img {
	top:30px;
	}
	/*--------------------
		hotel/thh04.html
	--------------------*/	
	body#tomaru .Hotel-THH04 p img {
	top:15px;
	}

	/*--------------------
		hotel/thh04_1.html
	--------------------*/	
	.smit_img{
	margin:20px 0 30px 0;
	width:100%;
	}
	.smit_img img{
		width:100%;
		}
	/*--------------------
		hotel/thh05.html
	--------------------*/	
	body#tomaru .Hotel-THH05 p img {
	top:25px;
	}
	
/*--------------------
	yasuragi/index.html
--------------------*/	
body#tomaru .Yasuragi-Index p img {
top:25px;
}


/*--------------------
	yasuragi/index.html
--------------------*/	
body#tomaru .crest-Index p img {
top:35px;
left: 10px;
width: 90%;
position: absolute;
}

body#tomaru .crest-Index {
	-moz-background-size:cover!important;
	background-size:cover!important;
	background-position: : left!important;
}


/*--------------------
	monolith/index.html
--------------------*/	
body#tomaru .Monolith-Index p img {
top:15px;
}
@media all and (orientation:landscape){
body#tomaru .Monolith-Index p img {
top:10px;
width:70%;
}
}

	/*--------------------
	monolith/mlt01.html
	--------------------*/	
	body#tomaru .mlt01 p img {
	top:20px;
	}
	/*--------------------
	monolith/mlt02.html
	--------------------*/
	body#tomaru .mlt02 p img {
	top:15px;
	}
	/*--------------------
	monolith/mlt03.html
	--------------------*/
	body#tomaru .mlt03 p img {
	top:30px;
	}

	/*--------------------
	monolith/childMenu
	--------------------*/
	body#tomaru .f26 {
    font-size: 197%;
	}
	body#tomaru .mlt04 p img {
	top:30px;
	}	
	
	body#tomaru .mlt04 {
  	background: url(/tomaru/monolith/images/mlt04_mainimg.jpg) no-repeat -320px top;
	}	
	
	.imgArea{
	border-top:2px solid #97d000;
	margin:20px 0 30px 0;
	width:100%;
	}
	.imgArea img{
		width:100%;
		}


    .childMenu{
        width:100% !important;
        list-style:none;
        font-size:108%;/*14px*/
        border-top:solid 1px #639b00;
        clear:both;
        display:block;
        margin-top:10px;
		background:#98CE00 url(/tomaru/monolith/images/icon_accordion01.png) right 10px top 18px no-repeat;
    }
	.childMenu li .catac:hover{
	background:#AFD837  url(/tomaru/monolith/images/icon_accordion01.png) right 9px top 18px no-repeat;
	}
	
	
	.childMenu li{
		width:100% !important;
		display:block;
		background: none !important;
	}
	.childMenu li a{
		width:94% !important;
		height:43px;
		padding:8px 3% 0!important;
		color:#000000 !important;
		display: block;
		text-decoration:none;
		background: none !important;
	}
        .childMenu li .catac{
            width:94% !important;
			padding:22px 3% 0!important;
            height:40px;
			vertical-align:middle !important;
            display: block;
            text-decoration:none;
           
        }
        .childMenu li a .cnaviCell,
        .childMenu li a .cnaviCellimg,
        .childMenu li .catac .cnaviCell,
        .childMenu li .catac .cnaviCellimg {
            display:table-cell;
            vertical-align:middle;
        }
        .childMenu li a .cnaviCellimg img,
        .childMenu li .accordion_head img {
            margin-right:0;
        }
        .childMenu ul.childMenu-Child{
            list-style:none;
            width:100%;
        }
        .childMenu ul.childMenu-Child li{
            background:#c7dd8f !important;
            width:100% !important;
            display:table;
        }

		body#tomaru .childMenu-Child li a,
		body#tomaru .childMenu-Child li a:link,
		body#tomaru .childMenu-Child li a:visited{
			background:#C7DD8F url(/tomaru/monolith/images/icon_accordion03.png) no-repeat right 10px top 50% !important;
			color:#003300;
			border-top:1px solid #D8E6B6;
		}
		body#tomaru .childMenu-Child li a.current{
			background-color:#F1F8E4!important;
			background-image: url(/tomaru/monolith/images/icon_accordion02.png) !important;
			}
		.childMenu > li > a, .childMenu > li > .catac {
			width: 100%;
			
		}
		* html .childMenu li a, * html .childMenu li .catac {
			width: 100%;
		}
		.childMenu-Child li a, .childMenu-Child li a:link, .childMenu-Child li a:visited {
			width: 76% !important;
			padding:10px 14% 0 10%  !important;
			margin:0;
			text-indent:-20px;
		}
		
		body#tomaru .childBox img.telimg{
			margin-right:100%;}


/*--reserveSearchBox--*/

#reserveSearchBox{
	margin:30px 0 0;
}
#reserveSearchBox img{
	display:none;
}

#reserveSearchBox h3{
	margin-bottom:0px;
}
	#reserveSearchBox form{
		border-bottom:4px solid #97D000;
		border-right:4px solid #97D000;
		border-left:4px solid #97D000;
		font-size:93%;/*12px*/
	}
	
	#reserveSearchBox b{
		display:table-cell;
		white-space: nowrap !important;
	}
	
	#reserveSearchBox .Ttl_sub{
		margin:0 0 20px 0;
	}
	
	#reserveSearchBox .reserveTop2{
		border-top:1px solid #E5DDD4;
		border-bottom:1px solid #E5DDD4;
		padding:10px 20px;
	}
	
	#reserveSearchBox .reserveTop2 p{
		float:left;
		padding:10px 0 0;
		margin-right:40px;
	}
	
	#reserveSearchBox .reserveTop2 p img{
		margin-bottom:7px;
	}
	.reserveTop2 #inputY{
			width:4em;
			padding:2px;
			font-size:108%;
		}
	.reserveTop2 #inputM{
			width:2em;
			padding:2px;
			font-size:108%;
	}
	.reserveTop2 #inputD{
			width:2em;
			padding:2px;
			font-size:108%;
	}
	#reserveSearchBox .reserveBtm2{
		padding:20px;
	}
	#reserveSearchBox .reserveBtm2 img{
		margin-bottom:12px;
	}
	#reserveSearchBox .reserveBtm2 .Ttl_sub{
		margin-right:10px;}
	#reserveSearchBox .reserveBtm2 b{
		margin-right:60px;}	
		
	.case2{
		width:3em;
		padding:2px;
		font-size:108%;
	}
	.reserveBtm2 select{
		font-size:108%;
		padding:2px;
		margin-bottom:5px;
	}
	
	.searchBtn2{
		width:178px ;
		margin:0 auto 5px;
		display: block;
	}

	br.visible-xs-block{
	display: block;}
	
	.reserveBtm2 span.space{
		margin:0 20px 0 0 !important;
	}
	
		.reserveBtm2 span.spacePc{
		margin:0 !important;
	}

	/*--------------------
	childCont
	--------------------*/
.childCont ul{
	list-style:none;
	padding-top:10px;
	}	
.childCont ul li{
	background: url(/tomaru/monolith/images/icon_list_g.gif) no-repeat left 0.5em;
	margin-left:0;
	padding-left:1.5em;
}

body#tomaru #LeftContents .childCont .MoreLink a, 
body#tomaru #LeftContents .childCont .MoreLink a:link, 
body#tomaru #LeftContents .childCont .MoreLink a:visited{
	background: #99CC00 url(/common/images/cl_list_tomaru.gif) no-repeat 10px 0.8em ;
	border-bottom: 1px solid #669900;
	border-top:1px solid #E6F4C4;
}



/*--------------------
	confirm/index.html
--------------------*/	
body#tomaru .confirm .cancel {
	}

body#tomaru .confirm .reserve {
	}

body#tomaru .confirm .yakkan {
	}

/*--------------------
	group/index.html
--------------------*/	
body#tomaru .group .grp01 {
	}
	
body#tomaru .group .grp03 {
	}

body#tomaru .group .form01 {
	}
	
#mainImageArea p, #mainImageArea h1 {
    }

.contTable{
	width:100%;
	}
.contTable.goTo{
	float: none;
	}
.contTable.goBack{
	float: none;
	}
	body#tomaru .group02 p,
	body#tomaru .group03 p,
	body#tomaru .group04 p,
	body#tomaru .group05 p,
	body#tomaru p.form01,
	body#tomaru p.form02{
		position: absolute;
		left: 0;
		top: 0;
		}

#tomaru h5.point{
	display: block;
	padding: 0 0 9px 0 !important;
	}
/*--------------------
	group/index.html
--------------------*/	

.f10 {
	font-size: 10px;
}

/*--------------------
	planimag
--------------------*/	
.mainContentsArea .planimag img{
	display:none;}
	

/*--------------------
	TourContents
--------------------*/	
#TourContents {
    width: 100%;
	margin:0 !important;
}	

/*--------------------
	cnotColumn3 h6
--------------------*/	
.cnotColumn3 h6 {
    background: none repeat scroll 0 0 #F5F0EA;
    font-size: 108%;
    padding: 8px 0;
    text-align: center;
}



/*--------------------
	smartSNSArea 
--------------------*/

#SNSArea {
	display:block;	}

#SNSArea ul {
	margin:15px auto;
	border-bottom:1px solid #E3E3E3;
	border-top:1px solid #E3E3E3;
    display: table;
    width: 99%;
}
#SNSArea ul li {
    border-bottom: 1px solid #E3E3E3;
    display: inline;
    float: left;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}
#SNSArea ul li.twitter {
    height: 30px;
    padding-top: 10px;
}
#SNSArea ul li.facebook {
    border-left: 1px solid #E3E3E3;
    height: 30px;
    margin-left: -1px;
    padding-top: 10px;
    text-align: center;
}
#SNSArea ul li.mixi {
    border-bottom: medium none;
    border-left: 1px solid #E3E3E3;
    height: 30px;
    margin-left: 0;
    padding-top: 10px;
}
#SNSArea ul li.line {
    border-bottom: medium none;
    height: 30px;
    margin-left: -1px;
    padding-top: 10px;
}
	
	
/* 2019.07.26 add */
body#tomaru div#mainImageArea.Hotel-Index,
body#tomaru div#mainImageArea.Monolith-Index,
body#tomaru div#mainImageArea.VIR-Index {
	background-size: cover!important;
	height: 0!important;
	background-position:left;
	border:none!important;
	padding-top: 29.8%;
}

@media screen and (max-width:767px){
	body#tomaru div.Hotel-Index div#mainImageArea-in p img,
	body#tomaru div.Monolith-Index div#mainImageArea-in p img,
	body#tomaru div.VIR-Index div#mainImageArea-in p img {
		top: 35px;
		width: auto;
		height: 65%;
	}
}
/* 2019.07.26 add end */