/* variables */
/* init */
html {
  background: #000; }

body {
  background: #2b518e;
  font-family: sans-serif;
  margin: 0;
  min-width: 320px;
  word-wrap: break-word;
  text-align: center; 
 }

img {
  vertical-align: top; }

/* bl */
.bl__header {
  background: #5887da; }

.bl__contents {
background-image: url(../img/BLUE_LOCK_FLOWER_HP_pattern.png);
  background-size: 20%;
  padding: 50px; }

.bl__contents-inner {
  max-width: 950px;
  margin: 0  auto;
  width: 100%; }

.bl__series {
  background: #007130;
  padding: 50px 50px 0 50px; }

.bl__series-inner {
  max-width: 950px;
  margin: 0  auto;
  width: 100%; }

.bl__footer {
  background: #fff; }

@media (max-width: 750px) {
  .bl__header {
    height: 50px; }
  .bl__contents {
    padding: 25px 20px; }
  .bl__contents-inner {
    max-width: none;
    margin: 0; }
  .bl__series {
    padding: 25px 20px 0 20px; }
  .bl__series-inner {
    max-width: none;
    margin: 0; } }

/* .bl-header */
.bl-header {
  align-items: center;
  display: flex;
  justify-content: space-between; }
  .bl-header__logo img {
    height: auto;
    width: 100%; }
.bl-header__nav {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0 100px;
  width: 100%;
  justify-content: space-evenly;
}
  .bl-header__nav-li a {
    display: block;
    padding: 28px 20px;
    transition: opacity 0.3s ease; }
    .bl-header__nav-li a:hover {
      opacity: 0.65; }
    .bl-header__nav-li a img {
      height: auto;
      width: 100%; }

@media (max-width: 750px) {
.bl-header {
  background: #5887da;
  padding: 0 45px 0 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1; }

    .bl-header__logo img {
      height: 50px;
      width: auto; }
    .bl-header__nav {
      margin-left: auto;
      padding: 0 55px 0 0; }
    .bl-header__nav-li {
      display: none; }
      .bl-header__nav-li a {
        padding: 0; }
    .bl-header__nav-li:first-child {
      display: block; }
      .bl-header__nav-li:first-child a {
        background: url(/img/logo-twitter.png);
        background-size: 100% auto;
        height: 35px;
        overflow: hidden;
        text-indent: 100%;
        width: 35px; } }

/* .bl-hamburger */
.bl-hamburger {
  display: none; }

@media (max-width: 750px) {
  .bl-hamburger {
    appearance: none;
    background: none;
    border: none;
    cursor: pointer;
    display: block;
    height: 35px;
    position: fixed;
    right: 10px;
    top: 8px;
    width: 35px;
    z-index: 1000; }
    .bl-hamburger span {
      background-color: #fff;
      box-sizing: border-box;
      display: inline-block;
      height: 2px;
      left: 0;
      position: absolute;
      transition: all 0.4s;
      width: 100%; }
      .bl-hamburger span:nth-of-type(1) {
        top: 8px; }
      .bl-hamburger span:nth-of-type(2) {
        top: calc(50% - 1px); }
      .bl-hamburger span:nth-of-type(3) {
        bottom: 8px; }
  .drawer-open .bl-hamburger span:nth-of-type(1) {
    transform: translateY(9px) rotate(-315deg); }
  .drawer-open .bl-hamburger span:nth-of-type(2) {
    opacity: 0; }
  .drawer-open .bl-hamburger span:nth-of-type(3) {
    transform: translateY(-9px) rotate(315deg); } }

/* .drawer-overlay */
@media (max-width: 750px) {
  .drawer-overlay {
    background-color: rgba(0, 0, 0, 0.5); } }

/* .bl-drawer */
@media (max-width: 750px) {
bl-drawer {
    background: #2b518e;
    width: 250px; 
  }
    .bl-drawer__nav {
      list-style: none;
      margin: 0;
      padding: 100px 0 0 0; }
    .bl-drawer__nav-li {
      border-bottom: 1px solid #002b49; }
      .bl-drawer__nav-li a {
        display: block;
        padding: 20px 15px; }
        .bl-drawer__nav-li a img {
          height: 25px;
          width: auto; }
    .bl-drawer__close {
      appearance: none;
      background: none;
      border: none;
      cursor: pointer;
      display: block;
      height: 35px;
      position: absolute;
      right: 10px;
      top: 10px;
      width: 35px; }
      .bl-drawer__close span {
        background-color: #fff;
        box-sizing: border-box;
        display: inline-block;
        height: 2px;
        left: 0;
        position: absolute;
        transition: all 0.4s;
        width: 100%; }
        .bl-drawer__close span:nth-of-type(1) {
          top: 8px;
          transform: translateY(9px) rotate(-315deg); }
        .bl-drawer__close span:nth-of-type(2) {
          top: calc(50% - 1px);
          opacity: 0; }
        .bl-drawer__close span:nth-of-type(3) {
          bottom: 8px;
          transform: translateY(-9px) rotate(315deg); } }

/* .bl-kv */
.bl-kv h1 {
  margin: 0; }
  .bl-kv h1 img {
    height: auto;
    width: 100%; }

/* .bl-series */
.bl-series__list {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 0 -15px;
  padding: 0; }

.bl-series__li {
  margin: 0 15px;
  max-width: 460px;
  width: 100%; }
  .bl-series__li a {
    background: #fff;
    border: 2px solid #004096;
    color: #004096;
    display: block;
    font-size: 24px;
    font-weight: bold;
    padding: 50px;
    text-align: center;
    text-decoration: none;
    transition: opacity 0.3s ease; }
    .bl-series__li a:hover {
      opacity: 0.65; }

.bl-series__li:nth-child(2) {
  display: none; }
  .bl-series__li:nth-child(2) a {
    background: #004096;
    border-color: #fff;
    color: #fff; }

@media (max-width: 750px) {
  .bl-series__list {
    display: block;
    margin: -25px 0; }
  .bl-series__li {
    margin: 25px 0;
    max-width: none; }
    .bl-series__li a {
      font-size: 20px;
      padding: 25px; } }

/* .bl-sec */
.bl-sec {
  background: #fff;
  border: 1px solid #002b49;
  margin: 0 auto;
  max-width: 650px;
  padding: 30px 50px 50px 50px; }
  .bl-sec__header {
    border-bottom: 1px solid #AA8420;
    margin-bottom: 30px;
    padding-bottom: 3px; }
  .bl-sec__hn {
    margin: 0;
    padding: 0;
    text-align: center; }
    .bl-sec__hn img {
      height: 50px;
      width: auto; }
  .bl-sec__body > *:last-child {
    margin-bottom: 0 !important; }

@media (max-width: 750px) {
  .bl-sec {
    margin: 0;
    max-width: none;
    padding: 15px 20px 20px 20px; }
    .bl-sec__header {
      border-bottom: 1px solid #AA8420;
      margin-bottom: 20px;
      padding-bottom: 2px; }
    .bl-sec__hn img {
      height: 25px; } }

/* .bl-sparetor */
.bl-sparetor {
  background: url(/img/bar-star2.png) 0 0 no-repeat scroll;
  background-size: 100% auto;
  border: none;
  margin: 50px 0;
  padding-top: 3%; }

@media (max-width: 750px) {
  .bl-sparetor {
    margin: 25px 0;
    padding-top: 3%; } }

/* .bl-twitter */
/* .bl-schedule */
.bl-schedule {
  margin: -10px 0 50px 0;
  text-align: center; }
  .bl-schedule img {
    height: auto;
    width: 100%; }

@media (max-width: 750px) {
  .bl-schedule {
    margin: -10px 0 25px 0; }
    .bl-schedule img {
      height: auto;
      width: 100%; } }

/* .bl-schedule-text */
.bl-schedule-text {
  margin: -35px 0 50px 0;
  text-align: center; }
  .bl-schedule-text img {
    height: auto;
    width: 100%; }

@media (max-width: 750px) {
  .bl-schedule-text {
    margin: -15px 0 25px 0; }
    .bl-schedule-text img {
      height: auto;
      width: 100%; } }

/* .bl-store */
.bl-store {
  margin-bottom: 50px; }
  .bl-store__item {
    display: flex;
    margin: 10px 0; }
  .bl-store__title {
    align-items: center;
    background: #002b49;
    color: #fff;
    display: flex;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 10px;
    width: 18%; }
  .bl-store__list {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -5px 0;
    padding: 0;
    width: 100%; }
  .bl-store__li {
    margin: 5px;
    width: calc((100% - 5px * 2 * 2) / 2); }
    .bl-store__li a {
      border: 1px solid #002b49;
      display: block;
      color: #002b49;
      font-size: 16px;
      font-weight: bold;
      line-height: 1;
      padding: 10px;
      text-align: center;
      text-decoration: none;
      transition: all 0.3s ease; }
      .bl-store__li a:hover {
        background: #AA8420;
        color: #fff; }

@media (max-width: 750px) {
  .bl-store {
    margin-bottom: 25px; }
    .bl-store__item {
      display: block;
      margin: 0; }
    .bl-store__title {
      font-size: 16px;
      margin: 0 0 10px 0;
      padding: 8px;
      width: auto; }
    .bl-store__list {
      margin: -2px -2px 23px -2px;
      padding: 0;
      width: auto; }
    .bl-store__li {
      margin: 2px;
      width: calc(50% - 4px); }
      .bl-store__li a {
        font-size: 16px;
        padding: 6px; } }

/* .bl-notes */
.bl-notes {
  list-style: none;
  margin: 0 0 50px 0;
  padding: 0; }
  .bl-notes__li {
    display: flex;
    font-size: 14px;
    line-height: 1.6;
    text-align: justify; }
  .bl-notes__marker {
    margin-right: 0.25em; }

@media (max-width: 750px) {
  .bl-notes {
    margin: 0 0 25px 0; }
    .bl-notes__li {
      font-size: 12px; } }

/* .bl-aside */
.bl-aside {
  background: #E8EAF1;
  margin: 0 0 50px 0;
  padding: 30px; }
  .bl-aside *:last-child {
    margin: 0; }
  .bl-aside__title {
    font-size: 20px;
    line-height: 1;
    margin: 0 0 20px 0;
    text-align: center; }
  .bl-aside__text {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center; }
  .bl-aside__list {
    list-style: none;
    margin: 0 0 20px 0;
    padding: 0; }
  .bl-aside__li {
    display: flex;
    font-size: 16px;
    line-height: 1.6;
    text-align: center; }
  .bl-aside__li-marker {
    margin-right: 0.25em; }

@media (max-width: 750px) {
  .bl-aside {
    margin: 20 0 25px 0;
    padding: 20px; }
    .bl-aside__title {
      font-size: 16px;
      line-height: 1;
      margin: 0 0 10px 0;
      text-align: center; }
    .bl-aside__text {
      font-size: 14px;
      margin-bottom: 10px; }
    .bl-aside__list {
      margin: 0 0 10px 0; }
    .bl-aside__li {
      font-size: 14px; } }

/* .bl-subsec */
.bl-subsec {
  margin: 0 0 50px 0; }
  .bl-subsec__header {
    margin: 0 0 30px 0; }
  .bl-subsec__hn {
    background: #5887da;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    justify-content: center;
    line-height: 1;
    margin: 0;
    padding: 10px;
    text-align: center; }
  .bl-subsec__body > *:last-child {
    margin-bottom: 0 !important; }

@media (max-width: 750px) {
  .bl-subsec {
    margin: 0 0 25px 0; }
    .bl-subsec__header {
      margin: 0 0 25px 0; }
    .bl-subsec__hn {
      font-size: 16px;
      margin: 0;
      padding: 8px;
      text-align: center; } }

/* .bl-text */
.bl-text {
  color: #2b518e;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.6;
  margin: 0 0 30px 0;
  text-align: center; }

@media (max-width: 750px) {
  .bl-text {
    font-size: 16px;
    margin: 0 0 25px 0; } }

/* .bl-br-sp  */
.bl-br-sp {
  display: none; }

@media (max-width: 750px) {
  .bl-br-sp {
    display: block; } }

/* .bl-br-pc  */
.bl-br-pc {
  display: block; }

@media (max-width: 750px) {
  .bl-br-pc {
    display: none; } }

/* .bl-image */
.bl-image {
  margin: 0 0 50px 0;
  text-align: center; }
  .bl-image img {
    height: auto;
    width: 100%; }

@media (max-width: 750px) {
  .bl-image {
    margin: 0 0 25px 0; } }

/* .bl-goods-list */
.bl-goods-list {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: -30px -15px 20px -15px;
  padding: 0; }
  .bl-goods-list__li {
    margin: 30px 15px;
    width: calc((100% - 15px * 2 * 3) / 3); }

@media (max-width: 750px) {
  .bl-goods-list {
    display: block;
    margin: 0 0 25px 0;
    padding: 0; }
    .bl-goods-list__li {
      margin: 0 0 25px 0;
      width: auto; } }

/* .bl-goods-item */
.bl-goods-item__thumb {
  border: 1px solid #AA8420;
  margin: 0 0 20px 0;
  padding: 10px; }
  .bl-goods-item__thumb img {
    height: auto;
    width: 100%; }

.bl-goods-item__name {
  color: #2b518e;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.4;
  margin: 0 0 5px 0;
  text-align: center; }

.bl-goods-item__date {
  font-size: 16px;
  line-height: 1.4;
  margin: 0 0 5px 0; }

.bl-goods-item__price {
  font-size: 16px;
  line-height: 1.4; }

.bl-goods-item__caution {
  color: #2b518e;
  font-size: 14px;
  font-weight:bold;
  line-height: 1.4; }


@media (max-width: 750px) {
  .bl-goods-item__thumb {
    margin: 0 0 10px 0;
    padding: 20px; } }

/* .bl-footer-logo */
.bl-footer-logo__list {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 0 0 0 30px;
  padding: 0; }

.bl-footer-logo__li a {
  display: block;
  padding: 50px 30px; }
  .bl-footer-logo__li a img {
    height: auto;
    width: 100%; }

@media (max-width: 750px) {
  .bl-footer-logo__list {
    margin: 0;
    padding: 0; }
  .bl-footer-logo__li a {
    padding: 25px 10px; }
  .bl-footer-logo__li:first-child a img {
    height: 31px;
    width: auto; }
  .bl-footer-logo__li:nth-child(2) a img {
    height: 26px;
    width: auto; } }

/* .bl-footer-copyright */
.bl-footer-copyright {
  background: #fff;
  color: #000; }
  .bl-footer-copyright__text {
    font-size: 12px;
    line-height: 1;
    margin: 0;
    padding: 20px;
    text-align: center; }

@media (max-width: 750px) {
  .bl-footer-copyright__text {
    font-size: 10px;
    padding: 10px; } }

/* .bl-pagetop */
.bl-pagetop__link {
  display: none;
  background: url(../img/BLUE_LOCK_FLOWER_HP_iconTOP.png) 0 0 no-repeat scroll;
  background-size: 100% auto;
  bottom: 30px;
  height: 82px;
  overflow: hidden;
  position: fixed;
  right: 20px;
  text-indent: 100%;
  white-space: nowrap;
  width: 86px; }

@media (max-width: 750px) {
  .bl-pagetop__link {
    bottom: 10px;
    height: 48px;
    right: 10px;
    width: 51px; } }

/*# sourceMappingURL=style.map */

/* .bl-first-btn */
.bl-first-btn__link{
  display: none;
  position: fixed;
  right: 0;
  bottom: 130px;
}
@media (max-width: 750px) {
  .bl-first-btn__link{
    width: 64px;
    bottom: 70px;
    right: 0;
  }
  .bl-first-btn__link img{
    width: 64px;
  }
 .bl__img{
  background-color: #002b49;
  text-align: center;
  padding-bottom: 20px;
}
.bl_img_innner{
  max-width:450px;
}

@media (max-width: 750px)
.bl_img{
  padding-bottom: 40px;
}
.bl_img_innner{
  max-width:90%;
   }}
   
  .bl-tuhan {
	background: #002b49;
	margin: 0 0 0px 0;
	padding: 30px;
	*:last-child {
		margin: 0;
	}
	&__text {
		font-size: 16px;
		margin-bottom: 20px;
		text-align: center;
		}}

@media (max-width: 750px) {
  .pc {
    display: none;
}}

@media (max-width: 750px) {
  .bl-heading{
    width: 100%;
  }}

@media (max-width: 750px) {
.drawer-nav{
    background: #002b49!important;
  }  }