@charset "UTF-8";





/* ----------------------------------------------------------------------------------------------------


	MediaQuery
	home



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



/* ---------------------------------------------------

	display: none/block;

--------------------------------------------------- */
#home #con .side { display: none; }

.contents{
	width:100%;
	padding:0;
	}

.contents-inner {
	width:100%;}

.r-photo { display: none;}


#second .contents {
	/* padding-top:193px; */
	padding-bottom:0px;
	}

/* ---------------------------------------------------

	pickup

--------------------------------------------------- */
#pickup { width: 100%;
		margin:0px;
		border-top: 1px dotted #bebebe;
		padding:0;
		}
		
#pickup img.menu_title{
	margin:10px 0;
	width:100%;
	}
	
	#pickup ul{
		width:100%;
		overflow:hidden;
		}

	#pickup ul li {
		/*border-bottom: 1px dotted #bebebe;*/
		border-left: none;
		border-right: none;
		border-top: none;
		height: auto;
		margin:0 0 0 10px;
		overflow: hidden;
		/*padding: 2% 4% 2% 0;*/
		padding:0px;
		width: 45%;
		border-radius: none;
		display:block;
		height: 27em;
		}
		
	#pickup ul li:first-child,
	#pickup ul li:nth-child(4){
		margin-left:10px;
		}
		
			#pickup ul li a {
				position:absolute;
				bottom:2em;
				}
				
			#pickup ul li a img{
				width:90%;
				}

			#pickup ul li p.thumb {
				left: 0;
				margin: 0 2% 0 0;
				position: relative;
				text-align: center;
				top: 0;
				width: 100%;
				}
				#pickup ul li p.thumb img { width: 100%; }

			#pickup ul li p.ttl {
				font-size: 100%;
				background: none;
				display: inline-block;
				padding: 0% 0 0;
				margin:10px 0 0 0;
				width: 100%;
				}
				
			#pickup ul li p.txt {
				font-size: 85%;
				line-height: 1.2em;
				padding: 0.1em 0 0.8em 0em;
				text-align: left;
				}

			#pickup ul li p.txt span.arrow {
				/*color: #88642b;
				background: url(../../img/icon-arrow-ss.png) no-repeat left 3px;
				padding: 0em 0 0 1em;*/
				width:40%;
				display:inline;
				margin:0;
				font-size: 90%;
				}
				
				
				
	/* 横100%バージョン
	#pickup { width: 100%;
		margin:0px 10px;
		border-top: 1px dotted #bebebe;
		padding:0;
}

	#pickup ul li {
		border-bottom: 1px dotted #bebebe;
		border-left: none;
		border-right: none;
		border-top: none;
		height: auto;
		margin: 0;
		overflow: hidden;
		padding: 2% 5% 2% 0;
		width: 100%;
		border-radius: none;
		display:block;
		float:none;
		}

			#pickup ul li p.thumb {
				left: 0;
				margin: 0 2% 0 0;
				position: relative;
				text-align: center;
				top: 0;
				width: 36%;
				}
				#pickup ul li p.thumb img { width: 100%; float:left; }

			#pickup ul li p.ttl {
				font-size: 95%;
				background: none;
				display: inline-block;
				padding: 3% 0 0;
				width: 53%;
				}
				
			#pickup ul li p.txt span.arrow {
				color: #88642b;
				background: url(../../img/icon-arrow-s.gif) no-repeat left 4px;
				padding: 0em 0 0 1em;
				width:40%;
				display:inline;
				margin:2px 0;
				}
			
	 */			
				

	/*
	#pickup ul {
		background: #fff;
		border: 1px solid #bebebe;
		list-style: none;
		margin: 0 auto;
		padding: 0 3%;
		width: 95%;
		}

	#pickup ul li {
		background: url(../../icon-arrow-s.gif) right center no-repeat;
		border-bottom: 1px dotted #bebebe;
		border-left: none;
		border-right: none;
		border-top: none;
		height: auto;
		margin: 0;
		overflow: hidden;
		padding: 5% 5% 5% 0;
		width: 100%;
		border-radius: none;
		display:block;
		float: none;
		}
		#pickup ul li:last-child { border-bottom: none; }

		#pickup ul li p {
			float: left;
			width: auto;
			}
			#pickup ul li p span { display: inline; }
			#pickup ul li p.thumb {
				left: 0;
				margin: 0 2% 0 0;
				position: relative;
				text-align: center;
				top: 0;
				width: 30%;
				}
				#pickup ul li p.thumb img { width: 100%; }
			#pickup ul li p.ttl {
				float: left;
				font-size: 100%;
				background: none;
				display: inline-block;
				padding: 3% 0 0;
				width: 53%;
				}
			#pickup ul li p.txt {
				float: left;
				display: inline-block;
				font-size: 60%;
				padding: 2% 0 0;
				width: 53%;
				}

*/


/* ----------------------------------------------------------------------------------------------------

	information

--------------------------------------------------- */


#information {
	width:100%;
	}

			.ornament {
				display:none;
				}
				
			.box-info-line {
				border:2px solid #f8d9d7;
				padding:6px;
				overflow:hidden;
				_zoom:1;
				}
			
			.box-info-inner {
				/*border:1px solid #f8d9d7;*/
				width:100%;
				overflow:hidden;
				_zoom:1;
				}
				
			.info_left{
				display:block;
				width:95%;
				height:43em;
				margin:0 auto;
				}
				
			.info_left img.orn_top {
				width:100%;
				}
			
			.info_left img.orn_bottom {
				width:100%;
				}
				
			.box-info-inner .info_left img.info_bg{
				width:34%;
				}
				
			.box-info-inner h3 {
				text-align:center;
				margin-bottom:1em;
				font-size:110%;
				}
				
			.box-info-inner h3 img {
				width:50%;
			}
				
			#information .fl-l {
				float:none;
				text-align:center;
				margin:0 auto;
				}

			#information .fl-l img {
				width:60%;
				}

				
			.info-address {
				/*margin-left:0;
				overflow:hidden;
				_zoom:1;*/
				/*border-top:none;
				border-bottom:none;*/
				width: 95%;
				height: 12em;
				}

			.info-address ul {
				float:none;
				width:100%; 
				padding-left:0;
				margin:20px 0 10px 0px;
				line-height:130%;
				font-size:110%;}
				
			.info-address ul li {
				padding-left:10%;
				/* text-indent:-0.7em; */
				margin:8px 0;
				text-align:left;}
				

			.info-address li.icon01 {
				background:url(../../img/icon-position.jpg) no-repeat left 3px;}

			.info-address li.icon02 {
				background:url(../../img/icon-train.jpg) no-repeat left 3px;}

			.info-address li.icon03 {
				background:url(../../img/icon-tel.jpg) no-repeat left 3px;
				padding-top:7px;
				padding-bottom:7px;
				font-size:134%;}
				
			#information .fl-r {
				float:none;
				text-align:center;
				margin-right:0;}

			.info-address .mt36 {
				margin-top:10px;}
				
			.info-address .mr0 {
				margin-right:0px;}
				
				
			.info-address img {
				width:50%;
				}

			.opentime {
				text-align:center;
				margin-top:28px;}


			.opentime h4 {
				text-align:left;
				width:100%;
				margin-top:20px;}


			.opentime table {
				margin-top:7px;
				border:1px solid #ccc;
				font-size:100%;
				margin-left:0px;
				width:100%;}
				
			.opentime table th {
				background-color:#f5d8de;
				padding:7px 3px;
				text-align:center;
				}
				
			.opentime table th.col-w {
				background-color:#e4e4e4;
				border-left:#fff 1px solid;
				padding:7px 3px;
				}


			.opentime table td {
				padding:7px 3px;
				border-left:#ccc 1px solid;
				text-align:center;
				}
				
			.opentime .kome { 
				text-align:right;
				margin-right:0px;
				font-size:70%;
				display:block;
				width:100%;
				}
				
			.info_right{
				/*width:95%;*/
				display:block;
				margin:20px auto;
				}
				
			.info_right ul{
				margin:0 auto;
				}
			
			.font-m { font-size:200%;}
			.font-m2 { font-size:160%;}




/* ---------------------------------------------------

	news

--------------------------------------------------- */
#news {}

	#news dl {}
		#news dl dt {
			float: none;
			margin: 2% 0;
			width: 100%;
			}
			#news dl dt span {
				display: inline-block;
				float: none;
				margin: 0 1%;
				padding: 1% 0;
				text-align: center;
				width: 8em;
				}
		#news dl dd {
			margin: 0;
			padding: 0.5em 0;
			word-wrap: break-word;
			white-space: nowrap;
			-webkit-text-overflow: ellipsis;
			-moz-text-overflow: ellipsis;
			-ms-text-overflow: ellipsis;
			-o-text-overflow: ellipsis;
			text-overflow: ellipsis;
			}

		#news #ttlarea #link {
			margin: 10px 0 0 0;
			padding:0;
			}


/* ---------------------------------------------------

	blog

--------------------------------------------------- */

#blog,#news  {
	/*padding-top:30px;*/
	margin: 20px auto 50px;
	width:95%;
	}

#second #news  {
	padding-top:0px;}


		#blog article {
			float:none;
			width: 100%;
			margin-bottom:20px;
			margin-left:0;
			}

		#blog article h3 {
			font-size:120%;
				}

#blog #ttlarea,
#news #ttlarea {
	background:none;
	border-bottom:1px solid #bba481;}


		#blog #ttlarea #link {
			margin: 10px 0 0 0;
			padding:0;
			}



/* ---------------------------------------------------

	second news

--------------------------------------------------- */


#second h2.entry-title {
	line-height: 1.1538;
	margin-bottom: 0.9231em;
	font-size:120%;
}

.entry-content {

}

.entry-content p {
	line-height:160%;
	margin-bottom:7px;
	}

.path {
	padding:10px 0 20px;
	display:block;}