@charset "utf-8";
/* CSS Document */
html {
    overflow-x: hidden;
}

#str_container {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #222222;
    line-height: 1.5;
    font-size: 16px;
    overflow: visible !important;
}

/*--------------------------------------
  　　グローバルヘッダー
--------------------------------------*/
#headerBackGround {
    height: 38px;
    width: 100%;
    background: linear-gradient(to bottom, rgba(241,245,249,1) 0%,rgba(219,234,249,1) 100%) !important;
    box-shadow: 0 2px 0 0 #3695d6 inset;
    z-index: -999999999;
    position: absolute;
}

/*--------------------------------------
  　　フッター
--------------------------------------*/
#res_seofooter {
    font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #222222!important;
}

#res_seofooter a {
    color: #222222;
}

div#res_seofooter dt {
    font-weight: normal !important;
    float: none !important;
}

div#res_seofooter dd {
    padding: 0 !important;
}

div#res_seofooter dl.res_seofooter_top {
    width: 1480px !important;
    margin-left: -520px !important;
    padding-left: 520px !important;
}

div#res_seofooter .res_seofooter_top dt {
    font-size: 14px !important;
    padding: 16px 0 !important;
    font-weight: bold !important;
}

div#res_seofooter dd {
    width: 960px !important;
    float: none !important;
}

div#res_seofooter ul.prefectures li.first {
    padding: 0 40px 0 10px !important;
    background : none !important;
    margin: 10px 0!important;
    border-left: none !important;
    position: relative;
    text-align: left;
}

div#res_seofooter ul.prefectures li {
    margin: 10px 0;
    padding: 0;
}

div#res_seofooter ul.prefectures li a {
    padding: 0 18px 0 14px;
}

div#res_seofooter ul.prefectures li a:hover {
    color: #00f;
}

div#res_seofooter ul.prefectures:first-child li.first,div#res_seofooter ul.prefectures:first-child li {
    margin: 0 0 10px !important;
}

div#res_seofooter ul.prefectures li.first::before {
    content: '';
    width: 5px;
    height: 5px;
    border: 0px;
    border-top: solid 2px #c9c9c9;
    border-right: solid 2px #c9c9c9;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    top: 10%;
    left: 0;
}

div#res_seofooter div.res_seofooter_2016 dl {
    border-top: none;
    padding: 0;
}

div#res_seofooter div.res_seofooter_2016 dl.res_seofooter_top {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-top: solid 1px #e5e5e5;
}

div#res_seofooter .res_seofooter_2016 .res_seofooter_top dt {
    font-size: 12px!important;
    font-weight: normal !important;
    padding: 16px 0 10px !important;
}

div#res_seofooter div.res_seofooter_2016 .res_seofooter_top ul li a, div#res_seofooter .res_seofooter_2016 ul#res_seofooter_recommend li a {
    font-weight: normal !important;
    font-size: 10px!important;
}

div#res_seofooter .res_seofooter_2016 .res_seofooter_top ul li {
    float: left;
    border-left: solid 1px #cccccc;
}

div#res_seofooter div.res_seofooter_2016 .res_seofooter_top ul {
    border-left: none !important;
}

div#res_seofooter div.res_seofooter_2016 .res_seofooter_top ul:first-child li:first-child {
    border-left: none !important;
}

div#res_seofooter div.res_seofooter_2016 .res_seofooter_top ul:first-child li:first-child a {
    padding-left: 0 !important;
}

div#res_seofooter div.res_seofooter_2016 .res_seofooter_top ul li + li {
    margin-top: 0;
}

#res_seofooter_recommend {
    margin-top: 10px !important;
}

#res_seofooter_recommend li:first-child a {
    padding-left: 0 !important;
}

#res_footer {
    width: 100%;
}

#res_footer #res_footer_utilitylinks,#res_footer #res_footer_addressmarks {
    margin: 0 auto;
    width: 980px;
}




/* ========================================================================
以下既存コピー
======================================================================== */



@charset "utf-8";
/* 共通 */
#str_container #str_menuAndContents p {
    margin: 0;
}
.big {
    font-size: 1.1em;
}
.small {
    font-size: 0.8em;
}
.yellow {
	color:#feb302;
}
.lead {
    padding: 6px 0 0;
}

/* エリアナビ */
#area_nav {
    height: 38px;
    margin-top: 10px;
}
#area_nav ul {
    list-style: outside none none;
}
#area_nav ul li {
    border-right: 1px solid #232850;
    float: left;
    height: 38px;
    width: 159px;
}
#area_nav ul li.last {
    border-right: 0 none;
    width: 160px;
}
#area_nav ul li a {
    background: url("../images/btn_area.gif") no-repeat scroll 0 0;
    display: block;
    height: 38px;
    text-decoration: none;
    text-indent: -9999px;
    width: 159px;
}
#area_nav ul li.last a {
    width: 160px;
}
#area_nav ul li.area1 a {
    background-position: 0 0;
}
#area_nav ul li.area2 a {
    background-position: -160px 0;
}
#area_nav ul li.area3 a {
    background-position: -319px 0;
}
#area_nav ul li.area4 a {
    background-position: -478px 0;
}
#area_nav ul li.area5 a {
    background-position: -637px 0;
}
#area_nav ul li.area6 a {
    background-position: -795px 0;
}
#area_nav ul li a:hover {
    background: url("../images/btn_area.gif") no-repeat scroll 0 0;
    text-decoration: none;
}
#area_nav ul li.area1 a:hover {
    background-position: 0 -38px;
}
#area_nav ul li.area2 a:hover {
    background-position: -160px -38px;
}
#area_nav ul li.area3 a:hover {
    background-position: -319px -38px;
}
#area_nav ul li.area4 a:hover {
    background-position: -478px -38px;
}
#area_nav ul li.area5 a:hover {
    background-position: -637px -38px;
}
#area_nav ul li.area6 a:hover {
    background-position: -795px -38px;
}
#area_nav ul li.area1_current a {
    background-position: 0 -38px;
}
#area_nav ul li.area2_current a {
    background-position: -160px -38px;
}
#area_nav ul li.area3_current a {
    background-position: -319px -38px;
}
#area_nav ul li.area4_current a {
    background-position: -478px -38px;
}
#area_nav ul li.area5_current a {
    background-position: -637px -38px;
}
#area_nav ul li.area6_current a {
    background-position: -795px -38px;
}


/* 並び買え・ページャー */
.select .pager {
	margin:-5px 0 0;
}
.select .pager ul {
  margin: 10px 0;
}
.select .pager ul li.nbr {
    padding-top: 2px;
    font-size: 16px;
    color: #454545;
    margin-right:10px;
}
.select .pager ul li {
	display: inline;
    float: left;
}
.select .pager ul li.prev {
    margin-right:5px;
    padding: 3px 8px;
    border: 1px #cccccc solid;
}
.select .pager ul li.next {
    padding: 3px 8px !important;
    margin-right: 5px;
    border: 1px #cccccc solid;
}
.select .pager ul li.btn_01 {
  margin-right: 5px;
  border: 1px #3366FF solid;
  font-weight: bold;
}
.select .pager ul li em {
  display: block;
  padding: 3px 8px;
  background: #3366FF;
  color: #FFFFFF;
}
.select .pager ul li a {
  position: relative;
  display: block;
  padding: 3px 8px;
  color: #3366FF;
}
.select .right {
  float: right;
}
.select .left {
  width: 230px;
  margin-top: 3px;
  float: left;
}
.select .left .text {
  margin-right: 5px;
  padding:5px 0;
  float: left;
  font-size: 15px;
}
select {
	-moz-appearance: button;  
	/* background-image: url("/edit/assets/suumo/img/select-arrow.png"); */
    background-position: right center;
    background-repeat: no-repeat;
    border: 1px solid #d9d9d9;
    border-radius: 3px; 
	box-shadow: 1px 1px 1px rgba(210, 217, 202, 0.8), 0 2px 0 white inset, 0 -2px 0 rgba(235, 235, 235, 0.7) inset;
    font-size: 12px;
    padding: 7px;
}
option {
  display: block;
  padding: 2px 2px 2px;
  white-space: pre;
  line-height:1.5;
  min-height: 1.2em;
  font-family: 'メイリオ','meiryo','ＭＳ Ｐゴシック','MS P Gothic','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ヒラギノ丸ゴシック Pro W3','Hiragino maru Gothic Pro','Helvetica','sans-serif';
}

/* カレンダー */
#search_main {
    background-color: #2c2662;
    margin-bottom: 9px;
    padding: 20px;
}
#search_main .alert {
    color: #ff0000;
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 5px;
    text-align: center;
}
.calendar .area {
    margin: 0 0 10px;
}
.calendar .st {
    background-image: url("../images/arrow_gray.gif");
    background-position: left center;
    background-repeat: no-repeat;
    color: #ea6f33;
    font-weight: bold;
    padding-left: 10px;
    text-align: left;
    vertical-align: middle;
    width: 120px;
}
.calendar table {
    width: 100%;
    border-collapse:collapse;
}
.calendar th {
    border: 1px solid #2c2662;
    font-weight: bolder;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
    width: 130px;
}
.calendar td {
    background-color: #3f67bf;
    border: 1px solid #2c2662;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}
.calendar th.w_day {
    background-color: #33b9ec;
    color: #ffffff;
    font-size: 112%;
}
.calendar th.sat {
    background-color: #33b9ec;
    color: #fff;
    font-size: 112%;
}
.calendar th.sun {
    background-color: #33b9ec;
    color: #fff;
    font-size: 112%;
}
.calendar td span {
    background-color: #3f67bf;
    cursor: pointer;
    display: block;
    padding-bottom: 7px;
    padding-top: 7px;
}
.calendar td .date {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.3em;
    font-weight: bolder;
}
.calendar td span:hover {
    background-color: #3e4ba7;
}
.calendar td span.selected {
    background-color: #f9474a;
    color: #ffffff;
}
.calendar table tr td span.visit {
    background-color: #2083c8;
    color: #fff;
    padding-bottom: 20px;
    padding-top: 20px;
}
.calendar td a.selected {
    background-color: #f9474a;
    color: #ffffff;
}
.calendar td a {
    background-color: #3f67bf;
    color: #ffffff;
    cursor: pointer;
    display: block;
    font-weight: bold;
    padding-bottom: 7px;
    padding-top: 7px;
    text-align: center;
}
.calendar td a.state {
    background-color: #3f67bf;
    cursor: pointer;
    display: block;
    padding-bottom: 7px;
    padding-top: 7px;
}
.calendar td a.state .selected {
    background-color: #f9474a;
    color: #ffffff;
}

/* 目玉プラン */
.loss-discount-box {
    border: 10px solid #3f67bf;
    margin-top: 10px;
    padding: 15px;
    width: 910px;
}
.loss-discount-box h2 {
    font-size: 1.5em;
    font-weight: bold;
	line-height:1.2;
}
.loss-discount-box .photo {
    float: right;
}
.loss-discount-box .photo img {
    border: 3px solid #d9d9d9;
}
.loss-discount-box .inner-box-right {
    float: right;
    /*margin: 0 0 10px;*/
    width: 743px;
}
.loss-discount-box .inner-box-right .detail {
    float: left;
	width:340px;
	border-right:1px dashed #ccc;
	padding:3px 10px 5px 0;
	margin:0 10px 0 0;
}
.loss-discount-box .inner-box-right .txt-box {
    float: left;
	width:380px;
    font-size: 116%;
    padding: 5px 0 5px 0;
}
.loss-discount-box .inner-box-left {
    margin: 0 10px 0 0;
    width: 157px;
    float: left;
}
.loss-discount-box .valuation {
    font-size: 1.3em;
    margin: 4px 0 0;
}
.loss-discount-box .valuation dt, .loss-discount-box .valuation dd {
    float: left;
}
.loss-discount-box .valuation dd {
    margin: 0 0 5px 2px;
}

/* 通常プラン */
.discount-box {
    border: 3px solid #3f67bf;
    margin-top: 10px;
    padding: 10px 22px;
    width: 910px;
}
.discount-box h2 {
    font-size: 1.5em;
    font-weight: bold;
	line-height:1.2;
}
.discount-box .detail {
    float: left;
    margin: 0 0 3px;
    width: 900px;
}
.discount-box .discount-highway {
	padding:9px 0 0;
}
.discount-box .valuation {
    float: left;
    font-size:1.3em;
    margin: 8px 0 0;
    width: 220px;
}
.discount-box .valuation dt, .discount-box .valuation dd {
    float: left;
}

/* 目玉・通常プラン共通 */
.inner-box-buttom {
	position:relative;
    border-top: 1px dashed #b9b9b9;
    padding: 10px 0 0;
	margin:10px 0 0;
    width: 910px;
}
.inner-box-buttom .inner-box-buttom-left-short {
    float: left;
    width: 280px;
}
.inner-box-buttom .inner-box-buttom-left-long {
    float: left;
    width: 460px;
}
.inner-box-buttom .inner-box-buttom-right {
    float: right;
    width: 190px;
}
.inner-box-buttom .discount-planname {
    font-size: 1.2em;
    font-weight: bold;
}

.discount_box_icon {
	
	margin-top:15px;
}
.discount_box_icon span {
    margin: 0 3px 0 0;
}
.price-box {
	position:absolute;
	right:205px;
	top:4px;
}
.discount_box_l_ul {
    float: left;
    margin-bottom: 7px;
    margin-top: 12px;
    text-align: center;
    width: 200px;
}
.discount_box_l_ul li {
    text-align: center;
}
.discount_box_l_1 {
	letter-spacing:-0.06em;
    color: #434343;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 116%;
    font-weight: bold;
}
.discount_box_l_2 {
    color: #434343;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 190%;
    font-weight: bold;
    margin-top: 3px;
}
.discount_box_l_3 {
    color: #434343;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 122%;
    font-weight: bold;
}
.discount_box_l_4 {
    color: #ff5050;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 220%;
    font-weight: bolder;
    margin-top: 3px;
}
.discount_box_l_5 {
    color: #ff5050;
    font-size: 122%;
    font-weight: bolder;
}
.arrow {
    top: 30px;
    right: 180px;
    position: absolute;
}
.rsvbtn a {
    background: url("../images/arrow.png") no-repeat scroll 1em 2.5em #009933;
    border-radius: 3px;
    color: #ffffff;
    float: left;
    font-size: 1.2em;
    font-weight: bold;
    margin: 0;
    padding: 20px 0 20px 10px;
    text-align: center;
    width: 180px;
}
.rsvbtn a:hover {
    background: url("../images/arrow.png") no-repeat scroll 1em 2.5em #006633;
}

/* プレースタイルアイコン */
.playstyle span {
	display:block;
	float:left;
	overflow: hidden;
	width: 0;
	height: 0;
	padding:24px 0 0 24px;
	background-image: url(../images/icon_playstyle.gif);
}
.playstyle .lunch {
	background-position:0 0;
}
.playstyle .lunch-off {
	background-position:0 -24px;
}
.playstyle .cart {
	background-position:-24px -0px;
}
.playstyle .electric {
	background-position:-24px -24px;
}
.playstyle .handy {
	background-position:-24px -48px;
}
.playstyle .cart2 {
	background-position:-24px -72px;
}
.playstyle .cart45 {
	background-position:-24px -96px;
}
.playstyle .twosome {
	background-position:-48px 0;
}
.playstyle .twosome-off {
	background-position:-48px -24px;
}
.playstyle .twosomespecial {
	background-position:-48px -48px;
}
.playstyle .reserve1 {
	background-position:-48px -72px;
}
.playstyle .caddy {
	background-position:-72px 0;
}
.playstyle .caddy-off {
	background-position:-72px -24px;
}
.playstyle .round15 {
	background-position:-96px 0;
}
.playstyle .round2 {
	background-position:-96px -24px;
}
.playstyle .half {
	background-position:-96px -48px;
}
.playstyle .round15-off {
	background-position:-96px -72px;
}
.playstyle .round05 {
	background-position:-96px -96px;
}
.playstyle .round1 {
	background-position:-96px -120px;
}
.playstyle .round1-off {
	background-position:-96px -144px;
}

/* HOTPRICEネタを掲載 */
#HPbox {
    border: 1px solid #cfcfcf;
    margin: 30px 0;
}
.HPtop {
    background: #cc2222 none repeat scroll 0 0;
    padding: 6px 10px;
	color:#FFFFFF;
}
.HPhead {
    float: left;
    font-size: 133%;
    font-weight: bold;
    margin: 0;
}
.aboutHP {
    float: right;
    margin: 3px 0 0;
	background: rgba(0, 0, 0, 0) url("../images/btn_icon_help.png") no-repeat scroll 0 0;
	padding-left:20px;
}
.aboutHP a{
	color:#FFFFFF;
}
.HPinner {
    padding: 10px 0 10px 10px;
}
.HPcol {
    border-right: 1px dashed #cfcfcf;
    float: left;
    margin: 0 10px 0 0;
    padding: 0 10px 0 0;
    width: 302px;
}
.HPcol .photo {
    float: left;
}
.HPcol .photo img {
    border: 1px solid #cfcfcf;
}
.HPcol .r-col {
    float: left;
    margin: 0 0 0 10px;
    width: 190px;
}
.gc-name {
    height: 2.5em;
	font-weight: bold;
}
.access {
    height: 2em;
    margin-top: 2px;
}
.HPcol .quarter span {
    font-weight: bold;
	 color: #ff5050;
	 font-size: 150%;
}
.col-last {
    border-right: 0 none;
    margin: 0;
    padding: 0;
}

/*ツールチップ*/
.tooltip {
	width:0px !important;
}
.table-time-tooltip {
        display: table;
        border-collapse: separate;
        border-spacing: 2px;
        border-color: grey;
        margin: 0;
        background: #999;
}
.table-time-tooltip_box {
        display: block;
        position: absolute;
        padding: 7px;
        border-radius: 0;
        background: #fff;
        box-shadow: 0px 0px 3px 3px #b9b9b9;
}
.table-time-tooltip th {
        padding: 6px;
        font-size: 14px;
        text-align: center;
        vertical-align: top;
        color: #333;
        background-color: #eee;
        white-space: nowrap;
        font-weight: bold;
}
.table-time-tooltip td {
        padding: 6px;
        font-size: 14px;
        letter-spacing: 2px;
        line-height: 1.2em;
        background-color: #fff;
}
.pt_blue {
        font-size:1.2em;
        color: #0044FF;
}
.brankdata {
        margin-left: 13pt;
}

/* 202008ヘッダ更新箇所 */
html {
    overflow-x: hidden;
}
#header_area{
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	min-height:1%;
	display:block;
}
.navi-box{
	margin: 0 0 10px;
}
.navi-box li {
    float: left;
    text-align: center;
    width: 300px;
	font-size: 20px;
}
.navi-box li a{
	color:#313131;
	display:inline-block;
	padding:10px 0;
	width: 300px;
	font-weight: bold;
}
.navi-box li a span{
	font-weight: normal;
	font-size: 14px;
}
.navi-box li.item-01,.navi-box li.item-02{
	margin-right: 30px;
}
.navi-box li.item-01.on{
	border-bottom:solid #3695D6 4px;
}
.navi-box li.item-02 a:hover,
.navi-box li.item-03 a:hover{
	border-bottom:solid #3695D6 4px;
	margin-bottom: -4px;
}
.mv_area {
    width: 1920px;
    margin-left: -480px;
    border-bottom: 1px solid #ccc;
}
.mv_title {
	width: 960px;
    margin: 0 auto;
    font-size: 34px;
    font-weight: bold;
    letter-spacing: 0.05em;
    padding: 15px 0 10px;
}
.mv_title .note {
    font-weight: normal;
    font-size: 16px;
    margin-left: 1em;
    vertical-align: middle;
	letter-spacing: 0.03em;
}
.mv_lead{
	padding: 15px 0 5px;
}