/* 【注意！！！！】 文字コードShift_JISのため、VScodeで開くのはNGです！文字化けします！！！*/

/* VScodeで開いたら保存せず、閉じて、メモ帳やサクラエディタで開く。メモ帳も初期設定だとUTF-8になってることもあるので、ANSI(Shift-JIS)で保存*/


@charset "Shift_JIS";
/*----------------------------------------------------
 shop
----------------------------------------------------*/

/* -reset---------------- */
body {
  min-width: inherit;
  background: #fff;
}
p {
  line-height: 1.2;
}
.l-header {
  position: relative;
  height: auto;
}
main, header, footer, section {
    display: block;
}
#mainvisual {
  width: 100%;
  padding-top: 0;
}
#mainvisual .campaign {
  width: 130px;
  height: auto;
  padding-right: 10px;
  bottom: 75px;
    right: 0;
}
.name1_ a {
  line-height: 1.2;
}
#list .grandcru ul {
  justify-content: space-around;
}
#list .tobuclo li {
  /* width: 48%; */
  width: 33%;
}
#list .tobuclo ul.point li{
  width: auto;
}
table.StyleL_Frame_ td.price_ span.price_ {
  display: inline;
}


div.container_ div.contents_ {
    width: 100%;
}
.leftmenuframe_ {
  display: none;
}

.navitopicpath_ {
  display: none;
}

table.cartlist_,
div.cart_submit_{
  width: 100%;
}
div.cart_submit_ div.next_ {
  width: auto;
  float: none;
}

div.topiclist_ ul.topicline_ li {
    padding: 0;
    background: none;
    border-bottom: 0;
}
table.cartlist_ td.img_ img {
  width: 100%;
}


h2:after {
  content: "";
  height: 1px;
  width: 100%;
  background: #AEAEAE;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}

#footer {
  padding: 0;
  margin: 0;
  border: 0;
  background: none;
}

#footer #footer_pagetop {
  display: none;
}

div.order_ table.destgoodslist_ .method_img_ {
  width: auto;
}

header .logoarea > div {
  display: flex;
}
header .logoarea {
  background: none;
}
header .logoarea .login {
  padding: 0;
}
header .logoarea .login a {
  display: block;
  padding: 15px 15px 13px 40px;
}
header .logoarea .login:before {
  z-index: -1;
}
header .logoarea .login a:hover {
  text-decoration: none;
}
#access .ggmap + small {
  padding: 5px 0;
    display: block;
}


  #mainvisual p {
    min-height: inherit;
  }


/* --商品一覧------------ */

div.goods_ {
/*  padding: 10px;*/
}
.StyleD_Frame_ {
    border-top: 1px dotted #CCC;
  padding-top: 20px;
}
div.StyleD_Frame_ div.img_ {
    margin: 0 0 0 0;
    float: none;
    display: block;
    width: 100%;
  text-align: center;
}

  div.StyleD_Frame_ div.img_ img {
    width: 100%;
    height: auto;
    max-width: 250px;
    max-height: 200px;
  }



/* --step------------ */
div.contents_,
div.mainframe_ {
  float: none;
}

div.goodsproductdetail_ {
  padding: 10px;
  box-sizing: border-box;
}
div.goodsimg_,
div.goodsspec_ {
  float: none;
  width: 100%;
}
div.goodsimg_ img {
  max-width: 250px;
  max-height: 200px;
  width: auto;
  height: auto;
}

div.order_ table.destgoodslist_ {
  width: 100%;
}

.spandual_wraper_ {
  margin: 0;
}

div#spandual1 .leftfloat_ {
  width: 100%;
}

div.order_ table.formlist_ .goods_ {
  width: auto;
}

div.spandual_ {
  width: auto;
  box-sizing: border-box;
}

div#spandual1 .rightfloat_ {
  float: none;
}
.formlist_.estimate_ textarea {
  width: 100%;
}

#complete_txt {
  width: 100%;
  margin: 0;
  box-sizing: border-box;
  padding: 10px;
}
.submit_ img {
  margin: 0;
}
.submit_ {
  padding: 10px;
}

.navipage_.top_ {
  padding: 10px;
}

div.StyleD_Frame_ {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
}
div.StyleD_Item_ {
  width: 46%;
  max-width: 200px;
  position: relative;
}

div.StyleD_Frame_ div.desc_ {
  width: 100%;
}

div.detail_ .price_ {
  display: none;
} 
.detail_ div.cart_ a {
  display: block;
}
.detail_ div.cart_ a img {
  /*display: none;*/
}
div.StyleD_Item_ .comment_ {
  display: none;
}
div.StyleD_Frame_ div.detail_ div.spec_ {
  width: 100%;
}
div.cart_submit_ div.order_btn_ {
  padding: 10px;
  text-align: right;
}

div.method_box_ h3 {
  font-size: 100%;
}

.back_.button_ {
  padding: 10px;
}
div.goods_
.categoryReturn a {
  display: block;
  padding: 10px;
  text-align: center;
}
div.order_ table.destgoodslist_ td.method_img_ {
  text-align: center;
}

footer .footer_list {
  justify-content: center;
}

.categorytab {
  display: flex;
  justify-content: space-around;
  border-bottom: 1px solid #fe9542;
  align-items: center;
  padding: 10px 40px 0;
}
.categorytab li {
  width: 40%;
  text-align: center;
}
.categorytab li a,
.categorytab li h1 {
  border: 1px solid #ccc;
  border-radius: 5px 5px 0 0;
  border-bottom: none;
  display: block;
  width: 100%;
  text-align: center;
  font-size: 120%;
  line-height: 1;
  padding: 10px;
  box-sizing: border-box;
}
.categorytab li a {
  text-decoration: underline;
}
.categorytab li h1 {
  border-color: #fe9542;
  background: #fe9542;
  color: #fff;
}
/* --新越shop------------ */
div.StyleD_Frame_ div.cart_ {
  width: auto;
}
div.StyleD_Frame_ div.cart_ img {
  width: 100%;
}


/* --マイページ------------ */
div.login_wrapper_ .common_headline2_area_ img.icon_ {
  vertical-align: middle;
}

/* --店舗TOP------------ */
.service_caption {
    font-size: 130%;
    font-weight: bold;
    margin-bottom: 10px;
}


/* --PC------------ */

  
  
@media screen and (min-width:480px) {
  
  
}
@media screen and (min-width: 768px) {
  main {
    width: 780px;
  }
div.container_ {
    width: 780px;
}
header .logoarea {
  justify-content: space-between;
}
  .wrapper_ header .logoarea {
    width: 780px;
    height: auto;
  }
  header .logoarea h1 img {
    height: 40px;
  }
  header .logoarea {
    height: auto;
  }
  header .logoarea .contact {
    padding: 0;
    display: flex;
    align-items: center;
  }
  header .logoarea .contact a {
    padding: 10px 20px;
    display: block;
  }
  header .logoarea .contact a:hover {
    text-decoration: none;
  }
  .goodsproductdetail_ {
    display: flex;
  }
  #mainvisual p.campaign {
    bottom: 50px;
  }
  #mainvisual p.campaign img {
    width: 100%;
    height: auto;
  }
  #store .pc_only {
    margin: 0 auto;
    width: 680px;
  }
  #list .grandcru dl dd a:after {
    left: auto;
    right: 15%;
    top: 33%;
  }
  #mainvisual p {
    font-size: 15px;
    min-height: 70px;
  }
  footer .footer_logo {
    text-align: center;
    margin-bottom: 10px;
  }
  footer .footer_logo img {
    width: 200px;
    height: auto;
  }
  /*#list .tobuclo li {
    width: 100%;
  }*/
  
  table.cartlist_ tr {
    max-width: 300px;
  }
  
#footer .footer_inner_ {
  width: 100%;
}
  footer {
  padding: 20px;
  }
  
  
  
  /* --店舗TOP------------ */
  #about{
    width: 680px;
    margin: auto;
    margin-bottom: 60px;
  }
  #chara .point01, #chara .point02, #chara .point03, #chara .point04, #chara .point05, #chara .point06 {
    width: 680px;
    margin: auto;
    margin-bottom: 20px;
  }
  
.web_contact {
  width: 680px;
  margin: auto;
}
  
  ul.btnlist {
    display: flex;
    width: 680px;
    margin-bottom: 20px;
  }
  ul.btnlist li {
    flex-grow: 1;
    margin: 0 10px;
    width: 50%;
  }
  ul.btnlist li:first-child {
    margin-left: 0;
  }
  ul.btnlist li:last-child {
    margin-right: 0;
  }
  #flow .contact {
    width: 680px;
    margin: auto;
    margin-bottom: 50px;
  }
  .link_area .closet_btn {
    width: 680px;
    margin: auto;
  }
  #price table, #price h3, #price table + p {
    width: 680px;
    margin: auto;
    box-sizing: border-box;
  }
  #price h3 {
    margin-top: 30px;
    margin-bottom: 10px;
  }
  #access .ggmap {
    width: 680px;
    margin: auto;
  }
  #access dl {
    width: 680px;
    margin: auto;
    margin-top: 10px;
  }
#access .ggmap + small {
  width: 680px;
  margin: auto;
}
  
  #storage dl dd:nth-of-type(2) {
    text-align: center;
  }
  div.goodsimg_ {
    box-sizing: border-box;
    margin-right: 30px;
  }
  
  
  /* --初台shop------------ */
  div.CategoryStyleP_ {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  div.CategoryStyleP_Line_ {
    width: 49%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  div.CategoryStyleP_Item_ {
    width: 47%;
    margin: 0 10px 0 0;
  }
  
  /* --新越hop------------ */
  div.StyleD_Frame_ div.cart_ {
    width: auto;
  }
  div.StyleD_Frame_ div.cart_ img {
    width: 100%;
  }

      /*-----guide -------------------------------------------------*/
      div.freepage_#guide {
        width: 780px;
        margin: auto;
      }
  
}


/*----------------------------------------------------
 SP
----------------------------------------------------*/
@media screen and (max-width:768px) {
  
div.container_ {
    width: 100%;
}
  
  #list .tobuclo dl dd ul li a {
    /* padding: 15px 28px; */
    padding: 15px 20px;
  }
  .hatsudai_floor img {
    width: inherit;
  }
div.container_ div.mainframe_ {
    width: 100%;
  max-width: 680px;
  margin: auto;
}
div.order_col1_ {
  width: 100%;
}
  div.col1_ {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
  }
  div.col1_.login_ {
    padding: 0;
  }
  div.login_col_left_ {
    width: 100%;
  }
  .login_ div.login_wrapper_ table.loginform_ td input {
    width: 100%;
    font-size: 18px;
    box-sizing: border-box;
    padding: 5px;
    height: auto;
     -webkit-appearance: none;
  }
  .loginform_ tr {
    display: block;
  }
  div.login_ table.loginform_ td,
  div.login_ table.loginform_ th{
    display: block;
    text-align: left;
  }
  div.login_col_right_ {
    width: 100%;
  }
  div.method_box_ {
    display: flex;
  }
  div.method_box_ h3,
  #method_pay .method_box_content_{
    width: auto;
  }
  .formlist_ td {
    padding: 5px;
  }
  div#spandual1 .leftfloat_ table td:first-child {
    padding: 3px;
  }
  #estimate_txt {
    padding: 10px;
  }
  .submit_ .button_ {
    padding: 10px;
    width: 100%;
    box-sizing: border-box;
  }
  .submit_ a img {
    max-width: 160px;
    margin: auto;
  }
  footer {
    padding-top: 10px;
  }
  div.info_, table.info_ {
    width: 100%;
    box-sizing: border-box;
  }
  
  #price .closet_detail_table {
  }
  #price .closet_detail_table_wrap {
    width: 100%;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .closet_detail_table_wrap::-webkit-scrollbar{
　�　height: 10px;
    width:  8px;
  }
  .closet_detail_table_wrap::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	width: 10px;
	background: #eee;
  }
  .closet_detail_table_wrap::-webkit-scrollbar-thumb {
    background: #ccc;
  }
  .closet_detail_table_wrap::-webkit-scrollbar-track-piece {
    background: #eee;
  }
  #price .closet_detail_table td {
/*    display: flex!important;
    justify-content: center;*/
  }
  #price .closet_detail_table td br {
/*    display: none;*/
  }
  #price .closet_detail_table td:last-child {
    white-space: nowrap
  }
  #price .shelf .closet_detail_table td:first-child,
  #price .shelf .closet_detail_table td:nth-of-type(5) {
    white-space: nowrap
  }
  div.error_, table.error_,div.notice_, table.notice_ {
    width: 100%;
    box-sizing: border-box;
  }
  
  

#header .header_inner_,
#footer .footer_inner_ {
  width: 100%;
}
div.cart_submit_ div.order_btn_ input {
  width: 100%;
}
  footer .footer_logo {
    text-align: center;
    margin: auto;
    padding: 20px;
  }
  
  /* --初台商品一覧------------ */
  div.CategoryStyleP_Line_ {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
  div.CategoryStyleP_Item_ {
    width: 49%;
    float: none;
    margin: 0;
  }
  table.StyleL_Frame_ tr {
    display: block;
  }
  table.StyleL_Frame_ tr:first-child {
    display: none;
  }
  table.StyleL_Frame_ td {
    display: block;
  }
  /*.formlist_ td.line1_ {
    display: none;
  }*/
  table.StyleL_Frame_ td.name_ {
    width: 100%;
    text-align: center;
    border-top: 1px solid #000;
  }
  table.StyleL_Frame_ td.cart_ {
    width: 100%;
    text-align: center;
  }
  table.StyleL_Frame_ td.cart_ img {
    display: none;
  }
  table.StyleL_Frame_ td.cart_ a:after {
    display: block;
    content: "手続き";
    width: 50%;
    margin: auto;
    background: #01B5A2;
    border-radius: 5px;
    color: #fff;
    padding: 10px;
    font-size: 120%;
  }
  table.StyleL_Frame_ td.stock_ {
    text-align: center;
  }
  
  .name1_ a {
    line-height: 1.2;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 110%;
  } 
  
  div.order_ table.formlist_ .img_ {
    max-width: 200px;
  }
  .navipage_.bottom_ {
    padding: 10px;
  }
  .categoryReturn {
    padding: 0 10px 10px;
  }
  
  /* --新越谷------------ */
  
  table.cartlist_ tr {
    display: block;
    margin-top: 10px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 10px;
    clear: both;
  }
  table.cartlist_ tr:after {
    content: "";
    height: 1%;
    clear: both;
    display: block;
  }
  table.cartlist_ td.img_,
  table.cartlist_ td.qty_,
  table.cartlist_ td.button_{
    width: auto;
    display: block;
  }
  table.cartlist_ td.img_ {
    float: left;
    width: 40%;
  }
  table.cartlist_ td.qty_ {
    text-align: left;
  }
  table.cartlist_ .qty_ img {
    width: 40px;
    height: 40px;
  }
  table.cartlist_ .qty_ input {
    margin: 0;
    line-height: 40px;
    height: 38px;
    -webkit-appearance: none;
  }
  table.cartlist_ td.name_ {
    padding-top: 0;
  }
  table.cartlist_ td.button_ {
    display: inline;
  }
  table.cartlist_ td.money_,
  table.cartlist_ td.total_ {
    display: inline;
  }
  table.cartlist_ tr .total_line_ {
    display: table;
  }
  
  .categorytab {
    padding: 10px 10px 0;
  }
  .categorytab li {
    width: 45%;
    text-align: center;
  }
  .categorytab li h1 {
    font-size: 110%;
  }

  
  /* --マイページ------------ */
  div.mymenu_item_ {
    display: flex;
  }
  div.mymenu_item_ .desc_ {
    width: calc(100% - 60px);
  }
  div.mymenu_item_ h2 {
    text-align: left;
  }
  .formlist_.history_ tr {
    display: block;
  }
  .formlist_.history_ tr {
    display: block;
  }
  table.history_ td, table.history_ th {
    display: block;
  }
  .formdetail_ input {
    width: 100%;
    box-sizing: border-box;
    height: auto;
  }
  table.formdetail_ th {
    width: 30%;
  }
  
  p.message_ img, .must_ {
    width: auto;
  }
  
  /* --フリーページ------------ */
  div.freepage_ {
    width: 100%;
  }
  div.freepage_item_ table {
    width: 95%;
    margin: auto;
    box-sizing: border-box;
  }
  div.freepage_item_ img {
    width: 95%;
    margin: auto;
    box-sizing: border-box;
  }
  #freepage_contact_table th {
    display: block;
  }
  #guide .flex h3 {
    padding: 3px;
    margin: 5px;
    font-size: 110%;
  }
  .freepage_#guide p {
    font-size: 100%!important;
  }
  #guide #guide_attention_wrap .flex {
    display: block;
  }
  
}

/*----------------------------------------------------
 shinkoshi
----------------------------------------------------*/
.drawing {
  text-align: center;
}
.drawing img {
  width: 100%;
  height: auto;
  max-width: 200px;
}



/*----------------------------------------------------
 guide
----------------------------------------------------*/


#guide .flex {
  display: flex;
}
#guide .flex > div {
  width: 50%;
  text-align: center;
}
#guide .flex h3 {
  background: #FFCCA6;
  text-align: center;
  padding: 3px;
  margin: 10px;
}

#guide .center {
  text-align: center; 
}

#guide p {
  font-size: 120%!important;
  margin-top: 10px;
}
#guide div img {
  margin-bottom: 10px;
}

#guide_attention_wrap {
  height: auto;
}
#guide_attention_wrap .flex {
  justify-content: center;
}
#guide_attention {
  height: auto;
}
p#guide_attention_title {
  position: relative;
    top: 0;
    left: 0;
  margin-right: 20px;
}
#guide_attention_text1 {
    position: relative;
    top: 0;
    left: 0;
    line-height: 1;
}
#guide_attention_text2 {
    position: relative;
    top: 0;
    left: 0;
  
}
#guide_text2 {
 margin-top: 0!important;
  margin-left: 0!important;
}

#guide p.center span {
  padding: 3px 5px;
  background: #c5171e;
  color: #fff;
  border-radius: 10px;
  display: inline-block;
  line-height: 1;
}


/*----------------------------------------------------
 トピックス
----------------------------------------------------*/
.topiclist_body_ {
    min-height: 130px;
    margin-bottom: 40px;
    line-height: 1.3;
}
h2.topic_title_ {
    text-align: left;
　　font-weight: bold;
    font-size: 150%;
}
.topic_ .article_ p{
  line-height:1.8;
}
.topic_ .topic_table td{
  width: 50%;
  padding: 8px 20px;
  border: 1px solid #cccccc;
}

/*----------------------------------------------------
 debug
----------------------------------------------------*/


/* 【注意！！！！】 文字コードShift_JISのため、VScodeで開くのはNGです！文字化けします！！！*/

/* VScodeで開いたら保存せず、閉じて、メモ帳やサクラエディタで開く。メモ帳も初期設定だとUTF-8になってることもあるので、ANSI(Shift-JIS)で保存*/