@charset "utf-8";
body {
	font: 100%/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	background-color: #CFCFCF;
	padding: 0;
	color: #000;
	/*
	margin-bottom: 5px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 5px;
	*/
}
/* ~~ エレメント / タグセレクター ~~ */
ul, ol, dl { /* ブラウザー間の相違により、リストの余白とマージンをゼロにすることをお勧めします。一貫性を保つために、量をここで指定するか、リストに含まれるリスト項目 (LI、DT、DD) で指定できます。より詳細なセレクターを記述しない限り、ここで指定する内容が .nav リストにも適用されることに注意してください。 */
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	 /* 上マージンを削除すると、マージンを含む block からマージンがはみ出す場合があるという問題を回避できます。残った下マージンにより、後続のエレメントからは離されます。 */
	padding-right: 15px;
	padding-left: 0px; /* block 自体ではなく block 内でエレメントの両側に余白を追加すると、ボックスモデル計算が不要になります。代わりに、両側に余白を指定した block をネストして使用することもできます。 */
	padding-top: 0px;
	padding-bottom: 0px;
}

a img { /* このセレクターは、一部のブラウザーでイメージをリンクで囲んだ場合にイメージの周囲に表示される初期設定の青いボーダーを削除します。 */
	border: none;
}

/* ~~ この固定幅コンテナが他のすべての block を囲みます。~~ */
.container {
	background-color: #FFFFFF;
	margin: 0 auto;
	padding-left: 0px;
	padding-right: 0px;
}

/*HTML5 サポート - 新しい HTML5 タグを display:block に設定します。これにより、ブラウザーでタグが適切にレンダリングされます。 */
header, section, footer, aside, article, figure {
	display: block;
}

/*リンクアクションを無効にする*/
.no-links{
	pointer-events: none;
	cursor: default;
	text-decoration:none;
}

/*　Honoka のベース設定　ここから*/
.bs-component + .bs-component {
    margin-top: 1rem;
  }
  @media (min-width: 768px) {
    .bs-docs-section {
      margin-top: 1em;
    }
    .bs-component {
      position: relative;
    }
    .bs-component .modal {
      position: relative;
      top: auto;
      right: auto;
      bottom: auto;
      left: auto;
      z-index: 1;
      display: block;
    }
    .bs-component .modal-dialog {
      width: 90%;
    }
    .bs-component .popover {
      position: relative;
      display: inline-block;
      width: 220px;
      margin: 20px;
    }
    .nav-tabs {
      margin-bottom: 15px;
    }
    .progress {
      margin-bottom: 10px;
    }
  }
/*　Honoka のベース設定　ここまで*/



/*======================
  ナビゲーションバーの修正
  ======================*/
.navbar-light .navbar-nav .nav-link {
  color: rgba(0, 0, 0, 0.7);
  font-weight: bold;
}



/*======================
  個人記録エリア
  ======================*/
.page-header{
	
}
.personalarea{
	margin-top:10px;
	margin-bottom: 5px;
	line-height: 2.0em;
}
.arrowmargin{
	margin-right: 10px;
}
.arrowmarginleft{
	margin-left: 20px;
}


/*======================
  インフォメーションバー
  ======================*/
.informationbox{
	font-size: 13px;
	line-height:15px;
	background-color:#ffffff;
	margin: 0px 15px 15px 0px;
	padding: 3px 5px 5px 5px;
	border:dotted medium #000;
}

/*======================
  下部ページ遷移
  ======================*/
.pageselect{
	margin-left:10px;
	margin-right:10px;
}
.pagecentertop{
	margin: 0 auto;
}
.pagecenter{
	width:300px;
	/*margin:0 auto;*/
}

/*======================
  写真表示エリア
  ======================*/
.sectionbg{
  background-color:#2A2A2A;
}

.row {
	/*
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;*/
  margin-right: 0px;
  margin-left: 0px;
  padding: 15px 5px 5px 15px;
}

.imagerow{
	padding:0px 10px 0px 0px;
}

.card{
	/*margin-left:5px;
	margin-bottom: 5px;*/
}

.card-header {
  padding: 0.25rem 1.25rem;
 font-weight: bold;
}
.card-body {
  padding: 0.25rem;
}
/*画像表示外枠*/
.imageframe{
	text-align:center;
	padding:0px 0px 0px 0px;
	margin-bottom: 10px;
	width:100%;
	height:220px;
	background:#fff;
}
/*画像につける縁*/
.imgstyle{
	border:2px solid #2A2A2A;	
}
/*受賞の星*/
.imgstar{
	color:#FCDC03;
}

/*画像一覧：タイトルなどのフォーム一覧*/
.imgdata{
	margin:1px;
	border:dotted 2px #606060;
	padding: 2px;
}
.imgprint{
	margin:5px 1px 1px 1px;
	border:dotted 2px #606060;
	padding: 3px 1px 3px 1px;
	background: #BDBDBD;
}
.imgform-label{
	font-size: 0.9rem;
	margin: 0px;
}
.imgform-control {
  /*display: block;*/
  display: inline;
  width: 95%;
  height: calc(1.5em + 2px);
  padding: 0.35rem 0.25rem;
  margin: 0.25rem;
  font-size: 0.9rem;
  font-weight: 400;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 0.25rem;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.imgform-heightup{
	height: calc(2.5em + 2px);
}
.imgform-wide60{
	width: 60%;
}
@media (prefers-reduced-motion: reduce) {/*◆効果を減らす設定ではtransitionをOFF*/
  .imgform-control {
    transition: none;
  }
}
.imgform-control::-ms-expand { /*ドロップダウンメニューを開閉する。通常下三角*/
  background-color: transparent;
  border: 0;
}
.imgform-control:focus {
  color: #495057;
  background-color: #fff;
  border-color: #80bdff;
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
/*プレースホルダーまわり*/
.imgform-control::-webkit-input-placeholder {color: #6c757d;opacity: 1;}
.imgform-control::-moz-placeholder {color: #6c757d; opacity: 1;}
.imgform-control:-ms-input-placeholder {color: #6c757d; opacity: 1;}
.imgform-control::-ms-input-placeholder {color: #6c757d; opacity: 1;}
.imgform-control::placeholder {color: #6c757d; opacity: 1;}

.imgform-control:disabled, .imgform-control[readonly] {background-color: #e9ecef;opacity: 1;}
select.imgform-control:focus::-ms-value {color: #495057;background-color: #fff;}

/*内容変更・送信ボタン*/
.imgbtn {
  display: inline-block;
  font-weight: 400;
  color: #212529;
  text-align: center;
  vertical-align: middle;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: transparent;
  border: 1px solid transparent;
  padding: 0.375rem 0.75rem;
  margin: 5px 2px 5px 2px;
  width: 95%;
  font-size: 1rem;
  line-height: 1.5;
  border-radius: 0.25rem;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
  .imgbtn {transition: none;}
}

.imgbtn:hover {
  color: #212529;
  text-decoration: none;
}

.imgbtn:focus, .imgbtn.focus {
  outline: 0;
  box-shadow: 0 0 0 0.2rem rgba(0, 123, 255, 0.25);
}
.imgbtn.disabled, .imgbtn:disabled {
  opacity: 0.65;
}
a.imgbtn.disabled,
fieldset:disabled a.imgbtn {
  pointer-events: none;
}
.imgbtn-warning {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
.imgbtn-warning:hover {
  color: #212529;
  background-color: #e0a800;
  border-color: #d39e00;
}
.imgbtn-warning:focus, .imgbtn-warning.focus {
  box-shadow: 0 0 0 0.2rem rgba(222, 170, 12, 0.5);
}
.imgbtn-warning.disabled, .imgbtn-warning:disabled {
  color: #212529;
  background-color: #ffc107;
  border-color: #ffc107;
}
/*注意書き*/
.imgspan-comment{
	font-size: 0.8em;
	line-height: 0.9em;
}

/*====続きを読む=====*/
.hidden_box {
    margin: 1px 0;/*前後の余白*/
    padding: 0;
}
/*ボタン装飾*/
.hidden_box label {
    padding: 5px;
	width:95%;
	text-align: center;
    font-weight: bold;
    border: dashed 2px #3D3D3D;
	color:#3D3D3D;
    cursor :pointer;
}
/*ボタンホバー時*/
.hidden_box label:hover {
    background: #efefef;
}
/*チェックは見えなくする*/
.hidden_box .input_box {display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
.hidden_box label:after {
	font-family: 'Hiragino Kaku Gothic Pro';
	content: "情報を表示";
}

/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
.hidden_box input:checked ~ label:after {
	font-family: 'Hiragino Kaku Gothic Pro';
	content: "情報を閉じる";
}


/*======================
  フッターエリア
  ======================*/
.nakaifotter{
  background-color:#4A4A4A;
  text-align: center;
  color: #ffffff;
  padding: 10px 5px 50px 5px;
}