@charset "UTF-8";
/* font-family */
/* フォントサイズ */
/* 右回転 */
@-webkit-keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
@keyframes rotate_right {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(360deg);
            transform: rotate(360deg);
  }
}
/* 左回転 */
@-webkit-keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
@keyframes rotate_left {
  0% {
    -webkit-transform: rotate(0);
            transform: rotate(0);
  }
  100% {
    -webkit-transform: rotate(-360deg);
            transform: rotate(-360deg);
  }
}
/* X軸回転 */
@-webkit-keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
@keyframes rotate_x {
  0% {
    -webkit-transform: rotateX(0);
            transform: rotateX(0);
  }
  100% {
    -webkit-transform: rotateX(360deg);
            transform: rotateX(360deg);
  }
}
/* Y軸回転 */
@-webkit-keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
@keyframes rotate_y {
  0% {
    -webkit-transform: rotateY(0);
            transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(360deg);
            transform: rotateY(360deg);
  }
}
/* 上に上がりながら消える */
@-webkit-keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
@keyframes float_out_up {
  from {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
  to {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
}
/* 下に下がりながら表示 */
@-webkit-keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes float_in_down {
  from {
    opacity: 0;
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
  }
  to {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
.theme-bg {
  background-color: #F6F7EB !important;
}

.theme-text {
  color: #333 !important;
}

.theme-border {
  border: 1px solid #357886 !important;
}

#header {
  background-color: #FFF;
  color: #333;
}

.main {
  background-color: #FFF;
  color: #333;
}

.theme-tokyo .theme-bg {
  background-color: #333;
  color: #F6F7EB !important;
}

.theme-tokyo .theme-text {
  color: #CCC !important;
}

.theme-tokyo .theme-border {
  border: 1px solid #666 !important;
}

.theme-tokyo #header {
  background-color: #000 !important;
  color: #CCC !important;
}

.theme-tokyo .main {
  background-color: #333 !important;
  color: #FFF !important;
}

/* 基本文字色 */
html {
  color: #333;
}

/* フォント */
body {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-noto {
  font-family: "Noto Sans Japanese", Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}

.font-meiryo {
  font-family: "Helvetica Neue", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
}

.font-mono {
  font-family: Consolas, "Courier New", Courier, Monaco, "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", monospace;
}

.font-msgo {
  font-family: "Osaka－等幅", Osaka-mono, "ＭＳ ゴシック", "MS Gothic", Consolas, "Courier New", Courier, Monaco, monospace;
}

.font-btn {
  font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
}

/*
================= 目次 =================

// 
// 
// 

========================================
*/
/*-------------------------------------
// よくある質問
// /pid/faq/
-------------------------------------*/
/* 目次 */
.faq-list {
  margin: 20px 0 20px 0;
  padding: 0 0 0 10px;
}
.faq-list li {
  background: url("../images/ico_question_s.png") no-repeat scroll left 0.3em transparent;
  padding-left: 26px;
  margin: 4px 0 10px;
  font-size: 1.1em;
}
.faq-list li a {
  color: #222;
}
.faq-list li a:hover {
  color: #F60;
}

/* 詳細 */
.faq-detail {
  margin: 40px 0;
}
.faq-detail dt {
  /*	background: url("../images/line_question.png") no-repeat scroll left  bottom transparent;	*/
  background: transparent url("../images/line_question.png") no-repeat scroll left bottom/100% 4px;
  padding-top: 20px;
  padding-bottom: 4px;
  font-size: 1.2em;
}
.faq-detail dt span {
  display: block;
  background: url("../images/ico_question_l.png") no-repeat scroll left 50% transparent;
  padding-left: 40px;
  line-height: 24px;
  min-height: 24px;
}
.faq-detail dd {
  margin: 15px 0 10px 10px;
  font-size: 1.1em;
  line-height: 1.5;
  background: url("../images/ico_answer_l.png") no-repeat scroll 8px 10px #E5F5FC;
  border-radius: 3px;
  position: relative;
  padding: 16px 12px 16px 55px;
}
.faq-detail dd:after {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: transparent transparent #E5F5FC;
  border-style: solid;
  border-width: 10px;
  content: "";
  height: 0;
  left: 10px;
  position: absolute;
  top: -20px;
  width: 0;
}

/*-------------------------------------
// イベント日程一覧
-------------------------------------*/
/* 一覧 */
.event-nittei-list {
  padding-left: 1em;
}
.event-nittei-list .list-item:first-child {
  border-top: 2px solid #DDD;
  padding-top: 30px;
}
.event-nittei-list .list-item__left {
  width: 70%;
}
.event-nittei-list .list-item__right {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .event-nittei-list .list-item {
    padding-left: 2%;
    padding-right: 2%;
  }
  .event-nittei-list .list-item__left {
    width: 70%;
  }
  .event-nittei-list .list-item__right {
    width: 30%;
  }
}
@media screen and (max-width: 575px) {
  .event-nittei-list .list-item__left {
    width: 100%;
  }
  .event-nittei-list .list-item__right {
    width: 100%;
  }
}

/* イベント項目 */
.nittei_left {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  justify-content: flex-start;
  -webkit-box-pack: flex-start;
  -ms-flex-pack: flex-start;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.disabled .nittei_left {
  color: #999;
}
.nittei_left__main {
  width: 50%;
  font-size: 1.6em;
  padding-left: 5%;
  text-align: left !important;
}
.nittei_left__sub {
  width: 50%;
  font-size: 1.1em;
  padding-left: 2em;
  line-height: 1.2;
  text-align: left !important;
}
@media screen and (max-width: 767px) {
  .nittei_left__main {
    width: 100%;
    padding: 0;
  }
  .nittei_left__sub {
    width: 100%;
    padding-left: 1em;
  }
}

.nittei_right {
  text-align: center;
}
@media screen and (max-width: 767px) {
  .nittei_right .btn {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }
  .nittei_right .btn.btn-arrow-right {
    padding-right: 25px !important;
  }
}
@media screen and (max-width: 575px) {
  .nittei_right {
    text-align: right;
  }
  .nittei_right .btn {
    width: 50%;
    min-width: 120px;
    margin-top: 1em;
    padding-top: 6px;
    padding-bottom: 4px;
  }
}/*# sourceMappingURL=faq.css.map */