@charset "utf-8";
/* CSS Document */
/* sight
------------------------------------------------------------------- */
#mainvisual{
  background: url(../img/header_sight.jpg) center center / cover no-repeat;

}

#sight,#spring,#summer,#autumn,#winter,#yukata,#shirasagi,#tsukasa,#walk,#uron{margin-bottom: 100px;}
#golf_map{margin-bottom: 50px;}
#golf_map h5{text-align: left;}
#g_golf{margin-top: 100px;}
#g_golf .ttl{margin-bottom: 50px;}
.sight_box{border-bottom: 1px #333 dotted; padding-bottom: 30px; margin-bottom: 30px;}
.sight_box h4,.sight_box_end h4{border-bottom: 1px #771144 dashed; padding-bottom: 5px; text-align: left; color: #634650;}
.sight_box h4 span,.sight_box_end h4 span{display: inline-block;}
.sight_acc_wrap{
width: 100%;
margin-top: 10px;
display: -webkit-box;　/* Safari,Google Chrome用 */
display: -moz-box;　/* Firefox用 */
}
.sight_acc_wrap_end{
width: 100%;
margin: 10px 0 30px 0;
display: -webkit-box;　/* Safari,Google Chrome用 */
display: -moz-box;　/* Firefox用 */
}
.sight_acc,.sight_acc2{-webkit-align-items: top; /* 縦方向中央揃え（Safari用） */
 align-items: top; /* 縦方向中央揃え */
 -webkit-justify-content: top; /* 横方向中央揃え（Safari用） */
 justify-content: top; /* 横方向中央揃え */
-webkit-box-flex: 1;　/* Safari,Google Chrome用 */
-moz-box-flex: 1;　/* Firefox用 */
}
.sight_acc table,.sight_acc2 table{border-collapse:collapse; margin-top:10px; width:100%; }

.sight_acc td,.sight_acc2 td{
	padding:5px;
	border: 1px solid #C9A696;
	text-align:center;
}

.acc_info1{
	width:50%;
}
.acc_info2{
	width:15%;
}
.acc_info3{
	width:15%;
}
.acc_info4{
	width:20%;
}
#sight .season_ttl{margin-bottom: 20px; text-align: center;}
#sight .season_ttl img{margin-bottom: 10px;}
#sight #zazen h5{text-align: left;}
#sight .txt{margin-bottom: 5px;}
/* yumeguri
------------------------------------------------------------------- */
#sight #yumeguri{margin-bottom: 50px;}
#sight #yumeguri ul{margin-top: 10px;}
#sight #yukata h5{text-align: left;}
#shirasagi .txt_box,#tsukasa .txt_box{margin-bottom: 10px;}
#shirasagi h3 span{display: inline-block;}
#sight #walk{text-align: center;}
#uron_pht,#marche_pht{background-color: #FFF; padding-top: 20px; margin: 0 auto;}
/* food
------------------------------------------------------------------- */
#sight .gift_box{padding-bottom: 30px;}
/* flower
------------------------------------------------------------------- */
#sight #fl_table{margin-top: 30px;}
.cal_table th.month{background-color: #E6F5E2; text-align: center;}
.cal_table {
	margin: 0 0 5px 0;
	border-top: #C9A696 1px solid;
	text-align: left;}
.cal_table{float: left;}
.cal_table th{padding: 5px; background: #FFFFD9;
	border-bottom: #C9A696 1px solid; border-left: #C9A696 1px solid; border-right: #C9A696 1px solid;
	text-align:left; color: #666; font-weight: normal;}
.cal_table th{
	white-space: nowrap;}	
.cal_table td {width: auto;
	padding: 5px; background: #fff;
	border-bottom: #C9A696 1px solid; border-right: #C9A696 1px solid; text-align:center;}
#sight #kaika .house::before{content:  "";
	width:  20px;               /* 幅指定 */
    height:  20px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background: url("../flower/hana01.gif") no-repeat;
	vertical-align: middle;
	margin-right: 5px;}
#sight #kaika .nature::before{content:  "";
	width:  20px;               /* 幅指定 */
    height:  20px;              /* 高さ指定 */
    display:  inline-block;     /* インラインブロックにする */
    background: url("../flower/hana02.gif") no-repeat;
	vertical-align: middle;
	margin:0 5px 0 10px;}
#sight #fl_cal{margin-bottom:50px;}
#sight .calendar{margin: 0 5px;}
#sight .calendar{border-top: solid 1px #C9A696; border-left: solid 1px #C9A696; }
#sight .calendar .line_m{border-bottom: solid 1px #C9A696; border-right: solid 1px #C9A696; padding: 0.5em; background-color:#F4E9E4;}
#sight .calendar .line{border-bottom: solid 1px #C9A696; border-right: solid 1px #C9A696; padding: 0.5em;}
#flower_box table{
	width: 100%;
	border:1px solid #610F13;
	background-color:#FFF;
	margin-bottom: 50px;
}
#flower_box td{
	padding:4px;
	border:1px dotted #999;
	text-align:center;
}
#flower_box th{
	width:20%;
	background-color:#FFFFD9;
	padding:4px;
	border:1px dotted #999;
}
.flower_month{
	background-color:#E6F5E2;
}

@media ( min-width : 768px ){
.sight_acc table{
    width: 500px;
  }
	/*.sight_acc2 table{
    width: 350px;
  }*/
	.ex_box{margin-bottom: 20px;}
	
}
@media screen and (max-width: 768px){#sight #fl_table{font-size: 0.8rem;}
	.cal_table th,.cal_table td{padding: 1px;}
	.sight_box h4,.sight_box_end h4{font-size: 1.3rem;}

}