body {
	background-image:url("../image/wp04.jpg");
	font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
}
/*
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
	body {
		background-image:url("../image/wp04.jpg");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 800px;
	}
}
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
	body {
		background-image:url("../image/wp04.jpg");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 620px;
	}
}
@media only screen and (min-width : 1025px) {
	body {
		background-image:url("../image/wp04.jpg");
		font-family: "ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
		width: 900px;
	}
}*/
#pagetop {
	top: 0;
	position: absolute;
}
.frame_pre {
	top: 20px;
	left: 10px;
	width: calc(100% - 90px);
	display: inline-block;
	background: transparent url("../image/note03.png") repeat-y;
	position: absolute;
	z-index: 0;
}
.frame {
	position: relative;
	padding: 40px 40px 40px 10px;
	display: inline-block;
	content: "";
	top: 0;
	left: 100px;
	width: calc(100% - 130px);
	height: 100%;
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	border-radius: 0 25px 25px 0;
	background: #fff;
	z-index: -2;
}
hr {
	border: 0;
	height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}
/*******************************
* 更新日付
********************************/
.header {
	position: absolute;
	top: -5px;
	right: 60px;
	display: inline-block;
	padding: 10px;
	width: 300px;
	height: 200px;
	background-color: #fff, #fff;
	background-image: url("../image/kinkazan.jpg");
	background-position: top;
	background-repeat: no-repeat;
	background-size: cover;
	border: 10px solid #fff;
	box-shadow: 0 0 7px #999;
	-webkit-transform: rotate(-1deg);
	-ms-transform: rotate(-1deg);
	transform: rotate(-1deg);
	z-index: 20;
}
.header ul li {
	list-style-type: none;
	vertical-align: bottom;
	/*padding-top: 180px;
	padding-left: 0px;*/
	position: absolute;
	left: 20px;
	bottom: 10px;
	font-family:'Lets-go-Digital-Regular','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	color: red;
	font-weight: 900;
	font-style: oblique;
	font-size: 1.2em;
}
.header:before {
	content: " ";
	position: absolute;
	top: -21px;
	left: 96px;
	display:block;
	height: 120px;
	width: 70px;
	background-image: url("../image/paper-clip.png");
	background-repeat: no-repeat;
	z-index: 21;
}
.header:after {
	content: " ";
	position: absolute;
	top: 20px;
	right: 10px;
	display:block;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size: 1.2em;
	color: white;
	-webkit-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}
/*******************************
* 章見出し
********************************/
.title h2 {
	position: relative;
	width: 250px;
	height: 20px;
	padding: 10px 100px 10px 35px;
	margin-top: 25px;
	margin-bottom: 15px;
	border: rgb(94, 134, 048) solid 1px;
	border-radius: 9px;
	background-color: #fff;
	background-image: url("../image/green_banner03.png");
	background-repeat : no-repeat;
	background-position: -1px -2px;
	font-family: "Segoe_Print","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","Meiryo UI","メイリオ","ＭＳ Ｐゴシック",sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	color: white;
	text-align: left;
	vertical-align: top;
	line-height: 1.3em;
	text-shadow: rgb(128, 128, 128) 2px 2px 0px;
	z-index: 1;
}
.title h2:before {
	content: " ";
	position: absolute;
	top: 7px;
	left: 5px;
	width: 32px;
	height: 32px;
	background-image: url("../image/site-info/Binocular03.png");
	background-repeat : no-repeat;
}
.title h2:after {
	content: " ";
	position: absolute;
	top: 10px;
	right: 10px;
	width: 32px;
	height: 32px;
	background-image: url("../image/site-info/hawk04.png");
	background-repeat : no-repeat;
}
/*******************************
* 付箋紙によるサイト内ジャンプ
********************************/
.husen {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	width: 25px;
	position: fixed;
	top: 150px;
	right: 50px;
	font-size:0.7em;
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-weight:normal;
	color: transparent;
	z-index: 3;
}
.husen a {
	text-decoration: none;
	color: transparent;
}
.husen a:hover {
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}
.husen_top,
.husen_1, 
.husen_2, 
.husen_3, 
.husen_4 {
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}

.husen_top {
	/*top: 0;*/
	background: rgba(94, 134, 048,1.0) url("../image/site-info/top.png") no-repeat center center;
}
.husen_1 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/map.png") no-repeat center center;
}
.husen_2 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/amenities.png") no-repeat center center;
}
.husen_3 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/datasum.png") no-repeat center center;
}
.husen_4 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/team.png") no-repeat center center;
}
/*
.husen_top {
	top: 0;
	background: rgba(94, 134, 048,1.0) url("../image/site-info/top.png") no-repeat center center;
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	overflow:hidden;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}
.husen_1 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/map.png") no-repeat center center;
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	overflow:hidden;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}
.husen_2 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/amenities.png") no-repeat center center;
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	overflow:hidden;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}
.husen_3 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/datasum.png") no-repeat center center;
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	overflow:hidden;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}
.husen_4 {
	background: rgba(94, 134, 048,1.0) url("../image/site-info/team.png") no-repeat center center;
	position: relative;
	padding: 25px 20px;
	margin-bottom: 10px;
	width: 20px;
	height: 20px;
	white-space:nowrap;
	overflow:hidden;
	-moz-border-radius: 0 13px 13px 0;
	-webkit-border-radius: 0 13px 13px 0;
	border-radius: 0 13px 13px 0;
	-moz-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	-webkit-box-shadow: 10px -5px 10px rgba(0,0,0, .5);
	box-shadow: 10px -5px 10px rgba(0,0,0, .5);
}*/
/*******************************
* チーム紹介ボックス
********************************/
.team_pr_box {
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 20px;
	border: solid 3px rgb(124, 195, 79);
	border-radius: 20px;
/*	background: rgba(124, 195, 79, .1); */
	background: #fff url("../image/albumn_blue.jpg") repeat;
}
.team_pr {
	list-style: none;
	margin-top: 10px;
}
.team_pr dt {
	width: 100%;
	font-size : 15px;
	font-weight: bolder;
	margin-bottom : 7px;
	padding-top : 2px;
	padding-left : 8px;
	padding-bottom : 2px;
	line-height : 30px;
	vertical-align: bottom;
	border-bottom: dotted 2px rgb(124, 195, 79);
}
.team_pr dd {
	line-height : 1.8;
	margin-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	font-size: 0.9em;
}
#team_name  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(124, 195, 79) url("../image/site-info/team_name.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#team_history  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(124, 195, 79) url("../image/site-info/team_history.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#survey_posture  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(124, 195, 79) url("../image/site-info/survey_posture.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#survey_item  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: rgb(124, 195, 79) url("../image/site-info/survey_item.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
/*******************************
* ランキングボックス
********************************/
.rank_box {
	padding: 10px;
	padding-top: 15px;
	padding-bottom: 30px;
	margin-left: 20px;
	border: solid 3px rgb(124, 195, 79);
	border-radius: 20px;
	background: #fff url("../image/albumn_blue.jpg") repeat;
}
.rank_box h3{
	position: relative;
	color: #111;
	font-size: 1.143em;
	font-weight: bold;
	margin: 0 0 1.5em;
	margin-bottom: 1px;
	padding: 0.5em 0.5em 0.5em 1.7em;
	border-bottom: 3px solid rgb(124, 195, 79);
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
.rank_box h3:before{
	content: "";
	position: absolute;
	background: rgb(94, 165, 49);
	top: 0;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}
.rank_box h3:after{
	content: "";
	position: absolute;
	background: rgb(64, 135, 19);
	top: 1.0em;
	left: 0;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
	-moz-transform: rotate(15deg);
	-webkit-transform: rotate(15deg);
	-o-transform: rotate(15deg);
	-ms-transform: rotate(15deg);
}
.rank {
	list-style: none;
	margin-top: 10px;
}
.rank dt {
	width: 400px;
	font-size : 15px;
	font-weight: bolder;
	margin-bottom : 7px;
	padding-top : 2px;
	padding-left : 8px;
	padding-bottom : 2px;
	line-height : 30px;
	vertical-align: bottom;
	border-bottom: dotted 2px rgb(124, 195, 79);
}
.rank dd {
	line-height : 1.8;
	margin-bottom : 15px;
	padding-left : 15px;
	padding-right : 15px;
	font-size: 0.9em;
}
#rank1  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: url("../image/site-info/r1.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#rank2  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: url("../image/site-info/r2.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#rank3  {
	position: relative;
	padding-left: 5px;
	top: -7px;
	margin-right : 7px;
	width: 40px;
	height: 40px;
	float: left;
	background: url("../image/site-info/r3.png") no-repeat center center;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#ranks  {
	position: relative;
	display:table-cell;
	padding-left: 5px;
	padding-top: 3px;
	top: -7px;
	margin-right : 7px;
	margin-left : 7px;
	margin-left : 7px;
	width: 32px;
	height: 32px;
	float: left;
	background: url("../image/site-info/rank.png") no-repeat center center;
	color: white;
	font-size: 0.8em;
	font-weight: bolder;
	border-radius: 50%;
	vertical-align: baseline;
	text-align: center;
	z-index: 1;
}
#ranks span  {
	vertical-align: bottom;
	display: table-cell;
	position: absolute;
	margin-top: 20%;
	margin-left: 10%;
}
/*******************************
* ランクの写真
********************************/
.rankpolaroids1 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	width: 300px;
}
.rankpolaroids1 h2 {
	margin: 0;
	width: 100%;
	padding: 0;
	display:inline-block;
	position: relative;
	top: 230px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	z-index: 10;

}
.rankpolaroids2 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
	width: 300px;
}
.rankpolaroids2 h2 {
	margin: 0;
	width:100%;
	padding: 0;
	display:inline-block;
	position: relative;
	top: 230px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	z-index: 10;
}
/*******************************
* チェックボックス
********************************/
input[type=checkbox] {
	display: inline-block;
	margin-right: 6px;
}
input[type=checkbox] + label {
	position: relative;
	display: inline-block;
	margin-right: 12px;
	font-size: 14px;
	line-height: 30px;
	color: gray;
	font-size: small;
}
input[type=checkbox] {
	display: none;
	margin: 0;
}
input[type=checkbox] + label {
	padding: 0 0 0 24px;
}
input[type=checkbox] + label::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-color: white;
}
input[type=checkbox] + label::before {
	border: 2px solid #c2ced2;
}
input[type=checkbox]:checked + label {
	color: black;
	font-size: small;
}
input[type=checkbox]:checked + label::after {
	content: "";
	position: absolute;
	top: 50%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	display: block;
}
input[type=checkbox]:checked + label::after {
	left: 3px;
	width: 16px;
	height: 8px;
	margin-top: -8px;
	border-left: 3px solid rgb(124, 195, 79);
	border-bottom: 3px solid rgb(124, 195, 79);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*******************************
* 文献リスト
********************************/
.team_pr_box ul li {
	position: relative;
}
.team_pr_box ul li::after,
.team_pr_box ul li::before {
	display: block;
	content: '';
	position: absolute;
}
.team_pr_box ul li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: rgb(124, 195, 79);
	border-radius: 100%;
}
.team_pr_box ul li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
/*******************************
* チームの写真
********************************/
.teampolaroids1 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	width: 300px;
}
.teampolaroids1 h2 {
	margin: 0;
	width: 100%;
	padding: 0;
	display:inline-block;
	position: relative;
	top: 230px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	z-index: 10;

}
.teampolaroids2 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 30px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	width: 300px;
}
.teampolaroids2 h2 {
	margin: 0;
	width:100%;
	padding: 0;
	display:inline-block;
	position: relative;
	top: 230px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	z-index: 10;
}
/*******************************
* データ用テーブル
********************************/
.countTbl {
	border-collapse: collapse;
	border-style: solid ;
	border-width: 2px;
	border-color: #333399;
	table-layout: table;
	font-family: 'Verdana';
	font-size: small;
}
.countTbl td {
	padding: 0.25em;
	background-color: cornsilk;
	color: black;
	border-style: solid ;
	border-width: 1px;
	border-color: black;
}
.countTbl th {
	padding: 0.25em;
	background-color: #6699CC;
	color : cornsilk;
	border-style: solid ;
	border-width: 1px;
	border-color: black;
	empty-cells: show;
	font-weight: normal;
}
/*******************************
* 写真集
********************************/
.polaroids1 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 40px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
}
.polaroids1 h2 {
	margin: 0;
	width: 150px;
	padding: 0;
	display:inline-block;
	position: absolute;
	/*top: 280px;*/
	bottom: 10px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	z-index: 10;
	width: 100%;
}
.polaroids2 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 40px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	transform: rotate(5deg);
}
.polaroids2 h2 {
	margin: 0;
	width:150px;
	padding: 0;
	display:inline-block;
	position: absolute;
	/*top: 280px;*/
	bottom: 10px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	-webkit-transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	transform: rotate(5deg);
	z-index: 10;
	width: 100%;
}
.polaroids3 p {
	display: block;
	margin: 0 auto;
	background: white;
	padding: 10px 10px 40px;
	-moz-box-shadow: 0 4px 10px #333;
	-webkit-box-shadow: 0 4px 10px #333;
	box-shadow: 0 4px 10px #333;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
	transform: rotate(-5deg);
}
.polaroids3 h2 {
	margin: 0;
	width:150px;
	padding: 0;
	display:inline-block;
	position: absolute;
	/*top: 280px;*/
	bottom: 10px;
	font-size: 100%;
	font-family:'azuki','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	text-align: center;
	vertical-align:middle;
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	transform: rotate(-5deg);
	z-index: 10;
	width: 100%;
}
/*******************************
* 左からの吹き出し
********************************/
/*.left_balloon {
	position: relative;
	background: #fff;
	border: 3px solid #97d4d9;
	margin-top: 10px;
	margin-left: 10px;
	padding: 10px;
	border-radius: 15px;
	clear: both;
	width: 600px;
	float: left;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 0.9em;
	line-height: 1.3em;
}
.left_balloon:after,
.left_balloon:before {
	right: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.left_balloon:after {
	border-color: rgba(255, 255, 255, 0);
	border-right-color: #fff;
	border-width: 7px;
	margin-top: -3px;
}
.left_balloon:before {
	border-color: rgba(0, 0, 0, 0);
	border-right-color: #97d4d9;
	border-width: 10px;
	margin-top: -7px;
}
.left_balloon_image {
	background:url("../image/site-info/megaphone_ok03.png") no-repeat center center;
	background-size: contain;
	min-width: 60px;
	min-height: 60px;
}*/
.team_pr_box > table {
	width: 100%;
}
/*
.left_balloon {
	position: relative;
	height: auto;
	background-color: #97d4d9;
	border: 2px solid #97d4d9;
	border-radius: 15px;
	padding: 15px 15px 15px 70px;
	margin-top: 20px;
	margin-left: 15px;
	margin-right: 15px;
	max-width: 500vw;
	min-height: 2.5em;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 1em;
	line-height: 1.3em;
	background-image: url("../image/site-info/megaphone_ok04.png");
	background-repeat : no-repeat;
	background-position : 2px 10px;
	vertical-align: middle;
}*/
.left_balloon {
	position: relative;
	height: auto;
	background-color: #97d4d9;
	border: 2px solid #97d4d9;
	border-radius: 15px;
	padding: 15px 15px 15px 70px;
	/*margin-top: 20px; */
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	max-width: 600vw;
	min-height: 2.5em;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 1em;
	line-height: 1.3em;
	background-image: url("../image/site-info/megaphone_ok04.png");
	background-repeat : no-repeat;
	/*background-position : 2px 10px;*/
	background-position: 5px calc(50% + 5px);
	vertical-align: middle;
}
.left_balloon > .commentnote {
	/*transform: scale(-1, 1);*/
	margin-left: 10px;
}
.left_balloon_image_mini {
	background-image: url("../image/site-info/megaphone_ok04.png");
	background-repeat : no-repeat;
	background-size: 45px !important;
	background-position:-2px 0 !important;
	margin: 0 10px 0 0;
	/*background-position : 2px 10px;
	min-width: 60px;
	min-height: 60px;*/
}
/*******************************
* 右からの吹き出し
********************************/
/*.right_balloon {
	position: relative;
	background: #fff;
	border: 3px solid #F6B496;
	margin-top: 10px;
	margin-right: 10px;
	padding: 10px;
	border-radius: 15px;
	clear: both;
	width: 600px;
	float: right;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 0.9em;
	line-height: 1.3em;
}
.right_balloon:after,
.right_balloon:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
}
.right_balloon:after {
	border-color: rgba(133, 226, 73, 0);
	border-left-color: #fff;
	border-width: 7px;
	margin-top: -3px;
}
.right_balloon:before {
	border-color: rgba(119, 119, 119, 0);
	border-left-color: #F6B496;
	border-width: 10px;
	margin-top: -7px;
}
.right_balloon_image {
	background:url("../image/site-info/megaphone_ng03.png") no-repeat center center;
	background-size: contain;
	min-width: 60px;
	min-height: 60px;
}*/
/*
.right_balloon {
	position: relative;
	height: auto;
	background: #F6B496;
	border: 2px solid #F6B496;
	border-radius: 15px;
	padding: 15px 15px 15px 70px;
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	max-width: 500vw;
	min-height: 2.5em;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 1em;
	line-height: 1.3em;
	background-image: url("../image/site-info/megaphone_ng04.png");
	background-repeat : no-repeat;
	background-position : 2px 10px;
	vertical-align: middle;
}*/
.right_balloon {
	position: relative;
	height: auto;
	background: #F6B496;
	border: 2px solid #F6B496;
	border-radius: 15px;
	/*padding: 15px 15px 15px 70px;*/
	padding: 15px 70px 15px 15px;
	margin-top: 10px;
/*	margin-bottom: 20px; */
	margin-left: 15px;
	margin-right: 15px;
	max-width: 600vw;
	min-height: 2.5em;
	font-family: 'azuki', 'ヒラギノ丸ゴ ProN W4','Hiragino Maru Gothic ProN','Meiryo UI','メイリオ','ＭＳ Ｐゴシック','sans-serif';
	font-size: 1em;
	line-height: 1.3em;
	background-image: url("../image/site-info/megaphone_ng05.png");
	background-repeat : no-repeat;
	/*background-position : 2px 10px;*/
	background-position: calc(100% - 2px) calc(50% + 5px);
	/*transform: scale(-1, 1);*/
	vertical-align: middle;
}
.right_balloon > .commentnote {
	/*transform: scale(-1, 1);*/
	margin-right: 10px;
}
.right_balloon_image_mini {
	background-image: url("../image/site-info/megaphone_ng05.png");
	background-repeat : no-repeat;
	background-size: 45px !important;
	background-position:-2px 0 !important;
	margin: 0 0 0 10px;
	/*transform: scale(-1, 1);*/
	/*background-position : 2px 10px;
	min-width: 60px;
	min-height: 60px;*/
}
/*******************************
* 割り込みを解除
********************************/
.clear_balloon{
  clear: both;
}
/*******************************
* 縦棒グラフ
********************************/
#tateG { border: none; width: 90%; height: 70px; margin-left: auto; margin-right: auto; background-color:white; }

/* カテゴリ部 */
#tateG th { text-align : center; color:maroon; border-top:solid  1px #9ca8a8; background-color:white; }

/* 要素ポップアップ */
#tateG td { bottom: 0; font:7px Verdana; width : 17px; text-align : center; vertical-align : bottom; }
#tateG td p { margin:0; padding:0 5px; display:block; text-align:right; }
#tateG td a { margin:0; padding:0; color:#fff !important; font:bold 10px Verdana; position:relative; text-decoration:none; display:block; cursor:default; }
#tateG td a b { margin:0; padding:2px 5px; color:#000; font:bold 10px Verdana; }
#tateG td a b { position:absolute; top:-13px; right:-40px; visibility:hidden; background:rgba( 255, 255, 255, 0.55 ); border:solid  1px #DB843E; width:120px; text-align:left; }
#tateG td a:hover,
#tateG td a:hover b{ visibility:visible; text-decoration:none; cursor:default; }

/* グラフ本体部 */
#td1_m { padding: 0; border:solid  1px #000; border-bottom:none; border-right:none; width : 1.7em; background-color:white; }
#td1_1 { padding: 0; border-right:dotted 1px #9ca8a8; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#td1_2 { padding: 0; border-right:solid  1px #9ca8a8; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#td2_1 { padding: 0; border-right:dotted 1px #9ca8a8; border-left : none; border-bottom : none; background-color:white; }
#td2_2 { padding: 0; border-right:solid  1px #9ca8a8; border-left : none; border-bottom : none; background-color:white; }
#td1_e { padding: 0; border-left : none; border-bottom : none; background-color: rgba(68, 170, 213, 0.1); }
#th_l { padding: 0; border-left:solid  1px #000;    border-bottom : none; border-right:solid  1px #9ca8a8; background-color: rgba(68, 170, 213, 0.1); }
#th_m { padding: 0; border-left:none;               border-bottom : none; border-right:solid  1px #9ca8a8; }
#th_r { padding: 0; border-left:none;               border-bottom : none; border-right:solid  1px #000; background-color: rgba(68, 170, 213, 0.1); }

/* グラフのメモリ */
.memori{ padding-bottom : 10px; *padding-bottom : 11px; font:10px Verdana; text-align : right; border-right :solid 1px #000; }

/* 手書きフォント の読み込み */
@font-face {
	font-family: 'BokutohRuikaKyohkan';
	src: url('./fonts/BokutohRuikaKyohkan.ttf');
	src: url('./fonts/BokutohRuikaKyohkan.eot');
	src: url('./fonts/BokutohRuikaKyohkan.eot?#iefix') format('embedded-opentype'),
	url('./fonts/BokutohRuikaKyohkan.woff') format('woff');
	url('./fonts/BokutohRuikaKyohkan.ttf') format('truetype');
}
@font-face {
	font-family: 'azuki';
	src: url('./fonts/azuki.ttf');
	src: url('./fonts/azuki.eot');
	src: url('./fonts/azuki.eot?#iefix') format('embedded-opentype'),
	url('./fonts/azuki.woff') format('woff');
	url('./fonts/azuki.ttf') format('truetype');
}
@font-face {
	font-family: 'Lets-go-Digital-Regular';
	src: url('./fonts/Lets-go-Digital-Regular.ttf');
	src: url('./fonts/Lets-go-Digital-Regular.eot');
	src: url('./fonts/Lets-go-Digital-Regular.eot?#iefix') format('embedded-opentype'),
	url('./fonts/Lets-go-Digital-Regular.woff') format('woff');
	url('./fonts/Lets-go-Digital-Regular.ttf') format('truetype');
}
@font-face {
	font-family: 'Segoe_Print';
	src: url('./fonts/Segoe_Print.ttf');
	url('./fonts/Segoe_Print.ttf') format('truetype');
}
@media screen and (max-width: 991px) {
	.left_balloon { background-image: unset; padding: 15px; }
	.frame > div, .frame > table { padding-left: 5px; }
	.right_balloon { background-image: unset; padding: 15px; }
	.gentbl { width: 100%; }
	.team_pr dd { padding-left: 5px; padding-right: 5px; }
	.graphtbl { width: 100%; }
}
@media screen and (max-width: 991px) and (orientation: portrait) {
	/*.frame { width: calc(100% - 140px) !important; }*/
	.frame_pre { background-size: 50px; background-position: 15px -10px ; left: -20px !important;}
	.frame { width: calc(100% - 50px) !important; left: 50px; padding: 10px 0 10px 10px; }
	.gentbl { width: 100%; }
	.graphtbl { width: 100%; }
	.team_pr dd { padding-left: 5px; padding-right: 5px; }
}
@media screen and (max-width: 991px) and (orientation: landscape) {
	.frame { width: calc(100% - 60px) !important; padding-left: 10px; padding-right: 20px; left: 70px; }
}
@media screen and (max-width: 330px) {
	.polaroids2 h2, .polaroids3 h2 { bottom: 4%; }
	.frame_pre { background-size: 45px; background-position: 15px -10px ; left: -20px !important;}
	.frame { width: calc(100% - 40px) !important; left: 40px; }
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 1) {
/* iPhone 3G/3GS CSS */
}
@media only screen and (max-device-width: 480px) and (-webkit-device-pixel-ratio: 2) {
/* iPhone 4 CSS */
}
@media screen  and (min-width: 481px) and  (max-width: 740px) {
/* 横幅を730pxで調整、marginとpaddingは余裕を残す */
}
@media screen (max-width: 481px) { /* 639px 以下 */
/* 横幅を100%で調整、marginとpaddingは削除してツメる */
}