@charset "utf-8";

/* -- overwrite style.css --*/
div#HEADER ol li.TOURISM a span		{ color:#000; margin-top:-2.6em; }

dl dd				{ text-align: left; } 
div.OBJ div.IMG			{ width:100%; max-width:unset; }
div.OBJ div.IMG div.IMAGES		{ max-width:unset; }



/* -- CONTENTS -- */
div.OBJ div.CONTENTS				{ display:block; max-width:900px; margin:100px auto 50px; auto; padding:0 50px; border:1px solid #aaa; border-radius:10px; }
div.OBJ div.CONTENTS h2				{ display:inline-block; width:200px; margin:-25px 0 0 0; padding:50px 0 0 0; vertical-align:middle; text-align:left; font-size:20px; }
div.OBJ div.CONTENTS h2 small				{ display:inline-block; width:100%; font-size:12px; letter-spacing:0.1em; }
div.OBJ div.CONTENTS dl				{ display:inline-block; width:calc(100% - 225px); min-width:400px; margin:50px 0 50px 25px; font-size:14px; border-left:1px solid #ddd; }
div.OBJ div.CONTENTS dl dt				{ margin-left:25px; }
div.OBJ div.CONTENTS dl dd				{ width: calc(100% - 175px); }

/* -- RESERVATION -- */
div.OBJ div.RESERVATION				{ display:block; max-width:900px; margin:25px auto; padding:10px 50px; color:#000; background:#eee; border-radius:10px; }
div.OBJ div.RESERVATION h2				{ display:inline-block; width:200px; margin:0 auto; padding:25px 0; color:#000; vertical-align:middle; text-align:left; font-size:20px; }
div.OBJ div.RESERVATION h2 small			{ display:inline-block; width:100%; font-size:12px; letter-spacing:0.1em; }
div.OBJ div.RESERVATION p				{ display:inline-block; width:calc(100% - 225px); min-width:400px; margin:25px 0 25px 25px; padding:0 0 0 25px; font-family:sans-serif; font-size:14px; font-weight:500; border-left:1px solid #aaa; }


/* ---------- FEATURE ---------- */
div.OBJ div.FEATURE				{ display:block; width:calc(100% - 30px); max-width:1000px; margin:100px auto 85px auto; padding:0 30px; }
div.OBJ div.FEATURE div.IMGL			{ display:inline-block; float:left; width:calc(50% - 25px); max-width:unset; margin:0 50px 15px 0; }
div.OBJ div.FEATURE div.IMGR			{ display:inline-block; float:right;width:calc(50% - 25px); max-width:unset; margin:0 0 15px 50px; }
div.OBJ div.FEATURE div span.GIMG		{ margin:0; background:#fff; }
div.OBJ div.FEATURE div.TXT			{ display:inline-block; width:calc(50% - 25px); margin:0; padding:0; font-size:15px; line-height:2; vertical-align:middle; text-align:left; }
div.OBJ div.FEATURE strong			{ display:inline-block; width:100%; padding:0 0 25px 0; font-family:serif; font-size:24px; line-height:1.25; }