﻿@charset "UTF-8";
/* CSS Document */



/************************************************************************************
smaller than 720px
*************************************************************************************/
@media screen and (max-width: 720px) {

html {
	-webkit-text-size-adjust: 100%;
}

body {
	background: #f9f8f3;
	margin: 0;
}


#header1 .head_right {
	display:none;
}


#header1 {
	width: 100%;
	/*background-size:100% 118px;*/

}

#manu_main1 {
	display:none;
}


#breadCrumb {
	display: none;
}

#headsp {
	display: block;
}



/* =======================================
   contents
======================================= */
#contents {
	width: 99%;
	

}


.pagetitle {
	width: 99%;
	
}

.pagetitle h1 {
	margin-top: 3px;
	font-size:1.4em;
}

.jyouhoukei {
	margin-top: -10px;
	}


.jyouhoukei_nai {
	width:95%;
}


.jyouhoukei_hiniti {
	width: 95%;
	float:left;
}


.jyouhoukei_sho {
	width: 95%;
	float:left;
}




ul.waku {
	width:100%;
	
}

ul.waku li {
	margin-bottom:5px;
}

ul.kankobox {
	width:99%;
}

ul.kankobox li {
	float:left;
	width:98%;

}

ul.kankobox li img {
	width:100%;

}

ul.kankobox1 {
	width:98%;
}

ul.kankobox1 li {
	
	width:98%;

}


.kankoban1 {
	width: 100%;
	margin:0 auto;

}	


.itiran_left,
.shousai_left {
	width: 100%;
}

ul.wakuitiran {
	width:100%;
	
}

ul.wakuitiran li {
	margin-bottom: 10px;
}


.itiran_right,
.shousai_right {
	width: 100%;

}


	
#output_area p img,
.output_area p img {
	width: 70%;
	height:auto;
}
	
#output_area .tourokuEmail input,
.output_area .tourokuEmail input {
	width: 95%;
	height:auto;
	margin:2px;
}

#output_area ul,
#output_area ol,
.output_area ul,
.output_area ol {
	margin:0 0 15px 5px;
}

ul.backnamber li p {
	margin: 5px 0 20px 0;
}

.section-info {
	width: 95%;
}

.gyoumunaiyou {
	width:100%;
	float:left;

}

.gyoumunaiyou div.gyoumu {
	background-color:#ebebeb;
	border-bottom: 1px solid #bebfc0;
	width: 30%;
	text-align:center;

}

.gyoumunaiyou div.gyoumu_nul {

	border-bottom: 1px solid #bebfc0;

}
.section-info dl.info {
	width:100%;
	

}




.kakuka_shousainiyou  {
	width: 100%;
	float:left;

	
	
}


.kakuka_shousaiphoto  {
	width: 100%;
	float:left;

	
}

.kakuka_shousaicap  {
	width: 100%;
	float:left;

	
}


.calender_l {
	width: 98%;

}

.calender_r {
	width: 98%;
	float:left;
}

ul.jyanru li {

	width: 25%;


}

.kirikaebt div {
	width: 45%;
}

.kirikaebt div img {
	width: 100%;
}


.output_event_itisho div a {
	float:left;
	width: 90%;


}


.anketoform {
	width:98%;


	
}

.anketo_midasi {
	float:left;
	
	width: 99%;

}

.anketo_koumoku {
	width: 99%;
	float:left;
}

.anketo_koumoku input.inputtype,
.anketo_koumoku textarea {
	width: 95%;
}

#mainhaichi {
	display: flex;
	flex-direction: column;
	}



#left_menu {
	padding:0;
	width: 100%;
	
	order: 2;

}

#main_contents {
	order: 1;
	width: 100%;
}

.googlemap img {
	width: 100%;
	height: auto;
	
	}
	
	
.tourokuEmail {
	width: 98%;
	margin-left: 0;

}


.si_L {
	width: 100%;
	
}



.bousai_l {
	width: 100%;

	
}

.bousai_r {
	width: 100%;

	
}

.bousaibox_l {
	width: 98%;

	
}

.bousaibox_r {
	width: 98%;

	
}

.bousailink div {
	margin: 0;
	
}




ul.wakueizo {
	width:100%;
	
	
	
}




ul.wakueizo li {
	width:100%;
}

.eizoall .eizoallL {
	float: left;
	width: 100%;
	text-align:center;
	
	
}

.eizoall .eizoallR {
	float: left;
	width: 100%;
	height: auto;
	position:static;
	
	
	
}

.eizoall .eizoallR a {
	position: static;
  bottom: 0;
	text-align:center
	
	
}

.eizotouTube {
	width: 95%;

}

.eizotouTube img {
	width: 99%;
	height:auto;

}

.gikaibt img {
	width: 100%;
	
}

.gikaiLiveL {
	width: 100%;
	text-align:center;
	
}

.gikaiLiveR {
	width: 100%;
	text-align:left;
	
}


.categorybt .categrybtbanL {
	float:none;
	width: 99%;
}

.categorybt .categrybtbanL img {
	max-width: 98%;
	height: auto;
}

.categorybt .categrybtbanR {
	float: none;
	width: 99%;
}

.categorybt .categrybtbanR img {
	max-width: 98%;
	height: auto;
}


.wakueizosinkiro {
	width:230px;
	margin:0 auto;
}


.photo_area img {
	width: 100%;
	height:auto;
	
	}
	
	
.sityou .bottom_bt {
	width: 98%;
	text-align:center;
}

.photolibrarybox {
	width: 250px;
	margin:0 auto;
}


.photolibrary .bottom_bt img {
	max-width: 100%;
	height:auto;
}


/* =======================================
観光
======================================= */
#kankou_output {
width:100%;
}

#kankou_output .commentArea {
width: 100%;

}


#kankou_output .commentArea img {
width: 100%;
height:auto;
}



#kankou_output .mainPhoto img {
width: 100%;
height: auto;
}

#kankou_output .hotaruikaArea {
width: 100%;

}

#kankou_output .hotaruikaArea img {
max-width: 100%;
height:auto;

}

#output_area .side_bar {
width: 100%;
}

#output_area .maphinan {
 width: 100%;
 height:400px;
} 


/* =======================================
footer
======================================= */
#footer {
	width: 99%;
	background-size:100% 121px;
	

}


#footer .pagetop {
	clear:both;
}



/* =======================================
   clear
======================================= */
/*clearfix*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
	font-size: 0.1em;
	line-height: 0;
  visibility: hidden;
}

.clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}




.clear {
	clear: both;
	font-size: 1px;
}

.clear hr {
	display: none;
}









/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	
ul.waku {
	width:250px;
	margin:0 auto;
	
}	
	
.konatokiha {
	width: 300px;
	margin:0 auto;
}	
	
.kankoban1 {
	width: 321px;
	margin:0 auto;

}

ul.wakuitiran {
	width:230px;
	margin:0 auto;
	
}

.pagetitle {
	width: 99%;
	height: auto;
	background-size:100% auto;
	padding: 1px 0;

	
}

/*リストの横3列表示用*/
.lay-3col li {
	width:40%;
	float:left;
}

.search-list li {
	margin-right: 10px;
}




ul.jyanru li {

	width: 36%;
	font-size: 0.9em;


}


	
}