@charset "UTF-8";

/* tower common
----------------------------- */

.coution {
	color: #C00;
}


.section {
	overflow: hidden;
	zoom: 1;
}

.gallery-360 {
    margin-bottom: 30px;
}
.gallery-360 iframe {
    width: 100%;
    height: 380px;
}


/* index
----------------------------- */

#index #information {
	width: 100%;
	margin-bottom: 46px;
}
#index #information dl.info_dl dt {
	width: 15em;
}
#index #information dl.info_dl dd {
	padding: 12px 8px 10px 15em;
}

article #hotelList h4:before {
    content: "";
    font-family: "icomoon", sans-serif;
}

article #hotelList h4 {
    margin-bottom: 18px;
    font-family: Hiragino Kaku Gothic W6 JIS2004;
    -webkit-font-feature-settings: 'palt' 1;
	font-weight:bold;
    color: #277fd0;
    font-weight: nomal;
    font-size: 113%;
    line-height: 1.4;
}
article #hotelList h4 a {
	text-decoration:none;
}


#hotelList #resonareTmb figure {
	width:290px;
	float:left;
	margin-bottom:60px;
	
}
#hotelList #resonareTmb figure img {
	width:100%;
	
}
#hotelList #resonareTmb .textWrap {
	width:360px;
	float:right;
	
}
#hotelList #resonareTmb .textWrap p {
	padding-bottom:8px;
	
}
#hotelList #towerTmb {
	clear:both;
	
}
#hotelList #towerTmb figure {
	width:290px;
	float:right;
	margin-bottom:90px;
	
}
#hotelList #towerTmb figure img {
	width:100%;
	
}
#hotelList #towerTmb .textWrap {
	width:360px;
	float:left;
	
}
#hotelList #towerTmb .textWrap p {
	padding-bottom:8px;
	
}
#index #mainnav {
	clear:both;
}
/* room
----------------------------- */
.anchorLink  {
	margin-bottom: 30px;
}
.anchorLink h4  {
	margin-bottom: 10px;
	margin-top:5px;
	font-weight:bold;
}

.anchorLink a {
	text-decoration:none;
}
.anchorLink a:hover {
	opacity: 0.7;
	-moz-opacity: 0.7;
	filter: alpha(opacity=70); /* ie lt 8 */
}
#catch .anchorLink p {
	font-size: 13px;
	line-height: 1.6;
	padding-bottom:15px;

}
#catch .anchorLink li {
	font-size: 13px;
	line-height: 1.6;
	

}
#catch .anchorLink li span {
	font-size: 12px;
	
	

}
.anchorLink a:before {
	content: "\e900";
	font-family: "icomoon", sans-serif;
	text-decoration: none;
	font-size: 8px;
	padding-right: 5px;
}

.anchorLink figure {
	width:270px;
	float:left;
	margin-bottom:60px;
	
}
.anchorLink figure img {
	width:100%;
	
}
.anchorLink .textWrap {
	width:370px;
	float:right;
	
}

#mamarakudaTmb,#sweetTmb,#petTmb ,#familyTmb, #standardTmb,#forestTmb{
	clear:both;
}






.room_img {
	padding-bottom: 30px;
}
#room p.note {
	color: #cc0000;
	padding-top: 1em;
}
#room .section {
	padding-bottom: 50px;
}
.hosoku {
	font-size: 13px;
	line-height: 1.4;
}
#room #gallery {
	margin-top: 0;
	margin-bottom: 40px;
}
.gallery img {
	width: 672px;
	height: 380px;
}
#room #information {
	margin-bottom: 35px;
}
#room #information p.attention {
	font-size: 82%;
	color: #a93649;
	line-height: 1.45;
}
#room .btn_reserve {
	text-align: center;
}
#room .btn_reserve img {
	display: inline;
}
#room dl.info_dl {
	margin-bottom:40px;
}
#room dl.info_dl dt {
	width: 8em;
}
#room dl.info_dl dd {
	padding: 12px 8px 10px 9em;
}

.remarks {
	padding:30px;
	background:#FFF5D4;
	margin-bottom:40px;
}
.remarks dt{
	font-size:94%;
	font-weight:bold;
	padding-bottom:15px;
}
.remarks dd{
	font-size:88%;
	line-height:1.5em;
}
.remarks .hosoku{
	font-size:88%;
	padding-top:20px;
}
#room .btn_link ul {
	width:510px;
   margin:0 auto;
}
#room .btn_link li {
	width:255px;
   float:left;
}



#room .btn_link .typePlan a {
	
    color:#E86500 !important;
   
}
#room .btn_link a:hover, #room .btn_link .typePlan a:hover {
    background-color: #3D3D3D;
	color: #fff !important;
}


/* facilitiy
----------------------------- */

#facilitiy .facilitiy_box {
	margin: 0 4px;
	padding-bottom: 50px;
	overflow: hidden;
	zoom: 1;
}
#facilitiy .facilitiy_photo {
	width: 240px;
	float: left;
}
#facilitiy .facilitiy_photo ul li {
	margin-bottom: 10px;
}
#facilitiy .facilitiy_detail {
	width: 390px;
	float: right;
}
#facilitiy .facilitiy_detail h3 {
	height: auto;
	font-size: 113%;
	color: #a79b77;
	line-height: 1.5;
	padding: 0;
	margin: 3px 0 15px;
	background: none;
}

#facilitiy .facilitiy_detail p.more {
	line-height: 15px;
	padding-left: 20px;
	background: url(../tower/images/ico_arrow_more.html) no-repeat 0 0;
}
#facilitiy .facilitiy_detail .cafe h4 {
	margin-bottom: 15px;
	padding: 6px 17px 4px;
	background: #a79b77 none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	color: #ffffff;
	font-size: 75%;
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
#facilitiy .facilitiy_detail .cafe {
	color: #a79b77;
}
#facilitiy .facilitiy_detail .cafe dl {
	margin-bottom: 15px;
	border: none;
	font-size: 69%;
	line-height: 1.4;
	overflow: hidden;
	zoom: 1;
}
#facilitiy .facilitiy_detail .cafe dl dt {
	padding: 6px 0 0 0;
	float: left;
	clear: both;
}
#facilitiy .facilitiy_detail .cafe dl dd {
	padding: 6px 0 5px 90px;
	border-bottom: 1px dotted #555592;
}
#facilitiy .facilitiy_detail .cafe dl dd:last-child {
	border-bottom: none;
}
#facilitiy .facilitiy_detail .cafe p {
	font-size: 69%;
}

/* sp
------------------------------------ */

@media screen and (max-width: 768px) {
#content {
    min-height: auto;
}

#index #local {
	display:none;
}

.anchorLink  {
	margin-bottom: 30px;
}



.anchorLink figure {
	width:100%;
	float:none;
	margin-bottom:15px;
	
}
.anchorLink figure img {
	width:100%;
	
}
.anchorLink .textWrap {
	width:100%;
	float:none;
	margin-bottom:40px;
	
}
#room .btn_link ul {
    width: 100%;
    margin: 0 auto;
}
#room .btn_link li {
    width: 100%;
    float: none;
	margin-bottom:10px;
}
#catch .anchorLink li p {
	font-size: 13px;
	line-height: 1.2;
	color: #988f6a;
}

.anchorLink li p .supp {
	font-size: 11px;
	display: block;
	padding-left: 10px;
}
.anchorLink li p:before {
	content: "\e900";
	font-family: "icomoon", sans-serif;
	text-decoration: none;
	font-size: 6px;
	padding-right: 5px;
}


.gallery img {
    width:100%;
    height: 380px;
}




dl.info_dl dt {
	width: 85px;
}
/*** index ***/
	

#hotelList #resonareTmb figure {
	width:100%;
	float:none;
	margin-bottom:15px;
	
}
#hotelList #resonareTmb figure img {
	width:100%;
	
}
#hotelList #resonareTmb .textWrap {
	width:100%;
	float:none;
	margin-bottom:40px;
	
}
#hotelList #resonareTmb .textWrap p {
	padding-bottom:8px;
	
}
#hotelList #towerTmb {
	clear:both;
	
}
#hotelList #towerTmb figure {
	width:100%;
	float:none;
	margin-bottom:15px;
	
}
#hotelList #towerTmb figure img {
	width:100%;
	
}
#hotelList #towerTmb .textWrap {
	width:100%;
	float:none;
	margin-bottom:40px;
	
}
#hotelList #towerTmb .textWrap p {
	padding-bottom:8px;
	
}
	
#index #information dl.info_dl dd {
	padding-left: 105px;
}
/*** room ***/
	
#room .section p {
	padding-bottom: 30px;
}
.room_img img {
	width: 100%;
	height: auto;
}
#room dl.info_dl dt {
	width: 80px;
}
#room dl.info_dl dd {
	padding-left: 90px;
}
#room #gallery {
	width: 100%;
}
#room #gallery img {
	max-width: 100%;
}
#room .btn_reserve {
	width: 100%;
	text-align: center;
}
#room .btn_reserve img {
	max-width: 100%;
	display: inline;
}
/*** facilitiy ***/
	
#facilitiy #catch h2 {
	width: 38%;
}
#facilitiy .facilitiy_photo {
	margin: 0 auto 30px auto;
	float: none;
}
#facilitiy .facilitiy_detail {
	width: 100%;
	float: none;
}
#facilitiy .facilitiy_detail h3 {
	font-size: 100%;
}
#facilitiy .facilitiy_detail .cafe h4 {
	display: block;
	text-align: center;
}
#index #information dl.info_dl dt {
	width: 15em;
}
#index #information dl.info_dl dd {
	padding: 12px 8px 10px 16em;
}


.remarks {
	padding:26px;
	background:#FFF5D4;
	margin-bottom:30px;
}
.remarks dt{
	font-size:88%;
	font-weight:normal;
	padding-bottom:12px;
	line-height:1.4;
}
.remarks dd{
	font-size:75%;
	line-height:1.4em;
}
.remarks .hosoku{
	font-size:75%;
	padding-top:20px;
}






}
@media screen and (max-width: 414px) {
#content {
    min-height: 650px;
}
#index #information dl.info_dl dt {
	width: 10em;
}
#index #information dl.info_dl dd {
	padding: 12px 8px 10px 11em;
}

.gallery img {
    width:100%;
    height: 215px;
}
}
@media screen and (max-width: 320px) {



.gallery img {
    width:100%;
    height: 166px;
}
}