/* 画像 
	---------------------------------------------------------*/
@media screen and (min-width: 768px) {

	.wideImage{
		width:100%;
		margin:10px 0;
	}

	.leftImage1{
		float: left;
		max-width: 50%;
		margin:10px;
	}

	.rightImage1{
		float: right;
		max-width: 50%;
		margin:10px;
	}

	.leftImage2{
		float: left;
		max-width: 47%;
		margin:10px;
	}

	.rightImage2{
		float: right;
		max-width: 47%;
		margin:10px;
	}

	.leftImage3{
		float: left;
		max-width: 30%;
		margin:10px;
	}
				.rowx {margin-left:30px;}

	.rightImage3{
		float: right;
		max-width: 30%;
		margin:10px;
	}
}

@media screen and (max-width: 768px) {

	.wideImage,
	.leftImage1, .rightImage1,
	.leftImage2, .rightImage2,
	.leftImage3, .rightImage3{
		width: 100%;
		margin:10px 0;
	}
}

	.titleImage{
		  max-width: 95%;
	}


h2 {
  text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;
}



/*---------- table ----------*/

	@media only screen and (min-width:1025px){
.info{
	margin-right: auto;
	margin-left: auto;
	width:800px;
	border: 2px #333 solid;
}

.info th{
	text-align: left;
	background-color:#eee;
	color:#333;
	padding: 5px;
	border: 1px #333 solid;
}

.info td{
	text-align: left;
	color:#333;
	padding: 5px;
	border: 1px #333 solid;
}
	}

	@media only screen and (max-width:1025px){
.info{
	margin-right: auto;
	margin-left: auto;
	width:100%;
	border: 2px #333 solid;
}

.info th{
	text-align: left;
	background-color:#eee;
	color:#333;
	padding: 5px;
	border: 1px #333 solid;
}

.info td{
	text-align: left;
	color:#333;
	padding: 5px;
	border: 1px #333 solid;
}
	}

div .page a {
	padding:3px 10px;
	font-size: 18px;
	background-color: #111;
	border:solid 1px #666;
}
div .page {
	margin-bottom:10px;
}

.bg-cover{
  /* 画像ファイルの指定 */
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
  background-attachment: fixed;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}

.bg-cover2{
  /* 画像ファイルの指定 */
   
  /* 画像を常に天地左右の中央に配置 */
  background-position: center center;
   
  /* 画像をタイル状に繰り返し表示しない */
  background-repeat: no-repeat;
   
  /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
		width:100%;
   
  /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
  background-size: cover;
   
  /* 背景画像が読み込まれる前に表示される背景のカラー */
  background-color: #464646;
}

.white-shadow {
  text-shadow: 1px 1px 0 #fff,
               -1px 1px 0 #fff,
               1px -1px 0 #fff,
               -1px -1px 0 #fff;
}
.black-shadow {
	color:#fff;
  text-shadow: 1px 1px 0 #000,
               -1px 1px 0 #000,
               1px -1px 0 #000,
               -1px -1px 0 #000;
}
.black-shadow a:hover {
				color: yellow !important;
  				text-shadow:none;
}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
					  right: 17px;
  bottom: -50px;
  					  bottom: -30px;
  background: #ef3f98;
					  background: #3f98ef;
					  background: #a4ba59;
					  background: #3cb371;
  opacity: 0.6;
  border-radius: 50%;
  						z-index: 10;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
					  top: -15px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


.pankuzu ul {
	margin: 0;
	padding: 20px 0 20px 0;
}
.pankuzu li {
	display: inline-block;
}
.pankuzu li a {
	text-decoration: none;
}
.pankuzu li a::after {
	content: ">";
	padding-left: 10px;
	padding-right: 10px;
}

.subline {
	height:1px;
	background-color:#888;
}


/* Pagination */
ul.pagination {
  cursor: default;
  list-style: none;
  padding-left: 0; }
  ul.pagination li {
    display: inline-block;
    padding-left: 0;
    vertical-align: middle; }
    ul.pagination li > .page {
      -moz-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -webkit-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      -ms-transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      transition: background-color 0.2s ease-in-out, color 0.2s ease-in-out;
      border-bottom: 0;
      border-radius: 0.375em;
      display: inline-block;
      font-size: 0.8em;
      font-weight: 600;
      height: 2em;
      line-height: 2em;
      margin: 0 0.125em;
      min-width: 2em;
      padding: 0 0.5em;
      text-align: center; }
      ul.pagination li > .page.active {
        background-color: #f56a6a;
        color: #ffffff !important; }
        ul.pagination li > .page.active:hover {
          background-color: #f67878; }
        ul.pagination li > .page.active:active {
          background-color: #f45c5c; }
/*
    ul.pagination li:first-child {
      padding-right: 0.75em; }
    ul.pagination li:last-child {
      padding-left: 0.75em; }
*/
/*  @media screen and (max-width: 480px) {
    ul.pagination li:nth-child(n+2):nth-last-child(n+2) {
      display: none; }
    ul.pagination li:first-child {
      padding-right: 0; } }*/