@charset "UTF-8";

@media screen and (min-width:1540px) {
  main{
    width: 1580px!important;
  }
  .CommonFrame{margin-top:50px;padding:20px;border-radius:20px;/*background-color:#fff;*/}
  .Top .TopVerticalArea{
    width: 1580px;
  }
  .Top nav.TopTabMenu .TopTabMenuArea{
    width: 1580px;
  }
  .Top .TopVerticalArea .TopLeftContentsArea{
    width: 1040px;
  }
}
@media screen and (min-width:800px) and (max-width:1540px) {
  main{
    width: 1080px;
  }
  .CommonFrame{margin-top:50px;padding:20px;border-radius:20px;/*background-color:#fff;*/}
  .Top .TopVerticalArea{
    width: 1080px;
  }
  .Top nav.TopTabMenu .TopTabMenuArea{
    width: 1080px;
  }
  .Top .TopVerticalArea .TopLeftContentsArea{
    width: 500px;
  }
}
@media screen and (max-width:799px) {
  .Top nav.TopTabMenu .TopTabMenuArea{
    width: 380px!important;
    padding: 0!important;
  }
  .Top .TopVerticalArea{
    width: 580px;
  }
  .Top .TopVerticalArea .TopLeftContentsArea{
    width: 500px;
  }
}
@media screen and (min-width:800px) {
  .Top nav.TopTabMenu{
    width: 100%;
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translate(-50%,0);
    padding-top: 5px;
    background-color:#fff;
    z-index: 5;
  }
}

/* Top */
.Top{
  width: 100%;
  /*max-width: 1600px;*/
  /*min-width: 500px;*/
  /*
  display: flex;
  flex-direction: column;
  align-items: center;
  */
}
.Top nav.TopTabMenu{
  width: 100%;
  /*max-width: 1600px;*/
  /*height: 40px;*/
  padding-top: 5px;
  background-color:#fff;
  z-index: 5;
}
.Top nav.TopTabMenu .TopTabMenuArea{
  /*height: 40px;*/
  margin: 0 auto;
  display: flex;
  justify-content: left;
  flex-wrap: wrap;
  padding-left: 100px;
}

.Top nav.TopTabMenu .TopTabMenuArea .Tab{
  text-align: center;
  margin-top: 5px;
  margin-bottom: 5px;
  border: solid 1px #fff;
  width: 180px;
  height: 30px;
  flex-shrink: 0;
}
.Top nav.TopTabMenu .TopTabMenuArea .Tab p{
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  vertical-align: middle;
}
.Top nav.TopTabMenu .TopTabMenuArea .Tab.Active{
  border: solid 1px #ddd;
  background-color: #eee;
}
.Top .TopVerticalArea{
  width: 100%;
  /*min-width: 1100px;*/
  /*max-width: 1600px;*/
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
/*
.Top .TopVerticalArea .TopLeftContentsArea{
  min-width: 550px;
  max-width: 1050px;
}
*/
.Top .TopVerticalArea .TopRightContentsArea{
  width: 500px;
}
.Top .TopVerticalArea .TopLeftContentsArea .List{
  display: none;
}
.Top .TopVerticalArea .TopLeftContentsArea .List.Active{
  display: block;
}
.Top .TopVerticalArea .TopLeftContentsArea .List .IdeaList{
  margin-top: 20px;
  margin-bottom: 20px;
}
.Top .TopVerticalArea .TopLeftContentsArea .List .IdeaList ul{
  display: flex;
  flex-wrap: wrap;
}
.Top .TopVerticalArea .TopLeftContentsArea .List .ReadyArea{
  margin: 20px 20px 20px 20px;
  display: flex;
  justify-content: center;
}
.Top .TopVerticalArea .TopLeftContentsArea .List .More{
  margin: 20px 20px 20px 20px;
  text-align: center;
}
.Top .TopVerticalArea .TopLeftContentsArea .List .More a{
  color: #828282;
}
.IdeaNavi{
  margin-top: 20px;
  margin-bottom: 20px;
}
.Spacer{
  height: 10px;
}