<?php header('Content-Type: text/css; charset=utf-8');
?>@charset "UTF-8";

body {
  font-size: 16px;
}

h1 {
  font-size: 28px;
  font-weight: bold;
}

h2 {
  font-size: 20px;
}

h3 {
  font-size: 18px;
}

img {
  max-width: 100%;
}

video {
  display: block;
}

#content {
  /* background:url(../images/blank.png); */
  padding-top: 20px;
  padding-bottom: 20px;
}

#content-wrap {
  background-color: white;
  box-shadow: 2px 2px 2px rgba(0, 0, 0, .3);
}

#sidebar {
  text-align: center;
}

footer {
  background-color: #222;
}

footer p {
  padding: 15px 0;
  color: white;
}

.navbar {
  border-radius: 0px;
}

.zero {
  border: 0px;
  margin: 0px;
  padding: 0px;
}


/* *************************************************************************
* ナビゲーションメニュー関連
************************************************************************* */

/**
* サブメニューのリスト記号を消去
*/
.menu-item {
  list-style-type: none;
}

/* *************************************************************************
* テキスト関連
************************************************************************* */
input[type="text"].nbl_text {
  width: 80%;
  height: 50px;
  font-size: 28px;
  display: inline;
}

input[type="text"].nbl_text:focus {
  width: 80%;
  height: 50px;
  font-size: 28px;
  border: 1px solid #ff9900;
  outline: 0;
}

/* *************************************************************************
* マージン関連
************************************************************************* */
.nbl_margin_20 {
  margin-top: 20px;
  margin-bottom: 20px;
}

.nbl_margin_30 {
  margin-top: 30px;
  margin-bottom: 30px;
}

.nbl_margin_40 {
  margin-top: 40px;
  margin-bottom: 40px;
}

/* *************************************************************************
* ボタン関連
************************************************************************* */

.nbl_button {
  color: #373737;
  border-color: transparent;
  width: 80%;
  height: 50px;
  border-radius: 30px;
  background: #FFD700;
}

/* *************************************************************************
* コメント入力欄関連
************************************************************************* */

/* .comment-form-email {
  display: none;
}

.comment-form-url {
  display: none;
} */

/*　 コメント欄のメッセージを上書き　*/
.comment-form-comment label:before {
  font-size: 16px;
  content: "メッセージ";
}

/*　 コメント欄のメッセージの入力欄を上書き　*/
.comment-form-comment textarea {
  border-color: transparent;
  width: 100%;
  font-size: 18px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid;
}

/*　 コメント欄のメッセージの入力欄を上書き　*/
.comment-form-comment textarea:focus {
  border-color: transparent;
  width: 100%;
  font-size: 18px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #ff9900;
  outline: 0;
}

/*　 コメント欄の名前を上書き　*/
.comment-form-author label:before {
  font-size: 16px;
  content: "ニックネーム";
}

/*　 コメント欄の名前横の任意　*/
.comment-form-author label:after {
  font-size: 11px;
  content: "任意";
  background: #9393ff;
  color: #fff;
  margin-left: 5px;
  padding: 4px;
  border-radius: 2px;
  font-weight: bold;
}

/*　 コメント欄の名前の入力欄を上書き　*/
.comment-form-author input {
  border-color: transparent;
  width: 100%;
  height: 50px;
  font-size: 18px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid;
}

/*　 コメント欄の名前の入力欄を上書き　*/
.comment-form-author input:focus {
  border-color: transparent;
  width: 100%;
  height: 50px;
  font-size: 18px;
  border-radius: 8px;
  background: #ffffff;
  border: 1px solid #ff9900;
  outline: 0;
}

/*　 コメント欄のボタンを上書き　*/
.comment-form .form-submit input {
  color: #373737;
  border-color: transparent;
  width: 100%;
  height: 50px;
  border-radius: 30px;
  background: #FFD700;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* *************************************************************************
* ビデオ関連
************************************************************************* */

.bg {
  position: relative;
  width: 100%;
  height: 100%;
  /* max-height: 720px; */
}

.video {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}

.video video {
  position: absolute;
  top: 50%;
  left: 50%;
  object-fit: cover;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1280px;
  height: 100%;
  max-height: 720px;
}