@charset "utf-8";
/*------------------------------------------------
file: style.css
------------------------------------------------*/
/* 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, dialog, figure, footer, header, hgroup,
menu, nav, section, time, mark, audio, video{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
article, aside, dialog, figure, footer, header,
h1,h2,h3,h4,h5,h6 {font-weight:normal;}
h2,h3{font-weight:bold;}
hgroup, nav, section {display:block;}
ol, ul, dl, li{list-style: none; padding:0;margin:0;}
caption,th {text-align:left;font-weight:normal; font-size:100%;}
input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;border: 1px solid #bbb;}
a {margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;text-decoration:none; color:#431D1D; -webkit-transition:all .3s ease; -moz-transition:all .3s ease; -ms-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
a:hover {text-decoration: underline;}
/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse:collapse;border-spacing:0; }
img{ border-width: 0px;border-style: none;vertical-align:bottom; }
/* IE <br/> 対策  */
br { letter-spacing:0; }
body {-webkit-text-size-adjust: 100%;color:#333;line-height:1.6;word-break: break-all;}
.translated-ltr body {top:0 !important;}/*翻訳用に調整*/
/********************************************
 * clearfix
 ********************************************/
.clearfix:after { content: ".";	display: block;	height: 0;clear: both;visibility: hidden;}
* html .clearfix{ height:1%; overflow:visible;}
.clearfix { display: block; overflow:hidden; zoom:1;}
.clear {clear:both;}
/* Body */
html, body {height: 100%;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; color:#431D1D; position:relative;	z-index:1;-webkit-print-color-adjust: exact;background:url(../img/bg/body.gif) 0 0 repeat;font-size:14px;}
/* -------------------------- 
IE6 向けのスタイル 
* html ,* html body { 	height: 100%; overflow-y: hidden; overflow-x: auto; }
* html #cover { overflow: auto; position: relative; width: 100%; height: 100%; } 
----------------------------- */ 
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

/* 共通部品　コンテンツ

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* スライダー*/
	.slick-slider { position: relative;z-index:0; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent;}
	.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0;}
	.slick-list:focus { outline: none;}
	.slick-list.dragging { cursor: pointer; cursor: hand;}
	.slick-slider .slick-track,
	.slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);}
	.slick-track { position: relative; left: 0; top: 0; display: block;}
	.slick-track:before,
	.slick-track:after { content: ""; display: table;}
	.slick-track:after { clear: both;}
	.slick-loading .slick-track { visibility: hidden;}
	.slick-slide { float: left; height: 100%; min-height: 1px; display: none;}
	[dir="rtl"] .slick-slide { float: right;}
	.slick-slide img { display: block;width:100%;}
	.slick-slide.slick-loading img { display: none;}
	.slick-slide.dragging img { pointer-events: none;}
	.slick-initialized .slick-slide { display: block;}
	.slick-loading .slick-slide { visibility: hidden;}
	.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent;}
	.slick-arrow.slick-hidden { display: none;}
	.slick-slider img.sp_res {width:100%;}

	.slick-initialized .slick-slide {overflow:hidden;}
	/* slick-list */
	.s_nav .slick-list {margin: 0 30px;height:auto;}
	.slick-prev, .slick-next { background: transparent none repeat scroll 0 0;border: medium none;color: transparent;cursor: pointer;display: block;font-size: 0;height: 20px;line-height: 0;margin-top: -10px;outline: medium none;padding: 0;position: absolute;top: 50%;width: 20px;z-index:10;}
	.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { background: transparent none repeat scroll 0 0;color: transparent;outline: medium none;}
	.slick-prev:hover::before, .slick-prev:focus::before, .slick-next:hover::before, .slick-next:focus::before {opacity: 1;}
	.slick-prev.slick-disabled::before, .slick-next.slick-disabled::before {opacity: 0.25;}
	.slick-prev::before, .slick-next::before { color: #666;font-size: 20px;line-height: 1;opacity: 0.75;}
	.slick-prev {left: 0px;}
	[dir="rtl"] .slick-prev {left: auto;right: 0px;}
	.slick-prev::before {content: " \f053";font-family: FontAwesome;}
	[dir="rtl"] .slick-prev::before {content: " \f054";font-family: FontAwesome;}
	.slick-next {right: 0px;}
	[dir="rtl"] .slick-next {left: 0px;right: auto;}
	.slick-next::before {content: " \f054";font-family: FontAwesome;}
	[dir="rtl"] .slick-next::before {content: " \f053";font-family: FontAwesome;}


	#root{position:relative;overflow:hidden;z-index:0; width:100%; auto 0 auto; height:auto !important; height: 100%; min-height: 100%;}
	#header .inner,#maim .inner,#footer .inner{position:relative;width:90%; max-width:1024px; margin:0 auto;}
	.pc_none{display:none !important;}/*spの時 改行なし*/
	/* メインコンテンツ */
	#maim{position:relative; overflow:hidden;margin:0 auto 20px auto;z-index:0;}
	/* コンテンツ親 */
	.section{position:relative;margin:0 0 20px 0;}


	/* 角丸 */
	.pie5{ border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1; position:relative;}
	.pie2{ border-radius:100px;-moz-border-radius:100px;-webkit-border-radius:100px; zoom: 1; position:relative;}
	/* シャドウ */
	.shadow{ box-shadow:0px 0px 5px 0px #ccc;-moz-box-shadow:0px 0px 5px 0px #ccc;-webkit-box-shadow:0px 0px 5px 0px #ccc; zoom: 1; position:relative;}
	.shadow2{ box-shadow:0px 9px 3px -7px rgba(0,0,0,0.4);-moz-box-shadow:0px 9px 3px -7px rgba(0,0,0,0.4);-webkit-box-shadow:0px 9px 3px -7px rgba(0,0,0,0.4); zoom: 1; position:relative;}


/* SmartPhone */
@media screen and (max-width:768px){ 

	#root{position:relative;overflow:hidden;z-index:0; width:100%; margin:0 auto; height:auto !important; height: 100%; min-height: 100%;}
	.sp_block{display:block;}
	.sp_none{display:none;}
	/* メインコンテンツ */
	#maim{position:relative; overflow:hidden;margin:0 auto 20px auto;z-index:0;}
	#maim.top{margin-top:20px;}
	#maim .left_box{width:100%;}
	#maim .right_box{width:100%;}
	/* コンテンツ親 */
	.section{position:relative;margin:0 0 20px 0;}
	.br_none{display:none;}
}

	i.fa-angle-right{padding-left:10px;}

/* header

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	#header {position:relative; overflow:hidden;width: 100%;margin:0 auto; background:url(../img/bg/header.png) 0 0 repeat-x;background-size:cover;}
	#header .head{position:relative; overflow:hidden;margin-top:20px;}
	/* ロゴ */
	#header h1 {vertical-align: top;float:left;}
	#header h1 img{max-width:265px;width:100%;}
	/* お問い合わせ */
	#header .box {width:100%;max-width:370px;float:right;}
	#header .box .tel {border:1px solid #A86566;margin-bottom:10px;text-align:center;}
	#header .box .tel .time {display:inline-block;margin-right:10px;line-height:1.4;vertical-align: middle;}
	#header .box .tel .num {display:inline-block; font-size:22px;color:#D34C1D;vertical-align: middle;}
	#header .box .tel .num i{color:#431D1D;}
	#header .box .tel .time span {display:block;}
	#header .box .tel a{display:block;width:100%;padding:5px;}
	/* 予約ボタン */
	#header .box .rsv li{display:inline-block;width:48.9%;text-align:center;}
	/* メニュー */
	#main_nav {position:relative; overflow:hidden;}
	#main_nav ul {list-style: none;width:100%;max-width:800px;margin:0 auto;width:100%;}
	#main_nav li {float: left;border-right:1px solid #CFADAD;font-size:16px;width:20%;text-align:center;margin:20px auto;}
	#main_nav li:first-child {border-left:1px solid #CFADAD;}
	#main_nav li a{display:block;padding:3px;}

	.nav_toggle {display:none;}
	.cntFixed{position:fixed !important;width: 100%;}


@media screen and (min-width:769px){
	#main_nav {display:block !important;}
	#main_nav li.home{display:none;}
}


/* SmartPhone */
@media screen and (max-width:768px){

	#header {position:relative; overflow:hidden;width: 100%;margin:0 auto; background:url(../img/bg/header.png) 0 0 repeat-x;background-size:300%;}
	#header .head{margin:15px auto 0 auto;}
	#header h1 {width:70%;float:none;}
	/* お問い合わせ */
	#header .box {width:100%;max-width:370px;float:none;margin:15px auto;}
	/* 予約ボタン */
	#header .box .rsv li a{font-size:12px;padding:10px 5px;}

	/* main_nav */
	#main_nav {display:none;}
	#main_nav li {float: none;border-bottom:1px dotted #CFADAD;border-right:none;width:100%;margin:0;}
	#main_nav li:first-child {border-left:none;border-top:1px dotted #CFADAD;}
	#main_nav li a{display:block;padding:13px;}
	#main_nav li.home{display:block;}

	/* メニューボタン */
	.nav_toggle { display:block;position: absolute; right: 20px; top: 20px; width: 45px; height: 36px; cursor: pointer; z-index: 101;}
	.nav_toggle p{position: absolute;top:28px;font-size:10px; color:#630;display:block;}
	.nav_toggle div { position: relative;}
	.nav_toggle span { display: block; position: absolute; height: 2px; width: 100%; background: #630; left: 0; -webkit-transition: .35s ease-in-out; -moz-transition: .35s ease-in-out; transition: .35s ease-in-out;}
	.nav_toggle span:nth-child(1) { top: 0;}
	.nav_toggle span:nth-child(2) { top: 11px;}
	.nav_toggle span:nth-child(3) { top: 22px;}
	/* 	/* メニューボタン 切り替えアニメーション */
	.open.nav_toggle span:nth-child(1) {top: 11px; -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); transform: rotate(315deg);}
	.open.nav_toggle span:nth-child(2) {width: 0; left: 50%;}
	.open.nav_toggle span:nth-child(3) {top: 11px; -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); transform: rotate(-315deg);}
	/* .nav スライドアニメーション */
	.open.nav {-moz-transform: translateY(556px); -webkit-transform: translateY(556px); transform: translateY(556px);}

}

@media screen and (max-width:480px){
	#header .box .rsv li {float:none;width:100%;margin-bottom:10px;}
	#header .box .rsv li p {font-size:14px;}
	#header .box .rsv li.btn{max-width:100%;}

}
@media screen and (max-width:320px){
	.nav_toggle {top: 10px;right:10px;}

}

/* footer

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* footer メニュー */
	.f_nav{width:100%;margin:0 auto;background:url(../img/bg/body2.gif) 0 0 repeat;}
	.f_nav ul{width:100%;max-width:1024px;margin:0 auto;}
	.f_nav li{padding:10px 30px;display:inline-block;text-align:center;}

	#footer{position:relative;width:100%;background:url(../img/bg/body3.gif) 0 0 repeat;padding:5em 0;display:table;table-layout:fixed;}
	#footer .inner{width:90%;max-width:1024px; margin:0 auto;}
	#footer .box{display:table-cell;width:33.3%;vertical-align: middle;}
	/* ロゴ */
	#footer h1 {vertical-align: top;margin-bottom:30px;}
	#footer h1 img{width:80%;max-width:265px;}
	#footer .add{line-height:2;}
	#footer .add .a_code{display:block;}
	#footer .add .a_add{display:block;}
	#footer .add .a_tel{padding-right:10px;}
	#footer .add .a_fax{}

	/* お問い合わせ */
	#footer .box .tel {border:1px solid #A86566;margin-bottom:15px;text-align:center;}
	#footer .box .tel .time {display:inline-block;margin-right:10px;line-height:1.4;vertical-align: middle;}
	#footer .box .tel .num {display:inline-block; font-size:22px;color:#D34C1D;vertical-align: middle;}
	#footer .box .tel .num i{color:#431D1D;}
	#footer .box .tel .time span {display:block;}
	#footer .box .tel a{display:block;width:100%;padding:5px;}
	/* 予約ボタン */
	#footer .box .rsv .btn{margin-bottom:10px; max-width:100%;width:100%;}

	#footer .thum {text-align:center;}
	#footer .thum img{width:80%;}

	.copy{text-align:center;font-size:11px;}

	/* ページトップへのボタン */
	.page_top { position:fixed; bottom:0; right:20px; z-index:100;}
	.page_top img{ width:60px;}
	.page_top a { display:block; -webkit-transition:all .4s ease; -moz-transition:all .4s ease; -ms-transition:all .4s ease; -o-transition:all .4s ease; transition:all .4s ease;}
	.page_top a:hover { filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80); opacity:0.8;}

@media screen and (max-width:991px){
	#footer .add .a_tel{display:block;padding-right:0;}
}

/* SmartPhone */
@media screen and (max-width:768px){

	/* footer メニュー */
	.f_nav{width:100%;}
	.f_nav ul{width:100%;max-width:1024px;margin:0 auto;table;table-layout:fixed;}
	.f_nav li{padding:10px 35px;display:inline-block;text-align:center;}

	#footer{display:block;table-layout:auto;}
	#footer .inner{width:90%;max-width:1024px; margin:0 auto;}
	#footer .box{display:block;width:100%;vertical-align: middle;text-align:center;}
	#footer .add{line-height:2;margin-bottom:2em;}

}
/* SmartPhone */
@media screen and (max-width:640px){

	#footer{padding:3em 0;}
	#footer .add{width:100%;margin-bottom:1em;float:none;}
	#footer .box .rsv{margin-bottom:20px;}
	#footer .box .thum img{width:100%;}
	.f_nav li{display:inline-block;padding:10px 10px;text-align:center;}
	.f_bg{position:relative;background:url('../img/footer/sp_bg.png') 55% 0 no-repeat;background-size:960px;height:52px;margin-top:3em;}

	.page_top {right:10px;}
}



/********************************************
 * カラムレイアウト
 ********************************************/

	/*2カラム*/
	.list_2clm,.list_2clm ul{position:relative; overflow:hidden;}
	.list_2clm li{float:left;width:48%;margin-right:3%;}
	.list_2clm li .thum{text-align:center;max-width:100%;width:100%;}
	.list_2clm li .thum img{width:100%;}
	.list_2clm li h3{position:relative; overflow:hidden;margin-bottom:5px;}
	.list_2clm li p{font-size:14px;margin-bottom:1.5em;}
	.list_2clm li:nth-child(2n){margin-right:0;}

	/*3カラム*/
	.list_3clm,.list_3clm ul{position:relative; overflow:hidden;}
	.list_3clm li{float:left;width:31.2%;margin-right:3%;margin-bottom:3%;}
	.list_3clm li .thum{text-align:center;max-width:100%;width:100%;}
	.list_3clm li .thum img{width:100%;}
	.list_3clm li h3{position:relative; overflow:hidden;margin:5px 0;color:#D44D1D;}
	.list_3clm li p{font-size:14px;}


/* SmartPhone */
@media screen and (min-width:769px){
	.list_3clm li:nth-child(3n){margin-right:0;}
}
/* SmartPhone */
@media screen and (max-width:768px){

	.list_2clm li{float:left;width:100%;margin-right:0;}
	.list_3clm li{float:left;width:49%;margin-right:2%;margin-bottom:2%;}
	.list_3clm li:nth-child(2n){margin-right:0;}
}

@media screen and (max-width:640px){

	/*3カラム*/
	.list_3clm li{float:none;width:100%;margin-right:0;width:100%;margin-bottom:5%;}
}

/* お料理

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/
	.tsunenn .ryori_list .item{display:flex;align-items:center;}
	.tsunenn .ryori_list .item .thum{margin-right:3rem;}
	.ryori_list{position:relative; overflow:hidden;margin-bottom:2em;border-bottom:1px dotted #baad96;padding-bottom:2em;}
	.ryori_list .item{position:relative; overflow:hidden;}
	.ryori_list .l_item{float:left;width:58.6%;}
	.ryori_list .l_item .thum img{width:100%;}
	.ryori_list .r_item{float:right;width:40.4%;}
	.ryori_list .r_item .thum img{width:100%; margin-bottom:2.5%;}

	.plan_tt h3,.ryori_list .t_box h3{margin-top:0.5em;font-size:18px;}
	.plan_tt .price,.ryori_list .t_box .price{text-align:right;font-size:16px;}
	.plan_tt .price .prc,.ryori_list .t_box .price .prc{color:#CC0000;font-weight:bold;font-size:18px;}
	.plan_tt .price .stay,.ryori_list .t_box .price .stay{margin-right:2em;}
	.ryori_list .t_box .txt{margin:0.5em 0 1em 0;}
	.ryori_list .t_box .menu span{display:block;text-decoration:underline;}
	.ryori_list .rsv {text-align:center;margin:2em auto 0 auto;}
	.ryori_list .rsv li{display:inline-block;width:100%;max-width:210px;margin:0.5em;}
	.ryori_list .rsv li a{padding:10px 5px;}

@media screen and (max-width:768px){
	.tsunenn .ryori_list .item{flex-direction:column;}
	.tsunenn .ryori_list .item img{width:100%;}
	.tsunenn .ryori_list .item .thum{margin-right:0;margin-bottom:2rem;}
	.ryori_list{margin-bottom:1em;}
	.ryori_list .l_item,
	.ryori_list .r_item{float:none;width:100%}
	.ryori_list .l_item .thum{margin-bottom:10px;}
	.plan_tt{margin-bottom:10px;}
	.ryori_list .t_box .price .stay{display:block;margin-right:0;}
	.ryori_list .rsv li{display:block;margin:1em auto;max-width:100%;}
}
/* 館内

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* 館内施設 */
	.kannai_list,.kannai_list .item{position:relative; overflow:hidden;}
	.kannai_list .thum {position:relative;z-index:0;}
	.kannai_list .thum p{position:absolute;top:5px;right:5px;z-index:10;color:#333;background:#F3F3EB;padding:0 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1;}
	.kannai_list .l_item{float:left;width:58.5%;}
	.kannai_list .l_item .thum img{width:100%;}
	.kannai_list .r_item{float:right;width:40.4%;}
	.kannai_list .thum img{width:100%; margin-bottom:2%;}
	.kannai_list.boxx .l_item{float:left;width:40.4%;}
	.kannai_list.boxx .r_item{float:right;width:58.6%;}
	.kannai_list .r_item.thums {margin-bottom:1%;}
	.kannai_list.boxx2 .l_item{float:left;width:49.5%;margin-top:10px;}
	.kannai_list.boxx2 .r_item{float:right;width:49.5%;margin-top:10px;}
	.kannai_list h3{font-size:18px;}
	.kannai_list .txt{margin:0 0 0.5em 0;}

	/* 客室 */
	.grid_list {width: 100%;margin: 0 auto;height: auto;overflow: hidden;}
	.floatLeft {float: left;}
	.floatRight {float: right;}
	.grid_item {position: relative;overflow: hidden;margin: 0.4%;height: 0px;}
	.grid_item.medium {width: 19.2%;padding-bottom: 19.3%;}
	.grid_item.wide {width: 39.2%;padding-bottom: 19.3%;}
	.grid_item.large {width: 39.2%;padding-bottom: 39.34%;}
	.grid_item img {position:relative;overflow: hidden;width: 100%;}
	.grid_item .info {position: absolute;background: #F3F3EB;border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;zoom: 1;top: 5px;right:5px;padding: 0 5px;}
/*	.grid_item .show_info {height: 100%;}*/
/*	.grid_item .hide_info {height: 30%;max-height: 60px;}*/


@media screen and (max-width:768px){

	/* 館内施設 */
	.kannai_list{border-bottom:1px dotted #baad96;padding:1em 0;}
	.kannai_list .l_item,
	.kannai_list .r_item,
	.kannai_list.boxx .l_item,
	.kannai_list.boxx .r_item,
	.kannai_list.boxx2 .l_item,
	.kannai_list.boxx2 .r_item{float:none;width:100%;}
	.kannai_list.boxx2 .r_item,
	.kannai_list.boxx2 .l_item{border-bottom:1px dotted #baad96;padding:0.5em 0 1em 0;margin-bottom:1.5em;}
	.kannai_list.boxx2 .r_item:last-child{border:none;margin-bottom:0;}

	.grid_item {position: relative;overflow: hidden;margin:0;height: auto;}
	.grid_item.medium { width:32.8%;margin-bottom:1%;padding-bottom:0;}
	.grid_item.wide { width:66.2%;margin-bottom:1%;padding-bottom:0;}
	.grid_item.l_thum { width:100%;}
	.grid_item.s_thum { width:32%;}
	.grid_item.large { width:100%;padding-bottom:0; margin-bottom:1%;}
	.grid_item img {position:relative;overflow: hidden;width: 100%;}
	.grid_item.l_thum,
	.grid_item.s_thum{padding-bottom:0; margin-bottom:0;}
	/*微調整*/
	.floatRight{float:left;}
	.floatRight.grid_item.medium { width:49.5%;margin-bottom:1%;padding-bottom:0;}
	.sp_left {float:left !important;}
	.sp_right {float:right !important;}
	.floatRight.grid_item.wide { width:100%;margin-bottom:1%;padding-bottom:0;}

	.sp_mgr{margin-right:1%;}
	.sp_mgb{margin-bottom:0.8% !important;}


}


/* 観光地

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.midokoro .list_3clm .time{display:inline-block;float:right;background:#564444;padding:0 5px;font-size:normal;font-size:13px;color:#fff; border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px; zoom: 1; position:relative;}
	.midokoro .list_3clm a{display:block;text-decoration:none;}
	.midokoro .list_3clm a:hover h3{text-decoration:underline;}

/* アクセス

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.map {position:relative; overflow:hidden;}
	.map .l_item{float:left;width:48%;}
	.map .r_item{float:right;width:48%;}
	.map .r_item .map_thum img{width:100%;}

@media screen and (max-width:768px){
	.map .l_item{margin-bottom:2em;}
	.map .l_item,.map .r_item{float:none;width:100%;}
}

/* ご予約

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* 空室カレンダー  */
	#cancel{ width:100%; margin: 0 auto 30px auto; }
	#cancel dt,
	#cancel dd{ margin:5px 0;}
	#cancel dt{ font-weight:bold;}
	#cancel .card{ border-top:1px solid #ccc; border-bottom:1px solid #ccc; padding:10px 0;}
	#cancel .cancel{ margin:20px 0;}
	#cancel table{ width:100%; border-collapse: collapse; border-spacing: 0; margin:0 0 10px 0;}
	#cancel table th{ background:#eee; width:40%;}
	#cancel table td{ background:#fff;}
	#cancel table th,
	#cancel table td{ padding:5px;border:1px solid #999;}
	#cancel .kome{ color:#c00;}
	#Mbox1{ background:#EAF7D9; border:3px solid #CFDEBD; margin:0 0 12px 0;}
	#Mbox1 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/checkMark.png) 0 1px no-repeat; padding:0 0 1px 20px;}
	#Mbox2{ background:#FDEBEB; border:3px solid #EAC8C7; margin:0 0 12px 0;}
	#Mbox2 p{ margin:8px; background:url(http://www.media-japan.co.jp/admin/img/16x16/exclamation.png) 0 1px no-repeat; padding:0 0 1px 20px;}
	#clenderWrap{ width:100%; margin:0 auto; text-align:left;}
	#clenderWrap #roomTitle{ text-align:center; font-weight:bold; font-size:14px; color:#158; display:none;}
	.calendarLink { margin:0 0 10px 0 ; padding:0;}
	.calendarLink .prev{ float:left;}
	.calendarLink .next{ float:right;}
	.calendarLink a{ display:block; padding:10px 15px; border:1px solid #BD6767; background:#fff; text-decoration:none;color:#BD6767;}
	.calendarLink a:hover{ background:#BD6767; color:#fff;}

	.calendarBody{ width:100%; margin:0 0 12px 0; border-collapse:collapse; border-spacing:0;}
	.calendarBody caption{ font-weight:bold; text-align:center; background:#C98282; border-width:1px 1px 0 1px; border-style:solid; border-color:#BD6767; padding:8px 0; font-size:18px; color:#fff; }
	.calendarBody th{ text-align:center; background:#E0B7B7; border:1px solid #BD6767;padding:5px 0;}
	.calendarBody td{ padding:5px; background:#fff; width:14%; vertical-align:top; border:1px solid #BD6767; min-height:60px;}
	.calendarBody td .blue{ color:#0ad;}
	.calendarBody td .red{ color:#c02;}
	.calendarBody td span{font-size:20px; font-weight:bold;display:inline-block;}
	.calendarBody td.gray{ background:#eee; height:50px;}
	.calendarBody .roomIcon{display:inline-block; font-style:normal; font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;width: 60%;text-align: center;}
	.calendarBody .roomBt{ text-align:center;}
	.calendarBody .roomBt input{ 
		padding:5px 10px;cursor:pointer;-webkit-appearance: none;border-radius: 0;
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #ababab));
		background: -webkit-linear-gradient(#fff, #ababab);
		background: -moz-linear-gradient(#fff, #ababab);
		background: -o-linear-gradient(#fff, #ababab);
		background: -ms-linear-gradient(#fff, #ababab);
		background: linear-gradient(#fff, #ababab);
	}
	.calenderFooter{ margin:10px auto;}
	.calenderFooter .updated{ text-align:right; padding:3px 0; font-size:12px;}
	.calenderIcon{ width:100%; margin:0 auto; background:#999; border-collapse:collapse; border-spacing:0;}
	.calenderIcon td{ background:#E0CCB7; padding:10px; width:25%; text-align:center; border:1px solid #BA8D5E;}
	.calenderColorNavi{ margin:10px 0;}
	.calenderColorNavi li{ float:left; width:29%; margin:0 8px 8px 0; padding:5px 8px; border:1px solid #999;}
	#formNavi{ color:#000; margin:0 0 10px 0;}
	.roomFlow p{ color:#000; line-height:160%;}

	/* 予約流れ */
	.reserveFlow{position:relative; overflow:hidden;margin:20px auto;max-width:600px;width:100%;text-align:center;}
	.reserveFlow .box{ border:1px solid #C58F81; background:#FFFFDD; float:left; padding:2% 3.5%;font-size:16px;border-radius :5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
	.reserveFlow .rightArrow{ width: 0; height: 0; border-style: solid; border-width: 6.5px 0 6.5px 11.3px; border-color: transparent transparent transparent #B07263; float:left; margin:3% 1% 0 1%; }

	/* 予約フォーム  */
	#formNavi .kome{color:#c00;}
	#roomTitle{display:none;}
	.reserve .note_list .tel .sp_block{margin:0 20px;display:inline;}
	.reserve .note_list .txt{padding:1em;margin:15px auto;}
	.reserve .com_tb h3{background:#B75959;padding:10px 0;text-align:center;color:#fff;}
	.reserve table th{width:16%;font-weight:bold;font-size:16px;}
	.reserve table th.ws{width:10%;}
	.reserve span.req{background:#fff;display:inline-block;color:#F40808;font-size:12px;padding:0 3px;margin-left:5px;vertical-align: middle;}
	.reserve table .date{display:inline;}
	.reserve table .date input{padding:2px 3px;width:100%;max-width:150px;}
	.reserve table .cls_adults,
	.reserve table .cls_childs{font-weight:bold;display:block;}
	.reserve table .cls_add {display:block;}
	.reserve table .cls_add .y1{width:40px;}
	.reserve table .cls_add .y2{width:50px;}
	.reserve table .cls_name {width:70%;}
	.reserve table .cls_name2 {width:30%;}
	.reserve table .cls_tel{width:47%;}
	.reserve table .cls_tel2{width:20%;}
	.reserve table .cls_fax{width:47%;}
	.reserve table .cls_mail{width:40%;margin-right:10px;}
	.reserve table .cls_ac .cls_other{width:30%;}
	.reserve table .cls_time{}
	.reserve table .cls_time2{}
	#inputAddress{width:80%;}
	.reserve table textarea{line-height:1.6;height:10em;width:80%;}
	.reserve table input,
	.reserve table textarea,
	.reserve table select{ padding:1px 3px; border: 1px solid #cebca9; resize: none; margin:3px 0; font-size: 14px;}
	.reserve .btn {margin:0 auto 2em auto;}
	.reserve .btn input{height:70px;width:100%;max-width:500px;background:#788804;font-size:18px;color:#fff;border-bottom: 2px solid #5c6803;border-right: 2px solid #5c6803;cursor:pointer;-webkit-appearance: none;border-radius: 0;}
	.reserve .btn input:hover{text-decoration:underline;}

	#yoyakuEnd{text-align:center;font-size:16px;margin:3em 0;}
	#yoyakuEnd .cancel{color:#c00;}

@media screen and (max-width:991px){
	.reserve .tab_blc{display:block;}

	/* 予約流れ */
	.reserveFlow{max-width:100%;width:100%;}
	.reserveFlow li{width:100%;}
	.reserveFlow .box{float:none;}
	.reserveFlow .rightArrow{float:none; border-width: 11.3px 6.5px 0 6.5px; border-color: #B07263 transparent transparent transparent; margin:5px auto;text-align:center;}

	.reserve table .cls_name,.reserve table .cls_name2,.reserve table .cls_mail{width:50%;}
	.reserve table .cls_tel,.reserve table .cls_tel2,.reserve table .cls_fax{width:40%;}
	.reserve table .cls_ac .cls_other{width:50%;}
	.reserve table .cls_ac label:last-child{display:block;}
	.reserve table th,
	.reserve table td{display:block !important;width:100% !important;}
	.reserve table .cls_name, 
	.reserve table .cls_name2,
	.reserve table .cls_plan,
	.reserve table .cls_tel,
	.reserve table .cls_tel2,
	.reserve table .cls_fax,
	.reserve table .cls_mail,
	.reserve table .cls_ac .cls_other,
	.reserve table textarea,
	.reserve table #plan{width:100%;}
	.reserve table input{width: 100%;}
	.reserve table input,
	.reserve table textarea,
	.reserve table select{font-size: 16px;}
}
@media screen and (max-width:640px){

	/* 空室カレンダー  */
	.calendarBody td span{ font-size:16px;line-height:0;}
	.calendarBody .roomDate{padding-bottom:5px;}
	.calendarBody .roomIcon{width:100%;line-height:1;}
	.calendarBody .roomBt input{width:100%;}

	/* 予約フォーム  */
	.reserve .note_list .tel .sp_block{margin:0;display:block;}
}

@media screen and (max-width:480px){

	/* 空室カレンダー  */
	.calendarBody .roomBt input{ padding:15% 0;font-size:11px;}

	.reserve table .cls_year,
	.reserve table .cls_stay{display:block;}
	.reserve table .cls_adults,
	.reserve table .cls_childs{display:block;}
	.reserve table .cls_male,
	.reserve table .cls_female,
	.reserve table .cls_childs1,
	.reserve table .cls_childs2,
	.reserve table .cls_childs3{display:block;padding-left:10px;}
	.reserve table .cls_name,.reserve table .cls_name2,.reserve table .cls_mail,
	.reserve table .cls_tel,.reserve table .cls_tel2,.reserve table .cls_fax{width:100%;}
}


/* モーダル

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	.modalContent {display:none; width:90%; max-width:800px; margin:30px auto;background:#fff;border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;}
	.modalContent:before{border-bottom:1px solid #000;}
	.modalContent .item { padding:30px;}
	.modalContent .item h3{}
	.modalContent .item .txt{ margin:10px auto 15px auto;font-size:14px;line-height:1.8;}
	.modalContent .item .pic{margin-bottom:10px; text-align:center;}
	.modalContent .item .pic img{width:100%;max-width:350px;}
	.modalOverlay { z-index:9000; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(0,0,0,0.75);}
	.modalWrap {z-index:9001; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;padding:0 0 50px 0;}
	.modalClose {padding:5px;max-width:180px;width:100%; margin:0 auto;}
	.modalClose:hover { cursor:pointer; color:#fff;}
	.modalLinkBt { color:#fff; text-decoration:none; text-align:center;display:block;padding:5px;max-width:180px;width:100%; margin:0 auto;}
	.modalLinkBt:hover { cursor:pointer; color:#fff;}
	.mol_lock{position:fixed !important;width:100%;}
	.modalContent .bt_item {border-top:1px solid #ccc;text-align:right;margin-top:1em;}
	.modalContent .bt_item p{display:inline-block; margin:10px auto 0 auto;width:100px;}

	.centerBt{position:relative;text-align:center;margin:1em auto;}
	.centerBt .com_btn1{color:#333;max-width:320px;cursor:pointer;padding:10px 0;margin:0 auto;display:inline-block;text-align:center;border:1px solid  #C4C4C4;border-radius: 5px;text-decoration: none;background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #E1E1E1), color-stop(0.00, #FBFBFB));background: -webkit-linear-gradient(#FBFBFB, #E1E1E1);background: -moz-linear-gradient(#FBFBFB, #E1E1E1);background: -o-linear-gradient(#FBFBFB, #E1E1E1);background: -ms-linear-gradient(#FBFBFB, #E1E1E1);background: linear-gradient(#FBFBFB, #E1E1E1);}
	#mol,#mol2{display:none;}

/* SmartPhone */
@media screen and (max-width:640px){
	.modalContent .bt_item {text-align:center;}
	.centerBt .com_btn1{}
}

/* 汎用

■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□■□
-----------------------------------------------------------------------*/

	/* ページ見出し */
	#caption{position:relative;background:url(../img/bg/body3.gif) 0 0 repeat;padding:2em 0 2.5em 0;}
	#caption.section{margin:0 auto;}
	#caption h2{font-size:42px;margin-bottom:10px;font-family: Palatino Linotype,Book Antiqua,Palatino,Klee,"游明朝体",Yu Mincho,YuMincho,"ヒラギノ明朝ProN W3",HiraMinProN-W3,"ヒラギノ明朝Pro W3",Hiragino Mincho Pro,"HG正楷書体-PRO","ＤＦ中楷書体","ＭＳ 明朝",MS Mincho,"メイリオ",Meiryo,serif;}
	#caption p{font-size:16px;}
	#caption h2 span:before,
	#caption h2 span:after{content:"-";font-weight:normal;padding:0 5px;font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}

@media screen and (max-width:768px){
	#caption h2 span{display:block;}
	.cntFixed{position:fixed !important;}
}
@media screen and (max-width:480px){
	#caption{padding:1em 0 1.5em 0;}
	#caption h2{font-size:32px;}
}
	/* タイトル */
	.tt_01{ background:url(../img/bg/line.png) 0 100% repeat-x;width:100%;margin-bottom:10px;font-size:28px;font-weight:normal;}

	/* 2カラム */
	.com_note {position:relative; overflow:hidden;}
	.com_note .l_item{float:left;width:48%;}
	.com_note .r_item{float:right;width:48%;}
	.com_note .r_item .map_thum img{width:100%;}

@media screen and (max-width:768px){
	.bg_brown{padding-top:2em;}
	.com_note .l_item{margin-bottom:2em;}
	.com_note .l_item,.com_note .r_item{float:none;width:100%;}
}


	/* テーブル */
	.com_tb table {width:100%;font-size:14px; border-collapse:collapse; border:none; border-spacing:0;}
	.com_tb table td{padding:5px;text-align:center;vertical-align: middle;background: #f9f5f1;}
	.com_tb table th{background: #C98282; color:#FFF;}
	.com_tb table th,
	.com_tb table td{padding:5px 10px;text-align:left;border:1px solid #BD6767;vertical-align: middle;}

@media screen and (max-width:640px){
	.com_tb table th,
	.com_tb table td{display:block;}
	.com_tb table tr:first-child{border-top:1px solid #BD6767;}
}
	/* カテゴリボタン */
	.cate_list {position:relative; overflow:hidden;margin:0 auto;font-size:12px;}
	.cate_list li { display:inline-block;margin:0 0.5% 1% 0;}
	.cate_list li a{ display: block;text-align: center;padding:3px 10px; text-decoration:none; background:#BCA892; color:#52311B;}
	.cate_list li a:hover { background:#52311B;  color:#fff;}
	.cate_list li.active a{ background:#BCA892; color:#52311B;}
	.tinynav { display: none;}
	/* 微調整 */
	.cate_list li.bgBrown a {background:#BCA892 !important; color:#52311B;}
	.cate_list li.bgBrown a:hover { background:#52311B !important;  color:#fff;}

	.note {padding-left:0;}
	.note li {list-style:none;}
	.note li:before { content: '※'; color:#c00;  padding-right:5px; }


/* SmartPhone */
@media screen and (max-width: 991px){ 

	/* カテゴリ セレクト */
	.tinynav { display: block;font-size:14px; width:100%;margin:0 auto;}
	.cate_list {display:none;}
	.list_slect {position:relative; overflow:hidden;}
	.list_slect select{padding:10px 0;height:50px;}
}

	/* ボタン */
	.btn{position:relative;text-align:center;max-width:320px;}
	.btn a{display:block;background:#788804;color:#fff;padding:2px 10px;border-bottom:1px solid #5c6803;padding:10px 6px;}

	.line { background:url(../img/bg/line.png) 0 100% repeat-x;width:100%;}

	/* パンクズ */
	.pan {display: block; line-height: 1em; margin: 0 auto; padding:0; font-size: 12px; line-height:2;width:90%;max-width:1024px;}
	.pan .path { display: inline-block; margin: 0; color: #431D28;}
	.pan .path:after { display: inline-block; margin: 0 6px 0 12px; font-family: 'terra'; content: '>'; color: #564444;}
	.pan .path:last-child:after { content: ''; display: none;}
	.pan .path a { display: inline; color: inherit; color: #6d5050;text-decoration:none;}
	.pan .path a:hover { color: #D44D1D;text-decoration:underline;}

	/* 階層コンテンツタイトル */
	.tt_h3{background:#DF4277;position: relative;z-index: 1;padding:7px 0 7px 10px;margin-bottom:20px;color:#fff;font-size:22px;font-weight:normal;}
	.tt_h3:after{content: ""; display: block;position: absolute;bottom: 1px;left: 0px;border-bottom:1px solid #fff;z-index: 10;width:100%;}
	.tt_h4{background:#ddd;color:#333;font-size:16px;padding:8px;margin-bottom:10px;font-weight:normal;box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.7), inset 0 1px 0 rgba(255, 255, 255, 0.4); border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;box-sizing: border-box;}
	.tt_h4 a{display:block;text-decoration:none;}
	.tt_h5{font-size:14px;font-weight:bold;}

	.c_txt{font-size:14px;line-height:1.6;margin-bottom:10px;}

	/* 横幅 */
	.w5{width:5%;}
	.w10{width:10%;}
	.w15{width:15%;}
	.w20{width:20%;}
	.w25{width:25%;}
	.w30{width:30%;}
	.w35{width:35%;}
	.w40{width:40%;}
	.w45{width:45%;}
	.w50{width:50%;}
	.w55{width:55%;}
	.w60{width:60%;}
	.w100{width:100%;}

@media screen and (max-width:768px){ 
	.w40,.w45{max-width:100% !important;}
}
	/* 背景色 */
	.bg_brown{position:relative;background-image: url(../img/bg/brown.png), url(../img/bg/wave1.png);background-repeat:repeat-x,no-repeat;background-position: top left, top left;background-size:100%, 100%;padding-top:3em;}
	.bg_wave1{position:relative;background-image:url(../img/bg/wave1.png);background-repeat:no-repeat;background-position: top left;background-size: 100%;padding-top:2em;}
	.bg_wave2{position:relative;background-image:url(../img/bg/wave2.png);background-repeat:no-repeat;background-position: top left;background-size: 100%;padding-top:2em;}
	.bg_yellow{background:#FFFFDD;}
	.bg_g_f7{background:#f7f7f7;}

	/* フォントサイズ */
	.fs10{font-size:10px !important;}
	.fs10sp{font-size:10px !important;}
	.fs11{font-size:11px !important;}
	.fs12{font-size:12px !important;}
	.fs14{font-size:14px !important;}
	.fs16{font-size:16px !important;}
	.fs18{font-size:18px !important;}
	.fs20{font-size:20px !important;}
	.fs22{font-size:22px !important;}
	.fs24{font-size:24px !important;}
	.fs26{font-size:26px !important;}
	.fs28{font-size:28px !important;}
	.fs30{font-size:30px !important;}
	.fs32{font-size:32px !important;}

@media screen and (max-width:768px){ 
	/*.fs10{font-size:10px !important;}*/
	.fs10sp{display:none;}
	.fs11{font-size:13px !important;}
}
	/* 文字間隔 */
	.ls1{letter-spacing:1px;}
	.ls2{letter-spacing:2px;}
	.ls3{letter-spacing:3px;}
	.ls4{letter-spacing:4px;}
	.ls5{letter-spacing:5px;}

	/* 文字色 */
	.fcRed{color:#c00 !important;}
	.fcYellow{color:#FFF100 !important;}
	.fcBrown{color:#8C4600 !important;}

	.block{display:block;}
	.lineBtm {border-bottom: 2px dotted #E1E1E1;}
	.txtdecLine {text-decoration:underline !important;}
	.txtdecLine:hover {text-decoration:none !important;}
	.txtL{text-align:left !important;}
	.txtR{text-align:right !important;}
	.txtC{text-align:center !important;}
	.bold{font-weight:bold !important;}
	.normal{font-weight:normal !important;}
	.pd0{padding:0!important;}
	.pd1{padding:1em!important;}
	.pd2{padding:2em!important;}
	.pd3{padding:3em!important;}
	.pd4{padding:4em!important;}
	.pd5{padding:5em!important;}
	.pd10{padding:10px!important;}
	.pd15{padding:15px!important;}
	.pd20{padding:20px!important;}
	.pd25{padding:25px!important;}
	.pd30{padding:30px!important;}
	.pd35{padding:35px!important;}
	.pd40{padding:40px!important;}
	.pd45{padding:45px!important;}
	.pd50{padding:50px!important;}
	.pd55{padding:55px!important;}
	.pd60{padding:60px!important;}
	.pdt0{padding-top:0!important;}
	.pdt1{padding-top:1em!important;}
	.pdt2{padding-top:2em!important;}
	.pdt3{padding-top:3em!important;}
	.pdt4{padding-top:4em!important;}
	.pdt5{padding-top:5em!important;}
	.pdt10{padding-top:10px!important;}
	.pdt15{padding-top:15px!important;}
	.pdt20{padding-top:20px!important;}
	.pdt25{padding-top:25px!important;}
	.pdt30{padding-top:30px!important;}
	.pdt35{padding-top:35px!important;}
	.pdt40{padding-top:40px!important;}
	.pdt45{padding-top:45px!important;}
	.pdt50{padding-top:50px!important;}
	.pdt55{padding-top:55px!important;}
	.pdt60{padding-top:60px!important;}
	.pdr0{padding-right:0!important;}
	.pdr1{padding-right:1em!important;}
	.pdr2{padding-right:2em!important;}
	.pdr3{padding-right:3em!important;}
	.pdr4{padding-right:4em!important;}
	.pdr5{padding-right:5em!important;}
	.pdr10{padding-right:10px!important;}
	.pdr15{padding-right:15px!important;}
	.pdr20{padding-right:20px!important;}
	.pdr25{padding-right:25px!important;}
	.pdr30{padding-right:30px!important;}
	.pdr35{padding-right:35px!important;}
	.pdr40{padding-right:40px!important;}
	.pdr45{padding-right:45px!important;}
	.pdr50{padding-right:50px!important;}
	.pdr55{padding-right:55px!important;}
	.pdr60{padding-right:60px!important;}
	.pdb0{padding-bottom:0!important;}
	.pdb1{padding-bottom:1em!important;}
	.pdb2{padding-bottom:2em!important;}
	.pdb3{padding-bottom:3em!important;}
	.pdb4{padding-bottom:4em!important}
	.pdb5{padding-bottom:5em!important;}
	.pdb10{padding-bottom:10px!important;}
	.pdb15{padding-bottom:15px!important;}
	.pdb20{padding-bottom:20px!important;}
	.pdb25{padding-bottom:25px!important;}
	.pdb30{padding-bottom:30px!important;}
	.pdb35{padding-bottom:35px!important;}
	.pdb40{padding-bottom:40px!important;}
	.pdb45{padding-bottom:45px!important;}
	.pdb50{padding-bottom:50px!important;}
	.pdb55{padding-bottom:55px!important;}
	.pdb60{padding-bottom:60px!important;}
	.pdl0{padding-left:0!important;}
	.pdl1{padding-left:1em!important;}
	.pdl2{padding-left:2em!important;}
	.pdl3{padding-left:3em!important;}
	.pdl4{padding-left:4em!important;}
	.pdl5{padding-left:5em!important;}
	.pdl10{padding-left:10px!important;}
	.pdl15{padding-left:15px!important;}
	.pdl20{padding-left:20px!important;}
	.pdl25{padding-left:25px!important;}
	.pdl30{padding-left:30px!important;}
	.pdl35{padding-left:35px!important;}
	.pdl40{padding-left:40px!important;}
	.pdl45{padding-left:45px!important;}
	.pdl50{padding-left:50px!important;}
	.pdl55{padding-left:55px!important;}
	.pdl60{padding-left:60px!important;}
	.mg0{margin:0!important;}
	.mg1{margin:1px!important;}
	.mg2{margin:2px!important;}
	.mg3{margin:3px!important;}
	.mg4{margin:4px!important;}
	.mg10{margin:10px!important;}
	.mg15{margin:15px!important;}
	.mg20{margin:20px!important;}
	.mg25{margin:25px!important;}
	.mg30{margin:30px!important;}
	.mg35{margin:35px!important;}
	.mg40{margin:40px!important;}
	.mg45{margin:45px!important;}
	.mg50{margin:50px!important;}
	.mg55{margin:55px!important;}
	.mg60{margin:60px!important;}
	.mgt0{margin-top:0!important;}
	.mgt1{margin-top:1em!important;}
	.mgt2{margin-top:2em!important;}
	.mgt3{margin-top:3em!important;}
	.mgt4{margin-top:4em!important;}
	.mgt5{margin-top:5em!important;}
	.mgt10{margin-top:10px!important;}
	.mgt15{margin-top:15px!important;}
	.mgt20{margin-top:20px!important;}
	.mgt25{margin-top:25px!important;}
	.mgt30{margin-top:30px!important;}
	.mgt35{margin-top:35px!important;}
	.mgt40{margin-top:40px!important;}
	.mgt45{margin-top:45px!important;}
	.mgt50{margin-top:50px!important;}
	.mgt55{margin-top:55px!important;}
	.mgt60{margin-top:60px!important;}
	.mgr0{margin-right:0!important;}
	.mgr1{margin-right:1em!important;}
	.mgr2{margin-right:2em!important;}
	.mgr3{margin-right:3em!important;}
	.mgr4{margin-right:4em!important;}
	.mgr5{margin-right:5em!important;}
	.mgr10{margin-right:10px!important;}
	.mgr15{margin-right:15px!important;}
	.mgr20{margin-right:20px!important;}
	.mgr25{margin-right:25px!important;}
	.mgr30{margin-right:30px!important;}
	.mgr35{margin-right:35px!important;}
	.mgr40{margin-right:40px!important;}
	.mgr45{margin-right:45px!important;}
	.mgr50{margin-right:50px!important;}
	.mgr55{margin-right:55px!important;}
	.mgr60{margin-right:60px!important;}
	.mgb0{margin-bottom:0!important;}
	.mgb1{margin-bottom:1em!important;}
	.mgb2{margin-bottom:2em!important;}
	.mgb3{margin-bottom:3em!important;}
	.mgb4{margin-bottom:4em!important;}
	.mgb5{margin-bottom:5em!important;}
	.mgb10{margin-bottom:10px!important;}
	.mgb15{margin-bottom:15px!important;}
	.mgb20{margin-bottom:20px!important;}
	.mgb25{margin-bottom:25px!important;}
	.mgb30{margin-bottom:30px!important;}
	.mgb35{margin-bottom:35px!important;}
	.mgb40{margin-bottom:40px!important;}
	.mgb45{margin-bottom:45px!important;}
	.mgb50{margin-bottom:50px!important;}
	.mgb55{margin-bottom:55px!important;}
	.mgb60{margin-bottom:60px!important;}
	.mgl0{margin-left:0!important;}
	.mgl1{margin-left:1em!important;}
	.mgl2{margin-left:2em!important;}
	.mgl3{margin-left:3em!important;}
	.mgl4{margin-left:4em!important;}
	.mgl5{margin-left:5em!important;}
	.mgl10{margin-left:10px!important;}
	.mgl15{margin-left:15px!important;}
	.mgl20{margin-left:20px!important;}
	.mgl25{margin-left:25px!important;}
	.mgl30{margin-left:30px!important;}
	.mgl35{margin-left:35px!important;}
	.mgl40{margin-left:40px!important;}
	.mgl45{margin-left:45px!important;}
	.mgl50{margin-left:50px!important;}
	.mgl55{margin-left:55px!important;}
	.mgl60{margin-left:60px!important;}