@charset "utf-8";
/* CSS Document */
/* =================================
	 * common
 ================================= */
body {
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
}
body, html {
  margin: 0;
  width: 100%;
  overflow-x: hidden;
}
html {
  scroll-behavior: smooth;
}
#container {}
/* ------------- to top ------*/
.pc_totop {
  display: block;
  float: right;
  padding: 30px 0px 10px 0px;
  color: #27acd9;
}
.pc_totop:hover {
  color: #DE6983;
}
.pc_totop::before {
  font: var(--fa-font-solid);
  content: '\f062';
  margin: 2px 6px 0 0;
}
/* =================================
	A * head
 ================================= */
#head_top {
  width: 100%;
  height: 3px;
}
.head_logoPC {
  background-image: url(test-icon.png), url("../img/sakura.png");
  background-repeat: no-repeat;
  background-position: left 0px top 10px, center;
  background-size: 38px;
  padding: 27px;
  background-color: transparent;
  display: block;
}
.head_titlePC {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  color: #555;
  text-align: center;
  font-size: 1.7em;
  letter-spacing: .2rem;
  padding: 2px 0 5px 0px;
  background-color: transparent;
  display: block;
}
.head_logoSP, .head_titleSP, .head_logoSPcg, .head_titleSPcg {
  display: none;
}
/* ------------- sp_menu ------*/
.sp_menu {
  display: none;
}
/* ------------- PC_menu ------*/
.pcmenu_boxdn {
  display: none;
}
.pcmenu_box {
  display: block;
  width: 100%;
  background: #FFF;
}
.pc_menu {
  display: block;
  width: 900px;
  opacity: 0.9;
  margin: 10px auto 0 auto;
}
.pcmenu_line {
  display: block;
  width: 100%;
  height: 1px;
  background: #CCCCCC;
  margin: 15px 0 0 0;
}
.pcmenu_ldn {
  display: none;
}
.pc_m li {
  float: left;
  padding: 6px 35px 4px 5px;
  text-align: center;
  color: #7C7C7C;
}
.pc_m li:last-child {
  padding: 6px 0px 4px 5px;
}
.pc_m li:hover {
  color: #CCCCCC;
}
.pc_m li.pctotop::before, .pcm_c li.pctotop::before {
  font: var(--fa-font-solid);
  content: '\e3af';
  margin: 0px 6px 0 0;
}
.pc_m li.news::before, .pcm_c li.news::before {
  font: var(--fa-font-solid);
  content: '\f05a';
  margin: 2px 6px 0 0;
}
.pc_m li.what::before, .pcm_c li.what::before {
  font: var(--fa-font-solid);
  content: '\f007';
  margin: 2px 6px 0 0;
}
.pc_m li.act::before, .pcm_c li.act::before {
  font: var(--fa-font-solid);
  content: '\f001';
  margin: 2px 6px 0 0;
}
.pc_m li.conta::before, .pcm_c li.conta::before {
  font: var(--fa-font-solid);
  content: '\f0e0';
  margin: 2px 6px 0 0;
}
.pc_m li.pe::before, .pcm_c li.pe::before {
  font: var(--fa-font-solid);
  content: '\f1da';
  margin: 2px 6px 0 0;
}
.pc_m li.cal::before, .pcm_c li.cal::before {
  font: var(--fa-font-solid);
  content: '\f073';
  margin: 0px 6px 0 0;
}
/* ------------- PC_menu change ------*/
.pcmenu_change {
  background: #FFF;
  opacity: 0.8;
  display: flex;
  justify-content: space-between;
  padding: 10px;
  position: fixed;
  top: -120px;
  transition: .5s;
  width: 100%;
  border-bottom: solid #E57A96 3px;
  z-index: 999999;
}
.pcmenu_change.show {
  top: 0;
}
.site_logo img {
  width: 30px;
  height: 30px;
  display: block;
  float: left;
  opacity: 1.0 !important;
}
.logo {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  padding: 0 7px 0 7px;
  margin: 5px;
  display: block;
  float: left;
  color: #111;
  font-size: 1.3em;
  letter-spacing: .1rem;
  opacity: 1.0 !important;
}
.pcm_c li {
  float: left;
  padding: 7px 30px 0px 5px;
  text-align: center;
  color: #444;
  font-size: 0.9em;
}
.pcm_c li:last-child {
  padding: 7px 7px 0px 5px;
}
.pcm_c li:hover {
  color: #888;
}
/* =================================
	B * What’s new!
 ================================= */
#inner {
  width: 1000px;
  margin: 0 auto;
}