@charset "utf-8";
/*--------------------------------------------------------------------------------------------*/
/*メイン                                                                                      */
/*--------------------------------------------------------------------------------------------*/
.cs_main h3,
.cs_main h4,
.cs_main h5,
.cs_main div,
.cs_main hr {
	margin-bottom: 60px;
}
/*------------------------------------------------------------------------------------------------*/
/* 大見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h3 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	font-size: x-large;
}
@media (-ms-high-contrast: none) {
.cs_main h3 {
	-webkit-transform: rotate(.03deg);
	transform: rotate(.03deg);
	font-weight: 700;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 中見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h4 {
	font-size: large;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
	background-image: url(../images/midashi_m.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding-top: 32px;
	padding-bottom: 28px;
}
@media (-ms-high-contrast: none) {
.cs_main h4 {
	-webkit-transform: rotate(.03deg);
	transform: rotate(.03deg);
	font-weight: 700;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 小見出し                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main h5 span {
	color: white;
	font-size: large;
	font-weight: bold;
	padding: 10px 30px;
	background-color: #442;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
/*------------------------------------------------------------------------------------------------*/
/* 見出し画像                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_midashi_image img {
	text-align: center;
	border: solid 1px #CCC;
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
}
/*------------------------------------------------------------------------------------------------*/
/* 表                                                                                             */
/*------------------------------------------------------------------------------------------------*/
.pb_table table {
	border-collapse: collapse;
	border-right: solid 1px #A85;
	border-bottom: solid 1px #A85;
	width: 100%;
}
.pb_table table  tr th,
.pb_table table  tr td {
	padding: 20px;
	font-size: medium;
	border-top: solid 1px #A85;
	border-left: solid 1px #A85;
}
.pb_table table  tr th {
	background-color: #CB9;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.pb_table table  tr td {
	background-color: white;
}
@media (max-width:420px) {
.pb_table table tr th,
.pb_table table tr td {
	display: block;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 行テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_line_text {
	font-size: large;
	line-height: 2;
}
/*------------------------------------------------------------------------------------------------*/
/* 段テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_rich_text {
	font-size: large;
	line-height: 2;
	padding: 40px;
	background-color: #FCF9EB;
	background-image: url(../images/bg7.png);
	background-repeat: repeat-y;
	background-position: right;
	border-top: double 3px #ED8;
	border-bottom: double 3px #ED8;
}
/*------------------------------------------------------------------------------------------------*/
/* 右テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_right_text {
	text-align: right;
}
/*------------------------------------------------------------------------------------------------*/
/* 中テキスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_mid_text {
	font-size: large;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	text-align: center;
}
@media (-ms-high-contrast: none) {
.pb_mid_text {
	-webkit-transform: rotate(.03deg);
	transform: rotate(.03deg);
	font-weight: 700;
}
}
/*------------------------------------------------------------------------------------------------*/
/* メイン画像                                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_main_image img {
	border: solid 1px #CCC;
}
@media (min-width:802px) {
.pb_main_image {
	text-align: center;
}
.pb_main_image img {
	width: 800px;
	height: auto;
}
}
@media (max-width:801px) {
.pb_main_image img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
}
}
/*------------------------------------------------------------------------------------------------*/
/* 画像リスト                                                                                     */
/*------------------------------------------------------------------------------------------------*/

.pb_image_list img {
	border: solid 1px #CCC;
}
.pb_image_list table tr th {
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight: normal;
	text-align: left;
}
/*中間サイズ*/
@media (max-width:1159px) and (min-width:960px) {
.pb_image_list {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
}
@media (min-width:1160px) {
.pb_image_list table {
	width : 360px;
	margin-right: 40px;
}
.pb_image_list img {
	width : 360px;
}
.pb_image_list table:last-child {
	margin-right: 0px;
}
}
@media (max-width:1159px) and (min-width:420px) {
.pb_image_list table {
	width : 300px;
	margin-right: 30px;
}
.pb_image_list img {
	width : 300px;
}
.pb_image_list table:last-child {
	margin-right: 0px;
}
}
/*フレックスボックス*/
@media (min-width:420px) {
.pb_image_list {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow: row wrap;
	align-items: flex-start;
	justify-content: flex-start;
}
}
@media (max-width:419px) {
.pb_image_list table {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.pb_image_list img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
}
}
/*トリミング*/
.cs_trim {
	overflow: hidden;
	width: 360px;
	height: 509px;
	position: relative;
}
.cs_trim img {
	position: absolute;
	height: 509px;
	width: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 1;
}
@media (-ms-high-contrast: none) {
.cs_trim img {
	-ms-transform: translate(-50%, 0%);
}
}
/*画像タイトル*/
.cs_trim h6 {
	position: absolute;
	color: white;
    bottom  :   5px;
    right   :   10px;
	z-index: 10;
    font-size:1.0em;
    letter-spacing: 3px;
    text-shadow: 1px 0px 1px #000000,
                -1px 1px 1px #000000,
                 1px -1px 1px #000000,
                -1px -1px 1px #000000;
}
/*------------------------------------------------------------------------------------------------*/
/* 画像テキスト、テキスト画像                                                                     */
/*------------------------------------------------------------------------------------------------*/
.pb_image_text h6,
.pb_text_image h6 {
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: x-large;
	background-color: #FCF9EB;
	padding-top: 5px;
	padding-bottom: 3px;
	margin-bottom: 10px;
	border-top: solid 1px #520;
	border-bottom: solid 1px #520;
}
@media (min-width:420px) {
.pb_image_text h6,
.pb_text_image h6 {
	padding-left: 10px;
}
}
@media (-ms-high-contrast: none) {
.pb_image_text h6,
.pb_text_image h6 {
	-webkit-transform: rotate(.03deg);
	transform: rotate(.03deg);
	font-weight: 700;
}
}
.pb_image_text img,
.pb_text_image img {
	border: solid 1px #CCC;
}
@media (min-width:420px) {
.pb_image_text table,
.pb_text_image table {
	width : 400px;
}
.pb_image_text img,
.pb_text_image img {
	width : 400px;
	height: auto;
}
.pb_image_text table {
	float: left;
	margin-right: 20px;
}
.pb_text_image table {
	float: right;
	margin-left: 20px;
}
.pb_image_text:after,
.pb_text_image:after {
	content: "";
	display: block;
	clear: both;
}
}
@media (max-width:419px) {
.pb_image_text table,
.pb_text_image table {
	width: 100%;
}
.pb_image_text img,
.pb_text_image img {
	width: 100%;
	width: -webkit-calc(100% - 2px);
	width: calc(100%-2px);
	height: auto;
	border: solid 1px #CCC;
}
.pb_image_text table,
.pb_text_image table {
	margin-left: auto;
	margin-right: auto;
}
.pb_image_text h6,
.pb_text_image h6 {
	margin-top: 10px;
	text-align: center;
}
}
.pb_image_text p,
.pb_text_image p {
	font-size: large;
	line-height: 2;
}
/*------------------------------------------------------------------------------------------------*/
/* 添付ファイル                                                                                   */
/*------------------------------------------------------------------------------------------------*/
.pb_file a {
	text-decoration: underline;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.pb_file a:link,
.pb_file a:visited {
	color: blue;
}
.pb_file span {
	padding: 0 5px;
	font-size: small;
	width: 35px;
	display: inline-block;
	text-align: center;
	margin-right: 5px;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.pb_pdf  {border: solid 1px black;color:#fff;background-color: red;}
.pb_doc  {border: solid 1px black;color:#fff;background-color: blue;}
.pb_docx {border: solid 1px black;color:#fff;background-color: blue;}
.pb_xls  {border: solid 1px black;color:#fff;background-color: green;}
.pb_xlsx {border: solid 1px black;color:#fff;background-color: green;}
.pb_csv  {border: solid 1px black;color:#fff;background-color: green;}
.pb_ppt  {border: solid 1px black;color:#fff;background-color: orange;}
.pb_pptx {border: solid 1px black;color:#fff;background-color: orange;}
.pb_png  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_jpeg {border: solid 1px black;color:#fff;background-color: gray;}
.pb_gif  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_jpg  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_bmp  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_txt  {border: solid 1px black;color:#fff;background-color: gray;}
.pb_url  {border: solid 1px #9bd;color:#139;background-color: #eef;}
.pb_rtf  {border: solid 1px black;color:black;background-color: #fff;}
.pb_zip  {border: solid 1px black;color:black;background-color: #fff;}
/*------------------------------------------------------------------------------------------------*/
/* リンク                                                                                         */
/*------------------------------------------------------------------------------------------------*/
.pb_link a {
	font-size: large;
	text-decoration: underline;
	overflow-wrap: break-word;
	word-wrap: break-word;
}
.pb_link a:link,
.pb_link a:visited {
	color: blue;
}
/*------------------------------------------------------------------------------------------------*/
/* 埋め込みコード                                                                                 */
/*------------------------------------------------------------------------------------------------*/
.pb_code {
	text-align: center;
}
/*------------------------------------------------------------------------------------------------*/
/* 仕切り線                                                                                       */
/*------------------------------------------------------------------------------------------------*/
.cs_main hr {
	/*background-color: #974;*/
	background-image: url(../images/line.png);
	background-repeat: repeat-x;
	border: 0;
	width: 100%;
	height: 7px;
}
