@media screen and (max-width: 480px){
  #siteHeader{
    display: none;
  }

  #header{
    width: 100%;
    header: 100%;
    margin: 10px 0px 2px;
  }

  #header h1{
    float: none;
    width: 320px;
    height: 35px;
    margin: 0 auto 1%;
    background-size: 68%;
  }

  #header h1 a{
    width: 100%;
    height: 100%;
  }

  #header ul{
    display: none;
  }

/* button -------------- */

  #header ul{
    width: 100%;
  }

  #header ul li{
    width: 90%;
    float: none;
    margin: 0 auto 10px;
  }

  #header ul li a{
    width: auto;
    margin: 0 auto;
    height: 4%;
  }

  #header ul li.viewBtn{
    width: 100%;
  }

  #header ul li.viewBtn a{
    width: 130px;
  }

  #header ul li.viewBtn a:hover{
    width: 130px;
  }

  #header ul li.followBtn{
    width: 100%;
  }

  #header ul li.followBtn a{
    width: 80px;
  }

  #header ul li.rssBtn{
    width: 100%;
  }
/* button ここまで ---------- */

/* contents ----------------- */
  #contents{
    width: 100%;
  }

  #primaryColumn .section{
    width: 100%;
  }

  #secondaryColumn .section{
    width: 95%;
    _width: 95%;
    /* margin-left: 10px; */
  }
/* contents ここまで--------- */

/* primaryColumn */

/* headding --------------------- */

  #primaryColumn{
    float: none;
    width: 100%;
　　margin-bottom: 0px;
  }

  #primaryColumn h2{
    width: 100%;
    margin-left: 1px;
    font-size: 22px;
  }

  #primaryColumn h2 span{
    width: 95%;
    background-size: 100% auto;
  }

  #primaryColumn h2 small{
    font-size: 15px;
  }

  #primaryColumn h3{
    width: 100%;
    margin-left: 1px;
    font-size: 16px;
    background-size: 100% auto;
  }
/* headding ここまで ------------- */

/* list -------------------- */

  #primaryColumn .section dl dt{
    font-size: 14px;
  }

  #primaryColumn .section dl dd{
    font-size: 16px;
  }

/* list ここまで ---------- */

  #info_pc_box{
    display: none;
  }

/* parts  --------- */
  #primaryColumn .section .arch-nav{
    width: 100%;
  }

  #primaryColumn .section .moreBtn{
    width: 96px;
    height: 31px;
    background: url(../img/btn_more_l.gif) no-repeat;
    background-size: 97%;

    width/*\**/: 79px\9;
    height/*\**/: 25px\9;
    background/*\**/: url(../img/btn_more.gif) no-repeat\9;
  }

  #primaryColumn .section .moreBtn:hover{
    background-position: 0 -32px;

    background-position/*\**/: 0 -26px\9;
  }
/* parts ここまで --------- */

/* primaryColumn ここまで　*/

/* secondaryColumn */
  #secondaryColumn{
    width: 90%;
    margin: 0px auto;
    float: none;
  }

/* headding -------- */
  #secondaryColumn h3{
    width: 100%;
    font-size: 16px;
    /* margin-left: 10px; */
    background-size: 100% auto;
  }
/* headding ここまで----- */

/* list -------- */
  #secondaryColumn .section dl{
    width: 100%;
  }

  #secondaryColumn .section dl dt{
    font-size: 14px;
  }

  #secondaryColumn .section dl dd{
    font-size: 15px;
  }

  #secoundaryColumn .section dl dd:last-child{
    font-size: 15px;
  }

  #secondaryColumn .section ul{
    width: 100%;
  }

  #secondaryColumn .section ul li{
    font-size: 22px;
  }

  #secondaryColumn .section ul li span{
    font-size: 15px;
  }
/* list ここまで --------- */

/* section_sp --------- */
  .section-sp{
    padding: 10px 5px 10px 5px;
    /* margin-left: 10px; */
  }
/* section_sp ここまで ------ */

/* parts ---------------- */

  #secondaryColumn .section .moreBtn{
    width: 96px;
    height: 31px;
    background: url(../img/btn_more_l.gif) no-repeat;
    background-size: 97%;

    width/*\**/: 79px\9;
    height/*\**/: 25px\9;
    background/*\**/: url(../img/btn_more.gif) no-repeat\9;
  }

  #secondaryColumn .section .moreBtn:hover{
    background-position: 0 -32px;

    background-position/*\**/: 0 -26px\9;
  }
/* parts ここまで---------- */

/* secondaryColumn ここまで */

/* topicPath */
  #topicPath ul{
    width: 100%;
  }

/* footer */
  #footer .section{
    width: 90%;
  }

  #footer #pageTopBtn{
    display: none;
  }

  #footer #pageTopBtn:hover{
    background-position: 0 -41px;
  }

  #footer .section ul{
    width: 100%;
  }

  #footer .section ul.firstChild{
    width: 100%;
  }

  #footer .section ul.firstChild{
    width: 100%;
  }

  #footer ul li a{
    font-size: 17px;
  }
/* footer ここまで */

/* detailsPage */
  .dataSection{
    width: 100%;
  }

  blockquote{
    width: 90%;
  }

/* entry body */
  div.article-body img{
    max-width: 100%;
    height: auto;
  }

  #web_pc_prime{
    display: none;
  }

  #web_pc_360{
    /* margin-left: 5px; */
  }
}

@media screen and (min-width:481px) and (max-width:768px){

/* 共通ヘッダー */

  #siteHeader{
    display: none;
  }

  #header{
    width: 100%;
  }

/* header */
  #header h1{
    float: none;
  }

/* button */
  #header ul{
    float: none;
    margin-top: 20px;
    margin-left: 1px;
    width: 100%;
  }

/* contents */
  #contents{
    width: 100%;
  }

  #primaryColumn .section{
    width: 90%;
    margin: 0 auto 15px 10px;
  }

  #secondaryColumn div{
    display: inline-block;
    vertical-align: top;
  }

  #secondaryColumn .section{
    _width: 95%;
  }

/* primaryColumn */
  #primaryColumn{
    float: none;
    width: 90%;
    /* text-align: center; */
    margin: 0 auto 30px;
  }
/* headding ----- */

  #primaryColumn h2{
    width: 96%;
    margin-left: 10px;
  }

  #primaryColumn h2 span{
    width: 100%;
  }

  #primaryColumn h3{
    width: 100%;
    margin-left: 10px;
  }

/* parts --------- */
  #primaryColumn .section .moreBtn{
    width: 112px;
    height: 36px;
    background: url(../img/btn_more_l.gif) no-repeat;
    background-size: 97%;

    width/*\**/: 79px\9;
    height/*\**/: 25px\9;
    background/*\**/: url(../img/btn_more.gif) no-repeat\9;
  }

  #primaryColumn .section .moreBtn:hover{
    background-position: 0 -37px;

    background-position/*\**/: 0 -26px\9;
  }

/* secondaryColumn */
  #secondaryColumn{
    width: 90%;
    margin: 0px auto;
    float: none;
  }

/* headding ---- */
  #secondaryColumn h3{
    margin-top: 0;
  }

/* parts ----- */
  #secondaryColumn .section .moreBtn{
    width: 96px;
    height: 31px;
    background: url(../img/btn_more_l.gif) no-repeat;
    background-size: 97%;

    width/*\**/: 79px\9;
    height/*\**/: 25px\9;
    background/*\**/: url(../img/btn_more.gif) no-repeat\9;
  }

  #secondaryColumn .section .moreBtn:hover{
    background-position: 0 -32px;

    background-position/*\**/: 0 -26px\9;
  }

/* topicPath */
  #topicPath ul{
    width: 100%;
  }

/* footer */
  #footer .section{
   width: 70%;
  }

  #footer #pageTopBtn{
    display: none;
  }

  #footer .section ul{
    width: 100%;
  }

  #footer .section ul.firstChild{
    width: 100%;
  }

  #footer ul li a{
    font-size: 17px;
  }

/* detailsPage */
  .dataSection{
    width: 100%;
  }

  blockquote{
    width: 90%;
  }

/* side column */
  div.side-column-outside{
    text-align: left;
    width: 300px;
  }

  div.article-body{
    font-size: normal;
    width: 90%;
  }

  div.article-body img{
    max-width: 100%;
    height: auto;
    display: block;
  }

  div.article-body iframe{
    display: block;
  }

  #web_pc_prime{
    height: auto;
  }

  #info_pc_box{
    display: none;
  }

  #sideTxtAd{
    width:300px;
  }
}