@charset "utf-8";
/* CSS Document */

header{
	padding:10px 20px;
	display:flex;
	flex-direction:row;
	justify-content:space-between;
     
}
/* ヘッダー部分（ロゴとナビ）の書式 */



.pcnavi{
   text-align: right;
   font-family: Montserrat, sans-serif;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;
   color: #000000;
}
.sumahonavi{
   text-align: right;
   font-family: Montserrat, sans-serif;
   font-weight: bold;
   font-size: 11px;
   white-space: nowrap;
   color: #000000;
}
/* ヘッダー部分（ナビ）の書式 */


.sumahonavi{
display: none;
}



@media (max-width: 700px) { /* 例: 画面幅が700px以下の場合に適用 */

/* ギャラリーページの本画像表示サイズの指定 */
.image-container {
    width: 100%; /* 親要素の幅いっぱいに広がるように設定 */
    /* 縦横比を固定 */
    aspect-ratio: 240 / 300;
}

.image-container img {
    width: 100%;
    height: 100%;
    /* 画像がコンテナにぴったり収まるように調整するプロパティ */
    object-fit: cover; 
}


.pcnavi{
display: none;
}

.sumahonavi{
display: block;
}

  .container {
    flex-direction: column; /* スマホ状態では要素を縦に並べる */
  }
  img {
    max-width: 100%; /* 画像が画面からはみ出さないようにする */
  }


}/* ここまでスマホで閲覧された場合の処理 */





.hov1{ text-decoration: none; }
.hov1:hover {text-decoration: underline; } /* ナビ部分の「home」 */

.hov2{ text-decoration: none; }
.hov2:hover {text-decoration: underline; } /* ナビ部分の「gallery」 */

.hov3{ text-decoration: none; }
.hov3:hover { text-decoration: underline; } /* ナビ部分の「about」 */

.hov4{ text-decoration: none; }
.hov4:hover {text-decoration: underline; } /* ナビ部分の「gallery-s」 */
/* ナビ部分にマウスカーソルが乗ると下線を表示 */






a  {
  text-decoration: none; /* 画像内のリンクの下線を消す */
  border: none; /* 古いブラウザ向けに画像の枠線も消す */
}