html {
	overflow: auto;
}

/* ボディ */
body
{
margin:0px; /* スペース */
padding: 0px;	/* 余白 */
font-size: 15px ;/* 文字サイズ */
line-height: 1.618 ;	/* 行の高さ */
overflow: hidden;
}


/* --- 画像をスマホ画面ぴったりに　ここから --- */
img {
 max-width: 90%;
 height: auto;

}
/* --- 画像をスマホ画面ぴったりに　ここまで --- */

/****************************** 見だしの設定 ***********************************/
/* --- 見出しエリア --- */
div.heading {
width: 100%; /* 見出しエリアの幅 */
margin-top: -20px;
margin-bottom: -5px;
padding: 4px 0; /* 見出しエリアのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しエリアの下境界線 */
}

/* --- 見出し --- */
div.heading h1 {
margin: 0px;
padding: 3px 3px 0 5px; /* 見出しのパディング（上右下左） */
border-left: 5px #f39c12 solid; /* 見出しの左境界線 */
font-size: 120%; /* 見出しの文字サイズ */
line-height: 100%;
color: #34495e;
}

h2{
font-size: 20px ;	/* 文字サイズ */
text-shadow: 2px 2px 2px #95a5a6;
margin-top: 30px;
background-color: #2c3e50; /* ボックスの背景色 */
color: #ffffff;
    /* 上下線 */
    padding: 0.5em;
    /* 線囲み 1 */
    border-width: 1px !important;
    border-style: solid !important;
    line-height: 1.2em;
}

h3{
font-size: 20px ;	/* 文字サイズ */
margin-top: 5px;
margin-left:5px;
text-shadow: 2px 2px 2px #95a5a6;
font-weight:bold
font-family: Arial Black,serif;
color: #ffffff;
}

h4{
font-size: 20px ;	/* 文字サイズ */
text-shadow: 2px 2px 2px #95a5a6;
font-weight:bold
font-family: Arial Black,serif;
color: #34495e;
}

h5{
margin-top:1px;
margin-left:5px;
font-size: 10px ;	/* 文字サイズ */
color: #ffffff;
}

/****************************** 見だし付ボックスの設定 ***********************************/
/* --- ボックス --- */
div.section {
width: 98%; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- 見出し --- */
div.section h5{
position: relative; /* IE6用 */
width: 100px; /* 見出しの幅 */
margin: -0.9em 0 0 10px; /* 見出しのマージン（上右下左） */
padding: 3px; /* 見出しのパディング */
background-color: #bdc3c7; /* 見出しの背景色 */
border: 1px #c0c0c0 solid; /* 見出しの境界線 */
font-size: 100%; /* 見出しの文字サイズ */
text-align: center;
}

/* --- ボックス内の段落 --- */
div.section p {
margin: 1em 10px; /* 段落のマージン（上下、左右） */
}

/****************************** グーグルマップの設定 ***********************************/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
margin-bottom:20px; /* スペース */
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/****************************** 段落の設定 ***********************************/
p{
color: #34495e;
font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

p.m1{
font-size: 5px ;	/* 文字サイズ */
margin:0px; /* スペース */
padding: 0px;	/* 余白 */
color: #ffffff;
}
p.m2{
font-size: 40px ;	/* 文字サイズ */
color: #34495e;
margin-top:-20px; /* スペース */
margin-bottom:-20px; /* スペース */
padding: 0px;	/* 余白 */
}

/****************************** 画像の設定 *************************************/
img {
max-width : 100% ;
height : auto ;
}
/* --- 画像にロールオーバーで半透明になる　ここから --- */
a img{
  opacity: 1;
  transition: 0.3s;
}
a:hover img{
  opacity: .5;
}
/* --- 画像にロールオーバーで半透明になる　ここまで --- */



/* デスクトップPCとスマホに適用するCSS */
.wrapper{
width: 90%;  
max-width: 700px;
margin: 0 auto ;/* 左右に[auto]を指定することで、真ん中に寄る */
padding: 0 ;	/* 上下左右の余白を0にしておく */
overflow: hidden ;		/* floatを解除する */

}

.main{
width: 300px ;
padding: 20px ;/* 上下左右に20pxの余白 */
float: left ;	/* 左に寄せる */
}

.side{
width: 300px ;
padding: 20px ;/* 上下左右に20pxの余白 */
float: left ;	/* 左に寄せる */
}

.inner_img{
padding: 10px ;/* 上下左右に20pxの余白 */
float: center ;	/* 左に寄せる */
    margin: 0 auto;  
}

/***************************** ヘッダー ***********************************/
#header_box {
		min-width: 100%;
		height: 80px;
		background-color:#f39c12;
		background-position: center center;
		margin-top: 0px;
		overflow: hidden;
		}
#header {
		width: 700px;
		height: 50px;
		margin: 0 auto;
		position: relative;
}
#header_box2 {
		min-width: 100%;
		height: 20px;
		background-color:#34495e;
		background-position: center center;
		margin-top: 0px;
		overflow: hidden;
		}
#header2 {
		width: 700px;
		height: 20px;
		margin: 0 auto;
		position: relative;
}
}

/*********************** コンテンツボックスの設定 *************************/
.point_box {	
	position: relative;
	padding: 20px;
	border: 2px solid #2c3e50;
	margin-bottom:25px;
		margin-top:20px;
	background: rgba(255,255,255,0.5);
}

.hedder_box {	
	position: relative;
	padding: 10px;
	border: 0px;
	margin-right:0px;
	background: rgba(255,255,255,0.6);
	width:350px;
	height: 100px;
	float:left;
}
.point_midashi {	
font-size: 20px;
font-weight: bold;
color: #27ae60;
margin-top:20px;
margin-bottom:0px;
}
.point_midashi2 {	
font-size: 18px;
font-weight: bold;
color: #2c3e50;
margin-top:10px;
margin-bottom:10px;
}

.point_box .image {
		float:left;
		width:200px;
	margin-top:0px;
		margin-right:20px;
		}

.point_box .image2 {
		float:left;
		width:100％;
	margin-top:0px;
	  padding: 15px;
		margin-right:20px;
		}
.point_box  .text {
		width:440px;
		float:left;
		padding: 0px;
		margin-top:0px;
		}
		
		
		
/*********************** 問合せ電話ボックスの設定 *************************/
/* 全体(デスクトップPCとスマホ)に適用するCSS */
.main
{
	float: left ;		/* 左に寄せる */
}

.side
{
	float: right ;		/* 右に寄せる */
}

/* スマホだけに適用するCSS */
@media screen and ( max-width:479px )
{
	body
	{
		font-size: 13px ;	/* 文字サイズ */
	}
	.main
	{
		float: none ;		/* floatを無効する */
	}

	.side
	{
		float: none ;		/* floatを無効する */
	}
	.wrapper
	{
		width: auto ;
		padding: 0 10px ;		/* 左右の余白 */
	}
}

/*********************** ページトップへ戻るの設定 *************************/
.toTop {
  margin-top: 100px;
  display: inline-block;
  background: #34495e;
  padding: 15px;
  color: #fff;
  cursor: pointer;
}


/***************************** フッター ********************************/
.footer{
text-align: center ;	/* テキスト、画像の真ん中寄せ */
margin-top: 2em ;/* 他のブロックとのスペース */
padding: 1em 0 ;/* 上下の余白 */
background: #e8e8e8 ;
color: #34495e;
}

/************************ パンくずリスト ***************************/
/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 80%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}