@charset "utf-8";
body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	color: #717070;
}
p {
	line-height: 1.6rem;
}

a {
	text-decoration: none;
	color: #717070;
	display: block;
}

a:hover {
	opacity: 0.6;
}

body header {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 60px;
	padding-bottom: 10px;
	margin-bottom: 0px;
	margin-top: 0px;
	display: block;
}

body header .logo {
	display: inline-block;
	float: none;
}
body header .corporate {
	float: right;
	display: inline-block;
}
.corporate img {
	margin-left: 10px;
}
header .corporate a {
	display: inline-block;
}

#logo_s  {
	display: none;

}




body nav {
	width: 100%;
	border-bottom: 1px solid #717070;
	padding-bottom: 10px;
	padding-top: 0px;
	margin-top: 0px;
	display: inline-block;
}
body nav ul {
	width: 1001px;
	border-left: 1px solid #717070;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: table;
}
body nav ul li {
	list-style-type: none;
	width: 249px;
	display: table-cell;
	text-align: center;
	border-right: 1px solid #717070;
	font-size: 0.8rem;
	font-weight: bold;
	float: left;
}
#drawer {
	display: none;
}
#drawer ul {
	width: 100%;
	border-left-style: none;
}
#drawer ul li {
	margin-top: 20px;
	border-right-style: none;
	border-bottom: 1px solid #717070;
	margin-left: 5px;
	padding-bottom: 10px;
}
.drawer.drawer--right .drawer-toggle.drawer-hamburger {
	margin-top: 58px;
	display: none;
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-right: 20px;
	opacity: 0.8;
}




#slider_box {
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
	height: auto;
	margin-bottom: 30px;
	display: block;
}
#slider_box .noanime {
	margin-top: 10px;
}

#slider_box .noanime img {
	width: 100%;
	height: auto;
}

.bxslider li img {
	width: 100%;
	height: auto;
}
#top_main {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: table;
	height: auto;
	margin-bottom: 50px;
}
#top_info {
	width: 65%;
	display: table-cell;
	margin: 0;
	padding: 0;
	float: left;
}
#top_main #top_info .topics {
	margin-bottom: 10px;
	padding-top: 10px;
}
#top_info .topics p {
	margin-bottom: 5px;
	font-size: 1rem;


}
#top_info .topics h2 {
	margin-top: 0px;
	font-size: 1.2rem;
	border-bottom: 1px dashed #737373;
	padding-bottom: 5px;
}



#top_main #top_info h1 {
	margin: 0;
	border-bottom: 1px solid #00a1e1;
	width: 100%;
	display: block;
	font-weight: bold;
	color: #00a1e1;
	font-size: 1.8rem;
}

#top_side {
	width: 32%;
	display: table-cell;
	margin-left: 3%;
	padding: 0;
	float: left;
}
#top_main #top_side #kion {
	background-color: #bcd98d;
	width: 152px;
	height: 152px;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 3rem;
	line-height: 150px;
	font-weight: bold;
	margin-right: 5px;
	float: left;
}

#top_main #top_side h1 {
	background-color: #00a1e1;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 1.2rem;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	padding-top: 8px;
	padding-bottom: 4px;
}

#top_main #top_side iframe {
	margin-top: 20px;
}

#top_link {
	display: table-cell;
	float: left;
	clear: both;
	width: 100%;
	margin-top: 30px;
}
#top_main #top_link ul {
	margin: 0;
	padding: 0;
	/* [disabled]letter-spacing: -0.4em; */
}
#top_link ul li {
	list-style-type: none;
	margin-bottom: 26px;
	padding: 0;
	display: inline-block;
}
#top_link ul li:nth-child(even)  {
	margin-left: 26px;
}
#top_info .funmenu ul {
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 0;
	margin: 0;
}
.funmenu ul li {
	list-style-type: none;
	padding-top: 20px;
}
.funmenu ul li img {
	width: 100%;
	height: auto;
}
#top_info .operation h3 {
	font-size: 1.1rem;
	color: #00a1e1;
	font-weight: normal;
	margin-bottom: 5px;
}
#top_info .operation p {
	font-size: 0.85rem;
	line-height: 1.6rem;
}

#top_info .operation table {
	border: 1px solid #5a5858;
	width: 100%;
	height: auto;
	border-collapse: collapse;
	margin-bottom: 30px;
}
#top_info .operation table tbody tr td ,th{
	border: 1px solid #5a5858;
	text-align: center;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 5px;
	font-size: 1rem;
}
#top_info .operation table tbody tr th {
	color: #FFFFFF;
	background-color: #6ccdef;
}
#top_main #top_info .access {




}
#top_info .access ul {
	padding: 0;
	margin-top: 30px;
}
#top_info .access ul li {
	list-style-type: none;
	padding-bottom: 40px;
}


#top_info .access img {
	width: 100%;
	height: auto;
}
#top_info .access h2 {
	background-color: #6ccdef;
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 1.1rem;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
	padding-top: 8px;
	padding-bottom: 4px;
}
#top_info .access p {
	font-size: 0.85rem;
	line-height: 1.6rem;
}




.blue_back {
	background-color: #b2e3f6;
}
.table_caption {
	top: -25px;
	position: relative;
	text-align: right;
	font-size: 1rem;

}
#fun_cont {
	width: 65%;
	margin: 0;
	padding: 0;
	display: table-cell;
	float: left;
}

.content .seasons li {
	width: 47%;
	display: block;
	float: left;
	margin-bottom: 40px;
}
.content .seasons li:nth-child(even)  {
	margin-left: 6%;
}
.seasons li img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.seasons li p {
	margin-bottom: 0px;

}




#top_main #top_side ul {
	padding: 0;
	margin: 0;
}
#top_side ul li {
	list-style-type: none;
	padding-bottom: 15px;
}
#top_side ul li img {
	width: 100%;
	height: auto;
	max-width: 320px;
}
#top_main #fun_cont .sightseeing {
	margin-top: 40px;
}




#top_main #fun_cont h1 {
	margin: 0;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	width: 100%;
	display: block;
	/* [disabled]font-weight: normal; */
	font-size: 1.8rem;
}
#fun_cont .sightseeing h3 {
	text-align: center;
	color: rgba(255,255,255,1.00);
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 6px;
	margin-bottom: 0px;
	clear: both;



}

.content p  {
	font-size: 1rem;
	line-height: 1.6rem;
}
.content ul  {
	padding: 0;
	margin: 0;
	display: inline-block;
}
.content ul li  {
	list-style-type: none;
	display: inline-block;
	margin-bottom: 60px;
}
.content ul li p  {
	margin-top: 0px;





}
.content ul li h2 {
	margin-top: 0px;
	font-size: 1.2rem;
}

.content   {
	margin-top: 40px;


}
.content h3 {
	text-align: center;
	color: rgba(255,255,255,1.00);
	font-size: 1rem;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 40px;
	padding-top: 10px;
	padding-bottom: 6px;
}

.content li a  {
	/* [disabled]display: inline-block; */
	/* [disabled]padding-left: 20px; */
	/* [disabled]padding-right: 20px; */
	/* [disabled]background-color: #00a1e1; */
	/* [disabled]color: #FFFFFF; */
}
.sightseeing_img {
	padding: 0;
	margin-top: 40px;
	margin-bottom: 40px;
	width: 100%;
	display: inline-block;
}
.sightseeing_img li {
	list-style-type: none;
	display: block;
	float: left;
	border-top: 1px solid #cc9e6c;
	border-right: 1px solid #cc9e6c;
	border-bottom: 1px solid #cc9e6c;
	line-height: 0px;
	width: 33%;
}
.sightseeing_img li img {
	width: 100%;
	margin: 0;
	padding: 0;
	height: auto;
}
.sightseeing_img li:first-child {
	border-left: 1px solid #cc9e6c;
}
.sightseeing_link {
	padding: 0;
	margin: 0;
}
.sightseeing_link li {
	list-style-type: none;
	width: 32%;
	margin-left: 2%;
	float: left;
}
.sightseeing_link li:first-child {
	margin-left: 0px;
}
.sightseeing_link li:nth-child(4) {
	margin-left: 0px;
}
.sightseeing_link li:nth-child(7) {
	margin-left: 0px;
}



.sightseeing_link li h4 {
	text-align: center;
	color: #FFFFFF;
	padding-top: 7px;
	padding-bottom: 4px;
	margin-bottom: 0px;
	font-size: 0.8rem;
}
.sightseeing_link li img {
	width: 100%;
	height: auto;

}
.sightseeing p a {
	display: inline;
}
#fun_cont .content .seasons {
	width: 100%;
}

.seasons li p:nth-child(3) {
	margin-top: 10px;
	/* [disabled]min-height: 240px; */
}
.content .seasons li:nth-child(odd) {
	clear: both;
}












.left_img {
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
}
.right_img {
	float: right;
	margin-left: 40px;
}



.yerrow {
	color: #fc9535;
	border-bottom-color: #fc9535;
	font-weight: bold;
}
.blue {
	color: #00a1e1;
	border-bottom-color: #00a1e1;
	font-weight: bold;
}
.green {
	color: #84c14c;
	border-bottom-color: #84c14c;
	font-weight: bold;
}
.green02 {
	color: #01aa4f;
	border-bottom-color: #01aa4f;
	font-weight: bold;
}

.red {
	color: #cc092d;
	border-bottom-color: #cc092d;
	font-weight: bold;
}
.brown {
	color: #98613f;
	border-bottom-color: #98613f;
	font-weight: bold;
}
.brown_bk {
	background-color: #98613f;
}
.green_bk {
	background-color: #84c14c;
}





.maximg {
	width: 100%;
	height: auto;
}
.m40 {
	margin-bottom: 40px;
}

#scroll_header {
	font-size: 0.8rem;
	background-color: #FFFFFF;
	/* [disabled]line-height: 26px; */
	text-align: center;
	width: 100%;
	color: #717070;
	position: fixed;
	left: 0;
	top: -66px;
	opacity: 0.8;
	z-index: 100;
	height: 56px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 10px;
	font-weight: bold;
}

#scroll_header ul {
	padding: 0;
	list-style-type: none;
	display: table;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10px;
	width: 1001px;

}
#scroll_header ul li {
	float: left;
	display: table-cell;
	border-right: 1px solid #bdb8b7;
	width: 249px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin: 0;

}
#scroll_header ul li:first-child  {
	border-left: 1px solid #bdb8b7;
}
#scroll_header ul li a {
	display: block;
	color: #717070;
	text-decoration: none;
	text-align: center;
	/* [disabled]height: 52px; */
}
#scroll_header ul li a span {
	display: block;
	color: #FFFFFF;
	font-size: 0.8rem;
}

#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 0.9rem;
	/* [disabled]font-weight: bold; */
}
#page-top a {
	background: #00a1e1;
	text-decoration: none;
	color: #fff;
	width: 90px;
	padding-top: 20px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 20px;
	text-align: center;
	display: block;
	border-radius: 13px;
}
#page-top a:hover {
	text-decoration: none;
	opacity: 0.6;
}
.photo_icon {
	display: inline-block;
	background-image: url(../fun/images/photospot_icon.png);
	background-repeat: no-repeat;
	padding-left: 42px;
	padding-bottom: 3px;
	padding-top: 2px;
}
.content .li_list li {
	width: 100%;
	margin-bottom: 16px;
	line-height: 24px;
}
.li_list li .li_first {
	float: left;
}
.li_list li .li_second {
	margin-left: 140px;
	display: block;
}
.center {
	text-align: center;
}
#footerArea {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAIklEQVQYlWN4/Pjxf2Iww38iAcO3b9/+E4OJV0i01cNJIQDFYYkczBIU2gAAAABJRU5ErkJggg==) repeat-x #fff;
    padding: 0 10px;
}
#footerArea-sub {
	width: auto;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 16px;
	text-align: center;
	max-width: 1000px;
}
#footerArea #footerNav-A {
	margin-top: 6px;
	display: inline-block;
}
#footerArea-sub ul{
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 0px;
	padding-right: 0px;
}
#footerArea-sub li {
	border-left: 1px solid #d8d8d8;
	padding-left: 11px;
	display: inline-block;
	font-size: 11px;
	padding-right: 11px;
}
#footerArea-sub li:nth-last-child(1) {
	border-right: 1px solid #d8d8d8;
}
#footerArea-sub address {
	font-size: 11px;
	display: inline-block;
	margin-left: 13px;
}
.rssread dl dd {
	margin-left: 0px;
	margin-top: 0px;
	font-size: 1.2rem;
	border-bottom: 1px dashed #737373;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 20px;
}
.rssread dl dt {
	margin-bottom: 8px;
	font-size: 1rem;
}





























/*body footer {
	background-color: #6ccdef;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 50px;
	color: rgba(255,255,255,1.00);
}*/


@media (max-width:1001px){
.drawer.drawer--right .drawer-toggle.drawer-hamburger {
	display: inherit;
}
#drawer {
	display: inherit;
}
#scroll_header {
	display: none;
}
.drawer.drawer--right #top {
	display: none;
}
.drawer.drawer--right header {
	width: 100%;
	padding-top: 0px;
	display: inline-block;
	border-bottom: 1px solid #717070;
}
.drawer.drawer--right header .logo {
	display: none;

}
.drawer.drawer--right header .corporate {
	padding-top: 0px;
	margin-right: 20px;
	margin-top: 10px;
	float: right;

}
#logo_s   {
	display: block;
	width: 100%;
	position: relative;
	clear: none;

}
#logo_s a img {
	padding-left: 20px;
	padding-top: 10px;
}
.drawer.drawer--right main #top_main {
	width: 100%;
}
main #top_main #top_info {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 40px;

}
main #top_main #top_side {
	width: 90%;
	text-align: center;
	margin-left: 5%;
	margin-right: 5%;

}
main #top_main #top_link {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	text-align: center;
}
#top_link ul li:nth-child(even) {
	margin-left: 0px;
}
#top_link ul li a img {
	width: 100%;
	height: auto;
}
#top_main #top_side #kion {
	float: none;
	margin-left: auto;
	margin-right: auto;
	width: 160px;
	margin-bottom: 20px;

}
main #top_main #fun_cont {
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	padding-bottom: 40px;
}























}
