@charset "UTF-8";
/*-----------------------------------------------------------------
レスポンシブ設定
-----------------------------------------------------------------*/
/* 画像をメインコンテンツエリアからはみ出さないようにする */
@media only screen {
  img {
    max-width: 100%;
    height: auto;
  }
}

/*デスクトップ用のタイトル*/
.titled {
  display: none;
}
/*デスクトップ用コンテンツ*/
.desktop {
  display: none;
}
/*モバイル用コンテンツ*/
.mobile {
  display: block;
}

/*----------------------------------------------
デスクトップの設定 1024px以上
----------------------------------------------*/
@media(min-width:1024px) {
  .container {
    width: 1000px;
  }
  .titled {
    display: block;
  }
  .titlem {
    display: none;
  }
  header {
  text-align: left;
  }
  /*デスクトップ用コンテンツ*/
  .desktop {
    display: block;
  } 
  /*モバイル用コンテンツ*/
  .mobile {
    display: none;
  }
  #page_content {
    margin: auto 0px;
    width: 680px;
  }
  #sidebar {
    width: 320px;
  }
  /* デスクトップでの幅の指定*/
  .dw10 {width: 10%;}
  .dw20 {width: 20%;}
  .dw25 {width: 25%;}
  .dw30 {width: 30%;}
  .dw40 {width: 40%;}
  .dw50 {width: 50%;}
  .dw60 {width: 60%;}
  .dw70 {width: 70%;}
  .dw75 {width: 75%;}
  .dw80 {width: 80%;}
  .dw90 {width: 90%;}
  .dw100 {width: 100%;}
  
  /* デスクトップでのサイドバー追随 */
  .wrapper {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
  }
  .menu_sticky {
    position: sticky;
    top: 20px;
  }
}
/* ウェブサイトの最大幅 */
@media only screen and (min-width: 1124px) {
  .container {
    width: 1080px;
  }
  #page_content {
    width: 750px;
  }
}