@charset "utf-8";

/* CSS Document */
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  font: 16px/140% "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
}

img {
  outline: none;
  border-style: none;
}

a {
  color: blue;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

a:visited {
  color: blue;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

a:hover {
  color: blue;
  -webkit-transition: all 0.5s;
  -moz-transition: all 0.5s;
  transition: all 0.5s;
}

/*** ヘッダー ***/
header {
  overflow: hidden;
  background: linear-gradient(to left, rgba(255, 255, 255, 0) 40%,
    rgba(255, 255, 255, 0.8) 70%,
    rgba(255, 255, 255, 1)),
    url("../contents/images/bk.jpg") right top;
  padding: 2px;
}

/** その他のページ **/
#contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 30px;
}

#contents h1 {
  width: 100%;
  text-align: left;
  padding-left: 10px;
  border-top: double;
  border-bottom: double;
  border-width: 5px;
  border-color: #FC750F;
}

@media only screen and (max-width: 767px){
	#contents h1 {
    font-size: 120%;
    line-height: 120%;
  }
}
#contents h2 {
  font-weight: bold;
  font-size: 120%;
  line-height: 150%;
  background-color: #ffdd99;
  padding: 5px 0px 0px 10px;
  border-style: solid;
  border-width: 0px 0px 1px 10px;
  border-color: #ff7733;
  margin-left: 10px;
}

#contents>div {
  margin: 0 10px;
}

/*** 共通 ***/
/** 一番外側 */
#contents_frame {
  padding: 10px 0px;
}

#contents_frame2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /* padding: 10px 0px; */
  margin: 0 auto;
}

/* 右寄せ */
.rtext {
  text-align: right;
}

/* 中央 */
.ctext {
  text-align: center;
}

/* 左寄せ */
.ltext {
  text-align: left;
}

/* 画像左寄せ */
.limg {
  float: left;
}

/* 横並び */
.dfxrst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.dfxrbt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.dfxred {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

/* 縦並び */
.dfxcst {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.dfxcct {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

/* マージン */
.lmg20 {
  margin-left: 20px;
}

.lmg40 {
  margin-left: 40px;
}

@media only screen and (min-width: 768px){
  .m_lmg40 {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px){
  .m_lmg40 {
    margin-left: 0px;
  }
}


.tbmg10 {
  margin-top: 10px;
  margin-bottom: 10px;
}

.allmgn2 {
  margin: 2px;
}

/* パディング */
.allpdng2 {
  padding: 2px;
}

/* フォントカラー */
.ftcolbrk {
  color: brack;
}

/* 表の偶数行の色 */
.th_clr {
  background-color: #ffc966;
}

/* 表の偶数行の色 */
.row_clr {
  background-color: palegoldenrod;
}

/* 改行禁止 */
.nobr {
  white-space: nowrap;
}

/* フォントサイズ太さ */
.ftb {
  font-weight: bold;
}

.ftb120 {
  font-size: 120%;
  font-weight: bold;
}

/* 幅 */
.width70{
  width: 70px;
}

.width100p{
  width: 100%;
}