@charset "UTF-8";

body,h1,h2,h3,h4,p,ul,ol{
  margin: 0;
  padding: 0;}

ul,li {list-style: none;}

a{text-decoration: none;}

* {box-sizing: border-box;} /* paddingとborderを幅と高さに含める */

body {
	font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic';
  line-height: 1.8;
  color: #444;}

/* グラデ */
.hero_php{
	background: -moz-linear-gradient(top, rgba(225, 222, 196, 0.7), rgba(255, 190, 153, 0.7) 30%, rgba(234, 236, 198, 0.7) 60%, rgba(233, 195, 183, 0.7));
  background: -webkit-linear-gradient(top, rgba(225, 222, 196, 0.7), rgba(255, 190, 153, 0.7) 30%, rgba(234, 236, 198, 0.7) 60%, rgba(233, 195, 183, 0.7));
  background: linear-gradient(to bottom, rgba(225, 222, 196, 0.7), rgba(255, 190, 153, 0.7) 30%, rgba(234, 236, 198, 0.7) 60%, rgba(233, 195, 183, 0.7));
  margin: 100px;
	/* background: linear-gradient(
              45deg,
              rgba(225, 222, 196, 0.7),
              rgba(255, 190, 153, 0.7),
              rgba(234, 236, 198, 0.7),
              rgba(233, 195, 183, 0.7),
              rgba(240, 216, 163, 0.7)
          );
  animation: gradientAnimation 40s ease infinite;}

@keyframes gradientAnimation {
  0% {background-position: 0% 30%, 0 0;}
  50% {background-position: 100% 70%, 0 0;}
  100% {background-position: 0% 30%, 0 0;} */
}

/* title */
.board_title{
	background-color: #e1ddc3;
	margin: 50px 100px;
}
.board_title h2{
	text-align: center;
  color: #b28656;
  font-size: 30px;
  font-family: "Yu MIncho","游明朝";
}
.board_title p{
	text-align: center;
	font-family: "Yu MIncho","游明朝";
}

/* ユーザ名 */
.naiyou{
	padding-left: 100px;
}
label{font-family: "Yu MIncho","游明朝";
			font-size: 15px;
			color: #b28656;
			font-weight: bold;}
.cp_iptxt {
	font-family: "Yu MIncho","游明朝";
	position: relative;
	width: 80%;
	margin: 40px 3%;
}
.cp_iptxt input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.3em;
	padding-left: 40px;
	letter-spacing: 1px;
	border: 0;
}
.cp_iptxt input[type='text']:focus {
	outline: none;
}
.cp_iptxt input[type='text']:focus::after {
	outline: none;
}
.cp_iptxt::after {
	display: block;
	width: 100%;
	height: 4px;
	margin-top: -1px;
	content: '';
	border-width: 0 1px 1px 1px;
	border-style: solid;
	border-color: #b28656;
}

/* button */
.naiyou_button{
	padding-left: 500px;
}
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #e9c3b7;     /* 背景色     */
  color         : #605d54;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 6px 6px 3px #666666;  /* 影の設定 */
  border        : 2px solid #e49f8a;    /* 枠の指定 */

}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #e9c3b7;     /* 背景色     */
  background    : #605d54;     /* 文字色     */
}

/* 投稿 */

.alert{
	text-align: center;
	background-color: #e9c3b7;
	margin: 0 100px 0 100px;
	font-family: "Yu MIncho","游明朝"
}
/* 掲示画面 */
.toko-gamen
{
  list-style: none;
	margin: 50px;
}
.toko_midashi{font-family: "Yu MIncho","游明朝";
							margin: 50px;}
.toko-user{font-family: "Yu MIncho","游明朝";}
.bun{font-family: "Yu MIncho","游明朝";}