@charset "utf-8";    /* 下記のコメントより後では適用されない */
/*
 * 赤穂塩田資料公開システム
 * 共通CSS
 * Description: サイト共通のCSSを記述。
 * Copyright (C) City of Ako
 * Date: 2022/03/08
 */

/******************************************************************************
 * 1-xx: Webフォント設定
 ******************************************************************************/

/* マキナス4 Square */
/* URL: https://moji-waku.com/makinas/index.html */
@font-face {
    font-family: 'Makinas-Square';
    src: url('../../fonts/Makinas-4-Square.otf');
  }
  
  /* Noto Sans JP Light */
  /* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
  @font-face {
    font-family: 'Noto Sans JP Light';
    src: url('../../fonts/NotoSansJP-Light.otf');
  }
  
  /* Noto Sans JP Medium */
  /* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
  @font-face {
    font-family: 'Noto Sans JP Medium';
    src: url('../../fonts/NotoSansJP-Medium.otf');
  }
  
  /* Noto Sans JP Thin */
  /* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
  @font-face {
    font-family: 'Noto Sans JP Thin';
    src: url('../../fonts/NotoSansJP-Thin.otf');
  }
  
  /* Noto Sans JP */
  /* URL: https://fonts.google.com/noto/specimen/Noto+Sans+JP */
  @font-face {
    font-family: 'Noto Sans JP';
    src: url('../../fonts/NotoSansJP-Regular.otf');
  }

img {
    image-rendering: -webkit-optimize-contrast;
}  


/* サイト共通のフォント設定 */
html {
    font-size: 11pt;
    font-family: 'Meiryo', sans-serif;
}

body {
    margin:0px;          /* ページ全体のmargin */
    padding:0px;         /* ページ全体のpadding */
    /*text-align:center; */  /* 下記のautoに未対応用のセンタリング */
}

#main {
    margin-left:auto;    /* 左側マージンを自動的に空ける */
    margin-right:auto;   /* 右側マージンを自動的に空ける */
    text-align:left;     /* 中身を左側表示に戻す */
}

/* サイト共通の横幅と中央表示 */
header {
    margin-right: auto;
    margin-left: auto;
}


.isan-logo {
    height: 200px;
    position: relative;

}

.isan-logo img {
    position:fixed;
    bottom:80px;
    right:10px;
    width:100px;
}

.img-border {
    border: 3px solid rgba(0, 0, 0, 0.1);
    box-sizing: border-box;
}

/* 画像のトリミング */
/* パワポで使用されていいるスライド画像のヘッダーを削除 */
.img-trim {
    width: 1280px; height: 640px;
    object-fit:none;
    object-position:80% 100%;
}


.copylight-main {
    position:fixed;
    bottom:10px;
    right:20px;
    width:400px;
    margin-top: 100px;
    border-top:  1px solid #ff0000;
}

.copylight-text {
    font-size: 8pt;
    font-family: 'Noto Sans JP';
    text-align: right;
}

#goto_top {

    position: fixed;
    left: 10px;
    bottom: 10px;
}

#goto_top a {
    width: 60px;
    height: 60px;
    border-radius: 60px;
    background: #adadada9;
    display: block;
    color: #ffffff;
    text-align: center;
    line-height: 60px;
    text-decoration: none;
    font-size: 8pt;
    font-weight: bold;
    font-family: 'Noto Sans JP Light';
} 

.br-sp {
    display: none;
}


/*========= レイアウトのためのCSS ===============*/
@media only screen and (max-width: 768px) {

    .isan-logo {
        height: 200px;
        position: relative;
    }
    
    .isan-logo img {
        position:fixed;
        bottom:80px;
        right:10px;
        width:70px;
        border: 1px solid #000000;
    }
    
    .copylight-main {
        position:fixed;
        bottom:10px;
        right:20px;
        width:280px;
        margin-top: 100px;
        border-top:  1px solid #ff0000;
    }

    .br-sp {
        display: block;
    }
}


/*========= レイアウトのためのCSS ===============*/
@media only screen and (max-width: 480px) {

    .isan-logo {
        height: 200px;
        position: relative;
    }
    
    .isan-logo img {
        position:fixed;
        bottom:80px;
        right:10px;
        width:70px;
        border: 1px solid #000000;
    }
    
    .copylight-main {
        position:fixed;
        bottom:10px;
        right:20px;
        width:280px;
        margin-top: 100px;
        border-top:  1px solid #ff0000;
    }

    .br-sp {
        display: block;
    }
}