@charset "utf-8";
/* CSS Document */


/* "Quicksand" 500 700 */
@import url('https://fonts.googleapis.com/css?family=Quicksand:500,700');
/* "M PLUS Rounded 1c" */
@import url('https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c');

body {
  font-size: 14px;
  text-align: justify;
}

/* font color */
.blue-main {
  color: #8DDAF6;
}
.blue-sub {
  color: #84BEED;
}
.orange {
  color: #FFDB44;
}
.red {
  color: #D02D30;
}

/* navbar */
#nav-box {
  font-family: "Quicksand";
  background-color: #84BEED;
  /*background-image: url(../img/navbar_bg.png);
  background-position: center center;
  background-size: contain;*/
}

#nav-box .navBg {
  background-color: #8DDAF6;
}

#nav-box .navbar-dark .navbar-nav .nav-link {
  color: rgba(255, 255, 255, 1.0);
}
#nav-box .navbar-dark .navbar-nav .nav-link:hover, #nav-box .navbar-dark .navbar-nav .nav-link:focus {
  color: rgba(255, 255, 255, 0.75);
}
#nav-box .navbar-dark .navbar-nav .nav-link.disabled {
  color: rgba(255, 255, 255, 0.25);
}
#nav-box .navbar-dark .navbar-toggler {
  color: rgba(255, 255, 255, 1.0);
  border-color: rgba(255, 255, 255, 0.5);
}
#nav-box .navbar-dark .navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(255, 255, 255, 0.75)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
#nav-box .navbar-dark .navbar-text {
  color: rgba(255, 255, 255, 0.5);
}
#nav-box .navbar-nav .active .nav-link.disabled {
  color: rgba(255, 255, 255, 0.5);
}

/*　footer　*/
footer {
  background-color: #BAE8F9;
  padding-top: 30px;
  padding-bottom: 15px;
  background-image: url("../img/footer_bg.png");
  background-position: bottom center;
  line-height: 2em;
  background-repeat: repeat-x;
}
footer .logomark {
  margin-bottom: 10px;
}
footer .contents {
	text-align: right;
}
footer .contents a {
	color: #000;
}
footer .contents a:hover {
  color: #0056b3;
}
footer .contents .copy {
	font-size: 0.9em;
}
footer .name {
  font-size: 1.3em;
  font-weight: 500;
  color: #278EAF;
}

/* topimg */
#topimg {
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.35);
  box-shadow: 0px 3px 8px rgba(0,0,0,0.35);
}

/* carousel */
.carousel {
  border-bottom: 3px solid #fff;
  border-top: 3px solid #fff;
  -webkit-box-shadow: 0px 3px 8px rgba(0,0,0,0.35);
  box-shadow: 0px 3px 8px rgba(0,0,0,0.35);
}

/* card */
#card-box {
  padding-top: 30px;
  padding-bottom: 15px;
}
#card-box .card {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
}
#card-box .card-img-top {
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  border-right: 3px solid #fff;
  border-radius: 6px;
}
#card-box a:hover .card-img-top {
  opacity: 70%;  
}
#card-box .card-title {
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: bold;
}
#card-box .card-body {
  margin: 3px;
  border: 1px solid #E9E9E9;
  border-radius: 3px;
  background-image: url("../img/card/card_bg.png");
  background-position: bottom right;
  background-repeat: no-repeat;
}
#card-box a:hover {
  text-decoration: none;
}
#card-box a .card-text {
  color: #000;
}
#card-box a:hover .card {
  background-color: rgba(141,218,246,0.18);
}
#card-box a:hover .card-body {
  background-image: url("../img/card/card_bg_hover.png");
  background-position: bottom right;
  background-repeat: no-repeat;
  border: 1px solid #fff;
}

/* main */
#main {
  padding-top: 30px;
  padding-bottom: 30px;
}

/* company */
#main .companybox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  /*margin-bottom: 30px;*/
  background-color: #fff;
}
@media (max-width: 767.98px) {
  #main .companybox {
    margin-bottom: 30px;
  }
}
#main .companybox iframe {
  margin-bottom: -6px;
  height: 500px;
}
@media (max-width: 767.98px) {
  #main .companybox iframe {
    margin-bottom: -36px;
  }
}
#main .companybox table {
  margin-bottom: 0px;
}
@media (max-width: 767.98px) {
  #main .companybox table {
    margin-bottom: -30px;
  }
}
#main .companybox table thead {
  background-color: #9FDFF7;
  border-bottom: 1px solid #fff;
}
#main .companybox table tbody tr {
  border-bottom: 1px solid #fff;
}
#main .companybox table tbody tr th {
  background-color: #9FDFF7;
}
#main .companybox table th {
  border-right: 1px solid #fff;
}
#main .companybox.bgimg {
  /*background-image: url("../company/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;*/
  background-color: rgba(141,218,246,0.60);
  height: 100% !important;
}
/*@media (max-width: 1199.98px) {
  #main .companybox.bgimg {
    background-image: url("../company/img/titleBg_lg.jpg");
  }
}*/
@media (max-width: 991.98px) {
  #main .companybox.bgimg {
    /*background-image: url("../company/img/titleBg_sm.jpg");*/
    height: 100% !important;
  }
}

#main .companybox .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .companybox .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}

/* lunt */
#lunt {
  padding-top: 30px;
}
#lunt .text {
  text-align: justify;
  font-size: 1.2em;
  margin-top: 30px;
  margin-bottom: 30px;
}

#prof {
  background-color: #E2EFFF;
  padding-bottom: 30px;
  padding-top: 30px;
  font-size: 1.1em;
}
@media (max-width: 767.98px) {
  #prof table {
    margin-top: 30px;
  }
}

#manga {
  padding-top: 30px;
  padding-bottom: 15px;
}
#manga #select {
  margin-bottom: 15px;
}
#manga #select .select-btn img {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border: 3px solid #fff;
  border-radius: 20px;
  margin-bottom: 5px;
}
#manga #select .select-btn a:hover img {
  opacity: 70%;
}

/* comic */
body.comicback {
  background-color: #C1DAFF;
}
#comic .container {
  margin-top: 30px;
  margin-bottom: 30px;
}
#comic .backbtn {
  margin-top: 30px;
}

/* product */
#main .product {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  background-color: #fff;
}
#main .product.bgimg {
  background-image: url("../product/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;
  padding-bottom: 30px;
}
#main .product .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .product .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}
#main .categoryBtn {
}
#main .categoryBtn div {
  text-align: center;
}
#main .categoryBtn div a {
  background-color: #8DDAF6;
  color: #fff;
  display: block;
  margin-bottom: 15px;
  padding: 5px 0px;
  transition: background-color 0.3s, border-radius 0.3s;
}
#main .categoryBtn div a:hover {
  background-color: #84BEED;
  color: #fff;
  text-decoration: none;
  border-radius: 30px;
}

.h2title {
  font-size: 22px;
  border-bottom: 1px dashed #ddd;
  margin-bottom: 20px;
  padding-bottom: 10px;
  font-weight: 500;
}

.itemBox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  background-color: #fff;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
}
.itemBox img {
  border-radius: 6px;
  -webkit-box-shadow: 0px 0px 4px rgba(0,0,0,0.10);
  box-shadow: 0px 0px 4px rgba(0,0,0,0.10);
  margin-bottom: 15px;
}
.itemBox h3 {
  display: block;
  border-bottom: 2px solid #fff;
  padding-bottom: 15px;
  padding-top: 15px;
  margin-bottom: 15px;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: bold;
  background-color: #D8F4FF;
  border-radius: 6px 6px 0px 0px;
}


/* message */
#main .message {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  background-color: #fff;
}
#main .message.bgimg {
  background-image: url("../message/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;
  padding-bottom: 30px;
}
#main .message .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .message .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}
.messageBox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  padding-bottom: 200px;
}
.messageBox .message_catch {
  margin-top: 30px;
  font-size: 38px;
  font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
  font-weight: bold;
  color: rgba(55,190,240,1.00);
}
@media (max-width: 767.98px) {
  .messageBox .message_catch {
    font-size: 27px;
  }
}
.messageBox .message_txt {
  padding-left: 2em;
  font-size: 16px;
  line-height: 2.3em;
}
.messageBox .message_lunt {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 30px;
}
@media (max-width: 767.98px) {
  .messageBox .message_lunt img {
    width: 260px;
    height: 262px;
  }
}


/* transaction */
#main .transactionbox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  /*margin-bottom: 30px;*/
  background-color: #fff;
}
@media (max-width: 991.98px) {
  #main .transactionbox {
    margin-bottom: 30px;
  }
}
#main .transactionbox.bgimg {
  /*background-image: url("../transaction/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;*/
  height: 100% !important;
  background-color: rgba(141,218,246,0.60);
}
@media (max-width: 991.98px) {
  #main .transactionbox.bgimg {
    /*background-image: url("../transaction/img/titleBg_sm.jpg");*/
    height: 100% !important;
  }
}
#main .transactionbox .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .transactionbox .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}
#main .transactionbox ul {
  margin-top: 30px;
  font-size: 14px;
  /*font-family: "Quicksand","M PLUS Rounded 1c";*/
}
#main .transactionbox ul li {
  list-style-type: none!important;
  line-height: 2em;
  border-bottom: 1px dashed #ddd;
  margin-right: 1em;
  margin-bottom: 1em;
}
#main .transactionbox ul li:before {
  font-family: "FontAwesome";
  content: "\f101"; /* アイコン種類 */
  position: absolute;
  left : 2.6em; /* 左端からのアイコンまで */
  color: #FFDB44;
}
#main .transactionbox ul li.hoka {
  list-style-type: none!important;
  line-height: 2em;
  border-bottom: 0px;
  margin-right: 1em;
  margin-bottom: 1em;
}
#main .transactionbox ul li.hoka:before {
  font-family: "FontAwesome";
  position: absolute;
  left : 2.6em; /* 左端からのアイコンまで */
  color: rgba(255,219,68,0.00);
}


/* contact */
#main .contact {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  background-color: #fff;
}
#main .contact.bgimg {
  background-image: url("../contact/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;
  padding-bottom: 30px;
}
#main .contact .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .contact .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}
.contactBox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
}
.contactBox form {
  margin-top: 15px;
}

.contactBox .confirmBox {
  margin-top: 30px;
  margin-bottom: 30px;
}
.contactBox .confirmBox .btnbox {
  margin-top: 60px;
}
.contactBox .confirmBox #copyright {
  margin-top: 5px;
  font-size: 0.8em;
}
.contactBox .confirmBox .backlink {
  margin-top: 60px;
}
.contactBox .confirmBox h5 {
  margin-bottom: 30px;
  font-weight: 700;
  color: #494949;
}







/* history */
#main .history {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  background-color: #fff;
}
#main .history.bgimg {
  background-image: url("../history/img/titleBg.jpg");
  background-size: cover;
  background-position: center center;
  padding-bottom: 30px;
}
#main .history .title {
  font-size: 3.5em;
  padding: 15px 30px;
  color: #fff;
  text-shadow: 2px 2px 6px #000;
  font-family: "Quicksand","M PLUS Rounded 1c";
  font-weight: normal;
}
@media (max-width: 767.98px) {
  #main .history .title {
    text-align: center;
    padding: 30px 30px 0px;
    margin-bottom: 0px;
  }
}
.historyBox {
  -webkit-box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  box-shadow: 0px 5px 12px rgba(0,0,0,0.35);
  border-radius: 6px;
  border: solid 2px #fff;
  margin-bottom: 30px;
  margin-left: 0px;
  margin-right: 0px;
  background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
  background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 55.44%,rgba(240,240,240,1.00) 100%);
}