@charset "utf-8";
/*----PC-----*/
@media screen and (min-width: 641px) {
  .onlypc {
    display: block;
  }

  .onlysp {
    display: none;
  }


  /*-------------------------------------------
   インデックストップページ
  ===========================================*/
  /* ★☆★ 130110修正CSS ここから ★☆★ */
  /* トップページ用メインイメージ
  -------------------------------------------*/
  #index h2.main-image {
    display: block;
    width: 100%;
    height: 124px;
    text-align: center;
    margin: 0 auto;
    border-top: 3px solid #999999;
  }

  /* ★☆★ 130110修正CSS ここまで ★☆★ */
  /* FLASH部分（代替画像）
  -------------------------------------------*/
  #flash {
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 251px;
    margin: 0 auto;
    background: url("../img/index/topimage.jpg") no-repeat top center;
    border-bottom: 1px solid #cccccc;
  }

  .flash-inner {
    display: block;
    width: 100%;
    height: 251px;
    text-align: center;
    text-indent: -9999px;
    over-flow: hidden;
    margin: 0 auto;
    padding: 0;
    background: url(../img/index/topimage.jpg) no-repeat top center;
  }

  .top_image {
    display: block;
    width: 100%;
    height: 287px;
    background: url("../img/index/topimage.jpg") no-repeat top center;
    border-bottom: 1px solid #cccccc;
  }

  .top_inner {
    display: block;
    width: 1020px;
    height: 287px;
    margin: 0 auto;
    background: url("../img/index/top_inner_bottom.jpg") repeat-x bottom center;
  }

  .top_bnr {
    float: right;
    display: block;
    width: 279px;
    height: 191px;
    text-indent: -9999px;
    over-flow: hidden;
    padding-top: 38px;
  }

  .top_bnr a {
    display: block;
    width: 279px;
    height: 191px;
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .top_bnr a:hover {
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .newsflash {
    float: left;
    display: block;
    width: 800px;
    text-align: left;
    padding-left: 120px;
    margin-top: 20px;
    height: 42px;
    line-height: 42px;
  }

  /*-------------------------------------------
   メインコンテンツ 中央エリア ★☆★130110修正CSS★☆★
  ===========================================*/
  .main_center {
    display: block;
    float: left;
    width: 561px;
    padding-left: 10px;
  }

  .main_center .box-index {
    display: block;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 9px;
  }

  .main_center .box-index .inner {
    padding: 10px;
  }

  .main_center .box-index .inner h3#news {
    width: auto;
    height: 24px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 8px 0px;
    border-bottom: 1px solid #999999;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner h3#index02,
  .main_center .box-index .inner h3#index01 {
    width: auto;
    height: 24px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 8px 30px;
    border-bottom: 1px solid #999999;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner h3#index01 {
    color: #CC0000;
    background: url("../img/index/icon-topic01.jpg") no-repeat left center;
  }

  .main_center .box-index .inner h3#index02 {
    color: #FF6600;
    background: url("../img/index/icon-topic02.jpg") no-repeat left center;
  }

  .main_center .box-index .inner h3#index02 span {
    font-size: 15px;
  }

  .main_center .box-index .inner h3#index02 div#index02-title {
    float: left;
  }

  .main_center .box-index .inner h3#index02 div#index02-link {
    float: right;
    font-size: 12px;
  }

  .main_center .box-index .inner .btn-list {
    display: block;
    width: 112px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: relative;
    top: 3px;
    left: 428px;
  }

  .main_center .box-index .inner .btn-list a {
    display: block;
    width: 112px;
    height: 21px;
    color: #000000;
    text-decoration: none;
    background: url("../img/index/btn-list.jpg") no-repeat left center;
  }

  .main_center .box-index .inner .btn-list a:hover {
    color: #663300;
    background: url("../img/index/btn-list_on.jpg") no-repeat left center;
  }

  .main_center .box-index .inner .box-list {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner .box-list .txt-title01,
  .main_center .box-index .inner .box-list .txt-title02,
  .main_center .box-index .inner .box-list .txt-title03,
  .main_center .box-index .inner .box-list .txt-title04,
  .main_center .box-index .inner .box-list .txt-icon,
  .main_center .box-index .inner .box-list .txt-days {
    display: block;
    float: left;
  }

  .main_center .box-index .inner .box-list .txt-days {
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
  }

  .main_center .box-index .inner .box-list .txt-icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
  }

  .main_center .box-index .inner .box-list .txt-title01,
  .main_center .box-index .inner .box-list .txt-title02,
  .main_center .box-index .inner .box-list .txt-title03,
  .main_center .box-index .inner .box-list .txt-title04 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
  }

  .main_center .box-index .inner .box-list .txt-title01 {
    width: 292px;
  }

  .main_center .box-index .inner .box-list .txt-title02 {
    width: 332px;
  }

  .main_center .box-index .inner .box-list .txt-title03 {
    width: 340px;
    margin-left: 10px;
    margin-right: 10px;
  }

  .main_center .box-index .inner .box-list .txt-title04 {
    width: 410px;
  }

  .main_center .box-index .inner .box-list ul {
    display: block;
    padding: 7px 0 8px 0;
    float: right;
  }

  .main_center .box-index .inner .box-list ul.ul01 {
    width: 108px;
  }

  .main_center .box-index .inner .box-list ul.ul02 {
    width: 72px;
  }

  .main_center .box-index .inner .box-list ul li {
    display: block;
    width: 31px;
    height: 17px;
    padding-left: 5px;
    float: right;
  }

  .flow_tit {
    width: 538px;
    height: 22px;
    margin-bottom: 7px;
  }

  .img-flow,
  .txt-flow {
    margin-bottom: 7px;
  }

  .sale_flow {
    border-bottom: 3px solid #669900;
  }

  .buy_flow {
    border-bottom: 3px solid #ff6600;
  }

  .flow_inner p {
    padding-top: 5px;
    margin-bottom: 10px;
  }

  .flow_btn {
    display: block;
    width: 247px;
    height: 44px;
    text-indent: -9999px;
    over-flow: hidden;
    padding: 0 0 0 148px;
  }

  .btn_site_sale a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_sale.jpg") no-repeat left top;
  }

  .btn_site_sale a:hover {
    background: url("../img/index/btn_site_sale.jpg") #FFFFFF no-repeat left top;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  .btn_site_buy a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_buy.jpg") no-repeat left top;

  }

  .btn_site_buy a:hover {
    background: url("../img/index/btn_site_buy.jpg") #FFFFFF no-repeat left top;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  /*-- 伏見追加 130412 サイトストックの強み、フッタ電話番号等の追加 --*/
  .main_center #forte .inner-forte {
    width: 563px;
    display: block;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 9px;
    background: none;
  }

  .main_center #forte .inner-forte .base {
    padding: 6px 10px;
  / padding: 21 px 10 px 6 px;
    background: none;
  }

  .main_center #forte .inner-forte .bottom {
    background: none;
    font-size: 1px;
    line-height: 1px;
  }

  .main_center .header_bnrbox {
    margin: 10px 0 0 5px;
  }

  .main_center .header_bnrbox p {
    float: left;
    margin-right: 10px;
    padding-top: 4px;
  }

  /*------20180228レスポンシブ調整-----------*/
  .buy_maintit a img {
    width: 100%;
  }

}

/*-------------------------------------------------------------------------------
mobile用201802
-------------------------------*/
/*----sp-----*/
@media screen and (max-width: 640px) {
  .onlypc {
    display: none;
  }

  .onlysp {
    display: block;
  }


  /*-------------------------------------------
   インデックストップページ
  ===========================================*/
  /* ★☆★ 130110修正CSS ここから ★☆★ */
  /* トップページ用メインイメージ
  -------------------------------------------*/
  #index h2.main-image {
    display: block;
    width: 100%;
    height: 124px;
    height: auto;
    text-align: center;
    margin: 0 auto;

  }


  #index h2.main-image img {
    width: 100%;
    height: auto;
    border-top: 3px solid #999999;
  }

  /* FLASH部分（代替画像）
  -------------------------------------------*/
  #flash {
    display: block;
    text-align: center;
    padding: 0;
    width: 100%;
    height: 251px;
    margin: 0 auto;
    background: url("../img/index/topimage.jpg") no-repeat top center;
    border-bottom: 1px solid #cccccc;
  }

  .flash-inner {
    display: block;
    width: 100%;
    height: 251px;
    text-align: center;
    text-indent: -9999px;
    over-flow: hidden;
    margin: 0 auto;
    padding: 0;
    background: url(../img/index/topimage.jpg) no-repeat top center;
  }

  .top_image {
    display: block;
    width: 100%;
    height: 287px;
    background: url("../img/index/topimage.jpg") no-repeat top center;
    border-bottom: 1px solid #cccccc;
  }

  .top_inner {
    display: block;
    width: 1020px;
    height: 287px;
    margin: 0 auto;
    background: url("../img/index/top_inner_bottom.jpg") repeat-x bottom center;
  }

  .top_bnr {
    float: right;
    display: block;
    width: 279px;
    height: 191px;
    text-indent: -9999px;
    over-flow: hidden;
    padding-top: 38px;
  }

  .top_bnr a {
    display: block;
    width: 279px;
    height: 191px;
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .top_bnr a:hover {
    background: url("../img/index/top_bnr01.png") no-repeat right bottom;
  }

  .newsflash {
    float: left;
    display: block;
    width: 800px;
    text-align: left;
    padding-left: 120px;
    margin-top: 20px;
    height: 42px;
    line-height: 42px;
  }

  /*-------------------------------------------
   メインコンテンツ 中央エリア ★☆★130110修正CSS★☆★
  ===========================================*/
  .main_center {
    display: block;
    float: left;
    float: none;
    width: 561px;
    width: 100%;
    padding-left: 10px;
    padding: 0 10px;
    box-sizing: border-box;
  }

  .main_center .box-index {
    display: block;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 9px;
  }

  .main_center .box-index .inner {
    padding: 10px;
  }

  .main_center .box-index .inner h3#news {
    width: auto;
    height: 24px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 8px 0px;
    border-bottom: 1px solid #999999;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner h3#index02,
  .main_center .box-index .inner h3#index01 {
    width: auto;
    height: 24px;
    font-size: 20px;
    font-weight: normal;
    line-height: 30px;
    padding: 0 0 8px 30px;
    border-bottom: 1px solid #999999;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner h3#index01 {
    color: #CC0000;
    background: url("../img/index/icon-topic01.jpg") no-repeat left center;
  }

  .main_center .box-index .inner h3#index02 {
    color: #FF6600;
    background: url("../img/index/icon-topic02.jpg") no-repeat left center;
  }

  .main_center .box-index .inner h3#index02 span {
    font-size: 15px;
  }

  .main_center .box-index .inner h3#index02 div#index02-title {
    float: left;
  }

  .main_center .box-index .inner h3#index02 div#index02-link {
    float: right;
    font-size: 12px;
  }

  .main_center .box-index .inner .btn-list {
    display: block;
    width: 112px;
    height: 21px;
    line-height: 21px;
    text-align: center;
    position: relative;
    top: 3px;
    left: 428px;
    left: 60%;

  }

  .main_center .box-index .inner .btn-list a {
    display: block;
    width: 112px;
    height: 21px;
    color: #000000;
    text-decoration: none;
    background: url("../img/index/btn-list.jpg") no-repeat left center;
  }

  .main_center .box-index .inner .btn-list a:hover {
    color: #663300;
    background: url("../img/index/btn-list_on.jpg") no-repeat left center;
  }

  .main_center .box-index .inner .box-list {
    display: block;
    padding-bottom: 5px;
    border-bottom: 1px dotted #cccccc;
    margin-bottom: 5px;
  }

  .main_center .box-index .inner .box-list .txt-title01,
  .main_center .box-index .inner .box-list .txt-title02,
  .main_center .box-index .inner .box-list .txt-title03,
  .main_center .box-index .inner .box-list .txt-title04,
  .main_center .box-index .inner .box-list .txt-icon,
  .main_center .box-index .inner .box-list .txt-days {
    display: block;
    float: left;
  }

  .main_center .box-index .inner .box-list .txt-days {
    width: 80px;
    height: 32px;
    line-height: 32px;
    margin-right: 10px;
    margin-right: 0px;
  }

  .main_center .box-index .inner .box-list .txt-icon {
    width: 32px;
    height: 32px;
    float: left;
    margin-right: 10px;
  }

  .main_center .box-index .inner .box-list .txt-title01,
  .main_center .box-index .inner .box-list .txt-title02,
  .main_center .box-index .inner .box-list .txt-title03,
  .main_center .box-index .inner .box-list .txt-title04 {
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
    padding-top: 7px;
  }

  .main_center .box-index .inner .box-list .txt-title01 {
    width: 292px;
    width: 50%;
  }

  .main_center .box-index .inner .box-list .txt-title02 {
    width: 332px;
    width: 50%;
  }

  .main_center .box-index .inner .box-list .txt-title03 {
    width: 340px;
    width: 55%;
    margin-left: 10px;
    margin-right: 10px;
  }

  .main_center .box-index .inner .box-list .txt-title04 {
    width: 410px;
    width: 70%;
  }

  .main_center .box-index .inner .box-list ul {
    display: block;
    padding: 7px 0 8px 0;
    float: right;
  }

  .main_center .box-index .inner .box-list ul.ul01 {
    width: 108px;
    width: auto;
  }

  .main_center .box-index .inner .box-list ul.ul02 {
    width: 72px;
    width: auto;
  }

  .main_center .box-index .inner .box-list ul li {
    display: block;
    width: 31px;

    height: 17px;
    padding-left: 5px;
    float: right;
  }

  .main_center .buy_maintit img {
    width: 100%;
  }

  .flow_tit {
    width: 538px;
    width: 100%;
    height: 22px;
    height: auto;
    margin-bottom: 7px;
  }

  .img-flow,
  .txt-flow {
    margin-bottom: 7px;
  }

  .sale_flow {
    border-bottom: 3px solid #669900;
  }

  .buy_flow {
    border-bottom: 3px solid #ff6600;
  }

  .flow_inner p {
    padding-top: 5px;
    margin-bottom: 10px;
  }

  .flow_inner p img {
    width: 100%;
    height: auto;
  }

  .flow_btn {
    display: block;
    width: 247px;
    height: 44px;
    text-indent: -9999px;
    over-flow: hidden;
    padding: 0;
    margin: 0 auto;
  }

  .btn_site_sale a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_sale.jpg") no-repeat left top;
  }

  .btn_site_sale a:hover {
    background: url("../img/index/btn_site_sale.jpg") #FFFFFF no-repeat left top;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  .btn_site_buy a {
    display: block;
    width: 247px;
    height: 44px;
    background: url("../img/index/btn_site_buy.jpg") no-repeat left top;

  }

  .btn_site_buy a:hover {
    background: url("../img/index/btn_site_buy.jpg") #FFFFFF no-repeat left top;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
  }

  /*-- 伏見追加 130412 サイトストックの強み、フッタ電話番号等の追加 --*/
  .main_center #forte .inner-forte {
    width: 563px;
    width: 100%;
    display: block;
    border: solid 1px #cccccc;
    border-radius: 5px;
    margin-bottom: 9px;
    background: none;
    box-sizing: border-box;
  }

  .main_center #forte .inner-forte .base {
    padding: 6px 10px;
  / padding: 21 px 10 px 6 px;
    background: none;
  }

  .main_center #forte .inner-forte .bottom {
    background: none;
    font-size: 1px;
    line-height: 1px;
  }

  .main_center .header_bnrbox {
    margin: 10px 0 0 5px;
  }

  .main_center .header_bnrbox p {
    float: left;
    float: none;
    text-align: center;
    margin-right: 10px;
    padding-top: 4px;
  }
}