@charset "UTF-8";

/**************************************** remember to highlight inserts somehow! **********/

/**************************************** clearfix **********/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}
/**************************************** html tag style **********/

/**************************************** font style **********/


/**************************************** global style **********/

.hidden {overflow:hidden;}
.block {display:block;}
.none {display:none!important;}
.inline {display:inline;}
/** .bold {font-weight:bold;} **/
.left {float:left;}
.right {float:right;}
.center {
	display:block;
	margin-right:auto!important;
	margin-left:auto!important;}
.text-center {
	text-align:center;}
.text-right {
	text-align:right;}

.margin10 {margin:10px!important;}	
.margin20 {margin:20px!important;}	
.padding20 {padding:20px!important;}	
.padding20 {padding:20px!important;}	
.margin-top-100 {margin-top:-100px!important;}
.margin-top-80 {margin-top:-80px!important;}
.margin-top-40 {margin-top:-40px!important;}
.margin-top10 {margin-top:10px!important;}
.margin-top20 {margin-top:20px!important;}
.margin-top30 {margin-top:30px!important;}
.margin-top40 {margin-top:40px!important;}
.margin-top50 {margin-top:50px!important;}
.margin-top60 {margin-top:60px!important;}
.margin-top100 {margin-top:100px!important;}
.margin-bottom5 {margin-bottom:5px!important;}
.margin-bottom10 {margin-bottom:10px!important;}
.margin-bottom20 {margin-bottom:20px!important;}
.margin-bottom30 {margin-bottom:30px!important;}
.margin-bottom40 {margin-bottom:40px!important;}
.margin-bottom50 {margin-bottom:50px!important;}
.margin-bottom100 {margin-bottom:100px!important;}
.margin-left-50 {margin-left:-50px!important;}
.margin-left-20 {margin-left:-20px!important;}
.margin-left-10 {margin-left:-10px!important;}
.margin-left10 {margin-left:10px!important;}
.margin-left20 {margin-left:20px!important;}
.margin-left30 {margin-left:30px!important;}
.margin-left40 {margin-left:40px!important;}
.margin-left50 {margin-left:50px!important;}
.margin-right10 {margin-right:10px!important;}
.margin-right20 {margin-right:20px!important;}
.margin-right30 {margin-right:30px!important;}
.padding-top10 {padding-top:10px!important;}
.padding-top20 {padding-top:20px!important;}
.padding-top30 {padding-top:30px!important;}
.padding-top40 {padding-top:40px!important;}
.padding-top50 {padding-top:50px!important;}
.padding-top130 {padding-top:130px!important;}
.padding-bottom10 {padding-bottom:10px!important;}
.padding-bottom20 {padding-bottom:20px!important;}
.padding-bottom30 {padding-bottom:30px!important;}
.padding-bottom40 {padding-bottom:40px!important;}
.padding-left50 {padding-left:50px!important;}
.padding-left90 {padding-left:90px!important;}
.padding-left100 {padding-left:100px!important;}


/**************************************** heading style **********/


/**************************************** grid style **********/

/**************************************** navi **********/

#navi {
    background-image: none;
}
#navi li a {
	padding:2px 25px 11px 25px;
	background-image:url("../../common/images/navi_li_st.gif");
}
#navi li a:hover {
	background-image:url("../common/images/navi_li_st.gif");
}
	
/**************************************** header **********/
#head #h_list li.fontscaler {
	display:;
}

#head #h_list {
	right:200px;
}
#head img#logo {
    left: 10px;
    position: absolute;
    top: 25px;
}
#head h1 {
    color: #777777;
    font-size: 90%;
    font-weight: normal;
    left: 10px;
    line-height: 16px;
    position: absolute;
    top: 10px;
}
/**************************************** footer **********/




/**************************************** local style **********/
.mon {width:auto;}
.souve-box {
	width:330px;
	margin-bottom:30px;
	float:left;
	}
.souve-box:nth-child(even) {
	margin-left:30px;
	}
#content .souve-box p {margin:0;padding:0;}
.ytp-ul {
	padding:1em;
}
.ytp-ul li {
	float:left;
	margin-right:30px;
	margin-bottom:10px;
}
#content #spot_mokuji h3 span {
	color:#333;
}
.tab-container .panel-container div#gai_a,
.tab-container .panel-container div#kago_a,
.tab-container .panel-container div#fuku_a,
.tab-container .panel-container div#osaka_a,
.tab-container .panel-container div#kgai_a,
.tab-container .panel-container div#yaku2_a,
.tab-container .panel-container div#toro_a,
.tab-container .panel-container div#hib_a,
.tab-container .panel-container div#taiyo_a
 {
    height: auto!important;
}
.tab-container .panel-container>div {zoom:1;}
.tab-container .panel-container>div:after{
	content: "";
	display: block;
	clear: both;}
#middle_bnr {height:auto;}
#middle_bnr1 {height:auto;}

/**************************************** l **********/
@media screen and (max-width: 1333px) {

}

/**************************************** m **********/
@media screen and (max-width: 959px) {
	body {background-image:none;}
	img {
		max-width:100%;
		height:auto;}
	#base {width:700px;padding:1px 0;}
	#navi {width:700px;}
	#main {width:690px;margin-left:0;margin-top:5em;}
	#pageid-top #main {margin-top:0;}
	#content {width:690px;float:left;margin:10px 0;}
	#content h2, #content h3 {height:auto;}
	#side {width:690px;float:left;margin:10px 0;padding:0 0;}
	#foot_base {background:#690;}
	#foot {width:690px;
		height:auto;padding:20px 0;}
	#foot #f_logo {position:relative;top:auto;bottom:auto;left:auto;right:auto;text-align:right;}
	#foot #f_ul01 {position:relative;top:auto;bottom:auto;left:auto;right:auto;}
	#foot #f_ul02 {position:relative;top:auto;bottom:auto;left:auto;right:auto;}
	#foot p {position:relative;top:auto;bottom:auto;left:auto;right:auto;}
	#left_bnr_250 {text-align:center;}
	#side .side_box {width:100%;}
	#side .side_box .side_inbox {width:100%;}
	#side ul {width:100%;}
	#side li a {background-position:1px top;background-color:#fff;}
	#box_left_bnr dt {width:50%;text-align:center;float:left;}
	#topcontrol {bottom:10px;top:auto;}

	.panel-container {height:auto;overflow:auto;}
	/** clearfix **/
	.panel-container:after {
		content: "";
		display: block;
		clear: both;}
	/** clearfix **/
	.nivo-slice, .nivoSlider {background-size:contain!important;}
	#top2 #navi {top:0;}
	#fb_plgin {margin-top:0;}
	#arch {width:100%;text-align:center;}
	#arch+div {text-align:center;}
	.list-ive {clear:both;}
	#tablefix {width:100%!important;font-size:85%;word-break: break-all;line-height:1.2;}
	#tablefix td {width:auto;}
	.m-hide {display: none;}
	.m-inline {display:inline!important;}

	
	/**************************************** navi **********/
	/** clearfix **/
	#navi:after {
		content: "";
		display: block;
		clear: both;}
	/** clearfix **/
	#navi {
		height:auto;
		position:relative;
		background:none;
		top:68px;
		padding:0;
	}
	#navi ul {
		height:auto;
	}
	#navi li {
		display:block;
		width:14.2%;
		float:left;
	}
	#navi li a {
		display: block;
	}
	#navi li a, #navi li strong,
	#navi li:nth-child(1) a,
	#navi li:nth-child(2) a,
	#navi li:nth-child(3) a,
	#navi li:nth-child(4) a,
	#navi li:nth-child(5) a,
	#navi li:nth-child(6) a,
	#navi li:nth-child(7) a
	{
		height:4em;
		white-space: nowrap;
		font-size:90%;
		float:none;
		background:#eee;
		padding:8px 0 0 0;
	}
	#navi li a:hover {
		background:#ddd;
	}
		
	/**************************************** header **********/
	/** clearfix **/
	#base:after, #head:after, #head #basehead:after, #head #h_list:after, #head #top1:after {
		content: "";
		display: block;
		clear: both;}
	/** clearfix **/
	#head h1, #head #top1 h1 {position:relative; left:0;}
	#head img#logo, #head #top1 img#logo {position:absolute; left:0;}
	#head #h_list li.fontscaler {display:none;}
	#head #h_list, #head #top1 #h_list {
		position:absolute;
		right:0;
		top:10px;
		float:right;
	}

	#head #basehead {
		height:auto;
	}
	#head #top1 {width:auto;height:90px;}
	#head #top2 {width:auto;height:auto;padding:0;}
	


}
/**************************************** s **********/
@media screen and (max-width: 712px) {

	#base {width:460px;padding:1px 0;}
	#navi {width:460px;}
	#main {width:460px;margin-left:0;padding:0;}
	#content {width:460px;float:left;margin:10px 0;}
	#content .divlink {width:100%;height:80px;background-size:contain;}
	#side {width:460px;float:left;margin:10px 0;padding:0 0;}
	#foot {width:460px;
		height:auto;padding:20px 0;}
	#foot #f_logo {font-size:20px; padding-top:1em;}
	.tab-container > div {height:auto;overflow:auto;}
	#content table, .tab-container table {width:auto!important;}
	.panel-container div {
		float:left!important;
		margin-top:1em;
		margin-left:0!important;
	}
	#content table td, #content table th, .panel-container table th, .panel-container table td, .tab-container table th, .tab-container table td, .panel-container table.cycle th, .panel-container table.cycle td, #content table.timetable th {
		padding:1px;
		font-size:85%;
		word-break: break-all;
		width:auto;
	}
	#content table.timetable td.left, #content table.timetable td {padding:1px;float:none;word-break: break-all;}
	#mapblock {overflow:auto;border:1px solid #ddd;}
	#gmapBlock {width:100%;}
	.table-sortable {width:auto;}
	.table-sortable thead th {display:;width:;text-align:;}
	.table-filterable select, .table-sortable select {display:none;position:;right:0;margin-right:;}
	
	#content p {margin:0.5em 0;padding:0.5em 0;}
	#joumon, #miyakuro, #tachu {width:100%;}
	#content .rain {
		background-image: url("../../play/images/rain.gif");
		background-size:contain;
		background-repeat:no-repeat;
		height: 30px;
		max-width:100% ;
	}
	
	#waku {
		display:inline;
		padding:0;
		margin:0;
		width:;
	}
	#content ul.list {
		width:210px;
		margin:0 10px 10px 0;
	}
	#content ul.list p {
		margin:0 10px 0;
	}
	.img_left {
		width:99%;
		text-align:center;
	}
	.nivo-controlNav {left:0!important;margin-left:0!important;}
	.nivo-caption {font-size:60%;}
	#content #box_news_new {width:100%;}
	#content .dl_list_new dl {width:auto;}
	#fb_plgin, #youtube_plgin {width:460px; height:auto;}
	#youtube_plgin iframe {width:100%!important;height:;}
	#box_right {margin:2em 0;width:100%;}
	#box_oyakudati {width:100%;}
	#top_link {width:auto;margin:10px;}
	#foot li {display:block;border:solid 1px #91B743;border-width:0 0 1px 0;padding:0;margin:0;font-weight:normal;}
	#foot li a {display:block;color:#fff;padding:0.4em 0;font-size:100%;}
	#foot li a:before {content:"＞ ";}
	#foot li a:hover {background:#91B743;padding-left:0.2em;}
	.mon {width:100%; padding:7px 0 0 0;text-indent:0.5em;}
	#tabs1, #tabs2, #tabs3, #tabs4, #tabs5, #tabs6, #tabs7, #tabs8, #tabs9, #tabs10, #tabs11, #tabs12 {
		width:100%;
	}
	#tabs1 .box_in, #tabs2 .box_in, #tabs3 .box_in, #tabs4 .box_in, #tabs5 .box_in, #tabs6 .box_in, #tabs7 .box_in, #tabs8 .box_in, #tabs9 .box_in, #tabs10 .box_in, #tabs11 .box_in, #tabs12  .box_in{
		width:100%;
		padding:0;
		border:#ddd dashed;
		border-width:0 0 3px 0;
		background-color:#f9f9f9;
	}
	ul.list-ive li {padding-left:0;border-bottom:0;}
	#content #spot_mokuji {margin-left:0;}
	#content dl.accordion dt h4 {padding-top:10px;padding-bottom:10px;}
	#rbus_a > img,
	#taxi_a > img,
	#rentca_a > img,
	#kbus_a > img,
	#rentcy_a > img,
	#fuku_a > img,
	#osaka_a > img,
	#yaku2_a > img,
	#toro_a > img,
	#hib_a > img,
	#taiyo_a > img,
	#kago_a > img
		{width:800px!important;max-width:200%;}
	#rbus_a,
	#taxi_a,
	#rentca_a,
	#kbus_a,
	#rentcy_a,
	#fuku_a,
	#osaka_a,
	#yaku2_a,
	#toro_a,
	#hib_a,
	#taiyo_a,
	#kago_a
		{overflow:hidden;}
	#trek,
	#kayak, 
	#divsno, 
	#sup, 
	#sawa,
	#nature,
	#culture,
	#ikimono,
	#sato {height:134px!important;}
	.souve-box2 {
		width:100%;
	}
	.souve-box {
		float:none;
		margin-left:auto!important;
		margin-right:auto!important;
	}
	ul.photolist {
		width:100%;
		height:auto;
		margin-left:0;
		margin-bottom:30px;
	}
	ul.photolist li {
		display: inline-block;
		width:32%;
		height:auto;
	}
	.photoimg, .photoimg_v {
		float: none;
	}
	ul.photolist li.photoimg img, ul.photolist li.photoimg_v img {
		float: none;
		width:100%;
		height:auto;
		padding: 0;
	}
	#content .dn_img {
		float:none;
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#content .insyokulist {
		margin: 0;
		padding: 0;
		text-align: center;
		line-height: 2em;
	}

	.s-hide {display: none;}

	/**************************************** navi **********/

	#navi li {width:25%;}
	#navi li:nth-child(1) {width:50%;}

}

/************************************************************************************   xs   ****/
@media screen and (max-width:482px){

	#base {width:290px;}
	#navi {width:290px;}
	#main {width:290px;}
	#content {width:290px;}
	#side {width:290px;}
	#foot {width:290px;}
	#content ul.list {
		width:100%;
		margin:0 0 10px 0;
	}
	#content ul.list li {
		text-align:center;
	}
	#input {display:none;}
	#top2 {margin-top:20px;}
	#content h3 {background-image:none;background-color:#ddd;line-height:1.4;}
	#content .dl_list_new dl, #content #box_news_new, #content #box_news_new .dl_list_new, #fb_plgin, #youtube_plgin {width:290px; padding:0; overflow: auto; border:0;}
	#content .dl_list_new dd {width:auto;}
	#sintyaku {width: 290px;padding:0;right:0;bottom:0;border-radius:1em;}
	#sitemap dl {padding:0;width:100%;}
	#box_left_bnr dt {width:100%;text-align:center;float:left;}
	#middle_bnr {width:100%;text-align:center;float:left;}
	#middle_bnr1 {width:100%;text-align:center;float:left;}
	#middle_bnr1 dt {width:100%;height: auto;}
	#twitter_plgin {width:100%;}
	#pageid-guide-ichiran #tablefix {width:400px!important;font-size:85%;word-break: break-all;line-height:1.2;}
	#content .divlink {height:50px;}
	#trek,
	#kayak, 
	#divsno, 
	#sup, 
	#sawa,
	#nature,
	#culture,
	#ikimono,
	#sato  {height:84px!important;}
	.souve-box {
		width:290px;
	}
	ul.souvelist li.souimg {
		width:43px;
		height:43px;
	}
	ul.souvelist li.souimg img {
		width:43px;
		height:43px;
	}
	#frame, .pic {
		height: 163px!important;
		width: 290px!important;
	}
	.pic span {
		top:130px;
	}
	ul.photolist li {
		display: inline-block;
		width:49%;
		height:auto;
	}
	ul.pagination {
		margin-left: 30px;
	}
	.xs-width40percent {width:40%;}
	#content .dn_img img {
		width:140px;
	}
	/**************************************** navi **********/



	#navi li {width:50%;}
	#navi li:nth-child(1) {width:100%;}



	/**************************************** header **********/

	#head h1 {position:relative; left:0;padding-top:25px;}
	#head img#logo {position:absolute; left:0;padding-top:25px;}

}