@charset "utf-8";
/********************************/
/*           小見出し           */
/********************************/
main h6 {
    font-size: 1.4rem;
    margin-bottom: 20px;
}
/********************************/
/*          見出し画像          */
/********************************/
.pb_midasiimg {
    margin-bottom: 20px;
    position: relative;
}
.pb_midasiimg img {
    border: solid 1px #CCC;
}
/*
@media (min-width:652px) {
.pb_midasiimg {
    width: 652px;
}
}
*/
@media (max-width:651px) {
.pb_midasiimg,
.pb_midasiimg img {
    width: 100%;
}
}
.pb_midasiimg_title,
.pb_midasiimg_txt {
    font-size: 1.6rem;
    position: absolute;
    text-shadow: 
        var(--bgColor) 2px 0px,  var(--bgColor) -2px 0px,
        var(--bgColor) 0px -2px, var(--bgColor) 0px 2px,
        var(--bgColor) 2px 2px , var(--bgColor) -2px 2px,
        var(--bgColor) 2px -2px, var(--bgColor) -2px -2px,
        var(--bgColor) 1px 2px,  var(--bgColor) -1px 2px,
        var(--bgColor) 1px -2px, var(--bgColor) -1px -2px,
        var(--bgColor) 2px 1px,  var(--bgColor) -2px 1px,
        var(--bgColor) 2px -1px, var(--bgColor) -2px -1px;
}
.pb_midasiimg_title {
    top: 10px;
    left: 20px;
}
.pb_midasiimg_txt {
    bottom: 10px;
    right: 20px;
}
/********************************/
/*            テキスト          */
/********************************/
.pb_linetxt {
    font-size: 1.2rem;
    line-height: 2.0;
    margin-bottom: 25px;
}
/********************************/
/*           右テキスト         */
/********************************/
.pb_linetxt_right {
    text-align: right;
}
/********************************/
/*           中テキスト         */
/********************************/
.pb_linetxt_center {
    text-align: center;
}
/********************************/
/*               表             */
/********************************/
.pb_table {
    margin-bottom: 25px;
}
.pb_table table {
    border-right: solid 1px var(--color);
    border-bottom: solid 1px var(--color);
}
.pb_table table tbody tr th {
    background-color: var(--dark-bgcolor);
}
.pb_table table tbody tr th,
.pb_table table tbody tr td {
    padding: 20px;
    font-size: 1.2rem;
    line-height: 2.0;
    word-break: break-all;
    border-top: solid 1px var(--color);
    border-left: solid 1px var(--color);
}
@media (max-width:430px) {
.pb_table table {
    width: 100%;
}
.pb_table table tbody tr th,
.pb_table table tbody tr td {
    display: block;
}
}
/********************************/
/*           メイン画像         */
/********************************/
.pb_mainimg {
    margin-bottom: 25px;
}
@media (min-width:802px) {
.pb_mainimg table {
/*    width: 802px;*/
    margin: 0 auto;
}
}
@media (max-width:801px) {
.pb_mainimg table,
.pb_mainimg table tbody tr td img {
    width: 100%;
}
}
.pb_mainimg table tbody tr th,
.pb_mainimg table tbody tr td {
    font-size: 1.2rem;
    word-break: break-all;
}
.pb_mainimg table tbody tr th {
    line-height: 2.0;
}
.pb_mainimg table tbody tr td img {
    border: solid 1px #CCC;
}
/********************************/
/*           画像リスト         */
/********************************/
.pb_imglist {
    margin-bottom: 5px;
}
.pb_imglist > div {
    display: flex;
    flex-flow: row wrap;
}
@media (min-width:868px) {
.pb_imglist > div {
    width: 868px;
    margin: 0 auto;
}
.pb_imglist > div table {
    margin-right: 20px;
}
.pb_imglist > div table:last-of-type {
    margin-right: 0px;
}
.pb_imglist > div table {
    width: 202px;
}
}
@media (max-width:867px) and (min-width:444px) {
.pb_imglist > div {
    width: 100%;
}
.pb_imglist > div table {
    margin-right: 20px;
}
.pb_imglist > div table:last-of-type {
    margin-right: 0px;
}
.pb_imglist > div table {
    width: 202px;
}
}
@media (max-width:443px) {
.pb_imglist > div {
    width: 100%;
}
/*
.pb_imglist > div table {
    margin-left: auto;
    margin-right: auto;
}
*/
.pb_imglist > div table {
    width: 43%;
    margin-left: 10px;
    margin-right: 10px;
}
.pb_imglist table tbody tr td img {
    width: 100%;
}
}
.pb_imglist > div table {
    margin-bottom: 20px;
}
.pb_imglist table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_imglist table tbody tr th,
.pb_imglist table tbody tr td {
    font-size: 1.2rem;
    word-break: break-all;
}
.pb_imglist table tbody tr th {
    line-height: 2.0;
}
/********************************/
/*           サムネイル         */
/********************************/
.pb_thumbnail {
    margin-bottom: 5px;
}
@media (min-width:976px) {
.pb_thumbnail > div {
    width: 976px;
    margin: 0 auto;
    display: flex;
    flex-flow: row wrap;
}
}
@media (max-width:975px) {
.pb_thumbnail > div {
    width: 100%;
    display: flex;
    flex-flow: row wrap;
}
}
.pb_thumbnail > div table {
    width: 102px;
    margin: 0 10px 20px 10px;
}
.pb_thumbnail table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_thumbnail table tbody tr th,
.pb_thumbnail table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_thumbnail table tbody tr th {
    line-height: 1.5;
}
/********************************/
/*          画像テキスト        */
/********************************/
.pb_imgtxt {
    margin-bottom: 5px;
}
.pb_imgtxt > div {
    margin-bottom: 20px;
}
@media (min-width:431px) {
.pb_imgtxt {
    display: flex;
}
.pb_imgtxt table {
    margin-right: 20px;
}
}
@media (max-width:430px) {
.pb_imgtxt table {
    margin: 0 auto;
}
}
/*
@media (min-width:402px) {
.pb_imgtxt table {
    width: 402px;
}
}
*/
@media (max-width:401px) {
.pb_imgtxt table,
.pb_imgtxt table tbody tr td img {
    width: 100%;
}
}
.pb_imgtxt table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_imgtxt table tbody tr th,
.pb_imgtxt table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_imgtxt table tbody tr th {
    line-height: 1.5;
}
.pb_imgtxt > div > h6 {
    margin-bottom: 5px;
}
.pb_imgtxt > div > p {
    font-size: 1.2rem;
    line-height: 2.0;
}
/********************************/
/*          テキスト画像        */
/********************************/
@media (min-width:431px) {
.pb_txtimg {
    margin-bottom: 25px;
}
.pb_txtimg table {
    margin-left: 20px;
    float: right;
}
}
@media (max-width:430px) {
.pb_txtimg {
    margin-bottom: 5px;
}
.pb_txtimg > p {
    margin-bottom: 20px;
}
.pb_txtimg table {
    margin: 0 auto 20px;
}
}
/*
@media (min-width:402px) {
.pb_txtimg table {
    width: 402px;
}
}
*/
@media (max-width:401px) {
.pb_txtimg table,
.pb_txtimg table tbody tr td img {
    width: 100%;
}
}
.pb_txtimg table tbody tr td img {
    border: solid 1px #CCC;
}
.pb_txtimg table tbody tr th,
.pb_txtimg table tbody tr td {
    font-size: 1.0rem;
    word-break: break-all;
}
.pb_txtimg table tbody tr th {
    line-height: 1.5;
}
.pb_txtimg > h6 {
    margin-bottom: 5px;
}
.pb_txtimg > p {
    font-size: 1.2rem;
    line-height: 2.0;
}
.pb_txtimg:after {
    content: "";
    clear: both;
    display: block;
}
/********************************/
/*     添付ファイル、リンク     */
/********************************/
.pb_link {
    padding-left: 20px;
    margin-bottom: 25px;
    box-sizing: border-box;
    word-break: break-all;
}
.pb_link span {
    padding: 0 5px;
    width: 65px;
    display: inline-block;
    text-align: center;
    margin-right: 10px;
    font-family: "メイリオ", Meiryo, sans-serif;
    box-sizing: border-box;
    font-size: 0.9rem;
}
.pb_pdf  {border: solid 1px var(--black);color:var(--white);background-color: var(--red);}
.pb_doc  {border: solid 1px var(--black);color:var(--white);background-color: var(--blue);}
.pb_docx {border: solid 1px var(--black);color:var(--white);background-color: var(--blue);}
.pb_xls  {border: solid 1px var(--black);color:var(--white);background-color: var(--green);}
.pb_xlsx {border: solid 1px var(--black);color:var(--white);background-color: var(--green);}
.pb_csv  {border: solid 1px var(--black);color:var(--white);background-color: var(--green);}
.pb_ppt  {border: solid 1px var(--black);color:var(--white);background-color: var(--orange);}
.pb_pptx {border: solid 1px var(--black);color:var(--white);background-color: var(--orange);}
.pb_png  {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_jpeg {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_gif  {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_jpg  {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_bmp  {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_txt  {border: solid 1px var(--black);color:var(--white);background-color: var(--gray);}
.pb_url  {border: solid 1px var(--blue); color:var(--blue); background-color: var(--lightcyan);}
.pb_rtf  {border: solid 1px var(--black);color:var(--black);background-color: var(--white);}
.pb_zip  {border: solid 1px var(--black);color:var(--black);background-color: var(--white);}
/********************************/
/*          埋込コード          */
/********************************/
.pb_code {
    margin-bottom: 25px;
}
.pb_code ol li,
.pb_code ul li {
     margin-left: 50px;
}
.pb_code ol li a,
.pb_code ul li a {
    word-break: break-all;
}
/********************************/
/*           仕切り線           */
/********************************/
.pb_hr {
    margin-bottom: 25px;
}
.pb_hr hr {
    border: 0;
    height: 10px;
    color: var(--dark-bgcolor);
    background-image: linear-gradient(90deg, var(--dark-bgcolor), var(--dark-bgcolor) 33.33%, transparent 33.33%, transparent 100%);
    background-size: 3px 100%;
}
/********************************/
/*             動画             */
/********************************/
.pb_video {
    margin-bottom: 25px;
}
.pb_video video {
    vertical-align:bottom;
}
/********************************/
/*            ボタン            */
/********************************/
.pb_button {
    text-align: center;
    margin-bottom: 25px;
}
.pb_button button {
    padding: 10px 0;
    border-radius: 25px;
    border: solid 1px #CCC;
    box-shadow: 0 3px #EEE;
    color: var(--bgColor);
    background-color: var(--dark-bgcolor);
    font-size: 1.1rem;
}
.pb_button button {
    width: 70%;
}
.pb_button button:hover {
    text-decoration: underline;
    cursor: pointer;
    opacity: 1;
}
.pb_button button:active {
  box-shadow: none;
  position: relative;
  top: 3px;
}