/* CSS Document */
body {
  background-image: url("../img/common/header-img.png"), url("../img/common/footer-img.png"), url("../img/common/bg-stripe.png");
  background-repeat: no-repeat,no-repeat,repeat;
  background-position: top center,bottom center,top center;
  padding: 0 0 175px;
  margin: 0; }

a:hover {
   }

.wrap {
  background: url("../img/contest/bg-main.png") no-repeat top center;
  padding: 475px 0 0 0;
  min-width: 1280px; }

.wrap2 {
  background: url("../img/contest/bg-main2.png") no-repeat top center;
  padding: 475px 0 0 0;
  min-width: 1280px; }

.wrap3 {
  background: url("../img/contest/bg-main3.png") no-repeat top center;
  padding: 475px 0 0 0;
  min-width: 1280px; }

.container0,

.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  width: 100%;

  margin-right: auto;
  margin-left: auto;
     background: url("../img/contest/contest-bg.png") no-repeat top center;
    padding: 0 0  100px; }

.container2{
      width: 100%;
  margin-right: auto;
  margin-left: auto;
    
     background: url("../img/contest/contest-bg2.png") no-repeat top center;
    padding: 0 0  90px; 
}
.container3{
      width: 100%;
  margin-right: auto;
  margin-left: auto;
    
     background: url("../img/contest/contest-bg3.png") no-repeat top center;
    padding: 0 0  90px; 
}

.container-fluid{
    align-content: center;
    width: 100%;
max-width: 1000px;
    margin-top: 50px;
  text-align:center;
    align-items: center;
    justify-content: center
  
}



  .container-bg {
    background: url("../img/contest/contest-bg.png") no-repeat top center;
    padding: 55px 135px 100px; }
  .container-bg2 {
    background: url("../img/contest/contest-bg.png") no-repeat top center;
}
.header {
  display: flex;
  flex-direction: row;

  align-items: center; }

.logo2{
  
    text-align: left;
          
    margin-left: -45rem;
        
}
.logo1{
     text-align: left;
          margin-top: 80px;
    margin-left: -45rem;
}
.title{
    position:absolute;
      top: 43rem;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%); 
}
.title2{
    position:absolute;
      top: 48rem;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -.5);
  margin-left: calc(var(--bs-gutter-x) * -.5);
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * .5);
  padding-left: calc(var(--bs-gutter-x) * .5);
  margin-top: var(--bs-gutter-y);
}

.col {
  flex: 1 0 0%;
}

.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}

.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}

.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}

.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.3333333333%;
}

.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}

.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}

.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.6666666667%;
}


.col-auto {
  flex: 0 0 auto;
  width: auto;
}

.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}

.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}

.col-3 {
  flex: 0 0 auto;
  width: 25%;
}

.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}

.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}

.col-6 {
  flex: 0 0 auto;
  width: 50%;
}

.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}

.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}

.col-9 {
  flex: 0 0 auto;
  width: 75%;
}

.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}

.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}

.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.m-0 {
  margin: 0 !important;
}

.m-1 {
  margin: 0.25rem !important;
}

.m-2 {
  margin: 0.5rem !important;
}

.m-3 {
  margin: 1rem !important;
}

.m-4 {
  margin: 1.5rem !important;
}

.m-5 {
  margin: 3rem !important;
}

.m-auto {
  margin: auto !important;
}

.mx-0 {
  margin-right: 0 !important;
  margin-left: 0 !important;
}

.mx-1 {
  margin-right: 0.25rem !important;
  margin-left: 0.25rem !important;
}

.mx-2 {
  margin-right: 0.5rem !important;
  margin-left: 0.5rem !important;
}

.mx-3 {
  margin-right: 1rem !important;
  margin-left: 1rem !important;
}

.mx-4 {
  margin-right: 1.5rem !important;
  margin-left: 1.5rem !important;
}

.mx-5 {
  margin-right: 3rem !important;
  margin-left: 3rem !important;
}

.mx-auto {
  margin-right: auto !important;
  margin-left: auto !important;
}

.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

.my-1 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}

.my-2 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}

.my-3 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}

.my-4 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}

.my-5 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}

.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.mt-0 {
  margin-top: 0 !important;
}

.mt-1 {
  margin-top: 0.25rem !important;
}

.mt-2 {
  margin-top: 0.5rem !important;
}

.mt-3 {
  margin-top: 1rem !important;
}

.mt-4 {
  margin-top: 1.5rem !important;
}

.mt-5 {
  margin-top: 3rem !important;
}

.mt-auto {
  margin-top: auto !important;
}

.me-0 {
  margin-right: 0 !important;
}

.me-1 {
  margin-right: 0.25rem !important;
}

.me-2 {
  margin-right: 0.5rem !important;
}

.me-3 {
  margin-right: 1rem !important;
}

.me-4 {
  margin-right: 1.5rem !important;
}

.me-5 {
  margin-right: 3rem !important;
}

.me-auto {
  margin-right: auto !important;
}

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

.mb-1 {
  margin-bottom: 0.25rem !important;
}

.mb-2 {
  margin-bottom: 0.5rem !important;
}

.mb-3 {
  margin-bottom: 1rem !important;
}

.mb-4 {
  margin-bottom: 1.5rem !important;
}

.mb-5 {
  margin-bottom: 3rem !important;
}

.mb-auto {
  margin-bottom: auto !important;
}

.ms-0 {
  margin-left: 0 !important;
}

.ms-1 {
  margin-left: 0.25rem !important;
}

.ms-2 {
  margin-left: 0.5rem !important;
}

.ms-3 {
  margin-left: 1rem !important;
}

.ms-4 {
  margin-left: 1.5rem !important;
}

.ms-5 {
  margin-left: 3rem !important;
}

.ms-auto {
  margin-left: auto !important;
}

.p-0 {
  padding: 0 !important;
}

.p-1 {
  padding: 0.25rem !important;
}

.p-2 {
  padding: 0.5rem !important;
}

.p-3 {
  padding: 1rem !important;
}

.p-4 {
  padding: 1.5rem !important;
}

.p-5 {
  padding: 3rem !important;
}

.px-0 {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.px-1 {
  padding-right: 0.25rem !important;
  padding-left: 0.25rem !important;
}

.px-2 {
  padding-right: 0.5rem !important;
  padding-left: 0.5rem !important;
}

.px-3 {
  padding-right: 1rem !important;
  padding-left: 1rem !important;
}

.px-4 {
  padding-right: 1.5rem !important;
  padding-left: 1.5rem !important;
}

.px-5 {
  padding-right: 3rem !important;
  padding-left: 3rem !important;
}

.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.py-1 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}

.py-2 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}

.py-3 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

.py-4 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}

.py-5 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-1 {
  padding-top: 0.25rem !important;
}

.pt-2 {
  padding-top: 0.5rem !important;
}

.pt-3 {
  padding-top: 1rem !important;
}

.pt-4 {
  padding-top: 1.5rem !important;
}

.pt-5 {
  padding-top: 3rem !important;
}

.pe-0 {
  padding-right: 0 !important;
}

.pe-1 {
  padding-right: 0.25rem !important;
}

.pe-2 {
  padding-right: 0.5rem !important;
}

.pe-3 {
  padding-right: 1rem !important;
}

.pe-4 {
  padding-right: 1.5rem !important;
}

.pe-5 {
  padding-right: 3rem !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-1 {
  padding-bottom: 0.25rem !important;
}

.pb-2 {
  padding-bottom: 0.5rem !important;
}

.pb-3 {
  padding-bottom: 1rem !important;
}

.pb-4 {
  padding-bottom: 1.5rem !important;
}

.pb-5 {
  padding-bottom: 3rem !important;
}

.ps-0 {
  padding-left: 0 !important;
}

.ps-1 {
  padding-left: 0.25rem !important;
}

.ps-2 {
  padding-left: 0.5rem !important;
}

.ps-3 {
  padding-left: 1rem !important;
}

.ps-4 {
  padding-left: 1.5rem !important;
}

.ps-5 {
  padding-left: 3rem !important;
}

.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}

.fs-1 {
  font-size: calc(1.375rem + 1.5vw) !important;
}

.fs-2 {
  font-size: calc(1.325rem + 0.9vw) !important;
}

.fs-3 {
  font-size: calc(1.3rem + 0.6vw) !important;
}

.fs-4 {
  font-size: calc(1.275rem + 0.3vw) !important;
}

.fs-5 {
  font-size: 1.25rem !important;
}

.fs-6 {
  font-size: 1rem !important;
}

.text-start {
  text-align: left !important;
}

.text-end {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.info {
  text-align: center;
  min-height: 2300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-top: 50px; }

.oubo {
  width: 940px;
  margin: 50px auto 0; }
  .oubo-title {
    text-align: center; }
  .oubo-flex {
    display: flex;
    flex-direction: row;
    align-items: top;
    justify-content: space-between; }
    .oubo-flex-method {
      width: 50%; }
    .oubo-flex-block {
      width: 415px;
      padding-top: 20px;
      min-height: 480px; }
      .oubo-flex-block-colorbox {
        display: flex;
        flex-direction: row;
        justify-content: space-between; }
      .oubo-flex-block-text {
        margin-top: 10px; }
      .oubo-flex-block-limit {
        margin-top: 50px; }

.forparents {
  width: 940px;
  margin: 60px auto 0; }
  .forparents-flex {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end; }
    .forparents-flex .fashion_2021 {
      display: block;
      margin-top: 40px; }
.gotop{
	position:relative;
    text-align: right;
	right:150px;
	bottom:90px;
}

.back {
  width: 1000px;
  margin: 0px auto;
  text-align: right;
    padding-top: 30px;
   }
.mudan{
    float: left;
    margin: 1em 1em 3em 1em;
}
.attention{
    color:#666666;
    position: relative;
    bottom: 0px;
    display: flex;
      width: 1000px;
     padding-top: 80px;
  margin: 0px auto;
    justify-content: flex-end;
    align-items: flex-end;
   }
.btnright{
    /*visibility:hidden;要素を非表示にする*/
		position:relative;
    	top:-40px;
	left:200px;
    
}
.btnleft{
/*visibility:hidden;要素を非表示にする*/
		position:relative;
	top:-40px;
	right:450px;
}
.monthright{
    /*visibility:hidden;要素を非表示にする*/
		position:relative;
	top:-80px;
	left:300px;
}
.monthleft{
    /*visibility:hidden;要素を非表示にする*/
		position:relative;
	top:-80px;
	right:130px;
}
.hide{
    visibility:hidden;
}

.winning{
    align-items: center;
    position: absolute;
    top:830px;
    z-index: 1;
}
.winningimg{
    display: flex;
    position:relative;
      max-width: 100%;
  height: auto;
    margin: 1rem 1rem 1rem 1rem;
    padding: 1rem 1rem 2rem 1rem;
}
.winningimg2{
    display: flex;
    position:relative;
      max-width: 100%;
  height: auto;
    margin: 1rem 1rem 1rem 1rem;
    padding: 1rem 1rem 2rem 1rem;
}

.sunstarbg{
 margin: auto;
    background: url("bg-3.png")no-repeat center;
    background-size:contain;    
}
.toueibg{
 margin: auto;
    background: url("bg-2.png")no-repeat center;
    background-size:contain;    
}
.kasakubg{
    margin: auto;
	background: url("bg-1.png")no-repeat center;
        background-size: contain;
  
}
.kasakuimg{
    display: flex;
position:relative;
      max-width: 100%;
  height: auto;
    margin: 1.2rem 2rem 2rem 1.8rem;
}
#k{
      margin-left: 40px;
}
  

.fadeUp{
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity:0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}
.md_transition {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition: transform .5s cubic-bezier(.39, .575, .565, 1) 0.1s; // ここの最後の0.8sを増減するとアニメーションの開始タイミングを変更できます
    z-index: 999999;
}
.md_transition::before {
    background: -webkit-gradient(linear, left bottom, left top, from(hsla(0, 0%, 100%, 0)), color-stop(33.33333%, #fdaeff), color-stop(66.66667%, #fdaeff), to(hsla(0, 0%, 100%, 0)));
    background: -o-linear-gradient(bottom, hsla(0, 0%, 100%, 0) 0, #fdaeff 33.33333%, #fdaeff 66.66667%, hsla(0, 0%, 100%, 0) 100%);
    background: linear-gradient(0deg, hsla(0, 0%, 100%, 0), #fdaeff 33.33333%, #fdaeff 66.66667%, hsla(0, 0%, 100%, 0));
    content: "";
    display: block;
    width: 100%;
    height: 300%;
    position: absolute;
    left: 0;
    top: -100%;
}
body.is_remove .md_transition {
    -webkit-animation: maskCloseTransition .8s cubic-bezier(.47, 0, .745, .715) 0s 1 forwards;
    animation: maskCloseTransition .8s cubic-bezier(.47, 0, .745, .715) 0s 1 forwards;
}
body:not(.is_fade) .md_transition {
    transform: translateY(-200%);
}
@-webkit-keyframes maskCloseTransition {
    0% { transform: translateY(200%); }
    to { transform: translate(0); }
}
@keyframes maskCloseTransition {
    0% { transform: translateY(200%); }
    to { transform: translate(0); }
}

.img-fluid {
  max-width: 100%;
  height: auto;
}
.justify-content-center {
  justify-content: center !important;
}
 .justify-content-sm-between {
    justify-content: space-between !important;
  }

  .justify-content-sm-around {
    justify-content: space-around !important;
  }

ul{
    display: flex;
    justify-content: space-around;
}
ul2{
    display: flex;
    flex-wrap:wrap;
    justify-content:space-around;
    
}
ul2::after{
  content:"";
  display: block;
  width:33%;
}
li{
    list-style: none;
    margin: 0px 10px;
    
}

.nurie{
    margin-top: 2em;
    margin-bottom: 0em;
    width: 90%;
}
.flexbox_Precious{
    position: relative;
    bottom:100px;
    background: url("../img/aw_07/bg1.png");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 1520px;
}
.flexbox_Spisy{
    position: relative;
    bottom:100px;
    background: url("../img/aw_07/bg2.png");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 1520px;
}
.flexbox_yamyam{
    position: relative;
    bottom:100px;
    background: url("../img/aw_07/bg3.png");
    background-size:contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 1520px;
}
.nakami{
    position: relative;
    top:100px;
    width: 100%;
    height: auto;
    margin-bottom: 2em;
}


.coment{
    margin: 1em auto;
    width: 800px;
    
    
}
.absolute{

}
.title_7{
    position: relative;
    bottom:10px;
    width: 60%;
    height: auto;
    z-index: 1;
}
.title_p{
    position: absolute;
    bottom:-110px;
    left:50px;
    margin: 0 auto;
    
}