*/
/* ==== Google font ==== */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@600&display=swap');



body {
    width: 100%;
    height: 100%;
    font-family: 'Noto Sans JP',　'Oswald', sans-serif !important;
    color:#151414;
    background-color: #fff;
	font-size: 16px;
    line-height: 1.6em;
	font-weight: 400;

}

p {
	font-size:16px;

}


.space {
    margin-bottom: 150px;
}

.space2 {
    margin-bottom: 50px;
}

.btn-primary {
  padding: 8px 20px;
  background: #fff;
  color: #000;
  border-radius: 0;
  border:none;
  margin-top: 10px;
}

.btn-primary:hover,
.btn-primary:focus{
  background: #fff;
  color:#2487cd;
  outline: none;
  box-shadow: none;
}

/*ない*/

.small {
    color:#464646 !important;
}

/* --- logo --- */
.site-logo, .site-logo2 {
    margin-top:20px;
	margin-bottom:10px;
    float: left;

}



.site-logo a img  {
    display: inline;
    max-width:45px;
    vertical-align: baseline;
}

.site-logo2 a img {
     display: inline;
    max-width:40px;
    vertical-align: baseline;
}



@media (max-width:782px) {
    .site-logo {
        margin-left: 20px;
    }
}


.site-logo .site-logo2, a.brand {
	color:#c71585;
	font-size: 45px;
	font-family: 'Oswald', sans-serif;
	font-weight: 900;

}
/* ヘッターのロゴ色 #00afcc */


.site-logo a.brand:hover {
	text-decoration:none;
}


.collapse .left_logo {
    position: fixed;
}

.title-text {
    font-size: 100%;
    display: inline-block;
    vertical-align: middle;
}


.left_logo img {

    width: 200px;
    height: auto;

}

@media (max-width:991px) {
    .left_logo img {
        opacity: 0.1;
    }


}

.text-under {
    text-decoration:line-through;
}

.text-red {
    color: red;
}

.bg-section {
    background-image: url("../images/bg-section.jpg");
    background-size: cover;
}


.bg-section2 {
    background-image: url("../images/bg-section2.jpg");
    background-size: cover;
}

.bg-regist {
    background-image:#ffffff;
    background-size: 100%;

    /*background-position:left;
    position: relative; */
}




.salon_link_button {
    	box-shadow: 3px 4px 0px 0px #005a87;
	background:linear-gradient(to bottom,#66cdaa 3%, #005a87 100%);
	background-color: #005a87;
	border-radius:18px;
	border:1px solid #005a87;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:11px 76px;
    margin-top: 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}






@media (max-width:992px) {
    .bg-side {
    background-image: url("../images/start3.jpg");
    background-position:left;
    background-repeat:repeat-y;
    background-size:contain;
    position: relative;
    }
}

/* ------- Navigation ------------ */

.navbar {
    margin-bottom: 0;
}

.navbar-brand {
    font-weight: 700;
}

.navbar-brand:focus {
    outline: 0;
}

.nav.navbar-nav {
	padding:0px;
}

.nav.navbar-nav .registration {
    color: #CB061E;
}

.nav.navbar-nav .registration:hover {
    background-color: #CB061E;
    border: thick #CB061E solid;
    border-radius: 10px;
    color: #fff;
    padding: 0 2px;

}

.navbar-fixed-top ul.nav li a {
	font-size: 16px;
	letter-spacing: 3px;

	text-transform: uppercase;
	font-weight: 700;
}

.navbar-fixed-top.top-nav-collapse ul.nav li a {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
	color: #fff;
}

.navbar-fixed-top ul.nav ul.dropdown-menu {
	  border-radius: 0;
	margin-top: 21px;
	border-top: none;
}

.navbar-fixed-top ul.nav li a:hover ul.dropdown-menu {
	    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}

.navbar-fixed-top ul.nav ul.dropdown-menu li:last-child{
	border-bottom: none;
}

.navbar-fixed-top ul.nav ul.dropdown-menu li a {
	padding: 10px 20px;
}

.navbar-fixed-top.top-nav-collapse ul.nav ul.dropdown-menu li a {
	color: #666;
}

.navbar-fixed-top .nav li a {
    -webkit-transition: background .3s ease-in-out;
    -moz-transition: background .3s ease-in-out;
    transition: background .3s ease-in-out;
}

.navbar-fixed-top .nav li a:hover,
.navbar-fixed-top .nav li a:focus,
.navbar-fixed-top.nav li.active {
    outline: 0;

	color:#690404 ;
}

/* #690404 */



.navbar-toggle {
    padding: 4px 12px;
    font-size: 18px;
    color: #000;
}

.navbar-toggle:focus,
.navbar-toggle:active {
    outline: 0;
}

.nav .menu-active {
    color:firebrick !important;
    font-weight: bold;
}

@media (max-width:767px) {
	.navbar-collapse .nav li a {
		padding: 3px 10px;
	}
}

.slider {
    top:0;
    z-index:100;
	padding-top:100px;
    margin-bottom:-30px;
    min-height: 250px;
     background-color: #001122;
    padding-bottom: 20px;
}


.slider2 {
	padding-top:95px;
    min-height: 150px;
    background-color: #002244;
    padding-bottom:12px;
}

@media (max-width: 1201px) {

    .slider {
        padding-top: 75px;
        padding-bottom: 15px;
    }

    .slide-sp {
        display:none;
    }

    .slider2 {
        padding-top:145px;
        padding-bottom: 10px;
    }
}



@media  (max-width: 992px) {
    .slider {
        padding-top: 175px;

    }

    .slider2 {
         padding-top: 175px !important;
         padding-bottom: 9px;
    }
}


.slider img {
    width: 100%;
    min-height: 300px;
}


.slider2 img {
    width: 100%;

}

.slider .item small {
    color: #ffffff;
    font-size: 0.7em;
}

@media (min-width:1201px) {
.slide-sp {
  display:none;
}

}

@media (max-width:992px) {
    .slide-sp{
        display:none;
    }
}

@media (max-width: 767px) {

    .slider2 {

        display:none;
    }

    .slide_full {
        display:none;
    }

   .slide-sp {
       display:inline-block;
        width: 100%;
    }


}


#carousel-slider {
  position: relative;

}

#carousel-slider .carousel-indicators {
  bottom: -25px;
}

#carousel-slider .carousel-indicators li {
  border: 1px solid #ffbd20;
}

#carousel-slider a i {
  border: 1px solid #2487cd;;
  border-radius:50%;
  font-size: 30px;
  height: 50px;
  padding: 8px;
  position: absolute;
  top: 50%;
  width: 50px;
  color:#fff;
   background:#2487cd;
}



#carousel-slider a i:hover {
  background:#2487cd;
  color:#fff;
  border: 1px solid #2487cd;
}

#carousel-slider
.carousel-control {
  width:inherit;
}

#carousel-slider .carousel-control.left i {
  left:70px
}

#carousel-slider .carousel-control.right i {
  right: 70px;
}

#carousel-slider
.carousel-control.left,
#carousel-slider
.carousel-control.right {
  background: none;
}

.slider h1 {
    font-size: 6rem;
}

.head_text {
    position: absolute;
    left: 350px;
    top: 200px;
    color: #fff !important;
    z-index: 1;
	font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
 }

.head_text_2 {
    display:none;
}

@media (max-width: 1200px) {
    .head_text {


    left: 15px;
    top: 250px;
    color: #fff !important;
    z-index: 1;
	font-family: 'Oswald', sans-serif;
    letter-spacing: 2px;
    }
}

@media (max-width:768px) {
    .head_text h1 {
        font-size: 1.8em;
        margin-top: 15px;
    }
    .head_text h2 {
        font-size: 1.0em;
    }
    .head_text h4 {
        font-size: 1.0em;
    }
}

.carousel-inner .head_text h1 {
     font-size: 5rem !important;
}


.panel-title a {
    font-size: 1.4em !important;
    font-weight: 700;
}

.accordion-inner {
    background-color:#f7fcfe;
    color: #000;
    font-size: 1.5rem;

}

ul {
    color: #000;
    font-size: 2rem;
    line-height: 170%;
}

.center h2{
  font-size: 32px;
  margin-top: 0;
  margin-bottom: 10px;
  text-align:center;
  color:#000;
  text-transform:uppercase;
}

#portfolio .lead {
	text-align:center;
	font-size:18px;
	margin-bottom:40px;
}

#portfolio {
	padding-top:40px;
	position:center;
}


.portfolio-items,
.portfolio-filter {
  list-style: none outside none;
  margin: 0 0 40px 0;
  padding: 0;
}

.portfolio-filter > li {
  display: inline-block;
}

.portfolio-filter > li a {
  background: none repeat scroll 0 0 #FFFFFF;
  font-size: 14px;
  font-weight: 400;
  margin-right: 20px;
  text-transform: uppercase;
  transition: all 0.9s ease 0s;
  -moz-transition: all 0.9s ease 0s;
  -webkit-transition: all 0.9s ease 0s;
  -o-transition: all 0.9s ease 0s;
  border: 1px solid #F2F2F2;
  outline: none;
  border-radius: 0;
}

.portfolio-filter > li a:hover,
.portfolio-filter > li a.active{
  color:#fff;
  background: #2487cd ;
  border: 1px solid #2487cd ;
  box-shadow: none;
  -webkit-box-shadow: none;
}

.portfolio-items > li {
  float: left;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.portfolio-item {
  margin: 0;
  padding:0;
}

/* Start: Recommended Isotope styles */
/**** Isotope Filtering ****/
.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/
.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  -ms-transition-duration: 0.8s;
  -o-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  -ms-transition-property: height, width;
  -o-transition-property: height, width;
  transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  -ms-transition-property: -ms-transform, opacity;
  -o-transition-property: -o-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  -ms-transition-duration: 0s;
  -o-transition-duration: 0s;
  transition-duration: 0s;
}

/* End: Recommended Isotope styles */
/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
  -moz-transition: none;
  -ms-transition: none;
  -o-transition: none;
  transition: none;
}


.recent-work-wrap {
  position: relative;
}

.recent-work-wrap img{
  width: 100%;
}

.recent-work-wrap .recent-work-inner{
  top: 0;
  background: transparent;
  opacity: .8;
  width: 100%;
  border-radius: 0;
  margin-bottom: 0;
}

.recent-work-wrap .recent-work-inner h3{
  margin: 10px 0;
}

.recent-work-wrap .recent-work-inner h3 a{
  font-size: 24px;
  color: #fff;
}

.recent-work-wrap .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  border-radius: 0;
  background: #333;
  color: #fff;
  vertical-align: middle;
  -webkit-transition: opacity 500ms;
  -moz-transition: opacity 500ms;
  -o-transition: opacity 500ms;
  transition: opacity 500ms;
  padding: 30px;
}

.recent-work-wrap .overlay .preview {
  bottom: 0;
  display: inline-block;
  height: 35px;
  line-height: 35px;
  border-radius: 0;
  background: transparent;
  text-align: center;
  color: #fff;
}

.recent-work-wrap:hover .overlay {
  opacity: 1;
}

#about {
	padding-top: 100px;
	margin-bottom:100px;
}

#about .container .row {
    margin-right: 0px !important;
    margin-left: 0px !important;
    padding-bottom: 15px;
}

#about .media-body h5 {
    width: 100%;
}

@media (max-width:992px) {
    #about {
    padding-top:160px;
    }
}

#about .container {
    padding-top: 260px;
    margin-top: -180px;

}

@media (max-width: 992px) {
    #about {

        margin-top: -200px;
    }
}

@media (max-width: 767pc) {
    #about {

    }
}


#session01 {
    padding-top:60px;
}

@media (max-width: 1201px) {
    session01 {
        padding-top: 80px;
    }
}

@media (max-width:992px) {
        session01 {
        padding-top: 140px;
    }
}

#session #about #registration01 #registration03 #session-sub, .lead {

	text-align:left;
	font-size:16px;
	margin-bottom:20px;
    line-height: 170%;
}

#session01 #session02 #session03 #session04 #session05 #debut #session-poster #session-enterprise, .container .row .center .col-md-10 {
    opacity: 0.9;
    padding: 2% 8%;
    background-color: #ffffff;
}

.session-menu h2 {
    padding-top: 20px;
}

.session-menu ul li {
    list-style-type:none;
    display: inline-block;
    font-size: 1.4rem;
}

.session-menu li {

    padding: px;
    margin:5px 5px;
       text-align:center;
  }






#about .container .row .center .col-md-10 {
    background-color:#f7fcfe;
}

#about  img {
	margin-bottom:40px;
}

#about .bg-success {
    background-color:#f7f6fb;
}

/* カラムのバック #f7fcfe */

.panel-default{
  border-color: transparent;
}

.panel-default>.panel-heading,
.panel{
  background-color: #e6e6e6;
  border:0 none;
  box-shadow:none;
}

.panel-default>.panel-heading+.panel-collapse .panel-body{
  /*background: #fff;*/
  color: #858586;
}

.panel-body{
  padding: 20px 20px 10px;
}

.panel-group .panel+.panel{
  margin-top: 20px;
  border-top: 1px solid #fff;
}

.panel-group .panel{
  border-radius: 0;
}

.panel-heading{
	border-radius: 0;
    text-align: center;
}

.panel-title>a{
  color: #4e4e4e;
}

.panel-title  {
    font-size: 1.8rem !important;
}

.accordion-inner img{
  border-radius: 4px;
}


.panel-heading.active{
  background:#47266e;
}

/* #2a83a2 #4b0082上半分のカラムのタイトル部分のバック*/

.panel-heading.active .panel-title>a{
  color:#fff;
}

a.accordion-toggle  i{
  width: 40px;
  line-height: 38px;
  font-size: 20px;
  margin-top: -10px;
  text-align: center;
  margin-right: -15px;
  background: #2487cd;
  color:#fff;
}

.panel-heading.active a.accordion-toggle i{
  background: #2487cd;
  color: #fff;
}

.panel-heading.active a.accordion-toggle.collapsed i{
  background: #2487cd;
  color: #fff;
}

#features {
	margin-top:50px;
	padding:50px;
	text-align:center;
}

#features .lead {
	text-align:center;
	font-size:18px;
	margin-bottom:50px;
}

#features img {
	border-radius:30%;
	margin-top:30px;
	margin-bottom:40px;
}

/* --- Map --- */
.map{
	position:relative;
	padding-top:50px;
	margin-top:50px;

}
/* google map */
#google-map{
    position:relative;
    height: 400px;
}

#schedule  {
	padding-top:250px;
	margin-bottom:240px;
}



#session {
	padding-top:250px;
    padding-bottom:140px;

}

#session .container .row h4:hover {
    font-weight: 700;
}

#session .container .row h3 {

}

#session02, #session03, #session04, #session05,#debut,#session-poster,#session-enterprise {
    padding-top: 160px;

    padding-bottom: 140px;
}

@media (max-width:360px) {
#session02, #session03, #session04, #session05,#debut,#session-poster,#session-enterprise {
    padding-top: 180px;

}
}

#session01 #session02 #session03 #session04 #session05 #debut,#session-poster,#session-enterprise .container .row .col-md-10 .ssn-title  {
  font-size: 1.4em;
  font-weight: bold;
}

#session01 #session02 #session03 #session04 #session05 #debut #session-poster #session-enterprise, .chair-photo {
    text-align:center;
}

#session01 #session02 #session03 #session04 #session05 #debut #session-poster #session-enterprise , h5 {
    line-height: 170%;
}

#registration02, #registration03 {
    padding-top: 100px;
    margin-bottom: 40px;
}

#registration01 {
  padding-top: 100px;
  margin-bottom: 100px;

}

@media (max-width:767px) {
  #about, #registration01, #registration02, #registration03 {
    padding-top: 220px;
    margin-bottom: 40px;
}

}


#day-1, #day-2 {
    background-color: #ffffff;
}

#session .schedule-item {
    background-color:#2a83a2;
    height: 50px;
    padding-top:8px;

}



#session .schedule-color {
   background-color:#ebf6f7;
}
/* ちがう　*/

#session .text-center {
    margin-bottom: 0;
}


#session ul li {
    list-style: none;
    font-size: 14px;
    margin-left: -25px;
    line-height:160%;
}

#session h3,h4 {
    margin-top: 5px ;
    padding: 0px;
}

#session h5 {
    margin-top: 25px !important;
}

#session .ssn-bg1 {
    background-color:#ac051c;
    height: 100%;
    color: #ffffff ;
    min-height:330px;
}

#session .ssn-bg1 ul li {
    color: #ffffff;
}

#session time {
    font-size: 1.8rem;
}

#session .ssn-bg2 {
        background-color:#ebf6f7;
        height: 100%;
    min-height:330px;
}

/* ちがう */

#session .ssn-bg1, .ssn-bg2  {
    border-radius: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all 1s;

}

#session .ssn-bg1 a {
    color:#ffffff;
}
#session .ssn-bg1:hover {
  background-color:#C86213;

  font-weight: bold;
  cusor:pointer;
}

#session .ssn-bg2:hover {
  background-color:#F0D904;

  font-weight: bold;
  cusor:pointer;
}

#session-sub  ul li {
    font-size: 16px;
    margin-left: -25px;
    line-height:160%;
    }

#session-sub ul li {
    line-height: 250%;
    font-size: 0.8em;
}

#schedule .schedule-coloumn img {
    width: 100%;
}

#schedule .schedule-item h4 {
    font-weight: bold;
    font-size: 2.2rem;

}

#schedule .schedule-item p {
    font-style: italic;
    font-size: 2rem !important;
}

#contact, #collabo {
 	padding-top:240px;
    padding-bottom: 200px;
}

#collabo img {
	max-width: 290px;
}

#genomeJapan {
  margin-top:100px;
  padding-top:100px;
  padding-bottom: 50px;

}

#genomeJapan img {
  max-width: 290px;
}


#download {
 	padding-top:240px;
    padding-bottom: 200px;
}

#download .text-center {
    font-size: 110%;
}

#download .container .push_down img {
    margin-bottom: 20px;
}

#download .push_down i:hover {
      transform: translateY(5px);
      cursor: pointer;
}

#download .push_down img:hover {
      transform: translateY(5px);
      cursor: pointer;
}

#session .push_down:hover {
      transform: translateY(5px);
      cursor: pointer;
}

#venue {
   	padding-top:240px;
    margin-bottom: 200px;

}

#SCGJ {
   	padding-top:100px;
    margin-bottom: 50px; /*200px */

}

#SCGJ .SCGJ_photo img {
    width:100%;
}

#venue .venue_photo img {
    width:100%;
}

#introduce {
   	padding-top:120px;


}

#introduce .JAXA_photo img {
    width:340px; /* 350px */
}

#topics {
   	padding-top:30px;
    padding-bottom:30px;

}

#topics2 {
   	padding-top:180px;
    padding-bottom:100px;

}

#topics2 .yodosha_photo img{
  width:100%;
  padding-top:60px;
}

#topics .Salon_photo img {
    width:100%;
    padding-top:60px;
}

#topics .expo2022_photo img {
    width:100%;
    padding-top:60px;
}

#topics .expo2022_photo2 img {
    width:300px;
    text-align:center;
    padding-top:60px;
}

#topics .glantoc_photo img {
    width:100%;
    padding-top:60px;
}

#topics .suzuki_photo img {
    width:300px;
}

#topics .expo25_photo img {
    width:100px;
}

#topics .bosyu_photo img {
  width:100%;
}


#onlineSalon {
  padding-top:100px;
  padding-bottom:150px;
  margin-top:100px;
}

#onlineSalon .salon_photo img {
    width:100%;
    padding-top:60px;
}

#onlineSalon .salon_photo2 img {
    width:100%;
    padding-top:60px;
}

.img-bordered {
    border: 1px solid #ccc;
    margin-right: 15px;
}

.contact-page{

  /*background:#eee;*/
    padding-top: 200px;
    margin-top: -200px;
}

.contact-page .contact-form
.form-group label {
  color: #4E4E4E;
  font-size: 16px;
  font-weight: 300;
}

.form-group .form-control {
  padding: 7px 12px;
  border-color:#f2f2f2;
  box-shadow: none;
  border-radius:0;
}

textarea#message{
  resize: none;
  padding: 10px;
}

.contact-page .contact-wrap {
  margin-top: 20px;
}

.validation {
    color: red;
    display:none;
    margin: 0 0 20px;
    font-weight:400;
    font-size:13px;
}

#sendmessage {
    color: green;
    border:1px solid green;
    display:none;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#errormessage {
    color: red;
    display:none;
    border:1px solid red;
    text-align:center;
    padding:15px;
    font-weight:600;
    margin-bottom:15px;
}

#sendmessage.show, #errormessage.show, .show {
	display:block;
}

#footer {
  padding-top: 30px;
  padding-bottom: 30px;
  color: #fff;
  background:#493759;
}

/*フッターのバックの色　#003355 #460e44　*/


#footer a {
  color: #fff;
}

#footer a:hover {
  color: #fff;
}

#footer ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align:center;
}

#footer ul > li {
	margin-top:20px;
	margin-bottom:30px;
  display: inline-block;
  margin-left: 15px;
  text-align:center;
}
.midnight-blue {
	text-align:center;

}

.text-center {
	margin-bottom:20px;
	font-size:30px;
}

#registration01 a {


    background-color:#D70407;

    border-radius: 20px;

    transition: all all ease-in-out 0.5s;
    font-weight: 500;
    line-height: 1;
    font-size: 22px;
    color: #fff;
}

#registration01 a:hover {
    text-decoration:none;

    background-color: #fff;
    border-color: #D70407;
    color: #D70407;
    font-weight:700;
}

#registration01 ul li {
        font-size: 0.8em;
}

#registration01 .list-number li {
    list-style:decimal !important;

}




.download_button {
	box-shadow: 3px 4px 0px 0px #8a2a21;
	background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
	background-color: #c62d1f;
	border-radius:18px;
	border:1px solid #d02718;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:24px;
	padding:11px 76px;
    margin-top: 10px;
    margin-bottom:40px;
	text-decoration:none;
	text-shadow:0px 1px 0px #810e05;
}

@media (max-width:360px) {
    .download_button {
     font-size:15px;
     padding: 20px;
    }
}

.download_button:hover {
	background:linear-gradient(to bottom, #f24437 5%);
	background-color:#f24437;
    font-weight: bold;
    color: #ffffff;
}
.download_button:active {
	position:relative;
	top:1px;
}



/*背景画像とアニメーション*/
.slider .slider2, .home-content{
    position: relative;
}

slider .slider2, .base{
    width: 100%;
    padding-top: 75px;
    position: relative;
	top: 0;
	left: 0;
    z-index: 1;
}

.slider2 img {
    max-height: 452px;
}

@keyframes open-keyanime1{ /* アニメーションの動き */
    0% {
        opacity:0; /* 完全に透明 */ }
    100% {
        opacity:1; /* 透明度無し、通常表示 */ } }

.slider .slider2, .animation1{
    padding-top: 75px;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    animation-name: open-keyanime1 ;
    animation-duration: 6s; /* 6秒間で表示 */
    animation-fill-mode: both;
    z-index: 2;
  }

.slider .slider2, .home-content p{
    padding-top: 390px;   /*変更前350px*/
    text-align: center;
    font-weight: bold;
    letter-spacing: 0.1em;
    color: rgb(255, 0, 255);
    top: 43%;
    left: 50%;
    transform: translate(-50%, -50%);
    /*font-size: 1.375rem;*/
    font-size: clamp(0.75rem, 2vw, 2rem);
    /* ウィンドウ幅に対してvwの大きさを基本とし、Min 0.75, Max 2rem でウィンドウサイズに応じて可変に調整。*/
    position: absolute;
    animation-name: open-keyanime1 ;
    animation-delay: 4s;     /* 4秒後にスタート */
    animation-duration: 1s; /* 1秒間で表示 */
    animation-fill-mode: both;
   /* overflow:auto; /*無理矢理1行に*/
    z-index: 3;
}

/* rgb(247, 250, 84) (255, 255, 200)アニメーション内の文字色*/




 .slider .home-content .scroll a span {
    position: absolute ;
    top:120%;
    left: 50%;
    width: 46px;
    height: 46px;
    margin-left: -23px;
    border: 2px solid #ffffff;
    border-radius: 100%;
    box-sizing: border-box;
    z-index: 1500;

}


.slider .home-content .scroll a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}

.slider .home-content a span::before {
    position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(225,216,51,0.8);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb 3s infinite;
  animation: sdb 3s infinite;
  box-sizing: border-box;
}

/* rgba(225,216,51,0.8) */

.slider .home-content .scroll span:hover {
    opacity:0.9;
    box-shadow: inset 5em 1em gold;
    border: 4px solid #ffffff;

}

.navbar-header .title-text {
    display:none;
}

@media (min-width: 992px) and (max-width: 1201px) {
        .slider .home-content img {
        padding-top: 150px;
    }
}

@media (max-width: 992px) {
    .scroll span {
        display:none;
    }
}

@media (max-width:767px){
    .slider {
        padding-top:130px;
        background-color: #001122;
        }
    .scroll span { display:none;}
    .slider2 {
        padding-top:120px;
    }

}


@media (max-width:613px) {
    .slider {
        padding-top: 100px;
    }
    .title-text {
      display:none;
    }

    .navbar-header .title-text {
        display: inline;
        float: left;

    }

    .slider2 {
        padding-top: 120px !important;
    }

      .slider .home-content p {
        top: 30% !important;
}

}


@media (max-width:440px) {
    .brand {
        font-size: 28px !important;
    }

    .slider {
        padding-top: 75px;
    }

    .slider2 {
        padding-top: 90px !important;
    }
      nav .container .site-logo img {
        width: 60px;

}
}


    @media (max-width: 363px) {

        .slider {
            padding-top: 130px !important;

        }

         .slider2 {
            padding-top: 140px !important;

        }


    .slider .slider2, .home-content p {
        padding-top: 150px;
    }
    .slider .slider2, .home-content img {
        min-height: 10%
    }
    nav .container .site-logo img {
        min-width: 20px;

    }

}

.information{
    margin:auto;
    position: absolute;
    text-align: center;
    background-color: rgb(105, 4, 4);
    height:400px;
    width: 100%;
    z-index: 3;
}

.information p{
    padding-top: 1.5em;
    position: relative;
    margin: 0 auto;
    font-size: 1.375rem;
    color: white;
    padding-bottom: 2em;
}

/* Back to top button */
.back-to-top {
  position: fixed;
  display: none;
  background: firebrick;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 50px;
  right: 15px;
  bottom: 15px;
  transition: background 0.5s ease-in-out;
}

.twitter-float {
  position: fixed;
  right:10px;
  top: 30px;
  z-index: 9999;
  text-align: center;
}



.back-to-top:hover {
    background-color:tan;
    color:firebrick;


}
.back-to-top i {
  font-size: 24px;
  padding-top: 6px;
}


.back-to-session {
    padding-top: 20px !important;
}
.back-to-session a:hover {
    color:firebrick;
}

/*#registration03 .container .center img {
   /* width: 100%;
    padding:0 5%;
    }*/

#registration {
    background-color: #ffffff !important;
}

#registration03 h5 {
    display:inline;
}

#registration03 span {
    font-size: 1.6rem;
}

.regist-link a {
    background-color: #fff !important;
    border: none !important;
    border-radius: none !important;
    color: inherit !important;
    padding: 0 !important;
    font-size:16px !important;
}



svg {

    width: 45px;
    height: 45px;

}

@media (max-width:500px) {
    svg{

        width:30px;
        height: 30px;
        font-size:9px;
    }

    .twitter-float span {
        display:none;
    }
}

#registration03 .container {

    padding-left: 0 !important;
}

#registration03 .container .center .logos {
    display: inline-block !important;
    float: left;
    overflow:hidden;
    clear:both;
}

#registration03 .container .center .logos a {

    display: inline-block;
    text-align:center;
    transition-duration: .4s;
}

#registration03 .container .center .logos a:hover {
    transform: scale(0.9);
}

#registration03 .container .center .logos img {
    display: inline !important;
    width: 360px;
    height: 180px;
    border: solid thin #cccccc !important;
    margin-bottom: 5px;
    padding: 0 !important;

}


#registration03 .container .center .logos a p {
    width:360px;
}


#registration03 .container .center .logos {
    margin: 20px 0 50px 0;
}

#registration03 .container .center .logos_a a {
        border: #cccccc thin solid !important;
}


#registraion03 .container .center .logos_a img {
    display: inline !important;
    width: 540px !important;
    height: 270px !important;

}


#registration03 .container .center .logos_a {
    display: inline-block !important;
     overflow:hidden;
    clear:both;
    padding-left: 0;
}

#registration03 .container .center .logos_a a {

    display: inline-block;
    text-align:center;
    transition-duration: .4s;
}

#registration03 .container .center .logos_a a:hover {
    transform: scale(0.9);
}
/*Dead Line Pop */

.deadline_pop {
  position: fixed;
  z-index:99;
  background:#A2080A;
  color: #fff;
  width: 230px;
  height: 230px;
  text-align: center;
  border-radius: 50%;
  right: 40px;
  top: 220px;
  transition: background 0.5s ease-in-out;
  font-size: 180%;
  padding-top: 50px;
  font-weight:bold;
  opacity:0.8;
    box-shadow: 0px 0px 15px 3px #f9d90b;
}

.deadline_pop a {
    font-size: 90%;
    line-height: 30px !important ;
    color: #fff;
}

.deadline_pop:hover {
    box-shadow: 0px 0px 30px 10px #f9d90b;


}

.deadline_pop a:hover {
  font-size: 100%;

}

@media (max-width: 1024px) {
    .deadline_pop {
        display:none;
    }
}

@media (max-width:550px) {
    #registration03 .container .center .logos img {
        max-width: 320px;
    }

}

@media (max-width:550px) {
    #registration03 .container .center .logos,.logos_a img {
        max-width: 400px;
    }

}

@media (max-width:444px) {

    #registration03 .container .center .col-md-12 {
        width:300px;
        margin:  0;
        padding: 0 !important;
    }
    #registration03 .container .center .logos_a img {
        width: 320px;
        height: 180px;

    }
    #registration03 .container .center .logos a {
        text-align: center;

    }


    #registration03 .container .center .logos img {
        margin-left: 0;

        float: left;

    }

    .twitter-float {
        top: 5px;
    }
}



@media (max-width:992px) {
    .container,.center,.regist-pad{
        padding-left: 3%;
        padding-right:1%

    }
}

/*.container,.center,.regist-pad{
    text-align: center;
    margin:auto;
    padding-left: 3%;
    padding-right:1%

}*/


.closing-poster h3{
    padding: 2%;
    text-align: center;
    margin: 0;
    padding: 2%;
}



.closing-poster {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #00BCD4;
    background: #e4fcff;/*背景色*/
    border-top: solid 6px #1dc1d6;
    box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);/*影*/
    margin-bottom:50px;
    text-align: center;
}

#registration01 h4{
    text-align: center;
}

.apply-limit{
    font-weight:bold;
    color:firebrick;
    text-align: center;
}

@media (max-width:992px) {
    .salon_photo2 {
        max-width:100px;
        text-align:center;
        margin:auto;
        display:block;
    }
}