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

.font-noto {
  font-family: 'Noto Sans Japanese';
}

html, body {
  height: 100%;
}
*, *::after, *::before {
  box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}

html{
    font-size:65.5%;
}

/*1-body*/
body {
  color: #333333; /*fffdf8*/
  background: #fff45f;
  font-family: "Noto Sans Japanese", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
  overflow-x: hidden;
  font-size: 1.4em;
  line-height: 1.8;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
}

/*2-upper-body*/
main{
   background: #2E5D77;
   margin:0;
   padding:0;
  word-wrap: break-word;
  word-break: keep-all;
  line-break: strict;
  overflow-wrap: break-word;
}

/*3-tab-body*/
#maincontents{
    background:#2E5D77;
    margin:0;
    padding:0;
}

div {
   text-align: center;
}

p {
   text-align: left;
   padding: 0 10px 0 10px;
}

p.strong{
    font-weight:bold;
}

p.lg{
    font-size:1.8em;
   line-height: 1.35em;
}

ul{
    list-style-type: none;
}

h1 {
}


/****6-1st catch****/
h2,h3{
  color: #EBEDEC;
  /*text-shadow: 0 0 5px #ffffff;*/
  padding: 0.3em 0.5em;
  background-color: #22b573;
  /*background-image: linear-gradient(90deg, #22b573 0%, #22b573 33%, #22b573 53%, #22b573 75%, #22b573 100%);*/
    font-weight:normal;
    font-size:1.2em;
    letter-spacing:1px;
  position: relative;
  padding: 1.5rem 1.5rem;
  /*border-radius: 20px;*/
}

h2:after {
}

h2.strong, h3.strong{
    font-weight:bold;
}

h2.lg, h3.lg{
    font-size:2.25em;
}

h3{
    margin:1em auto 0.5em auto;
}

a {
    text-decoration:none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity:1;
}

img{
    vertical-align:bottom;
}

header{
   background: #EBEDEC;
}

footer{
    margin:0;
    padding:2em 1em;
    text-align:center;
    background:#8572F5;
    color:#FFFFFF;
    font-size:1.2em;
    letter-spacing:1px;
}

footer .fcbr{
    display: none;
}

.full{
   width: 100%;
   height:auto;
   vertical-align: bottom;
}

.wrapper{
   max-width: 900px;
   margin: auto;
}

.top{
   padding: 15px 0 20px 0;
   /*width: 300px;*/
}

.logo_area{
   width: 20%;
   display: block;
 }

.logo{
   display: block;
   position: absolute;
   left: 15px;
   top: 15px;
   width: 100px;
}

.seven-five{
   width: 80%;
   height:auto;
}

.fftf{
   width: 55%;
   height:auto;
}


li.ftf{
   width: 45%;
   height:auto;
}

.contents{
   padding: 20px 0 0 0;
}

.img_full{
   width: 100%;
   margin: 20px auto 50px auto;
}

.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.youtube > iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

.under {
  text-decoration : underline;
}

.top-space{
    margin-top:40px;
}

.cinner{
    width:95%;
    margin:0 auto;
    text-align:left;
}

.tcent{
    text-align:center;
}

.kakomi {
    width:85%;
    margin:50px auto;
    padding: 20px;
    border: 1px solid #333333;
    font-size: 0.85em;
    background-color: rgba(256, 256, 256, 0.9);
}

/***9-coming soon***/
.pink {
 color: #04b1b4;
 line-height: 1.25em;
 display:block;
}

.red {
 color: red;
}

.blk {
 color: #000000;
}

.shadow {
  text-shadow: 1px 1px 2px #ffffff, 0 0 1em #ffffff, 0 0 0.2em #ffffff;
 }

.yt-cap {
   text-align: center;
   font-size: 0.9em;
   margin-top:10px;
   color: ##fffdf8;
   }

.doble-tb {
    margin: 30px 0 15px 0;
    padding: 20px 0 25px 0; 
    border-top: double 4px #666;
    border-bottom: double 4px #666;
}

.center {
   text-align: center !important;
   width: 85%;
   margin: 20px auto 0;
}

.br-sp {display: none; }

/****menu tab clbnav*****/
#clbnav ul {
  display: flex;
  list-style: none;
  overflow: hidden;
}
 
/*4-tab*/
#clbnav li {
  width: calc(100%/3);
  font-size: 1.5em;
  /*line-height: 1.3em;*/
  text-align: center;
  /*background-color: #b4e1e9;*/
  float: left;
  height: 4.25em;
  /*margin: 2px;*/
  /*padding: 5px;*/
  display:flex;
  align-items: center;
  justify-content: center;
  letter-spacing:1px;
  position: relative;
  background-image: linear-gradient(135deg, #EBEDEC 0%, #EBEDEC 50%, #EBEDEC 100%);
  border-top: solid 2px #2E5D77;
  border-right: solid 2px #2E5D77;
  border-left: solid 2px #2E5D77;
  border-radius: 20px 20px 0 0;
}

#clbnav li a {
  text-decoration: none;
  color: #330066;
  font-weight: bold;
  text-shadow: 2px 2px 0 rgba(0,0,0,.2);
  height: 4.25em;
  width: 100%;
  line-height: 1.25em;
  display:flex;
  align-items: center;
  justify-content: center;
  }

/****balloon 1*****/
.balloon {
	position: absolute;
	bottom: 95%;
	left: 5%;
	padding: 6px 10px;
	background: #ca0072;
	color: #FFF;
	font-size: 1.25rem;
	line-height: 1.2em;
	border-radius: 10px;
	transition: 0.5s;
	opacity: 0;
}

.balloon:after {
	content: "";
	position: absolute;
	top: 100%;
	left: 16px;
	border: 5px solid transparent;
	border-top: 14px solid #ca0072;
}

li:hover .balloon {
	opacity: 1;
}

/****catch 1*****/
.cat1 {
  padding: 1rem 3rem;

  color: #fff;
  background-image: -webkit-gradient(linear, left top, right top, from(#209cff), to(#68e0cf));
  background-image: -webkit-linear-gradient(left, #209cff 0%, #68e0cf 100%);
  background-image: linear-gradient(to right, #209cff 0%, #68e0cf 100%);
}

/****catch 2*****/
.cat2 {
  padding: 1.65rem 2rem;
  background-color: rgba(165, 210, 255, .4);
  background-image:
    linear-gradient(90deg, rgba(165, 210, 255, .3) 50%, transparent 50%),
    linear-gradient(rgba(165, 210, 255, .3) 50%, transparent 50%);
  background-size: 40px 40px;
}

/****eve*****/
.eve-area{
    color: #333;
    margin: 30px 0 0 0;
    padding: 30px 0 0 0;
    width: auto;
    font-size: 14px;
    line-height: 1.6;
}
.eve-list{
    margin:0 auto;
    width: 100%;
    max-width:920px;
    display:flex;
    flex-wrap: wrap;
    justify-content: center; 
    border-bottom: 0px solid #333333;
}
.eve-item{
    /*padding:0 9px;*/
}

.eve-item img {
    max-width:100%;
    height:auto;
  /*width: 206px;*/
  /*height: 73px;*/
}

.eve-item a:hover{
    opacity:.8;
}


/***5-EVE inner***/
.eve-inner #eve-1{
    background:#EBEDEC;
    /*border-top: 4mm ridge rgb(170, 50, 220, .6);*/
}

.eve-inner #eve-2{
    background:#EBEDEC;
}

.eve-inner #eve-3{
    background:#EBEDEC;
}

.eve-inner #eve-4{
    background:#EBEDEC;
}

.eve-inner #eve-5{
    background:#EBEDEC;
}

/***eve-01***/
.eve-01{
    padding:0 0 25px 0;
    margin:0 auto;
    /*border-top: double 4px #260504;*/
}

.eve-01 h3{
    background:#dfefff;
    font-weight:bold;
    font-size:1.4em;
    color:#8572F5;
    box-shadow::0px 0px 0px 5px #dfefff;
    -webkit-box-shadow:0px 0px 0px 5px #dfefff;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    width:95%;
    margin:1em auto;


}

.eve-01 h3 span{
    font-size:130%;
}

.eve-01 h4{
    border-bottom:3px solid #ff6597;
    margin:2em auto 1em auto;
}
.eve-01 h4 span{
    background:#ff6597;
    border-radius:10px 10px 0 0;
    color:#FFFFFF;
    padding:0.5em 2em;
    display:inline-block;
    font-size:1.4em;  
}

.eve-01 h4 .sp{
    display:none;
}

.eve-01 .subt{
    font-size:140%;
    font-weight:bold;
    line-height:1.4;
}

/***7-2nd catch -> 11***/
.eve-01 .ttl{
    background:#FCE0B9;
    color:#1E3C58;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 50px;
    margin-top:25px;
    font-weight:bold;
    font-size:1.2em;  
}

.eve-01 .itemttledv{
    width:85%;
    margin:0 auto;
    /*border-top: dotted 1px #666;*/
    border-bottom: double 4px #FCE0B9;
}


.eve-01 .itempr{
    width:100%;
    margin:1em auto;
}

.eve-01 .itempr .slick-slide {
  margin: 0 5px;
}

.eve-01 .itempr .slick-slide img{
    border:0px solid #666666;
    width: 100%;
  height: auto;
}

.eve-01 .itempr .slick-prev:before,.eve-01 .itempr  .slick-next:before {
  color: #666666;
}

/***8-colum btm***/
.eve-01 .itemdet{
    width:85%;
    margin:20px auto;
    /*border-top: dotted 1px #666;*/
    border-bottom: double 4px #FCE0B9;
    padding:0.5em 0;
}

.eve-01 .itemdet dt{
    font-weight:bold;
    font-size:120%;
    padding:10px 0 5px 0;
}

.eve-01 .ght{
     border:1px solid #f8b7bb;
     background:#f9e2e3;
}

.eve-01 .ght dt{
     background:#fb8fb2;
     color:#FFFFFF;
     font-size:120%;
     font-weight:bold;
     padding:0.5em;
}

.eve-01 .ght dd{
     padding:1em;
}


.eve-01 .ght dd.gpt{
     font-weight:bold;
     font-size:120%;
}

.eve-01 .gpresent{
    display:flex;
}

.eve-01 .gpresent .obpimg {
    padding:0 0.5%;
    background:#666666;
    color:#FFFFFF;
    padding-bottom:0.5em;
}


.eve-01 .gpresent .obpimg img{
    
}

.eve-01 .gpresent_c{
    text-align:center;
    background:#666666;
    color:#FFFFFF;
    margin:2em auto 0 auto;
}


.eve-01 p{
    padding:1em 0;
}

.eve-01 a{
    color:#7AF0FC;
}

.eve-01 .note1{
    /*background:#24b4bf;*/
    color:#333333;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 5px;
    margin:20px 0 0 0;
    font-weight:bold;
    font-size:1.75em;  
  position: relative;
}

/***10-coming soon btm***/
.eve-01 .note1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #13b5ea, #13b5ea 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #13b5ea, #13b5ea 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/***eve-02***/
.eve-02{
    padding:0 0 25px 0;
    margin:0 auto;
    /*border-top: double 4px #260504;*/
}
.eve-02 h2{
    margin-bottom: 25px;
    }
.eve-02 .ttl{
    /*background:#24b4bf;*/
    color:#12a5ae;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 60px;
    margin:0 0 0 0;
    font-weight:bold;
    font-size:1.75em;  
  position: relative;
}
.eve-02 .ttl:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #9a93da, #9a93da 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #9a93da, #9a93da 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/***11-eve 2nd catch***/
.eve-02 .ttl2{
    background:#ed1846;
    color:#ffffff;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 60px;
    margin-top:25px;
    font-weight:bold;
    font-size:1.2em;  
}

.eve-02 .itemttledv{
    width:85%;
    margin:0 auto 10px;
    /*border-top: dotted 1px #666;*/
    border-bottom: double 4px #ed1846;
}

.eve-02 .ttl3{
    /*background:#24b4bf;*/
    color:#333333;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 5px;
    margin:20px 0 0 0;
    font-weight:bold;
    font-size:1.75em;  
  position: relative;
}

/***14-eve catch line***/
.eve-02 .ttl3:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #13b5ea, #13b5ea 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #13b5ea, #13b5ea 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.eve-02 .ttl-second{
    font-size:1.5em;  
}

.eve-02 .ttl-third{
    font-size:1.2em;  
}

.eve-02 .itempr{
    width:100%;
    margin:1em auto;
}

/***15-eve catch box***/
.eve-02 .itemdet{
    background:#FFFFFF; /*fffcf4*/
    width:85%;
    margin:20px auto;
    /*border-top: double 4px #666;*/
    /*border-bottom: double 4px #666;*/
    border: solid 2px #ed1846;
    padding:10px 10px 40px 10px;
}

.eve-02 .itemdet dt{
    font-weight:bold;
    font-size:120%;
    padding:0;
}

/***13-eve colum btm***/
.eve-02 .itemdet2{
    width:85%;
    margin:20px auto;
    /*border-top: double 4px #666;*/
    border-bottom: double 4px #f05586;
    /*padding: 30px 5px 50px;*/
}

.eve-02 .itemdet2 dt{
    font-weight:bold;
    font-size:120%;
    padding:0;
}

.eve-02 .itemdet3{
    width:85%;
    margin:20px auto 10px;
    /*border-top: double 4px #666;*/
    /*padding: 20px 5px 10px;*/
}

.eve-02 .itemdet3 dt{
    font-weight:bold;
    font-size:120%;
    padding:0;
}

.eve-02 .mid4 {
  color: #333333;
  /*text-shadow: 0 0 5px #ca0072;*/
  background-color: #f5c5c5;
background-image: linear-gradient(0deg, #b8751e 0%, #ffce08 37%, #fefeb2 47%, #fafad6 50%, #fefeb2 53%, #e1ce08 63%, #b8751e 100%);

  font-size:2.25em;
  letter-spacing:1px;
  position: relative;
  padding: 1.75rem 1.5rem;
  font-weight:bold;
  width: 100%;
  text-align: center;
  line-height: 1.25em;
}

/***16-box dotted***/
.eve-02 h5 {
  color: #ffffff;
  font-size:1.5em;
  letter-spacing:1px;
  font-weight:bold;
  background: #ed1846;
  position: relative;
  padding: 15px 40px;
  /*border: 3px solid #ff6597;*/
}
.eve-02 h5:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 4px dotted #FFFFFF;
}

/***12-eve term***/
.eve-02 h6 {
  color: #ffffff;
  font-size:1.3em;
  letter-spacing:1px;
  font-weight:bold;
  background: #22b573;
  position: relative;
  padding: 10px 10px;
  /*border: 3px solid #ff6597;*/
}

.eve-02 .note1{
    /*background:#24b4bf;*/
    color:#333333;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 5px;
    margin:20px 0 0 0;
    font-weight:bold;
    font-size:1.75em;  
  position: relative;
}
.eve-02 .note1:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 10px;
  content: '';
  background-image: -webkit-repeating-linear-gradient(135deg, #ff6699, #ff6699 1px, transparent 2px, transparent 5px);
  background-image: repeating-linear-gradient(-45deg, #ff6699, #ff6699 1px, transparent 2px, transparent 5px);
  background-size: 7px 7px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.enjibox {
  color: #FFFFFF !important;
  font-size:1.5em;
  letter-spacing:1px;
  font-weight:bold;
  background: #333333;
  position: relative;
  padding: 15px 40px;
  /*border: 3px solid #ff6597;*/
}
.enjibox:before {
  position: absolute;
  top: 4px;
  left: 4px;
  width: calc(100% - 8px);
  height: calc(100% - 8px);
  content: '';
  border: 4px dotted #FFFFFF;
}
a.enjibox {
    color:ffffff;
    text-decoration:none;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -webkit-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    opacity:1;
}


/****8-foot catch******/
.k2-btm .ttl{
    background:#FCE0B9;
    color:#1E3C58;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:7px 60px;
    margin-top:25px;
    font-weight:bold;
    font-size:1.2em;  
}

.k2-btm .itemttledv{
    width:85%;
    margin:0 auto 10px;
    /*border-top: dotted 1px #666;*/
    border-bottom: double 4px #FCE0B9;
}

.k2-btm .ttl2{
   width: 80%;
    background:#bd0004;
    color:#ffff00;
    display:inline-block;
    border-radius:5px 5px 0 0;
    padding:10px 20px;
    margin:25px 0 25px 0;
    font-weight:bold;
    font-size:1.70em;  
}

.k2-btm .twbt{
    max-width:300px;
    height:auto;
    margin:0 auto;
    padding: 20px 0;
}

.k2-btm .twbt img{
    max-width:100%;
    height:auto;
}

.k2-btm .twbt a:hover{
    opacity:.7;
}

/*------------------------------*/
.caption{
    font-size: 80%;
    text-align:center;
    line-height:1.4;
}


.plat_icon{
    width:90%;
    margin: 5px auto 55px auto;
    background:#ffffff;
    padding:10px 0;
    color: #F3839C;
}

.plat{
    width:auto;
    height:65px;
}


.plat_icon > li > p{
    text-align: center;
    font-weight: bold;
    color: #333333;
}

.pcent {
   text-align: center;
   font-size: 0.85em;
   margin-top:30px;
   color: #666666;
   }


@media screen and (max-width: 800px) {
    body{
        font-size:120%;
    }
    .plat_icon{
        width:100%;
    }
    .plat{
        height: 55px;
    }

    .eve-01 h4 .sp{
        display:block;
    }

    .eve-01 p.nmtxt{
        width:90%;
        margin:0 auto;
    }

    .eve-01 .ght{
        width:90%;
        margin:0 auto;
    }

    .top{
   padding: 70px 0 30px 0;
}
    .br-sp{
        display: block;
    }
.ftf{
   width: 45%;
   height:auto;
}

    
}

@media screen and (max-width: 600px) {
    #introduction{
        padding:15px;
        display:block;
    }

    #introduction .intL, #introduction .intR{
        width:90%;
        margin:0 auto;
        padding:10px 0;
    }

    #introduction .intLogo{
        display:block;
        min-height:auto;
        padding-bottom:1em;
        text-align:center;
    }
    #introduction .intLink{
        padding:20px 0 0 0;
    }
    #introduction .intL .intLogo{
        width:90%;
        margin:0 auto;
    }
    #introduction .intR .intLogo{
        width:50%;
        margin:0 auto;
    }
    .cinner{
        width:90%;
    }

    footer .fcbr{
        display: block;
        
    }

    .plat_icon{
        margin: 5px auto 50px auto;
    }

    .plat{
        height: 43px;
    }

    .plat_icon > li > p{
        font-size: 13px;
    }

    .eve-01 .subt{
        font-size:120%;
        width:90%;
        margin:0 auto;
    }

    .eve-01 .itempr{
        width:80%;
    }

    .eve-01 .itempr img.ftf{
        width:100%;
    }

 .top{
   padding: 55px 0 20px 0;
}

    .ftf{
        width:80%;
}
    .fftf{
        width:80%;
}

.eve-item img {
  max-width:100%;
  height: auto;
}

#clbnav li {
  width: calc(100%/3);
  font-size: 1.25em;
  line-height: 1.25em;
  text-align: center;
  float: left;
  height: 4.25em;
  /*margin: 2px;*/
  padding: 0px;
}

}

@media screen and (max-width: 500px) {

    .plat_icon{
        margin: 10px auto 50px auto;
    }

    .plat{
        height: 34px;
    }

    h2.tb, h3.tb{
        font-size:130%;
    }
    .eve-01 h3{
        font-size:1.1em;
    }

    .eve-01 h4 span{
        font-size:1.1em;
        padding: 0.5em 1em;
    }

    .eve-01 .ght dd.gpt{
         font-size:100%;
    }
    .eve-01 .gpresent{
        display:block;
    }

 .top{
   padding: 50px 0 20px 0;
}

}

@media screen and (max-width: 400px) {

    .plat{
        height: 30px;
    }

    .eve-01 .subt{
        font-size:110%;
    }

 .top{
   padding: 50px 0 10px 0;
}

}





.clbprd{
    width:90%;
    margin:1em auto;
}


.slick-slide {
  margin: 0 5px;
}

.slick-slide img{
    border:2px solid #666666;
    width: 100%;
  height: auto;
}

.slick-prev:before,.slick-next:before {
  color: #9a93da!important;
}


.clbprdcm{
    width:90%;
    margin:0 auto;
    border-top: solid 1px #666;
    border-bottom: solid 2px #666;
    padding:0.5em 0;
}

.clbprdcm dt{
    font-weight:bold;
    font-size:120%;

}

/***text had dodded***/
.dot-text{
    position: relative;
  }
  .dot-text::before{
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    margin: auto;
    content: "";
    padding-top: 10px;
    background: -webkit-radial-gradient(circle 8px,red 50%,transparent 50%);
    background: radial-gradient(circle 8px,red 50%,transparent 50%);
    background: -moz-radial-gradient(circle 8px,red 50%,transparent 50%);
  }