@charset "UTF-8";
@forward 'index/base';
/****************************************************************************************************
****************************************************************************************************/
/****************************************************************************************************
****************************************************************************************************/
#TopicsPath {
  margin: 10px auto 0; }

.oc * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.oc_content {
  position: relative; }

/****************************************************************************************************
 ****************************************************************************************************/
.main_spring {
  width: 100%;
  height: auto;
  margin: 0 auto 80px;
  position: relative; }
  .main_spring img {
    width: 100%; }
  @media (max-width: 735px) {
    .main_spring {
      margin: 0 auto; } }
  .main_spring .mainImg {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 20; }

.mainImg_spring {
  width: 100%;
  margin: 0;
  line-height: 0; }
  .mainImg_spring img {
    width: 100%; }

/****************************************************************************************************
 ****************************************************************************************************/
.mainImg {
  width: 100%;
  margin: 0;
  line-height: 0; }
  .mainImg img {
    width: 100%; }

.timeBlock {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .timeBlock .wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    text-align: center; }
  .timeBlock .box-a, .timeBlock .box-b {
    width: 50%; }
  .timeBlock .box_t {
    padding: 30px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 735px) {
      .timeBlock .box_t {
        padding: 1rem 0; } }
  .timeBlock .box-a {
    background: #e9f3f8; }
  .timeBlock .box-b {
    background: #f2f9f1; }
    .timeBlock .box-b .col {
      margin: 0 auto 20px; }
      @media (max-width: 735px) {
        .timeBlock .box-b .col {
          margin: 0 auto 0px; } }
      .timeBlock .box-b .col:not(:last-child) {
        margin: 0 auto 30px;
        padding: 0 0 30px;
        border-bottom: 1px solid #888986; }
        @media (max-width: 735px) {
          .timeBlock .box-b .col:not(:last-child) {
            margin: 0 auto 20px;
            padding: 0 0 10px; } }
  .timeBlock .time {
    text-align: center;
    margin: 0 auto 10px;
    max-width: 80%; }
    .timeBlock .time img {
      width: 100%; }
    @media (max-width: 735px) {
      .timeBlock .time {
        max-width: 90%; } }

.day_img {
  max-width: 800px;
  text-align: center;
  margin: 40px auto;
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }
  .day_img img {
    width: 100%; }
  @media (max-width: 1025px) {
    .day_img {
      margin: 30px auto; } }
  @media (max-width: 735px) {
    .day_img {
      margin: 1rem auto;
      padding: 0 20px; } }

.main {
  width: 100%;
  height: auto;
  background: url("../images/mainImg.jpg") no-repeat center top;
  background-size: cover;
  margin: 0 auto 80px; }
  .main img {
    width: 100%; }

@media (max-width: 1025px) {
  .main {
    width: 100%;
    margin: -30px auto 40px; } }
@media (max-width: 735px) {
  .main {
    margin: 0 auto; } }
.main .mainImg img {
  width: 100%; }

.main h2 {
  text-align: center;
  margin: 0 auto;
  padding: 30px 0 60px; }

@media (max-width: 1025px) {
  .main h2 {
    width: 90%; }

  .main h2 img {
    width: 100%; } }
.main .wrap {
  position: relative;
  padding: 30px 0 40px; }

@media (max-width: 735px) {
  .main .wrap {
    padding: 20px 0 10px; } }
.main .img01 {
  max-width: 400px;
  text-align: center;
  margin: 0 auto 70px; }
  .main .img01 img {
    width: 100%; }
  @media (max-width: 1025px) {
    .main .img01 {
      max-width: 50%;
      margin: 0 auto 60px; } }
  @media (max-width: 735px) {
    .main .img01 {
      max-width: 90%;
      margin: 0 auto 2.2rem; } }

.main .uketuke {
  position: absolute;
  max-width: 140px;
  right: -30px;
  bottom: 20px; }
  @media (max-width: 1025px) {
    .main .uketuke {
      display: none; } }

@media (max-width: 1400px) {
  .main .uketuke {
    right: 20px; } }
/*@media (max-width: 1025px) {
  .main .uketuke {
    width: 20%;
    bottom: 10px;
  }
  .main .uketuke img {
    width: 100%;
  }
}*/
.uketukeSp {
  display: none; }
  @media (max-width: 1025px) {
    .uketukeSp {
      display: block; } }

@media (max-width: 1025px) {
  .uketukeSp {
    max-width: 100%;
    background: #FFF000;
    padding: 8px 0 0px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    text-align: center;
    margin: -40px auto 30px; }
    .uketukeSp .uketukeSp p {
      width: 60%;
      text-align: center;
      margin: 0 auto; }
    .uketukeSp .uketukeSp p img {
      width: 100%; } }
@media (max-width: 735px) {
  .uketukeSp {
    margin: 0px auto 30px; } }
.box_cal {
  width: 48%; }

.day {
  text-align: center;
  margin: 0 auto 60px; }
  .day img {
    width: 100%; }
  @media (max-width: 1025px) {
    .day {
      margin: 0 auto 40px; } }
  @media (max-width: 735px) {
    .day {
      margin: 0 auto 1rem;
      width: 100%; } }

.timeBlock2 {
  width: 100%; }
  .timeBlock2 .col_long {
    padding: 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box; }
    @media (max-width: 1025px) {
      .timeBlock2 .col_long {
        padding: 30px; } }
    @media (max-width: 735px) {
      .timeBlock2 .col_long {
        padding: 20px 10px; } }
    .timeBlock2 .col_long._color1 {
      background: #e9f3f8; }
    .timeBlock2 .col_long._color2 {
      background: #f2f9f1; }
  .timeBlock2 .timeBox {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    .timeBlock2 .timeBox .img {
      width: 60%; }
      @media (max-width: 735px) {
        .timeBlock2 .timeBox .img {
          width: 60%; } }
      .timeBlock2 .timeBox .img img {
        width: 100%; }
    .timeBlock2 .timeBox .right {
      width: 40%; }
      @media (max-width: 735px) {
        .timeBlock2 .timeBox .right {
          width: 40%; } }

/****************************************************************************************************
  ****************************************************************************************************/
.countdownBox {
  margin: 0px auto;
  background: url("../images/cd_bg3.png") no-repeat;
  background-size: contain;
  width: 250px;
  height: 90px;
  position: relative;
  text-align: center; }

/*@media (max-width: 1060px) {
	 .countdownBox {
    width: 200px;
     height: 140px;
    background-size: contain;
		margin: 0 auto;
		position: relative;  
  }
}*/
@media (max-width: 735px) {
  .countdownBox {
    width: 200px;
    height: 70px;
    background-size: contain;
    margin: 0 auto;
    position: relative; } }
@media screen and (max-width: 480px) {
  .countdownBox {
    width: 140px;
    height: 50px;
    background-size: contain;
    margin: 0 auto; } }
.countdownBox .timeBox {
  padding: 0px 0 0 0; }

.countdownBox #countdown__date3, .countdownBox #countdown__date2, .countdownBox #countdown__date {
  width: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  /*padding-left: 50px;	*/
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.countdownBox #countdown__date3 img, .countdownBox #countdown__date2 img, .countdownBox #countdown__date img {
  width: 45px; }
  @media screen and (max-width: 735px) {
    .countdownBox #countdown__date3 img, .countdownBox #countdown__date2 img, .countdownBox #countdown__date img {
      width: 33px; } }
  @media screen and (max-width: 480px) {
    .countdownBox #countdown__date3 img, .countdownBox #countdown__date2 img, .countdownBox #countdown__date img {
      width: 24px; } }

.countdownBox #countdown__date,
.countdownBox #countdown__date2,
.countdownBox #countdown__date3 {
  position: absolute;
  top: 50%;
  left: 59%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  padding-left: 0;
  /* 既存のpadding-leftをリセット */ }
  @media screen and (max-width: 735px) {
    .countdownBox #countdown__date,
    .countdownBox #countdown__date2,
    .countdownBox #countdown__date3 {
      left: 64%; } }
  @media screen and (max-width: 480px) {
    .countdownBox #countdown__date,
    .countdownBox #countdown__date2,
    .countdownBox #countdown__date3 {
      left: 73%; } }

/*
@media (max-width: 1000px) {
  .countdownBox #countdown__date2,.countdownBox #countdown__date {
    width: 26%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
	 position:absolute;
	 right: 47%;
	  top:20%;
  }
}

@media (max-width: 735px) {
  .countdownBox #countdown__date3,.countdownBox #countdown__date2,.countdownBox #countdown__date {
    width: 23%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
	 position:absolute;
	 right: 48%;
	  top:24%;
  }
  
} 
  
  
  }
  
  
  
/*.countdownBox{
margin: 0px auto;
background:url("../images/cd_bg.png") no-repeat;
width: 245px;
height: 153px;
text-align: center;
@include  sp {
width: 50%;
height: auto;
background-size: contain; margin: 0 auto;
}
@media screen and (max-width: 480px) {
 background-size: contain; margin: 0 auto;
}

.timeBox{
padding: 42px 0 0 0;
@include  sp {padding: 30px 0 0 0;}
}
#countdown__date,#countdown__date2{
@include  sp {
width: 23%;
display: flex;
justify-content: center;
margin: -10px auto 0;
img{width: 100%;}
}
}

}*/
/****************************************************************************************************
  ****************************************************************************************************/
.wrap {
  max-width: 1000px !important;
  margin: 0 auto; }
  @media (max-width: 1025px) {
    .wrap {
      max-width: 100% !important; } }

.img100 img {
  width: 100%; }

.w100 {
  width: 100%; }

.chirashiT {
  width: 60%;
  margin: 0 auto 20px; }
  .chirashiT img {
    width: 100%; }
  @media (max-width: 735px) {
    .chirashiT {
      width: 100%; } }

.chirashiImg {
  max-width: 24%;
  margin: 0 auto; }
  .chirashiImg img {
    width: 100%; }
  @media (max-width: 1025px) {
    .chirashiImg {
      max-width: 34%; } }
  @media (max-width: 735px) {
    .chirashiImg {
      max-width: 44%; } }
  .chirashiImg._type2 {
    max-width: 45%; }
    @media (max-width: 1025px) {
      .chirashiImg._type2 {
        max-width: 45%; } }
    @media (max-width: 735px) {
      .chirashiImg._type2 {
        max-width: 50%; } }

.img_pattern {
  text-align: center;
  margin: auto; }

#Footer {
  margin-top: 0; }

@media (max-width: 735px) {
  .box01 {
    width: 100%;
    text-align: center;
    margin: 0 auto; }
    .box01 img {
      width: 100%; } }

.btn {
  text-align: center;
  margin: 30px auto 80px; }
  @media (max-width: 1025px) {
    .btn {
      width: 80%;
      margin: 10px auto 60px; }
      .btn img {
        width: 100%; } }
  @media (max-width: 735px) {
    .btn {
      width: 90%;
      margin: 10px auto 20px; } }
  .btn a:hover img {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)"; }

.reportBox {
  width: 100%;
  margin: 0 auto 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  @media (max-width: 735px) {
    .reportBox {
      margin: 0 auto 30px; } }
  .reportBox p {
    width: 32%;
    margin: 0; }
    .reportBox p img {
      width: 100%; }
    @media (max-width: 735px) {
      .reportBox p {
        width: 48%;
        margin: 0 auto 10px; } }
  .reportBox._center {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 0 auto 10px; }
  .reportBox._type2 p {
    width: 24.5%; }
    @media (max-width: 735px) {
      .reportBox._type2 p {
        width: 48.5%; } }

.report_past {
  margin: 0 0 140px; }
  @media (max-width: 735px) {
    .report_past {
      margin: 0 0 6.5rem; } }
  .report_past .listBox li {
    width: 32%; }
    .report_past .listBox li a {
      display: block;
      padding: 10px;
      -webkit-box-sizing: border-box;
              box-sizing: border-box;
      border: 1px solid #ff6633;
      text-align: center;
      color: #ff6633;
      text-decoration: none;
      line-height: 1.4; }
      @media (max-width: 1025px) {
        .report_past .listBox li a {
          font-size: 84%; } }
      @media (max-width: 735px) {
        .report_past .listBox li a {
          padding: 6px 0;
          font-size: 90%; } }
      .report_past .listBox li a:hover {
        background: #ff6633;
        color: #fff; }

.day_yotei {
  max-width: 90%;
  margin: 60px auto 0;
  text-align: center; }
  .day_yotei img {
    width: 100%; }

/****************************************************************************************************
 ****************************************************************************************************/
.js-fadein {
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(40px);
          transform: translateY(40px);
  -webkit-transition: all 1s;
  transition: all 1s; }

.js-fadein.is-show {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
          transform: translateY(0px); }

/****************************************************************************************************
 ****************************************************************************************************/
/*.tab{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 84%;
margin: 0 auto 60px;
@include tab {margin: 0 auto 40px; width: 94%;}
@include sp {margin: 0 auto 1.5rem; width: 100%;}
.child{
width: 48.5%;
@include tab {width: 49%;}
@include sp {}
a{
display: block;
border: 3px solid #EA4600;
box-sizing: border-box;
padding: 10px;
text-align: center;
font-size: 150%;
font-weight: 600;
background: #fff;
color:#EA4600;
text-decoration: none;
line-height: 1.5;
@include tab {font-size: 130%;}
@include sp {
display: block;
width: 100%;
padding: 5px;
font-size: 105%;
 }
&:hover{
background: #EA4600;
color: #fff;
}
}

&.active{
a{
background: #EA4600;
color: #fff;
 }
}  
 }
}*/
.tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .tab .child {
    width: 31%; }
    .tab .child img {
      width: 100%; }
    .tab .child a:hover img {
      opacity: 0.7;
      filter: alpha(opacity=70);
      -ms-filter: "alpha(opacity=70)"; }

/*.tabContents{
display: none;
&.active{
display: block;
 }
 
}*/
.tabMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }
  .tabMenu .child {
    position: relative;
    width: 31%;
    height: 300px;
    margin: 0 auto;
    display: block;
    overflow: hidden; }
    @media (max-width: 1025px) {
      .tabMenu .child {
        width: 160px;
        height: 180px; } }
    @media (max-width: 735px) {
      .tabMenu .child {
        width: 130px;
        height: 130px; } }
    @media (max-width: 400px) {
      .tabMenu .child {
        width: 100px;
        height: 100px; } }
    .tabMenu .child img {
      width: 100%;
      display: block; }
    .tabMenu .child img {
      position: absolute;
      top: 50%;
      left: 50%;
      -webkit-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%);
      width: 100%;
      display: block;
      -webkit-transition: .4s ease-in-out;
      transition: .4s ease-in-out; }
    .tabMenu .child a:hover {
      opacity: 0.7; }

.head_cam {
  width: 100%;
  padding: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
  font-size: 180%;
  font-weight: 600;
  text-align: center;
  margin: 30px auto 1.6rem; }
  @media (max-width: 1025px) {
    .head_cam {
      font-size: 150%;
      padding: 8px; } }
  @media (max-width: 735px) {
    .head_cam {
      font-size: 110%;
      padding: 6px; } }
  .head_cam._a {
    background: #6eb92c; }
  .head_cam._b {
    background: #00a4e3; }

.floating {
  position: fixed;
  bottom: 0;
  right: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: calc(100% - 300px); }
  @media (max-width: 1025px) {
    .floating {
      width: calc(100% - 240px); } }
  @media (max-width: 735px) {
    .floating {
      width: 100%;
      bottom: 0px; } }
  .floating ul {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .floating ul li {
      /*width:200px;*/
      width: 50%;
      line-height: 0; }
      @media (max-width: 735px) {
        .floating ul li {
          width: 50%; } }
      .floating ul li a {
        display: block;
        /*padding: 1rem;
        box-sizing: border-box;
        background: #4d4d4d;
        color: #fff;
        text-align: center;
        font-size: 1.5rem;
        font-weight: 600;
        text-decoration: none;*/
        -webkit-transition: .5s;
        transition: .5s; }
        @media (max-width: 1025px) {
          .floating ul li a {
            font-size: 1.2rem; } }
        @media (max-width: 735px) {
          .floating ul li a {
            font-size: 0.85rem;
            /*padding: 1rem 0;*/ } }
        .floating ul li a:hover {
          opacity: 0.7; }
      .floating ul li img {
        width: 100%; }
  .floating .flo_txt {
    width: 100%;
    padding: 10px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
    background: #FFF300; }
    .floating .flo_txt span {
      color: red;
      font-weight: bold;
      font-size: 120%;
      -webkit-animation: blinking 1s ease-in-out infinite alternate;
              animation: blinking 1s ease-in-out infinite alternate; }
@-webkit-keyframes blinking {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
@keyframes blinking {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
      @media (max-width: 1025px) {
        .floating .flo_txt span {
          font-size: 110%; } }
      @media (max-width: 1025px) {
        .floating .flo_txt span {
          font-size: 90%; } }

.main_thanks {
  position: relative;
  margin: 0;
  line-height: 0; }
  .main_thanks video {
    position: relative;
    z-index: -1; }
  .main_thanks .box {
    background: rgba(0, 0, 0, 0.5);
    z-index: 2; }
  .main_thanks h2.titleImg {
    position: absolute;
    z-index: 2;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    text-align: center;
    font-size: 6vw;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    color: #fff; }
  .main_thanks h2.titleImg {
    width: 43%; }
    .main_thanks h2.titleImg img {
      width: 100%; }
    @media (min-width: 1400px) {
      .main_thanks h2.titleImg {
        width: 40%; } }
    @media (max-width: 1025px) {
      .main_thanks h2.titleImg {
        width: 55%; } }
    @media (max-width: 735px) {
      .main_thanks h2.titleImg {
        width: 60%; } }

.movie {
  margin: 60px auto; }
  @media (max-width: 1025px) {
    .movie {
      margin: 40px auto; } }
  @media (max-width: 735px) {
    .movie {
      margin: 30px auto; } }

.movie .block01 {
  margin-bottom: 20px; }
  @media (max-width: 735px) {
    .movie .block01 {
      margin: 10px auto !important; } }

.movie .block02 {
  width: 100%; }

.movie {
  max-width: 920px;
  width: 100%;
  margin: 50px auto 100px;
  text-align: center; }
  @media (max-width: 735px) {
    .movie {
      margin: 20px auto 50px; } }
  .movie.type2 {
    margin: 50px auto 0px; }

.movie iframe {
  height: 520px; }
  @media (max-width: 1025px) {
    .movie iframe {
      height: 400px; } }
  @media (max-width: 735px) {
    .movie iframe {
      height: 205px; } }

.movie .block_movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }
  .movie .block_movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }

/*.main_thanks{
width: 100%;
background: url("../images/main_thanksBg.jpg") no-repeat;
background-size:cover;
background-position:50%;
height: 800px;
 @include  tab {height: 600px;}
 @include  sp { height: 360px;}
.box{
width: 100%;
background-color: rgba(0,0,0,0.4);
height: 800px;
 @include  tab {height: 600px;}
 @include  sp { height: 360px;}
 display: flex;
justify-content: center;
align-items: center;
}
h2.titleImg{
text-align: center;
margin: 0 auto;
}

h2.titleImg{
width: 50%;
img{width: 100%;}
 @media (min-width: 1400px) {
 }
 @include  tab { width: 70%;}
 @include  sp { width: 80%;}
}
}*/
/*.main_thanks{
width: 100%;
position: relative;
margin: 0;
line-height: 0;
margin: 0 auto 60px;
background: url("../images/main_thanksBg.jpg") no-repeat center top;
background-size: cover;
@include tab {margin: 0 auto 50px;}
@include sp {margin: 0 auto 2rem;}
video{
position: relative;
z-index: 1;
}
.box{
background: rgba(37,30,28,0.5);
 z-index:2;
}


h2.titleImg{
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  font-size:6vw;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #fff;
}

h2.titleImg{
width: 43%;
img{width: 100%;}
 @media (min-width: 1400px) {
 width: 40%;
 }
 @include  tab { width: 55%;}
 @include  sp { width: 60%;}
}
}
*/
.txt01 {
  text-align: center;
  color: red;
  font-size: 200%;
  font-weight: 500;
  line-height: 1.55;
  margin: 60px auto; }
  @media (max-width: 1025px) {
    .txt01 {
      margin: 40px auto;
      font-size: 170%; } }
  @media (max-width: 735px) {
    .txt01 {
      margin: 30px auto;
      font-size: 124%; } }

.w90 {
  width: 90%;
  margin: 0 auto; }

.topics {
  max-width: 600px;
  margin: 0 auto 60px;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #662b03;
  border-radius: 10px;
  line-height: 1.6; }
  .topics .img {
    width: 20%;
    margin: 0 0 5px; }
    .topics .img img {
      width: 100%; }
    @media (max-width: 735px) {
      .topics .img {
        width: 30%; } }
  .topics .arrow_d {
    position: relative;
    display: inline-block;
    padding-left: 20px; }
    @media (max-width: 1025px) {
      .topics .arrow_d {
        padding-left: 15px; } }
  .topics .arrow_d:before {
    content: '';
    width: 14px;
    height: 14px;
    background: #e95504;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto; }
    @media (max-width: 1025px) {
      .topics .arrow_d:before {
        width: 12px;
        height: 12px; } }
  .topics .arrow_d:after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3px 0 3px 5px;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    top: 0;
    left: 5px;
    bottom: 0;
    margin: auto; }
    @media (max-width: 1025px) {
      .topics .arrow_d:after {
        border-width: 2px 0 2px 4px;
        left: 4px; } }
  .topics a .arrow_d:hover {
    text-decoration: underline; }

.yoyakuBtn {
  max-width: 600px;
  margin: 60px auto 80px;
  text-align: center; }
  @media (max-width: 1025px) {
    .yoyakuBtn {
      margin: 40px auto 60px; } }
  @media (max-width: 735px) {
    .yoyakuBtn {
      margin: 30px auto 40px;
      max-width: 94%; } }
  .yoyakuBtn a {
    display: block;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #f8cad8;
    border: 1px solid #e85382;
    border-radius: 50px;
    color: #e85382;
    font-size: 180%;
    font-weight: 600; }
    @media (max-width: 735px) {
      .yoyakuBtn a {
        font-size: 120%; } }
    .yoyakuBtn a:hover {
      background: #e85382;
      color: #fff; }
  .yoyakuBtn._none {
    display: block;
    padding: 15px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
    background: #ccc;
    border: 1px solid #e85382;
    border-radius: 50px;
    color: #000;
    font-size: 180%;
    font-weight: 600; }
    @media (max-width: 735px) {
      .yoyakuBtn._none {
        font-size: 120%; } }
  .yoyakuBtn._type2 a {
    background: #f97310;
    color: #fff;
    border-radius: 50px; }
    .yoyakuBtn._type2 a:hover {
      background: #ea551e; }
  .yoyakuBtn._txtS a {
    font-size: 100%; }

.note {
  max-width: 800px;
  margin: 0 auto; }
  .note img {
    width: 100%; }
  @media (max-width: 735px) {
    .note {
      max-width: 96%; } }

.news_txt {
  text-align: center;
  margin: 0 auto 40px; }
  @media (max-width: 735px) {
    .news_txt {
      text-align: left; } }

/****************************************************************************************************
 ****************************************************************************************************/
.pcVew {
  display: block; }

.spVew {
  display: none; }

@media screen and (max-width: 735px) {
  .pcVew {
    display: none; }

  .spVew {
    display: block; }

  .spNone {
    display: none !important; } }
@media (max-width: 1025px) {
  .img100 img {
    width: 100%; } }
.alignC {
  text-align: center; }

.alignL {
  text-align: left; }

.alignR {
  text-align: right; }

.mAuto {
  margin: 0 auto; }

.mb0 {
  margin-bottom: 0 !important; }

.mb5 {
  margin-bottom: 5px !important; }

.mb10 {
  margin-bottom: 10px !important; }

.mb15 {
  margin-bottom: 15px !important; }

.mb20 {
  margin-bottom: 20px !important; }

.mb25 {
  margin-bottom: 25px !important; }

.mb30 {
  margin-bottom: 30px !important; }

.mb35 {
  margin-bottom: 35px !important; }

.mb40 {
  margin-bottom: 40px !important; }

.mb50 {
  margin-bottom: 50px !important; }

.mb60 {
  margin-bottom: 60px !important; }

.mb70 {
  margin-bottom: 70px !important; }

.mb80 {
  margin-bottom: 80px !important; }

.mb100 {
  margin-bottom: 100px !important; }

.mr05 {
  margin-right: 5px; }

.mr10 {
  margin-right: 10px; }

.mr15 {
  margin-right: 15px; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

@media screen and (max-width: 735px) {
  .spmb0 {
    margin-bottom: 0 !important; }

  .spmb5 {
    margin-bottom: 5px !important; }

  .spmb10 {
    margin-bottom: 10px !important; }

  .spmb15 {
    margin-bottom: 15px !important; }

  .spmb20 {
    margin-bottom: 20px !important; }

  .spmb25 {
    margin-bottom: 25px !important; }

  .spmb30 {
    margin-bottom: 30px !important; }

  .spmb40 {
    margin-bottom: 40px !important; }

  .spmb50 {
    margin-bottom: 50px !important; }

  .spmb60 {
    margin-bottom: 60px !important; }

  .spmb70 {
    margin-bottom: 70px !important; }

  .spmt10 {
    margin-top: 10px !important; }

  .spmt20 {
    margin-top: 20px !important; }

  .spmt30 {
    margin-top: 30px !important; } }
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between; }

#ImageMap {
  max-width: 100%;
  width: auto; }

.newBox {
  border: 4px solid #ea5504;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 30px auto;
  text-align: center;
  max-width: 800px; }
  @media (max-width: 735px) {
    .newBox {
      padding: 10px; } }
  .newBox a {
    display: inline-block;
    font-size: 130%;
    font-weight: 600;
    color: #ea5504;
    line-height: 1; }
    @media (max-width: 735px) {
      .newBox a {
        font-size: 108%; } }

.guidePdf2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 460px;
  margin: 0 auto;
  text-align: center; }
  .guidePdf2 p {
    max-width: 47%; }
    .guidePdf2 p img {
      width: 100%; }

.bg01 {
  background: #fff;
  position: relative;
  padding: 0px 0 80px; }
  .bg01:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5); }
  .bg01 .coming {
    position: absolute;
    left: 50%;
    top: 800px;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    max-width: 600px;
    z-index: 1000; }
    .bg01 .coming img {
      width: 100%; }
    @media (max-width: 735px) {
      .bg01 .coming {
        top: 300px;
        max-width: 100%;
        width: 80%;
        /*max-width: 90%;*/ } }