@charset "utf-8";
/* CSS Document */

/* 最大最小幅
------------------------------------------------------*/
html,
body,
#head,
#navi,
#visual,
#pan,
#footer{width: 100%;}

#head_in,
#wrap,
#navi_in,
#footer_in{width: 980px;margin: 0 auto;background: #fff;}

/*main*/
#main{width: 650px;float:left; }
#main-2{width: 920px;margin: auto;padding: 1rem 0rem 2rem;}
@media only screen and (max-width: 767px) {
  #main-2{width: auto; padding: 1rem 0rem;}
}

/*sub*/
#sub{width: 250px; float:right; margin-right: 40px; margin-top: 15px; }

img{width:100%;}


      #kiji{
        width: 65%;
        float: left;
      }
      @media only screen and (max-width: 767px) {
        #kiji{
            width:100%; }}

            #kiji-2 {
              width: 98%;
              margin: auto;
            }
            @media only screen and (max-width: 767px) {
              #kiji-2{
                  width:100%; }}

/*--------------------------------------------------------
タブレット用レイアウト
------------------------------------------------------*/

@media
only screen and (max-width : 992px){
  #wrap, #navi, #navi_in, #footer_in{ width: 100%; }
}

/*--------------------------------------------------------
モバイル用レイアウト
------------------------------------------------------*/

@media
only screen and (max-width : 750px){

/* 最大最小幅
------------------------------------------------------
#pan,
#wrap,
#main,
#sub,
#footer{min-width: 100%!important;}*/

/* ％設定
------------------------------------------------------*/
#visual,
#pan,
#wrap,
#main,
#sub,
#footer
{width: 100%!important;}

#footer_in{width: 96%!important;margin: 0 2%!important;}

#head_in{width: 100%!important;}

.main-search-list,.main-rank,.main-rank-1{ margin-bottom: 10px;}

/* フロート設定
------------------------------------------------------*/
#sub,
#main
{float: none!important;padding: 2%;}

}