body {
font-family: "Helvetica Neue",
Arial,
"Hiragino Kaku Gothic ProN",
"Hiragino Sans",
Meiryo,
sans-serif;
}
@media (min-width: 960px) {
.container { max-width:960px; }
}
/* notice----- */
.mod-list-notice {
  margin: 0 0 16px;
  line-height: 1.2em; }

.mod-list-notice > .list {
  font-size: 0.85rem;
  display: table;
  width: 100%; }

.mod-list-notice > ul.list { padding-left:0; }
.mod-list-notice > .list > li {
  display: table-row; }

.mod-list-notice > .list > li > * {
  vertical-align: baseline;
  display: table-cell;
  padding: 0 0 1px; }

.mod-list-notice > .list > li > .symbol {
  white-space: nowrap;
  padding-right: 7px; }

.mod-list-notice > .list > li > .content {
  width: 100%; }

.mod-list-notice > .list > li > .content > :first-child {
  margin-top: 0; }

.mod-list-notice > .list > li > .content > :last-child {
  margin-bottom: 0; }

.mod-list-notice > .list > li > .content > small {
  font-size: 0.85rem;
  display: block; }

/* Sidebar----- */
.sidebar h3 { font-size:1.3rem; }

/* Banner style link----- */
.bnr-links__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 0;
	padding-left: 0;
	list-style: none; }

/*.bnr-links__list-item { width: 30.83333%; margin-right: 3.75%; margin-bottom: 50px; }
.bnr-links__list-item:nth-child(3n) { margin-right: 0; }*/
.bnr-article {
  position: relative; }

.bnr-article__title {
  z-index: 1;
  position: absolute;
  top: 50%;
  padding: 0 25px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  color: #fff;
  font-size: 16px;
  line-height: 1.4;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.7); }

.bnr-article__img::before {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  content: "";
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), color-stop(75%, transparent));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.5) 0%, transparent 75%); }

@media screen and (min-width: 992px) {
  .reacent .bnr-links__list-item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5px; } }
@media screen and (max-width: 991px) {
  .reacent .bnr-links__list-item {
    width: 48.4%;
    margin-right: 3%;
    margin-bottom: 8px; }

  .bnr-links__list-item:nth-child(2n) {
    margin-right: 0; } }
@media screen and (max-width: 767px) {
  .reacent .bnr-links__list-item {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 5px; } }



/* Hover effect --- */
.hover-effct12 {
  display: block;
  overflow: hidden; }

.hover-effct12:hover img {
  -webkit-transform: scale(1.2) translate3d(0, 0, 0) !important;
  transform: scale(1.2) translate3d(0, 0, 0) !important; }

.hover-effct12 img {
  width: 100%;
  height: auto;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform; }


/* Apps link----- */
.app-badge {
  display: block;
  text-align: center;
  width: 100%;
  overflow: hidden;
  margin: 16px 0; }

.apple-btn, .google-btn {
  display: inline-block; }

.app-badge > .apple-btn a {
  display: block;
  margin: 10px 10px; }

.app-badge > .google-btn a {
  display: block;
  margin-top: -10px 0 0 -10px; }

.google-btn a img {
  height: 62px; margin-top:-48px;
  width: auto; }
	
/* YOUTUBE iframe----- */
@media screen and (max-width: 767px) {
.youtube_f {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_f iframe {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
}

.caption { font-size:.875rem; }

#p-pagetop{
  width: 50px; height: 50px;
  position: fixed;
  right: 20px; bottom: 20px;
  background: #ddd;
  opacity: 0.7;
  border-radius: 50%;
}
#p-pagetop a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}

#p-pagetop a::before {
  width:30px; height:30px;
  display: block;
	position: absolute; top:8px; left:50%; margin-left:-15px;
  content: "";
  vertical-align: -.125em;
  background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'><path fill-rule='evenodd' d='m7.247 4.86-4.796 5.481c-.566.647-.106 1.659.753 1.659h9.592a1 1 0 0 0 .753-1.659l-4.796-5.48a1 1 0 0 0-1.506 0z' clip-rule='evenodd'/></svg>");
  background-repeat: no-repeat;
  background-size: 30px 30px;
	background-position: center center;
}