/*------------------------------------------------------------
	BASE
------------------------------------------------------------*/
/*------------------------------------------------------------
	COLOR
------------------------------------------------------------*/
/*------------------------------------------------------------
	FUNCTION
------------------------------------------------------------*/
/*------------------------------------------------------------
	MIXIN
------------------------------------------------------------*/
/*------------------------------------------------------------
	memories
------------------------------------------------------------*/
#memories {
  background: #fdfff7 url("../img/common/bg.png") center 0 repeat-y; }
  @media screen and (max-width: 751px) {
    #memories {
      background: #fdfff7 url("https://project-frb.jp/img/common/sp_bg.png") center 0 repeat-y;
      background-size: 100% auto; } }
  #memories {
    padding: 0px; }
    @media screen and (max-width: 751px) {
      #memories_contents {
        padding: 0; }
        #memories_contents .breadcrumbs {
          padding: 0; } }
    #memories_contents .title {
      position: relative;
      z-index: 2;
      margin-top: 3%;
      text-align: center; }
    #memories_contents #subnavi {
      padding: 20px 0 30px; }
      @media screen and (max-width: 751px) {
        #memories_contents #subnavi {
          padding: 4.66667vw 0 8vw; } }
      #memories_contents #subnavi ul {
        display: flex;
        justify-content: center; }
        @media screen and (max-width: 751px) {
          #memories_contents #subnavi ul {
            flex-wrap: wrap;
            width: 100%; } }
        #memories_contents #subnavi ul li {
          padding: 0 5px; }
          @media screen and (max-width: 751px) {
            #memories_contents #subnavi ul li {
              padding: 1.33333vw 0.66667vw 0; } }


  #memories #about {
    position: relative;
    z-index: 2;
    margin: 3% auto;
    width: 1200px;
    border-radius: 10px;
    border: 1px solid rgba(186, 189, 255, 0.25);
    background: linear-gradient(rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.75)); }
    @media screen and (max-width: 751px) {
      #memories #about {
        margin: 3% auto;
        width: 92vw;
        border-radius: 2.66667vw; } }
    #memories #about:before {
      content: '';
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      border-radius: 10px;
      box-shadow: 0px 0px 10px 0px rgba(186, 189, 255, 0.5);
      background: rgba(255, 255, 255, 0.01); }
      @media screen and (max-width: 751px) {
        #memories #about:before {
          border-radius: 2.66667vw; } }
  

    #memories #about h2 {
      padding: 16px 0;
      background: url("../img/memories/bg_title.png") 0 0 no-repeat;
      background-size: 100% 100%;
      text-align: center; }
      @media screen and (max-width: 751px) {
        #memories #about h2 {
          background: url("https://project-frb.jp/img/memories/sp_bg_title.png") 0 0 no-repeat;
          background-size: 100% 100%; } }
  
        #memories #about1 {
           box-sizing:border-box;
            margin: 5% ;}
            @media screen and (max-width: 751px) {
              #memories #about1 {
                padding: 8vw 5.33333vw 0;
                margin: 0% ; } }

                #memories #about1 #txt1 {
                  box-sizing:border-box;
                  width: 100%;
                  text-align:center;}
                  @media screen and (max-width: 751px) {
                    #memories #about1 {
                      padding: 8vw 5.33333vw 0; } }

    #memories #about2 {
      box-sizing:border-box;
      width: 100%;
      margin: 5%;}
      @media screen and (max-width: 751px) {
        #memories #about2 {
          padding: 8vw 5.33333vw 0;
          width: 100%;
          margin: 0% ;} }

          #memories #about2 #sub_title {
            box-sizing:border-box;
            width: 90%;}
            @media screen and (max-width: 751px) {
              #memories #about2 #sub_title {
                width: 100%; } }

          #memories #about2 li {
            box-sizing:border-box;
            width: 50%;
            padding:2%;
            float: left;}
            @media screen and (max-width: 751px) {
              #memories #about2 li {
                margin: 5vw 0;
                width: 100%; } }

          #memories #about2 #about_img {
            box-sizing:border-box;
            width: 70%;
            float: left;}
            @media screen and (max-width: 751px) {
              #memories #about2 #about_img {
                margin-top:-25%;
                width: 100%;
                padding:  5.33333vw 0; } }

          #memories #about2 #about_txt {
            margin-top:13%;
            box-sizing:border-box;
            width: 115%;
            float: left;}
            @media screen and (max-width: 751px) {
              #memories #about2 #about_txt  {
               margin: 0%;
               width: 100%;
               } }                
                

        #memories #about3 {  
          box-sizing:border-box;
          width: 100%;
          margin: 5%;
        }
          @media screen and (max-width: 751px) {
            #memories #about3 {
              width: 100%;
              
             } }

              #memories #about3 #sub_title2 {
                box-sizing:border-box;
                width: 90%;
                margin-top: 5%}
                @media screen and (max-width: 751px) {
                  #memories #about3  #sub_title2 {
                    width: 90%;
                    } }                    

              #memories #about3 #prize_all {
                padding: 3%;
                margin:1%;
                box-sizing:border-box;
                width: 90%;}
                @media screen and (max-width: 751px) {
                  #memories #about3  #prize_all {
                    padding: 8vw 5.33333vw 0; } }
                    
              #memories #about4 {
                text-align: center;;
                position: relative;
                box-sizing:border-box;
                width: 90%;
                margin: 5%;
                z-index:2;
                text-align: center}
                @media screen and (max-width: 751px) {
                 #memories #about4 {
                 padding: 8vw 5.33333vw 0; } }                    

                #memories #about4 #twitterbutton {
                  margin:auto;
                  box-sizing:border-box;
                  width: 100%;
                  z-index: 100;}
                  @media screen and (min-width: 751px) {
                    #memories #about4 #twitterbutton {
                    width:  80%;
                    margin: -3% auto; }  } 
                

          #memories #about5 {  
            box-sizing:border-box;
            width: 100%;
            margin:8% 5% 5%;}
            @media screen and (max-width: 751px) {
              #memories #about2 {
                padding: 8vw 5.33333vw 0; } }

                #memories #about5 #txt4 {
                  box-sizing:border-box;
                  width: 90%;}
                  @media screen and (max-width: 751px) {
                    #memories #about2 {
                      padding: 8vw 5.33333vw 0; } }      
          
                @media screen and (min-width: 751px) {
                   #memories #memories_contents #about #gallery #h2 #gallery_title {
                    width:10%; } }

          #garalley
          {position: relative;
            z-index:2;
          }

          #garalley .embedsocial-hashtag
          {position: relative;
            z-index:2;
            margin: 3%;
          }

     
  
/*# sourceMappingURL=memories.css.map */