.use-pc{display:none;}
.use-mb{display:inline;}

*{
margin : 0;
padding : 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html{
	height : 100%;
}
body{
	height : 100%;
	width : 100%;
	padding : 0px;
	text-align : center;
	background-image: url("haikei.jpg"); 
	background-repeat: repeat;
	background-attachment:fixed;
	}

#bottomtotop {width : 100%;margin : 0px;background : #444;clear : both;font-size : 100%;color : #FFF;padding : 16px 6px 16px 3px;}

.img-class70{width : 70%;}


/* グーグルマップ・レスポンシブレイアウト */
.gmap-wrap{
    position : relative;
    height : 0;
    padding-bottom : 75%; /* 縦横比の指定 */
    overflow : hidden;
}
 
.gmap-wrap iframe,
.gmap-wrap object,
.gmap-wrap embed{
    position : absolute;
    top : 0;
    left : 0;
    width : 100%;
    height : 100%;
	border-width : 0px;
}

		#a00 {
			position : relative;
			text-align : left;
			color : #333333;
			background :#FFF;
			width : 100%;
			padding : 0px;
			vertical-align : top;
			margin : 0 auto;
			border-left:0px dotted #DDD;
			display : table;
			min-height: 100%;         /* 中身が少なくても高さ100%にする */
			font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
			}
		body > a00 {
			height: auto; /* 要素を超えた分の背景が伸びないブラウザ用 */
		}

#logologo{display : none;}

#ninki{text-align : left;}

		#memu p a:before {
			content: url(https://bb-building.net/common/img/yajirushi1.png);
			margin : 8px 2px 0 3px;
		}

		h1{
			font-size : 127%;
			clear : both;
			margin : 2px 0px 5px 3px;
			padding : 20px 10px 20px 5px;
			font-weight : normal;
			}
		h2 span{
			display : inline;
			}
		h3{
			font-size : 100%;
			margin : 5px 5px 1px 0px;
			color : #CC9966;
			}
		h1,#map h2,#a04 h2,.midashi{
			padding: 0.75em 0.5em;/*上下 左右の余白*/
			color: #000000;/*文字色*/
			background: transparent;/*背景透明に*/
			border-left: solid 5px #800000;/*左線*/
		}

		#map h2{
			width : 95%;
			text-align : left;
			font-size : 100%;
			line-height : 1.0;
			font-weight : normal;
			}
		#map h2 span{
			display : none;
			}
		#map h3{
			clear : both;
			font-size : 100%;
			margin : 8px 0px 1px 0px;
			color : #8B6914;
			font-weight : normal;
			padding : 0px 15px 0px 15px;
			}
		#location{
			margin : 10px 0px 35px 5px;
			}
		#location span{
			font-size : 90%;color : #555;
			}
		.botan{clear : both;padding : 20px 0px 20px 5px;}

		.square_btn,.a03link a{
			position: relative;
			display: inline-block;
			padding: 0.2em 0.3em;
			text-decoration: none;
			color: #FFF;
			background: #48B500;/*色*/
			border: solid 1px #6AA800;/*線色*/
			border-radius: 4px;
			box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
			text-shadow: 0 1px 0 rgba(0,0,0,0.2);
			margin-right : 5px;
			}

		.square_btn:active,.a03link a :active{/*押したとき*/
			border: solid 1px #03A9F4;
			box-shadow: none;
			text-shadow: none;
			}


		#head-top{position : absolute;top: 5px;left : 5px;}
		#head-top img{width : 30px;height: 95px;}

		#a03 {
			clear : both;
			margin:0px 0px 0px 0px; 
			width : 100%;
			padding : 5px 0px 17px 0px;
			text-align : left;
			border-left : 0px dotted #BECCEA; 
			background :#FFF ;
			}

		.a03link{
			font-size : 85%;
			text-align : right;
			margin : 7px 5px 0px 5px;
			display : none;
			}
		.a03link strong{display:none;}

		#a04{
			margin : 5px 0 0 0px;
			padding: 5px 0px 15px 0px;
			clear : both;
			width : 100%;
			overflow:visible;
			word-break: break-all;
			}
		
		#a04 h2{
			width : 95%;
			text-align : left;
			clear : both;
			font-size : 100%;
			letter-spacing : 0em;
			line-height : 1.0;
			margin : 5px 0px 3px 0px;
			font-weight : normal;
			}

		#photos{
			clear : both;
			width : 100%;
			margin : 25px 0 26px 0;
			padding : 0px;
			}
		#photos li img{
			max-width : 110px;
			height : auto;
			margin : 0;
			border: solid 2px #EEE;
			}
		#photos li{
			display:inline-block;
			vertical-align : middle;
			font-size : 12px;
			font-weight : bold;
			padding : 0px;
			text-align : right;
			margin-bottom : 1px;
			color : #FF6600;
			list-style: none;
			}

		#photos2{
			clear : both;
			width : 100%;
			margin : 25px 0 26px 0;
			padding : 0px;
			}
		#photos2 li img{
			max-width : 110px;
			height : auto;
			margin : 0;
			border: solid 2px #EEE;
			}
		#photos2 li{
			display:inline-block;
			vertical-align : middle;
			font-size : 88%;
			padding : 0px;
			text-align : left;
			margin-bottom : 1px;
			list-style: none;
			}

		#yahoo{font-size : 63%;color : #808080;padding : 2px 10px 2px 10px;}
		#map-google{font-size : 75%;color : #777;margin-bottom : 15px;}
		#bbb{display : inline;}


#map{
	font-size : 95%;
	color : #333333;
	margin : 10px 0px 20px 0px;
	clear : both;
	padding: 15px 0px 10px 3px;
	text-align:left;
	}

.ta{
	margin : 0px;
	padding : 0px;
	display : table-cell;
	width : 100%;
	height : 100%;
	text-align:center;
	vertical-align : middle;
	}
.kat{
	display : table;
	clear : both;
	margin : 0 auto;
	padding : 0;
	width : 100%;
	height : 100%;
	text-align : center;
	}

.main{
	width: 70%;
	text-align : left;
	margin : 0 0 3px 0px;
	padding : 0 0 0 0px;
	}

#memu{
	padding: 7px 0px 0px 0px;
	margin : 5px auto;
	width : 100%;
}

.deta{
	width : 95%;
	font-size : 80%;
	margin : 10px 0px 10px 0px;
	padding : 0 10px 0 10px;
	line-height : 1.2;
	letter-spacing : 0;
	color : #666666;
	}
#memu p{
	font-size : 100%;
	line-height : 1.4;
	letter-spacing : 0.02em;
	margin : 20px auto;
	padding : 0px 20px 0px 15px;
			text-align: justify;
			text-justify: inter-ideograph;
	}
#setsumei{
	clear : both;
	font-size : 90%;
    border-radius: 8px;
	border : 1px solid #EEE;
	padding : 5px;
	line-height : 1.2;
	letter-spacing : 0.05em;
	margin : 0 0px 5px 0;
	float : left;
	background : #FFFFEE;
	max-width : 95%;
	}

#setsumei b{font-size : 85%;margin : 0px 1px 0px 4px;color : #FF6600;list-style: none;}
#setsumei h3{font-size : 85%;color:#669999;}
#setsumei li{display : inline;list-style: none;}

.setsumei2{
	clear : both;
	font-size : 82%;
	border : 0px solid #EEE;
	padding : 2px;
	margin : 0px 0px 15px 0px;
	background : #FFFFFF;
	max-width : 95%;
	color : #000;
	}

.setsumei2 b{font-size : 75%;margin : 0px 1px 0px 0px;}
.setsumei2 li{display : inline;list-style: none;line-height : 1.2;text-align : left;margin : 1px 5px 10px 0px;color : #000;border-bottom : 0px solid #EEE;}

		#a04 p strong{color:#800000;margin-right : 5px;font-size : 100%;}
#eki,#adress{
	
	font-size : 100%;
	border : 0px solid #EEE;
	background : #FFFFFF;
	padding : 0px 10px 0px 10px;
}


.next-bottan{text-align : left;margin-left : 13px;margin-bottom : 20px;margin-top : -20px;}

		#photos li ,#setsumei b{color : #FF6600;list-style: none;}
		#photos2{color : #FF6600;list-style: none;}
		.setsumei2 b{color : #FFF;background : #BBB;padding : 2px;}

#list-main{color : #333;text-align : left;border : 0px solid #333;}
#list-main ul{width : 100%;margin-top : 25px;clear : both;}
#list-main ul li{float : left;font-size : 14px;width : 30%;text-align : left;height : 130px;margin-right : 5px;list-style-type: none;}
#list-main ul li img{margin-bottom : 5px;}
#list-main ul li a{text-decoration : none;font-size : 90%;line-height:1.0;letter-spacing : 0;}
#list-main ul li a:hover{text-decoration : underline;}

#side { 
			clear : both;
			width : 99%;
			height : 100%;
			margin-left : 1%;
			}

#side-basho {width : 100%;text-align : left;display : none;}
#side-basho ul{margin : 20px;}
.open{border : 1px solid #EEE;margin-bottom : 20px;}

#side a{text-decoration : none;color : #000030;opacity: 1;transition: 0.3s;}
#side img{border : 0px solid #0044CC;margin : 0px;padding-bottom : 3px;}
#side h3{padding : 1px;background : #FFF;color : #777;font-size : 100%;clear : both;margin : 5px 0px 25px 0px;}

#side a:hover img,#side a:hover,.centeringTest:hover,.shintyaku a:hover,#bottan form:hover,.next:hover,.a03link a:hover{
opacity: 0.5;}

.midashi{
		clear : both;
		margin : 5px 0px 25px 0px;
		font-weight : bold;
		text-align : left;
		}

.shintyaku{display : none;}

.next{
	font-size : 105%;
	padding: 3px 7px 3px 8px;
	color : #FFF;
	background : #00CC33;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	text-decoration : none;
	letter-spacing : 0.03em;
	border : 0px solid #FFF;
	}

#ad-center-left{margin : 0px auto;max-width : 336px;}
#ad-center-right{clear : both ;margin : 15px auto;width : 100%;}
.ad-center-right{position : absolute;bottom : 160px;left : 0px;width : 100%;}

.pr{display:inline-block;font-size : 10px;margin : 0 0 6px 2px;padding : 2px;background : #99CCFF;color : #FFF;float : right;}

#ad728{clear : both;padding : 30px 0px 10px 0px;}

#ad-center{margin : 10px 0px;text-align : left;padding : 8px 0px 38px 0px;width : 100%;max-height : 400px;}
#ad-bottom{margin-left : 3px;} 
#ad-contents{width : 95%;}

#shita{
	clear : both;
	margin : 15px 0px 0px 0px;
	background : #FFF;
	width : 100%;
	}


#twitter{width : 70%;padding-top : 25px;padding-bottom : 25px;}








@media only screen and (min-width : 500px) and (max-width : 768px){
.main{
	max-width: 80%;
	max-height: 80%;
	margin-bottom : 8px;
	}
}