/* --- 画像の横幅いっぱい --- */
p.resizeimage img {
	width: 100%;
	height:auto;
	}

/* --- 画像の横幅85％ --- */
p.resizeimage1 img {
	width: 85%;
	height:auto;
	}

/* --- 段落（pタグ）の調整 --- */
p {
width : 100% ;
font-size : 90% ;
margin : 0 0 1.8em 0 ;
line-height : 1.7 ;
	}

/* --- スクロールで横を固定 --- */
#wrap {
	overflow : hidden ;
	}

/* --- スマホの文字を固定 --- */
body {
	-webkit-text-size-adjust : 100%!important ;
	}

/* --- 続きを読むボタン --- */
.readmore-button-box a {
   background-color: #cc0000; /* ボタンの色(濃い赤) */
   color: white;              /* ボタンの文字色(白) */
   border-radius: 18px;       /* 角丸の半径 */
   padding: 0.5em 2.5em;;     /* 内側の余白 */
   display: inline-block;     /* ボタン全体をクリック可能に */
   font-weight: bold;         /* ボタンの文字を太字に */
   font-size: 1.25em;         /* ボタンの文字サイズ */
}
.readmore-button-box a:hover {
   background-color: red;     /* ボタンにマウスが乗ったら明るい赤色に変化 */
   color: white;     /* ボタンにマウスが乗った時の文字色 */
}

/* --- 続きを読むをグラデーション装飾 --- */
.readmore-button-box {
   text-align: center;
   background-image: linear-gradient( 180deg, rgba(255,255,255,0.5), white );   /* 上から下へ：[白色半透明]から[白色]へグラデーション */
   padding-top: 4.5em;   /* ボタンの上側でグラデーションを見せる距離(長さ) */
   margin-top: -6.5em;   /* ボックスを上側に重ねる距離(長さ) */
   position: relative;   /* ボックス全体を上に重ねるために必要 */
}

/* --- リンクの線をなくす --- */
  a   { text-decoration:none;         /* リンクの線を消す */
}

/* base */
h2{font-size:18px; font-weight:bold; color:#0000ff; margin-top:10px; margin-bottom:10px; background:#ffccff; padding:5px;}

/* base */
h4{font-size:18px; font-weight:bold; color:#0052ff; margin-top:10px; margin-bottom:10px; background:#b1dffd; padding:5px;}

/* base */
h5{font-size:18px; font-weight:bold; color:#333333; margin-top:10px; margin-bottom:10px; background:#cccccc; padding:5px;}

/* サムネイルつき矢印リスト */
.list3 ul{
 border-bottom: 1px solid #ccc;
 }
 .list3 ul li{
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: linear-gradient(#fff, #f0f0f0);
 border-top: 1px solid #ccc;
 height: 70px;
 margin: 0px;
 }
 .list3 ul li a{
 background: url(list_mark1.png) no-repeat 100% 50%;
 color: #666;
 display: block;
 height: 70px;
 margin: 0;
 padding: 0 20px 0 0;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
 text-decoration: none;
 }
 .list3 ul li img{
 float: left;
 height: 70px;
 width: 70px;
 margin-right: 10px;
 }
 .list3 ul li a strong{
 color: #000;
 display: block;
 font-weight: bold;
 padding-top: 17px;
 }

/* サムネイルつき矢印リスト２ */
.list4 ul{
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	}
	.list4 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: 55px;
		margin: 0px;
	}
	.list4 ul li a{
		background: url(list_mark1.png) no-repeat 100% 50%;
		color: #666;
		display: block;
		height: 55px;
		margin: 0;
		padding: 0 20px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	.list4 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 8px;
	}
	.list4 ul li img{
		float: left;
		height: 55px;
		width: 60px;
		margin-right: 10px;
	}

/* サムネイルつき矢印リスト２a */
.list6 ul{
	border-bottom: 1px solid #ccc;
	margin-left: 10px;
	margin-right: 10px;
	}
	.list6 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: 55px;
		margin: 0px;
	}
	.list6 ul li a{
		background: url(list_mark1.png) no-repeat 100% 50%;
		color: #666;
		display: block;
		height: 55px;
		margin: 0;
		padding: 0 20px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	.list6 ul li a strong{
		color: #009933;
		display: block;
		font-weight: bold;
		padding-top: 8px;
	}
	.list6 ul li img{
		float: left;
		height: 55px;
		width: 80px;
		margin-right: 10px;
	}

/* サムネイルつき矢印リスト２列 */
.list5 {
	margin: 10px;
	}
	.list5:after {
		content: "."; 
  	 	display: block;
		height: 0; 
 		clear: both; 
 		visibility: hidden;
	}
	.list5 ul{
		border-top: 1px solid #ccc;
	}
	.list5 ul li{
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
		background: linear-gradient(#fff, #f0f0f0);
		border-top: none;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 1px solid #ccc;
		height: 55px;
		margin: 0px;
	}
	.list5 ul li:nth-child(odd) {
		float: left;
		width: 50%;
	}
	.list5 ul li a{
		background: url(list_mark1.png) no-repeat 100% 50%;
		color: #666;
		display: block;
		height: 55px;
		margin: 0px;
		padding: 0 20px 0 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		text-decoration: none;
	}
	.list5 ul li a strong{
		color: #000;
		display: block;
		font-weight: bold;
		padding-top: 5px;
	}
	.list5 ul li img{
		float: left;
		height: 55px;
		width: 55px;
		margin-right: 10px;
	}


/* アコーディオン */
.list6 dl.acordion{
 margin: 0 10px 0 10px;
 }
 .list6 dt.trigger {
 background: #9bd8ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9e4ff), to(#62b5ea));
 background: #9bd8ff linear-gradient(#b9e4ff, #62b5ea);
 border-radius: 10px;
 text-align: left;
 border: 1px solid #ccc;
 color: #000;
 margin-bottom: 0;
 padding: 10px;
 }
 .list6 dt.active{
 border-radius: 10px 10px 0 0;
 }
 .list6 dt.trigger span.open-close {
 background: url(point_plus.png) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 text-indent: -9999em;
 }
 .list6 dt.active span.open-close {
 background: url(point_none.png) no-repeat right top;
 float: right;
 width: 20px;
 height: 20px;
 }   
 .list6 dd.acordion_tree{
 padding: 10px;
 background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
 background: #9bd8ff linear-gradient(#fff, #f0f0f0);
 border: 1px solid #ccc;
 border-top: none;
 }

/* ボタン */
a.btn1{
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #000;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.4);
	border-radius: 10px; 
	border: 1px solid #63b7ec;
	font-weight: bold;
	background: #9bd8ff -webkit-gradient(linear, 0% 0%, 0% 100%, from(#b9e4ff), to(#62b5ea));
	background: #9bd8ff linear-gradient(#b9e4ff, #62b5ea);
	}
a.btn2{
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 0 -1px 1px #666;
	border-radius: 10px;
	font-weight: bold;
	background: #e22092 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f45cb5), to(#e22092)); 
	background: #e22092 linear-gradient(#f45cb5, #e22092);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	box-shadow: 0 1px 3px rgba(0,0,0,0.6);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	}
a.btn3{
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #666;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 3px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #ccc;
	font-weight: bold;
	-webkit-box-shadow: 1px 1px 2px #e7e7e7;  
	box-shadow: 1px 1px 2px #e7e7e7;  
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), 		color-stop(0.01, #f1f1f1), 
		color-stop(0.5, #f1f1f1), 
		color-stop(0.99, #dfdfdf), 
		to(#ccc));
	background: linear-gradient(#fff, #f1f1f1 1% , #f1f1f1 50% , #dfdfdf 99%, #ccc);
	}
a.btn4{
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border-top: 1px solid #d25f11;
	border-right: 1px solid #d25f11;
	border-bottom: 1px solid #b85511;
	border-left: 1px solid #d25f11;
	font-weight: bold;
	-webkit-box-shadow:inset 0 1px 0px #ffc290;
	box-shadow:inset 0 1px 0px #ffc290;
	background: -webkit-gradient(linear, left top, left bottom, from(#fe923b), to(#e26411));
	background: linear-gradient(#fe923b #e26411);
	}
a.btn5{
	width: 150px;
	text-align: center;
	display: block;
	padding: 8px;
	margin: 10px;
	color: #fff;
	text-decoration: none;
	text-shadow: 1px -1px 1px rgba(0,0,0,0.25);
	border-radius: 5px;
	border:1px solid #000;
	font-weight: bold;
	background: -webkit-gradient(linear, left top, left bottom, from(#4f4f4f), 
		color-stop(0.48, #323232), 
		color-stop(0.5, #000), 
		to(#121212));
	background: linear-gradient(#4f4f4f, #323232 48% , #000 50%, #121212);
	}

/* リンクだけを1行に広げて掲載する場合 */
a.btn6{
   /* ▼表示形態 */
   display: block;
   /* ▼サイズ */
   width: 70%;
   /* ▼余白 */
   padding: 0.4em 0px;
   margin: 0.5em auto;
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼文字位置 */
   text-align: center;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}

/* 本文中のリンクを装飾する場合 */
a.btn7{
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}


/* 閲覧者が表示を折りたためるボックス */
<!--
div.CollapsibleBox {
   /* ■ボックス全体■ */
   border: 1px solid darkblue; /* 枠線:濃青 */
   font-size: 80%;             /* 文字サイズ:80% */
   width: 390px;               /* 横幅:390px */
}
div.CollapsibleBox div.CollapsibleBoxTitle {
   /* ■タイトル枠■ */
   background-color: darkblue; /* 背景色:濃青 */
   color: white;               /* 文字色:白 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxTitle {
   /* ■タイトル文字列■ */
   font-weight: bold;          /* 太字 */
   border: 1px solid darkblue; /* 枠線:濃青 */
   margin: 0px;
   padding: 0px;
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons {
   /* ■ボタン群■ */
   margin: 0px;
   padding: 1px 3px;
   float: right;
   text-align: right;    /* 右寄せ */
}
div.CollapsibleBox div.CollapsibleBoxTitle p.cBoxButtons a img {
   /* ■ボタンそのもの■ */
   border-width: 0px;    /* リンクの枠線を消す */
}
div.CollapsibleBox div.CollapsibleBoxBody {
   /* ■本文枠■ */
   margin: 0px;
   padding: 0px;
   background-color: #eeeeff; /* 背景色:淡青 */
   color: #000055;            /* 文字色:暗青 */
}
div.CollapsibleBox div.CollapsibleBoxBody p {
   /* ■本文■ */
   margin: 0px;
   padding: 0.5em;   /* 内側の余白:0.5文字分 */
}
-->


/* Googleマップをレスポンシブに埋め込む */
.google-maps {
position: relative;
padding-bottom: 250px; /*高さは250pxで固定*/
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/* 本文中のリンクを装飾する場合 */
.link-button1 a {
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.3em 0.9em;
   margin: 0px 0.3em;
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}


/* 本文中の一行リンクを装飾する場合 */
.link-button2 a {
   /* ▼表示形態 */
   display: block;
   /* ▼サイズ */
   font-size: 110%;             /* 文字サイズ:80% */
   width: 70%;
   /* ▼余白 */
   padding: 0.4em 0px;
   margin: 0.5em auto;
   /* ▼枠線 */
   border-style: solid;
   border-width: 1px;
   border-color: #ccc #999 #999 #ccc;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼文字装飾 */
   text-decoration: none;
   /* ▼文字位置 */
   text-align: center;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ccc)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
}

/* マーカーのようなハイライト設定 */
.highlight {
    background: linear-gradient(transparent 50%, #ffff66 0%);
    line-height: 1.3em;
}