@charset "utf-8";


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*   Option Class [Common]                          */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

/* Float
--------------------------------------------------- */
.FloatLeft { float: left; }
.FloatRight{ float: right; }
.FloatNone { float: none; }

/* Flexbox
--------------------------------------------------- */
.flex { display: flex; }

/* Align
--------------------------------------------------- */
.AlignCenter{ text-align: center; }
.AlignLeft  { text-align: left; }
.AlignRight { text-align: right; }

/* Bold
--------------------------------------------------- */
.Bold{ font-weight: bold; }

/* Clear
--------------------------------------------------- */
.ClearBoth { clear: both;}
.ClearLeft { clear: left;}
.ClearRight{ clear: right;}
.ClearNone { clear: none;}
.Hidden { overflow: hidden;}

/* TextOverFlowNone
--------------------------------------------------- */
.TextOverFlowNone{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* InlineBlock
--------------------------------------------------- */
.InlineBlock{
  display: inline-block;
}

/* RoundCorner(DefaultValue)
--------------------------------------------------- */
.RoundCorner{
  border-radius: 10px;
}
.RoundCornerS{
  border-radius: 5px;
}

/* DropShadow (DefaultValue)
--------------------------------------------------- */
.DropShadow{
  box-shadow: 0px 0px 5px #ccc;
}


/* ++++++++++++++++++++++++++++++++++++++++++++++++ */
/*    Original Style [Base Design]                  */
/* ++++++++++++++++++++++++++++++++++++++++++++++++ */

.material-icons.md-24 { font-size: 24px; }
.material-icons.md-36 { font-size: 36px; }

/* set Background Image
--------------------------------------------------- */
html{
  min-height: 100%;
  font-size: 100%;
  line-height: 1.5;
  text-align: justify;
  text-justify: auto;
  scroll-behavior: smooth;
}
body{
  min-height: 100%;
}
#World{
  min-height: 100%;
}

/* DivisionSize */
.PageWidthSetter{
  margin: 0 auto;
  max-width: 1100px;
  padding: 0 5%;
}

/* header
--------------------------------------------------- */
#HeaderDivision{
  background: #000;
}
    #HeaderDivision .PageWidthSetter{
      background: url(../img/common/logo/kumiai.png) no-repeat 96% center;
    }
        #HeaderDivision .PageWidthSetter .inner{
          display: table;
          /*padding: 23px 25px ;*/
          padding: 15px 25px 23px 25px ;
          
        }
        #HeaderDivision .PageWidthSetter .FirstHeaderArea{
		  color:#ffffff;
		  text-align:left;
		  padding:23px 25px 0px 25px;;
        }
        
        #HeaderDivision .PageWidthSetter .FirstHeaderArea .HeaderText{
        
        }
        
            #HeaderDivision .PageWidthSetter .inner div{
              display: table-cell;
              vertical-align: bottom;
            }
            #HeaderDivision .PageWidthSetter .inner .SiteTitle{
              width: 219px;
              padding-right: 10px;
            }
                #HeaderDivision .PageWidthSetter div.HeaderSubMenu p{
                  display: inline-block;
                  margin-left: 40px;
                }
                

/* content
--------------------------------------------------- */

.MoviePage{
}
    .MoviePage iframe{
      border: none;
      width: 560px;
      height: 100%;
      margin: 0 auto;
    }

/* footer
--------------------------------------------------- */

.DetailPage .FooterDivision{
  color: #fff;
  background-color: #076CAE;
  font-size: 70%;
  line-height: 25px;
}