@charset "Shift_JIS";
/* ------------------------------
Dynatech resrt.css
ver.2019
------------------------------ */

/* ------------------------------
COMMON
------------------------------ */
* {
	font-weight: inherit;
}
*, ::after, ::before {
	-webkit-box-sizing: border-box !important;
	-moz-box-sizing: border-box !important;
	box-sizing: border-box !important;
}
.ui-datepicker-header,
.ui-datepicker-header a.ui-datepicker-prev,
.ui-datepicker-header a.ui-datepicker-next {
	-webkit-box-sizing: content-box !important;
	-moz-box-sizing: content-box !important;
	box-sizing: content-box !important;
}
ul, ol, table {
	font-size: inherit;
	line-height: inherit;
}
p {
	font-size: inherit;
}
.cap{
	color: inherit;
}
label {
	padding: 0;
}
/* ------------------------------
FONT-SIZE
------------------------------ */
h1, h2, h3, h4, h5, h6, li, dt, dd, th, td, p, a,
address, select, option, input, textarea, button {
	font-size: inherit;
}
/* ------------------------------
HEADING
------------------------------ */
#contents h1,
#contents h2,
#contents h3,
#contents .plantitle {
	color: #2E2E2E !important;
	text-align: left;
	background-color: transparent !important;
	padding: 0 !important;
	border: none;
}
.plantitle h1,
.plan-list h3,
#contents h2#availability,
#contents a[name="direct"] + h2,
#asoview_completion h2 {
	color: #2E2E2E !important;
	background-color: transparent !important;
}
.plantitle h1 {
	font-size: 24px !important;
}
.plan-list h3 {
	font-size: 18px !important;
}
.plantitle {
	padding: 0;
	background: none;
	font-size: inherit;
	line-height: inherit;
}
div#rodfv-recommend h2.headline {
	padding: 0 !important;
	background: none !important;
}
div#rodfv-recommend h2.headline a {
	color: #333 !important;
	font-weight: 400;
}
div#rodfv-recommend h2.headline a:hover {
	color: #333 !important;
}
div.calendar h2.calendar-headline {
	color: #333 !important;
	border: none;
	font-weight: 400;
}
.rodfv .modal .modal-contents h2.modal-header {
	color: #333 !important;
	background: #f2f2f2 !important;
	margin: 0 !important;
	padding: 15px !important;
	border: none !important;
	font-weight: 400 !important;
}
.rodfv .notice h2 {
	background: #eee !important;
	border: none!important;
	font-weight: 400 !important;
}
.rodfv .notice h2 a,
.rodfv .notice h2 a:hover{
	color: #333 !important;
}
/* ------------------------------
DIRECT_IN MENU 
------------------------------ */
#direct_in {
margin: 0 auto;
padding: 10px 0;
}
/* ------------------------------
CONTENTS 
------------------------------ */
#original_maincol,
#original_main {
	width: auto;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	font-size: 14px;
}
.plandisplay,
.plandisplay
.plandetail {
	width: 960px !important;
}
/* ------------------------------
TABLE
------------------------------ */
table#search th,
table#search td,
#topic_path-tabs ul li a,
#topic_path-tabs ul li a.current,
table.plan-data {
	font-size: inherit;
}
#contents table th,
#contents table td {
	background-color: transparent;
}
#topic_path-tabs ul li a {
    font-size: 14px;
}
#calendarleft tr[align="center"] th {
  text-align: center;
}

/* ------------------------------
CLEARFIX 
------------------------------ */
.clearfix {
display: inherit !important;
clear: inherit !important;
}
.clearfix:after {
content: "" !important;
clear: none !important;
display: inherit !important;
}

/* ------------------------------
PLAN DETAIL 
------------------------------ */
#contents .plandetail_wrap_right div.photo-wrapbig {
margin-left: 0 !important;
}

/* ------------------------------
 ASPY0210 .distance
------------------------------ */
#contents .distance br { line-height: 1;}

/* ------------------------------
rodfv-header gnav
------------------------------ */
#rodfv-header .gnav a:link, 
#rodfv-header .gnav a:visited, 
#rodfv-header .gnav a:hover, 
#rodfv-header .gnav a:active {
color: #333;
}
#rodfv-header .gnav {
width: auto;
}
/* ------------------------------
rodfv-header a
------------------------------ */
#rodfv-header.rodfv > a {
color: #333;
}

/* ------------------------------
rodfv searchbox a
------------------------------ */
.searchbox .searchbox-inner.searchbox-kodawari > a.for-modal {
color: #333;
}
.searchbox a:link,
.searchbox a:visited,
.searchbox a:hover,
.searchbox a:active { color: #333;}

/* ------------------------------
SP—p 
------------------------------ */
@media screen and (max-width:680px) {
.plandisplay,
.plandisplay
.plandetail {
	width: 100% !important;
}

/* @media screen and (max-width:680px) //END */
}