/* ###################################  ｍｅｄｉａ  ｑｕｅｒｉｅｓ ############################################ */
/* #      標準的なmediaqueries の breakpoint モバイルファースト                                             ### */
/* #  @media screen and (min-width: 489px{  for iphone landscape(iphone横)  ちなみに縦向きは(portrait mode) ### */
/* #  @media screen and (min-width: 768px) and (max-width: 1024px) {  for i-pad }                           ### */
/* #  @media screen and (min-width: 1024px) { for PC }                                                      ### */
/* ############################################################################################################ */
/* ################################### スマホ 対応 ############################################################ */
@charset "UTF-8";

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

/* 全体 */
body {
    overscroll-behavior: none;
    -moz-overscroll-behavior: none;
    -webkit-overscroll-behavior: none;
    -webkit-touch-callout:none; /* リンク長押しのポップアップを無効化 */
    -webkit-user-select:none; /* テキスト長押しの選択ボックスを無効化 */
    touch-callout:none; /* リンク長押しのポップアップを無効化 */
    user-select:none; /* テキスト長押しの選択ボックスを無効化 ventures*/
    scroll-behavior: smooth;
    -moz-scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
/*    font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif; */
/*    background: url("image/back_1.jpg") repeat scroll 0% 0% transparent; /* back_1.pngの画像は変更して下さいetc。 */
    font-size: 10%;
    -moz-font-size: 90%;
    -webkit-font-size: 90%;
  /*  width: auto; */
    width: 100%;
    margin: 0px auto;
  /*  margin: 0px auto; */
/*
    border: 2px solid #511717; /* 上ボーダーに10px、実線、茶色（#511717）を指定 
    border-top: 10px solid #511717;
*/
  text-size-adjust: 100%;    /* スマホ用文字の自動拡大無効化 */   
   }
   
/*  画像の画面収縮 */
img {
  max-width: 100%;
  -webkit-max-width: 100%;
  -moz-max-width: 100%;
  }
   
 
/* ======================= body 部分 =============================  */
 
header {
  width: auto;
 /* background-image: url(image/backimage.jpg); */
}

header h1  {    /* ヘッダ部分のタイトル */
  margin: 0px;
}

header h1 p {    /* ヘッダ部分の広告 */
  float: none;
  margin: 0px;
}

header nav  {   /* メインメニュー  */
  margin-left: -2em;
}
header nav ul {   /* メインメニュー  */
  width: auto; /* 幅を940pxに指定 */
  list-style-type: none; /* リストマーカーを消す */
}

header nav ul li {
  width: 16%; /* 幅を16%に指定 */
  height: auto;
  float: left;
  box-sizing: border-box; /* ボーダーの幅を50%に含める */
  border: 1px solid white;
  background-color: #003200;
}

header nav li a {
  text-align: center;
  text-decoration: none; /* 下線を消す */
  padding: .7em 0em; /* パディング 上下10px 左右0px */
  display: block; /* ブロックレベル表示 */
  color: white;
}
  header nav ul li a:hover, /* カーソルを乗せた時 */
  header nav ul li a:active, /* クリックした時 */
  header nav ul li a.current  { /* 現在ページの時 */
  background-color: green;
}


/* パンくずリスト */
#bread_crumb  {
  margin: 0.5em 0em 0em 2em;
  border: none;
}
#bread_crumb ol {
  padding-left: 0em;
  margin: 0em;
}
#bread_crumb ol li {
  display: inline;
  font-size: 80%;
}
#bread_crumb  li:after {
  padding: 0em .4em 0em 1em;
  content: ">";   /* 大なり記号を挿入 */
}
#bread_crumb  li:last-child:after { /* 最後のli要素の後ろ */
  content: none;
}
#bread_crumb ol  a:link {,
/*#bread_crumb ol  a:visited {*/
  color: green;
}


/*  -------------------------------------------------------------------- */  
  
  /* サイトの概説 */
  
#site_gaisetu {
  border: 1px rgb(185,205,229) solid;
  margin: 1em 0em;
  color: blue;
  float: none;
  width: auto;
  height: auto;
}

  /* 新着情報 */
#new_info  {
  border: 2px black dotted;
  float: none;
  width: auto;
}
 
#new_info  ul {
  }
 
#new_info ul li {
  padding: 0.2em 0em;
  margin: 0em 0em;
  list-style-type: none;
  font-size:  100%;
  }

  /* 画像リンク部分 */
#img_link  {
  border: 0px rgb(185,205,229) solid;
  width: 100%;
  height: auto;
/*  padding: 0px auto; */
  margin: 0em 0em 0em -1em;
  }
#img_link  ul {
  list-style-type: none; /* リストマーカーを消す */
}
#img_link  ul li {
  width: 14%; /* 幅を149pxに指定 */
  float: left;
  border: 0px solid blue;
  padding: 0em .2em;
  margin: 0em 0em 0em 0em;
}
#img_link ul li a {
  text-align: center;
  text-decoration: none; /* 下線を消す */
  display: block; /* ブロックレベル表示 */
  color: blue;
}

#img_link ul li img {
  text-decoration: none; /* 下線を消す */
  border: 1px solid blue;
  color: blue;
}
#img_link ul li a:hover, /* カーソルを乗せた時 */
#img_link ul li a:active, /* クリックした時 */
#img_link ul li a.current  { /* 現在ページの時 */
  background-color: green;
}
/* ------------------------------------------------------- */
/* 記事全体 */
main {
background-color: white;
}


#center     {    /* 中央部分 */
    margin: 0px 0px 10px 10px;
    width: auto;
    color: rgb(0,112,192);
    float: none;
    border-top: 0px;
    background-color: white;
/*    border: 1px #ccffff solid; */
}

#center {   /*  記事全体 */
    margin: 0px 0px 10px 0px;
    color: rgb(0,112,192);
    border: 1px rgb(0,112,192) solid;
    border-top: 0px;
/*    border: 1px #ccffff solid; */
}

#center h1   {
    margin: 0px 4px 10px 0px;
    padding: 6px 4px;
 /*   color: rgb(0,112,192); */
    color: black;
    background-color: rgb(185,205,229);
    border: 1px rgb(149,179,215) solid;
    font-size: 130%;
}

section  h1,h2,h3,h4,h5,h6,p {
  margin: 0px 4px 10px 4px;
  padding: 4px 4px;
  font-size: 100%;
  line-height: 1.7em;
  
}


#center section  {
    margin: 0px 10px 10px 10px;
    color: rgb(0,112,192);
    border: 1px #cce5ff solid;
    border-top: 0px;
}
#center section  h1 {
    margin: 0px 0px 0px 0px;
    color: black;
    background-image: url(image/image.png);
}
#center section  iframe {
    width: 100%;
    height: 50em;
    margin: 0em 0em;
    border: 1px blue solid;
}


  
/* 左サイドバー */
#left {
    width: auto;
    margin: 0px 0px 0px 10px;
}

.link {
    margin: 0px 0px 10px 0px; 
    border: 1px rgb(0,176,80) solid;
    background-color: rgb(235,241,222);
}

.link h2 {
    margin: 0px;
    padding: 6px 4px 6px 4px;
    background-color: rgb(146,208,80);
    font-size: 130%;
}

.link ul {
    margin: 8px 0px;
    padding: 0px 4px;
}

.link li {
    padding: 4px 0px;
    list-style-type: none;
}
.blink {
  animation: blinkAnime 1s infinite alternate;
}
@keyframes blinkAnime{
   0% { color: white }
 100% { color: red }
}
.blink2{
  animation: blink2Anime 1s infinite alternate;
}
@keyframes blink2Anime{
   0% { color: #ffff00 }
 100% { color: #000000 }
}

.advertisement img {
margin: 0px 0px 10px 0px;
border: none;
}
  /* ページトップへ */
  .page_top {
    text-align: center;
    margin-top: 100px;
    margin-bottom: 0px;
  }
  .page_top a {
    padding-top: 4px;
    border: none;
    border-top: 4px solid #511717;
    color: #511717;
    text-decoration: none;
  }
  #page_top {
    padding-top: 4px;
    border: none;
    border-top: 4px solid #511717;
    color: #511717;
  }
  /* フッター */

  footer {
   padding: 10px 0px;
   margin: 0px auto 0px auto;
   text-align: center;
   background-color: #511717;
   color: white;
  }
  footer li  {
    display: inline-block;
    width: auto;
    padding: 10px 0px;
  } 
  footer li a {
    color: white;
  } 
  /* 回り込み解除 */
  .clear {
  clear:both;
  }
  
  /* 広告 */
  .advertisement {
  margin: 0px  20px 10px 0px;
  }
  
  .advertisement img {
  margin: 0px 0px 10px 0px;
  border: none;
}
.text-divider {
  display: flex;
  align-items: center;
}
.text-divider::before,
.text-divider::after {
  content: '';
  height: 5px;
  background-color: #ccc;
  flex-grow: 1;
}

  /* イメージの枠削除 */
  img {
  border:none;
  }
  
/* }*/
/* @media only screen and (-webkit-min-device-pixel-ratio: 2) {
  device-width: 1536px;;
  device-height: 2152px;
  max-height:80%; */
}