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


}

#spBtn {
    text-align: center;
}
#spBtn a {
    display: inline-block;
    margin: 20px;
    background-color: #e98a19;
    border-radius: 10px;
    color: #fff;
    z-index: 999999;
    padding: 10px 20px;
    font-size: 150%;
}

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

#spBtn {display: none;}

li.heightLine-itemBoxSec01.itemList,
.txtArea.heightLine-itemtxtBoxSec01,
li.heightLine-itemBoxSec01-02.itemList,
.txtArea.heightLine-itemtxtBoxSec01-02,
h3.heightLine-projectItemTitle,
.txtArea.heightLine-itemtxtBox,
.txtArea.heightLine-itemtxtBoxSec01-03,
.txtArea.heightLine-itemtxtBox-02 {
    height: auto;
}
/* Basic
---------------------------------------------- */
img {max-width: 100%;}
#leftcolumn, #container, #main_column,
#main_column.colnum2.right {
    width: auto;
    float: none;
}
#leftcolumn {
    display: none;
}
#container,
#main_column.colnum2.right {
    margin: 0;
    padding: 0;
}
#footer,
#footer-wrap, #footerInner,
#footer-wrap #footer {
    float: none;
    margin: 0 auto;
    width: auto;
    height: auto;
}
#project .sectionWrap,
#madeinjapan .sectionWrap,
#project .sectionWrapInner, #madeinjapan .sectionWrapInner {
    float: none;
    width: auto;
}
.youtube{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.sub_area iframe {
    width: 100%;
    max-width: 100%!important;
}
h2.title {
    margin-left: 15px;
    margin-right: 15px;
}

/* Header
---------------------------------------------- */
body {
  color: #58523e;
  font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Geneva, Arial, Verdana, sans-serif !important;
   background-image: none;
}
#header {
  position: relative;
  width: 100%;
  height: 50px;
  margin: 0;
}

#header:before,
#header:after {
  content: " ";
  display: table;
}
#header:after {
  clear: both;
}
#header h1 {
    position: absolute;
    zoom: 1;
    top: 0;
    left: 0px;
}
#header #logo {
  float: left;
  padding-top: 10px;
  padding-left: 20px;
  overflow: hidden;
  width: auto;
  max-width: 80%;
}
#header a.menu_btn {
  position: absolute;
  right: 0;
  margin: 0;
  display: inline-block;
  text-decoration: none;
}
#header #menu {
  position: fixed;
  top: 0px;
  left: 0px;
  z-index: 999;
  display: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  background: #DF9A2A;
  box-shadow: 0 0 3px 0 #333;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
#header #menu ul {
  margin: 25px;
}
#header #menu ul li {
  padding: 10px 0;
  border-top: solid 1px #fff;
  text-align: center;
}
#header #menu ul li:first-child {
  border-top: none;
}
#header #menu ul li:last-child {
  border-bottom: none;
}
#header #menu a {
  display: block;
  height: 20px;
  color: #fff;
  text-decoration: none;
}
#header #menu p.close {
  display: block;
  overflow: hidden;
  margin: 0 auto;
  padding: 10px 0;
  background: #fff;
  color: #DF9A2A;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
}
.global {
  width: 100%;
  border-top: 2px solid #E4E3D9;
  border-bottom: 2px solid #E4E3D9;
  background: #FFFEF2;
}
.global ul {
  list-style: none;
}
.global ul:before,
.global ul:after {
  content: " ";
  display: table;
}
.global ul:after {
  clear: both;
}
.global ul li {
  float: left;
  width: 33%;
  background: #FFFEF2;
  text-align: center;
}
.global ul li a {
  display: block;
  padding: 7px 0;
}
.global ul li a.gnav01 {
  border-right: 2px solid #E4E3D9;
}
.global ul li a.gnav02 {
  border-right: 2px solid #E4E3D9;
}
.global ul li:first-child {
  width: 34%;
}

/* Footer
---------------------------------------------- */

.to-top {
  width: 100%;
}
.to-top p {
  text-align: center;
}
.to-top p a {
  padding: 10px 0;
  background-color: #E7BA4F;
  display: block;
  color: #fff;
  text-decoration: none;
}

#footer-btn {
  background-color: #85874C;
}
#footer-btn:before,
#footer-btn:after {
  content: " ";
  display: table;
}
#footer-btn:after {
  clear: both;
}
#footer-btn #footer-btn-pc,
#footer-btn #footer-btn-fb {
  float: left;
  width: 50%;
  text-align: center;
  padding: 10px 0;
}
#footer-btn #footer-btn-pc img,
#footer-btn #footer-btn-fb img {
  width: 92%;
}
#footer {
  background-color: #85874C;
  color: #FFF;
  line-height: 1.5;
  font-size: 14px;
  text-align: center;
}
#footer address {
  font-style: normal;
  padding: 5px 0;
}
#footer span {
  font-size: 16px;
}
#footer #copy {
  width: 100%;
  padding: 5px 0;
  background-color: #fff;
  color: #85874C;
}

/* MainVisual
---------------------------------------------- */
.slick-dots {
    bottom: -23px!important;
    /* background-color: #ebe9d7; */
    padding: 8px 0 5px 0!important;
}
	/* .slick-dots li button {
	    color: #fff!important;
	    background-color: #fff!important;
	}
	.slick-dots li.slick-active button {
	    color: #e4b923!important;
	    background-color: #e4b923!important;
	}
	.slick-dots li button:before {
	    content: ''!important;
	} */


/* News
---------------------------------------------- */
#newsBlock {
    margin: 20px 10px;
}
	#newsBlock h2 {
	    margin-bottom: 0px;
	}
	#newsBlock dl dt {
	    margin-bottom: 10px;
	}
		#newsBlock dl dt span {
		    display: inline-block;
		    padding: 0;
		    background-color: #e6e6e6;
		    color: #333;
		}
	#newsBlock dl, #newsBlock dl dt, #newsBlock dl dd {
	    display: block!important;
	    color: #333;
	}
	#newsBlock dl {
	    display: table;
	    width: 100%;
	    margin-bottom: 10px;
	    border-bottom: dotted 1px #666;
	    padding-bottom: 10px;
	}

/* Index
---------------------------------------------- */
.sec {
    margin: 0 15px;
}
.itemBox li {
    float: none;
    margin-right: 0;
    margin-bottom: 40px;
    width: auto;
    height: auto!important;
}
	.itemBox li .imgArea,
	.itemBox li .txtArea {
	    width: 80%;
	    margin: 0 auto;
	    text-align: center;
	}

.sec.sec01 {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.itemBox li.bnrBox {
    width: auto;
    margin: 0 15px;
}
#search02 {
    margin-top: -8px;
    padding: 10px 15px;
    text-align: center;
    background-color: #d69914;
}
	#search02 input[type="text"] {
	    border-radius: 50px;
	    border: none;
	    height: 30px;
	    width: 100%;
	    background: #fff url('../images/icon_search01.png') no-repeat 90% center ;
	}
.pageTitle {
    background-color: #f0ece1;
    padding: 10px 15px;
    color: #9d8e68;
    font-size: 16px;
}
.pageTitle span {
    display: inline-block;
    margin-bottom: 0;
    padding-top: 8px;
    padding-bottom: 7px;
    color: #524b37;
    font-size: 24px;
}
dt.toggleBtn {
    padding: 15px 15px 15px 20px;
    background: #ebe9d7 url('../images/sp/btn_category01.png') no-repeat right center ;
    background-size: auto 100%;
    cursor: pointer;
    color: #333b2b;
    font-size: 18px;
}
#category_list01 {
    margin: 0 15px;
    font-size: 14px;
}
.sec02 h2.blockTitle {
    margin-bottom: 20px!important;
}
h2.title.sPhone {
    padding-bottom: 10px!important;
}
#madeinjapan .sec {
    margin: 0;
    padding: 30px 15px 10px 15px;
}
#madeinjapan .sec.sec04.clearfix {
    padding-top: 50px;
}
.sec.sec05 {
    padding-top: 50px;
}
.itemBox h3 a {
    color: #829b36;
    font-weight: bold;
    font-size: 18px;
}
.txtArea.border-top {
    border-top: dotted 1px #333;
    margin-top: 15px!important;
    padding-top: 15px;
}
/* 商品一覧
---------------------------------------------- */
.breadcrumb {
    margin-bottom: 0;
    padding: 10px 20px!important;
    background-color: transparent;
    color: #655b46;
    font-size: 14px;
}
.LC_Page_Products_List h2.title {
    margin: 0 15px 15px 15px;
}
.products_list_topArea {
    margin: 0 15px;
    clear: both;
}
ul.itemArea li.itemWrap {
    padding: 15px;
    border-top: solid 2px #ce951b;
}
.listphoto img {
    margin-bottom: 10px;
}
div.listphoto {
    float: none;
    text-align: center;
}
div.listrightbloc .listcomment {
    margin-bottom: 10px;
}
#main_column.colnum2 div.listrightbloc {
    float: none;
    width: auto;
}
.leftprice {
    width: auto;
    float: none;
}
.rightprice {
    text-align: center;
}

/* 商品詳細
---------------------------------------------- */
.LC_Page_Products_Detail .breadcrumb {
    display: none;
}
.detail-title.sPhone {
    background-color: #dbb32b;
    background-image: none;
    color: #fff;
    font-size: 16px;
    padding: 5px 15px;
    margin-top: 10px;
}
#main_column.colnum2 div#detailphotobloc {
    float: none;
    width: auto;
    margin: 0 15px;
}
#main_column.colnum2 #detailrightbloc {
    float: none;
    width: auto;
    margin: 0 15px;
}
.itemData.sPhone h3 {
    font-size: 18px;
    margin-bottom: 5px;
}
.sale_price,
.normal_price {
    color: #a81f24;
}
#detailrightbloc .cartin {
    margin-right: 0;
}
#detailrightbloc .cart_area {
    margin: 0 -15px;
    padding: 10px 15px;
    border-top: solid 1px #ccc;
    border-bottom: solid 1px #ccc;
}
.cartin_btn a {
    width: 100%!important;
}

#main_column.colnum2 div.subphotoimg {
    float: none;
    margin-bottom: 10px;
    width: auto;
    text-align: center;
}
#main_column.colnum2 div.subtext {
    margin-bottom: 20px;
    float: none;
    width: auto;
    padding: 0 15px;
}
#main_column.colnum2 p.subtext {
    margin-bottom: 20px;
    margin: 0 15px;
}
#whobought_area .product_item {
    float: none;
    width: 100%;
    padding: 0;
    background-image: none;
    display: table;
}
	#whobought_area .product_item .productImage {
	    margin-bottom: 0;
	    float: none;
	    width: 30%;
	    display: table-cell;
	    vertical-align: top;
	}
	#main_column.colnum2 #whobought_area .productContents {
	    float: none;
	    width: auto;
	    font-size: 14px;
	    display: table-cell;
	    vertical-align: top;
	    padding-left: 10px;
	}
#whobought_area .product_item h3 a {
    color: #333;
    font-size: 14px;
}
#whobought_area .product_item p.sale_price {
    color: #a81f24;
}
#whobought_area .product_item .whobought_area_itemWrap {
    padding-left: 15px;
    padding-right: 15px;
}
.footerMenu h3 {
    background: #eeece0 url('../images/sp/btn_category01.png') no-repeat right center ;
    background-size: auto 100%;
    text-align: center;
    padding: 10px;
    margin: 15px;
}
.bnrArea {
    margin: 15px;
}
.footerMenu ul {
    margin: 0 15px;
}
.footerMenu ul li {
    padding: 10px 0;
    border-bottom: dotted 1px #ccc;
}
#category_list_footer {
    margin-bottom: 20px;
}
#category_list_footer ul li {
    padding: 10px 25px;
    border-bottom: dotted 1px #ccc;
    background:  url('../images/sp/bg_cat01.png') repeat-x left center ;
    background-size: auto 100%;
    font-size: 16px;
}
#category_list_footer h5 {
    padding: 10px 25px;
    border-bottom: solid 1px #ccc;
    background:  url('../images/sp/bg_cat01.png') repeat-x left center ;
    background-size: auto 100%;
    font-size: 16px;
}
#category_list_footer h4 {
    padding: 10px 15px 10px 45px;
    border-bottom: solid 1px #ccc;
    background: url('../images/sp/btn_catOpen01.png') no-repeat 10px center ;
    background-size: 20px;
    font-size: 16px;
}

#category_list_footer .wrap_h4 {
    background:  url('../images/sp/bg_cat01.png') repeat-x left center ;
    background-size: auto 100%;
} 
#category_list_footer h3 {
    background-color: #e4e4e4;
    font-size: 18px;
    padding: 8px 15px;
}

.toggle dd {display: none;}
.category_footer ul {display: none;}
.footerMenu ul {display: none;}

/* customer
--------------------------------------- */
#undercolumn_entry .information,
#undercolumn_customer .information {
    margin: 15px;
}
div#undercolumn_entry table,
div#undercolumn_customer table {
    display: block;
    width: 95%;
    margin: 0 auto;
}
    display: block;
div#undercolumn_entry table tr,
div#undercolumn_customer table tr {
    width: 100%;
    margin: 0 auto;
}
div#undercolumn_entry table th,
div#undercolumn_customer table th {
    display: block;
    width: 100%;
    box-sizing: border-box;
}
div#undercolumn_entry table td,
div#undercolumn_customer table td {
    display: list-item;
    list-style-type: none;
    width: 100%!important;
    box-sizing: border-box;
}
input[type='text'], input[type='password'] {
    width: auto;
    max-width: 90%;
}
input[type='text'].box120 {
    width: 30%;
}
input[type='text'].box60 {
    width: 20%;
}
.login_area {
    margin: 0 15px;
}
#container .login_area dl.formlist {
    width: auto;
}
#container .login_area dl.formlist dt {
    margin-bottom: 5px;
    width: auto;
    float: none;
}
#container .login_area dl.formlist dd {
    margin-bottom: 5px;
    float: none;
    width: auto;
}
/* ---------------------------------------------- */
}