@charset "utf-8";

/*-----大枠------*/
#wrapper {
    /*min-width: 768px;*/
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
    background: #FFF;
}

#wrapper .left {
    float: left;
}

#wrapper .right {
    float: right;
}

.wrapper01 {
    min-height: auto !important;
}

/*-----スマホのヘッダーの非表示----------*/
.sp_header,
.slidemenu {
    display: none;
}

.btn_cart_sp {
    display: none !important;
}

/*-----ヘッダーのスタイル----------*/
/*** ↓左右余白ありの場合の調整↓ ***/
/*.pc_head{
	max-width: 1200px;
	overflow-x: hidden;
	margin: auto;
}
#search_head{
	max-width: 1200px;
}*/
/*** ↑左右余白ありの場合の調整↑ ***/
#head_wrap {
    border-top: 3px solid #333333;
    display: table;
    width: 100%;
}

/***
#head_wrap:before{
    content: '';
    display: block;
    width: 100%;
    border-top: 1px solid #339966;
}
***/
#head_wrap h1 {
    font-size: 0.6em;
}

#head_wrap .left,
#head_wrap .right {
    float: none;
    display: table-cell;
    vertical-align: top;
}

#head_wrap .left {
    padding: 10px 0px;
}

#head_wrap .left .logo {
    display: block;
    /*width: 246px;*/
    width: auto;
    max-width: 100%;
    margin-top: 30px;
    margin-left: 20px;
}

#head_wrap .right {
    width: 590px;
    position: relative;
}

#head_wrap .right ul.gnav {
    width: 100%;
    /*font-size: 0.9em;*/
    font-size: 13px;
    font-size: .8125rem;
    background: #339966;
    box-sizing: border-box;
    margin-top: -1px;
    margin-bottom: 12px;
    padding: 1px;
    padding-top: 0px;
    padding-right: 0px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
}

#head_wrap .right ul.gnav li {
    float: left;
    width: 20%;
    box-sizing: border-box;
    padding-right: 1px;
}

#head_wrap .right ul.gnav li a {
    display: block;
    width: 100%;
    padding: 8px 0px;
    padding-top: 6px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    background: #333333;
}

#head_wrap .right ul.gnav li a:hover {
    background: #444444;
}

#head_wrap .right ul.gnav li.first a {
    border-bottom-left-radius: 7px;
}

#head_wrap .right ul.gnav li.last a {
    border-bottom-right-radius: 7px;
}

#head_wrap .right ul.gnav li.loginnav a {
    background: #ca3537;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMzUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTM4MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ca3537), color-stop(40%, #d90000), color-stop(100%, #9a3839));
    background: -webkit-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -o-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -ms-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: linear-gradient(to bottom, #ca3537 0%, #d90000 40%, #9a3839 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3537', endColorstr='#9a3839', GradientType=0);
}

#head_wrap .login_cart {
    display: none;
    float: right;
    width: 35%;
    min-width: 133px;
    margin-left: 1%;
    text-align: center;
    box-sizing: border-box;
    padding-right: 10px;
    /*-----レスポンシブでrelativeに変更-----*/
    position: absolute;
    /*top: 90px;*/
    top: 81px;
    right: 00px;
}

#head_wrap .login_cart li {
    float: left;
    width: 49%;
    margin-left: 0.5%;
    min-height: 12px;
    font-size: 0.9em;
    font-weight: bold;
    padding: 9px 0px;
    background: #faecdb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #faecdb 0%, #bda58c 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #faecdb), color-stop(100%, #bda58c));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #faecdb 0%, #bda58c 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #faecdb 0%, #bda58c 100%);
    /* Opera 11.10+ */
    background: - ms-linear-gradient(top, #faecdb 0%, #bda58c 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #faecdb 0%, #bda58c 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faecdb', endColorstr='#bda58c', GradientType=0);
    /* IE6-9 */
}

#head_wrap .login_cart li a {
    color: #000;
    text-decoration: none;
}

#head_wrap .login_cart li:first-child {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}

#head_wrap .login_cart li:first-child+* {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}

/********************
調整後（tablecell）ヘッダ
*********************/
/**********
ヘッダートップ内部全体
**********/
/***黒の背景***/
.pc_head {
    background-color: #333333;
    background-image: -webkit-gradient(linear, 0 0, 100% 0, color-stop(.5, #3F3F3F), color-stop(.5, transparent), to(transparent));
    -webkit-background-size: 4px;
}

/***黒の背景***/
.header_top_in {
    display: table;
    /*width: 100%;*/
    max-width: 1200px;
    margin: auto;
    border-collapse: collapse;
    /*  min-height: 66px; */
}

.header_top_in>.header_top_in_logoarea {
    display: table-cell;
    vertical-align: top;
    border-top: 1px solid #339966;
}

.header_top_in>.header_top_in_menuarea {
    display: table-cell;
    vertical-align: top;
}

/**********
ロゴエリア内部
**********/
.header_top_in>.header_top_in_logoarea>a.logo {
    display: inline-block;
    margin: 17px 0 11px 18px;
}

.header_top_in>.header_top_in_logoarea>a.logo>img {
    width: auto;
    max-width: 100%;
}

/**********
グローバルナビゲーション
**********/
.header_top_in>.header_top_in_menuarea>nav {
    display: block;
    /*width: 100%;*/
    background: #339966;
    box-sizing: border-box;
    padding: 0 0 1px;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
}

.header_top_in>.header_top_in_menuarea>nav>ul {
    display: table;
    /*width: 100%;*/
    border-collapse: separate;
    border-spacing: 1px 0;
    border-bottom-left-radius: 7px;
    border-bottom-right-radius: 7px;
    overflow: hidden;
}

.header_top_in>.header_top_in_menuarea>nav>ul>li {
    display: table-cell;
    vertical-align: top;
    background-color: #333;
}

.header_top_in>.header_top_in_menuarea>nav>ul>li a {
    display: block;
    width: 110px;
    height: 27px;
    line-height: 27px;
    color: #fff;
    font-size: 15px;
    font-size: .9375rem;
    text-decoration: none;
    text-align: center;
    background: #333;
}

.header_top_in>.header_top_in_menuarea>nav>ul>li a:hover {
    background: #555;
    background: #333333;
    background-image: linear-gradient(-45deg, #333333 25%, #4B4B4B 25%, #4B4B4B 50%, #333333 50%, #333333 75%, #4B4B4B 75%, #4B4B4B);
    background-size: 4px 4px;
}

.header_top_in>.header_top_in_menuarea>nav>ul>li:last-child a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

/**********
ログイン用グローバルナビゲーション
**********/
.header_top_in>.header_top_in_menuarea>nav>ul>li:last-child,
.header_top_in>.header_top_in_menuarea>nav>ul>li a.login {
    background: #ca3537;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NhMzUzNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQwJSIgc3RvcC1jb2xvcj0iI2Q5MDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM5YTM4MzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ca3537), color-stop(40%, #d90000), color-stop(100%, #9a3839));
    background: -webkit-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -o-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: -ms-linear-gradient(top, #ca3537 0%, #d90000 40%, #9a3839 100%);
    background: linear-gradient(to bottom, #ca3537 0%, #d90000 40%, #9a3839 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ca3537', endColorstr='#9a3839', GradientType=0);
}

/**********
ヘッダ用バナーエリア
**********/
.header_top_in_bnrarea {
    display: block;
    height: 100%;
    background: yellow;
}

.header_top_in_bnrarea>.bnrarea_in {
    display: table;
    width: 100%;
    border-collapse: separate;
    border-spacing: 10px 0;
}

.header_top_in_bnrarea>.bnrarea_in>* {
    display: table-cell;
    vertical-align: bottom;
    text-align: center;
}

/**********
ヘッダ用コメントエリア
**********/
.header_top_in_commentarea {
    display: block;
    height: 100%;
    margin-top: 5px;
    font-size: .9375rem;
}

/*-----ヘッダーの検索窓-------*/
.search_head_outer {
    position: relative;
    height: 56px;
}

/**********
検索部分非表示
***********/
.pc_head.mb15.sp_vis.search_head_outer {
    /*display: none!important;*/
}

/**********/
#search_head {
    display: block;
    width: 100%;
    height: 56px;
    /*background: #343434;*/
    /*overflow: hidden;*/
    position: relative;
    /*z-index: 1;*/
    z-index: 9999;
    top: 0;
    background: #030303;
    background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
    background-size: 4px 4px;
}

#search_head .table {
    display: table;
}

#search_head .table-cell {
    display: table-cell;
}

#search_head .search_head_in {
    display: table;
    width: 100%;
    max-width: 1200px;
    border-collapse: collapse;
    margin: auto;
}

#search_head .search_head_in>* {
    display: table-cell;
    box-sizing: border-box;
    vertical-align: top;
    text-align: center;
}

/* #search_head .search_head_cat {
	width: 210px;
	position: relative;
}
#search_head .search_head_cat > span {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 56px;
    color: #fff;
    text-decoration: none;
    background: #030303;
    background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
    background-size: 4px 4px;
    border-right: 1px solid #339966;
    position: relative;
    transition: all .3s;
}
#search_head .search_head_cat > span:after {
    content: "";
    background: url(/img/99/common/icon_search_head_cat.png) no-repeat 0 0;
    width: 10px;
    height: 7px;
    position: absolute;
    top: 24.5px;
    right: 1.5em;
    transition: all .3s;
}
#search_head .search_head_cat > span:hover{
    background: #555;
    background: #333333;
    background-image: linear-gradient(-45deg, #333333 25%, #4B4B4B 25%, #4B4B4B 50%, #333333 50%, #333333 75%, #4B4B4B 75%, #4B4B4B);
    background-size: 4px 4px;
}
#search_head .search_head_cat > span:hover:after {
    top: 27px;
}

#search_head .search_head_cat > a {
	display: block;
	width: 100%;
	height: 100%;
	line-height: 56px;
	color: #fff;
	text-decoration: none;
	background: #030303;
	background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
	background-size: 4px 4px;
	border-right: 1px solid #339966;
	position: relative;
    transition: all .3s;
}
#search_head .search_head_cat > a:after {
	content: "";
	background: url(/img/99/common/icon_search_head_cat.png) no-repeat 0 0;
	width: 10px;
	height: 7px;
	position: absolute;
	top: 24.5px;
	right: 1.5em;
    transition: all .3s;
}
#search_head .search_head_cat > a:hover{
    background: #555;
    background: #333333;
    background-image: linear-gradient(-45deg, #333333 25%, #4B4B4B 25%, #4B4B4B 50%, #333333 50%, #333333 75%, #4B4B4B 75%, #4B4B4B);
    background-size: 4px 4px;
}
#search_head .search_head_cat > a:hover:after {
	top: 27px;
} */
#search_head .search_wrap {
    /*border-left: 1px solid #339966;*/
}

#search_head .search_wrap .search_wrap_in {
    width: 100%;
    border-collapse: separate;
    border-spacing: 9px;
}

.search_wrap .search_wrap_in .search_block {
    position: relative;
}

.search_wrap .search_wrap_in .search_block:after {
    content: "";
    display: block;
    width: 1px;
    height: 100%;
    background: #339966;
    position: absolute;
    right: -5px;
    top: 0;
}

.search_form {
    display: table;
    width: 100%;
    height: 28px;
    text-align: left;
    /*border-collapse: collapse;*/
    border-collapse: separate;
    border-spacing: 1px;
    border-radius: 3px;
    background: #fff;
}

.search_form>* {
    margin-right: 1px;
    display: table-cell;
    height: 28px;
}

.search_form>*>* {
    height: 100%;
}

.search_form .s_cat {
    /*width: 115px;*/
    width: 125px;
}

#s_cat {
    width: 100%;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    /*border-radius: none;*/
    border-radius: 2px;
    padding-left: 5px;
    background-image: url("/img/99/common/select_arrow.png");
    background-repeat: no-repeat;
    /*background-position: 90% center;*/
    background-position: 95% center;
}

select#s_cat::-ms-expand {
    display: none;
}

.search_form .s_word {
    width: 85%;
}

#s_word {
    width: 100%;
    border: none;
    box-sizing: border-box;
    padding: 0 .5em;
}

.search_form .s_filter {
    width: 80px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    /*border-radius: none;*/
    border-radius: 2px;
    padding-left: 5px;
    background-image: url("/img/99/common/select_arrow.png");
    background-repeat: no-repeat;
    background-position: 90% center;
    box-sizing: border-box;
    height: 24px;
    position: relative;
}

.s_filter a {
    font-size: 0.7rem;
    color: #000;
    text-decoration: none;
    width: 100%;
    height: 100%;
    cursor: pointer;
    display: block;
}

select#s_filter::-ms-expand {
    display: none;
}

.search_form .s_btn {
    margin-right: 0;
    width: 110px;
    float: right;
}

#s_btn {
    width: 100%;
    height: 100%;
    line-height: 27px;
    font-size: 16px;
    font-size: 1rem;
    font-weight: bold;
    color: #FFF;
    /*background: #339966;*/
    background: #339966 url(/img/99/common/icon_search.png) no-repeat 15px center;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: 1px solid #246C48;
    border-bottom: 1px solid #246C48;
    cursor: pointer;
    text-indent: 1.5em;
    letter-spacing: 0.5em;
}

#s_btn:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.btn_cart,
.btn_request {
    width: 210px;
    border-radius: 5px;
    background: #f0e1cf;
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTFjZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjQ1JSIgc3RvcC1jb2xvcj0iI2Y1ZWNlMSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2FlOTk4NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
    background: -moz-linear-gradient(top, #f0e1cf 0%, #f5ece1 45%, #ae9984 99%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f0e1cf), color-stop(45%, #f5ece1), color-stop(99%, #ae9984));
    background: -webkit-linear-gradient(top, #f0e1cf 0%, #f5ece1 45%, #ae9984 99%);
    background: -o-linear-gradient(top, #f0e1cf 0%, #f5ece1 45%, #ae9984 99%);
    background: -ms-linear-gradient(top, #f0e1cf 0%, #f5ece1 45%, #ae9984 99%);
    background: linear-gradient(to bottom, #f0e1cf 0%, #f5ece1 45%, #ae9984 99%);
    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#f0e1cf', endColorstr='#ae9984', GradientType=0);
    box-shadow: inset -1px 0px 0px rgba(204, 204, 204, 0.15), inset 0px -1px 0px rgba(204, 204, 204, 0.15), inset 1px 0px 0px rgba(204, 204, 204, 0.15), inset 0px 1px 0px rgba(255, 255, 255, 0.25);
}

.btn_cart a,
.btn_request a {
    display: block;
    width: 100%;
    height: 100%;
    line-height: 36px;
    color: #31261E;
    text-decoration: none;
}

.btn_request a {
    text-align: center;
    border-radius: 5px;
    border: 1px solid #333333;
}

.btn_cart a:hover,
.btn_request a:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

.btn_cart a span,
.btn_request a span {
    position: relative;
}

.btn_cart a span:before {
    content: url(/img/99/common/icon_cart_02.png);
    /*vertical-align: middle;*/
    margin-right: .5em;
    position: relative;
    top: 4px;
}

.btn_request_caution {
    margin-top: 7px;
}

/***************
商品カテゴリメニュー内部
****************/
.search_head_cat .cat_nav {
    display: none;
}

.search_head_cat:hover .cat_nav {
    display: block;
}

/* .search_head_cat .cat_nav{
	width: 100%;
	font-size: 13px;
	font-size: .8125rem;
	line-height: 1.5em;
	position: absolute;
	top: 100%;
	background: #fff;
	box-sizing: border-box; */
/* border: 1px solid #343434;
	border-top: none; */
/* position: relative;
} */
/* .search_head_cat .cat_nav ul {
	padding: 1em .5em 1em;
	margin: 0;
} */
/* .search_head_cat .cat_nav ul li {
	list-style-type: none;
	text-align: left;
	box-sizing: border-box; */
/*margin-bottom: .5em;*/
/* padding-bottom: .5em;
} */
/* .search_head_cat .cat_nav ul li.border-bk {
	border-bottom: 1px solid #000;
} */
/* .search_head_cat .cat_nav ul li a {
	display: block;
	width: 96%;
	text-decoration: none;
} */
/* .search_head_cat .cat_nav ul li.cat_lv1 {
	border: 1px solid #D9D9D7;
	border-radius: 5px;
	box-shadow: 0px 0px 5px #CCC;
	padding: 7px;
	font-size: 0.8em;
	line-height: 1.5;
	margin-bottom: 7px;
	background: url(/img/99/icon/ico_top-right-arrow.png) no-repeat 98% center;
} */
/* .search_head_cat .cat_nav ul li.cat_lv1 a {
	color: #040000;
} */
/* .search_head_cat .cat_nav ul li.cat_lv1 a span {
	display: block; */
/*width: 96%;*/
/* font-size: 12px;
	font-size: .75rem;
	color: #7D7D7D;
} */
/* .cat_lv1__left-green{
	border-left: 2px solid #339967;
	padding-left: 0.5em;
	font-size: 1.2em;
} */
/* .search_head_cat .cat_nav ul li.cat_lv1 p {
	padding-left: 0.8em;
	padding-top: 5px;
	font-size: 0.9em;
} */
.search_head_cat .cat_nav ul li.cat_lv2 {
    /*	border-left: 2px solid #339966;
	padding-left: 1em;*/
}

/* .search_head_cat .cat_nav ul li.cat_lv2 a{
	font-size: 12px;
	font-size: .75rem;
	color: #7D7D7D;
	border-left: 2px solid #339966;
	padding-left: 1em;
} */
.search_head_cat .cat_nav ul li.cat_other {
    background: url(/img/99/common/icon_cat_lv1_arrow.png) no-repeat 98% .75em;
    border-top: 1px solid #E6E6E6;
    padding-top: .5em;
    margin-bottom: 0;
}

.search_head_cat .cat_nav ul li.cat_other a {
    text-align: center;
    color: #545454;
}

.search_head_cat .cat_nav ul li div.nav_inbox {
    /*width: 0;*/
    display: none;
    /*opacity: 0;
	transition: opacity .3s;
	transition-delay: .1s;*/
}

.search_head_cat .cat_nav ul li:hover div.nav_inbox {
    /*width: 380%;*/
    display: block;
    /*opacity: 1;*/
}

.search_head_cat .cat_nav ul li div.nav_inbox {
    /*width: 380%;
	max-width: 500px;*/
    width: 500px;
    /*height: 100%;*/
    height: 500px;
    box-sizing: border-box;
    background: #030303;
    background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
    background-size: 4px 4px;
    padding: 1px;
    border-radius: 5px;
    position: absolute;
    left: 100%;
    top: 0;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    border-radius: 5px;
    padding: 10px;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in .nav_inbox_inttl {
    font-size: 18px;
    font-size: 1.125rem;
    color: #130E0E;
    font-weight: bolder;
    line-height: 1.5em;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li {
    font-size: 13px;
    font-size: .8125rem;
    color: #130E0E;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li.incat_ttl_lv1 {}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li.incat_ttl_lv2 {}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li.incat_ttl_lv3 {}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li a {
    font-size: 13px;
    font-size: .8125rem;
    color: #3F9F6E;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li a:hover {
    color: #F25810;
}

.nav_cat_parent_link {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    text-align: right;
}

.nav_cat_parent_link>img {
    width: auto;
    max-width: 100%;
    height: auto;
}

.nav_cat_parent_link.nav_cat_image_parts {
    right: -20px;
}

.nav_cat_parent_link.nav_cat_image_hw {
    right: -10px;
}

.nav_cat_parent_link.nav_cat_image_sup {
    right: -15px;
}

.nav_cat_parent_link.nav_cat_image_soft {
    right: 12px;
    bottom: 12px;
}

/*sns*/
.google_plus {
    width: 70px;
}

/*/sns*/
/*-----メインコンテンツ------*/
.main_column {
    float: right;
    width: 100%;
    /*height: 500px;
	background: #CCC;*/
}

/*.main_column section:first-child{
  margin-left: 230px;
}*/
.main_column .ml230 {
    margin-left: 230px;
}

/*-------タイトルのスタイル--------*/
/*.main_column .contents_title{
  width: 100%;
  box-sizing: border-box;
  display: table;
  border: 1px solid #000;
  margin-bottom: 10px;
  box-sizing: border-box;
  padding: 15px;
  min-height: 80px;
  background: #ffffff; /* Old browsers
  background: -moz-linear-gradient(top,  #ffffff 1%, #f4f4f4 51%, #f0f0f0 52%, #f2f2f2 100%); /* FF3.6+
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(51%,#f4f4f4), color-stop(52%,#f0f0f0), color-stop(100%,#f2f2f2)); /* Chrome,Safari4+
  background: -webkit-linear-gradient(top,  #ffffff 1%,#f4f4f4 51%,#f0f0f0 52%,#f2f2f2 100%); /* Chrome10+,Safari5.1+
  background: -o-linear-gradient(top,  #ffffff 1%,#f4f4f4 51%,#f0f0f0 52%,#f2f2f2 100%); /* Opera 11.10+
  background: -ms-linear-gradient(top,  #ffffff 1%,#f4f4f4 51%,#f0f0f0 52%,#f2f2f2 100%); /* IE10+
  background: linear-gradient(to bottom,  #ffffff 1%,#f4f4f4 51%,#f0f0f0 52%,#f2f2f2 100%); /* W3C
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9
}*/
.main_column .contents_title {
    position: relative;
    margin-bottom: 10px;
    background-size: cover;
    padding: 20px;
    border: 1px solid #999999;
}

.main_column .contents_title h2,
.main_column .contents_title p {
    display: table-cell;
    vertical-align: middle;
}

.main_column .contents_title h2 {
    font-size: 28.8px;
    font-size: 1.8rem;
    font-weight: normal;
    text-align: left;
}

/*
.main_column .contents_title h2{
    position: absolute;
    top: 50%;
    left: 3%;
    margin-top: -12px;
}
*/
.main_column .contents_title img {
    width: 100%;
    max-width: 975px;
}

.main_column .contents_title p {
    font-size: 22.4px;
    font-size: 1.4rem;
    color: #339966;
    text-align: right;
}

/*-------検索のスタイル--------*/
.main_column .search_frame {
    width: 100%;
    min-height: 71px;
    background: url(/img/99/exercise_price/search_bg.jpg) repeat left top;
    border: 1px solid #000;
    margin-bottom: 15px;
    box-sizing: border-box;
    padding: 15px;
}

.main_column .search_frame .search_title {
    width: 24%;
    /*width: 207px;*/
    color: #FFF;
    margin-right: 1%;
    font-size: 25.6px;
    font-size: 1.6rem;
    line-height: 1.5;
    vertical-align: middle;
}

.main_column .search_frame form {
    width: 75%;
    max-width: 720px;
}

.main_column .search_frame .select_button {
    width: 21%;
    min-height: 34px;
    box-sizing: border-box;
    padding: 5px;
    margin-right: 1%;
    text-align: center;
}

.main_column .search_frame .text_area {
    width: 56%;
    box-sizing: border-box;
    padding: 8px 5px;
}

.main_column .search_frame .search_button {
    width: 20%;
    border: none;
    background: #4B4B4B;
    color: #FFF;
    font-size: 22.4px;
    font-size: 1.4rem;
    font-weight: bold;
    box-sizing: border-box;
    padding: 4px;
    border-radius: 5px;
}

/*--------パンくず----------*/
.pan ol {
    padding: 12px 0px;
    font-size: 0.8em;
    color: #999999;
    line-height: 1.5em;
}

.pan li {
    float: left;
    margin-left: 5px;
}

.pan li span {
    padding-left: 5px;
}

/*.pan li a:after{
    content: "＞";
}*/
/***** NETSHOP踏襲型 *****/
.breadcrumb {
    display: block;
    max-width: 1200px;
    margin: 0 auto 2px;
}

.breadcrumb ol {
    /*padding: 12px 0px;*/
    /*padding: 5px 0;*/
    /*padding: 0 0 5px;*/
    padding: 0;
    font-size: 0.8em;
    color: #999999;
    /*line-height: 1.5em;*/
    line-height: 3em;
}

.breadcrumb li {
    display: inline-block;
    margin-left: 1em;
}

.breadcrumb li:first-child {
    /*margin-left: 0;*/
}

.breadcrumb li a {
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .85);
    padding: .25em 1em;
    transition: all .5s;
}

.breadcrumb li a:hover {
    /*box-shadow: 0 1px 3px rgba(0,0,0,.85) inset;
	color: inherit;*/
    box-shadow: 0 0 3px rgba(0, 0, 0, .85);
    background: #f5f5f5;
}

.breadcrumb li span {
    color: #333;
    border: 1px solid #eee;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, .1) inset;
    padding: .25em 1em;
}

/*-------------------
sp用のパンくずを表示
---------------------*/
.breadcrumb.sp_breadcrumb {
    display: none;
}

/*--------サイドバー--------*/
aside {
    float: left;
    width: 210px;
    margin-right: -230px;
    /*height: 500px;
  background: #000;*/
}

aside .category_list,
aside .caution {
    margin-bottom: 15px;
}

aside .category_list li,
aside .caution li {
    margin-bottom: 2px;
}

aside .category_list li a,
aside .caution li a,
aside .category_list li span {
    display: block;
    width: 206px;
    padding: 15px 0px;
    text-align: center;
    font-size: 1.1rem;
    color: #212121;
    text-decoration: none;
    border: 1px solid #BBBBBB;
    border-bottom: 2px solid #BBBBBB;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s transition: all 0.3s ease 0s;
    background: #fbfbfb;
    /* Old browsers */
    background: -moz-linear-gradient(top, #fbfbfb 0%, #f6f6f6 50%, #f0f0f0 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(50%, #f6f6f6), color-stop(100%, #f0f0f0));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #fbfbfb 0%, #f6f6f6 50%, #f0f0f0 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #fbfbfb 0%, #f6f6f6 50%, #f0f0f0 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #fbfbfb 0%, #f6f6f6 50%, #f0f0f0 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #fbfbfb 0%, #f6f6f6 50%, #f0f0f0 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fbfbfb', endColorstr='#f0f0f0', GradientType=0);
    /* IE6-9 */
}

aside .category_list li a:hover,
aside .caution li a:hover,
aside .category_list li span {
    color: #FFF;
    border: 1px solid #2B8357;
    border-bottom: 2px solid #2B8357;
    text-decoration: none;
    background: #00ae76;
    /* Old browsers */
    background: -moz-linear-gradient(top, #00ae76 0%, #289d69 50%, #339966 100%);
    /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00ae76), color-stop(50%, #289d69), color-stop(100%, #339966));
    /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #00ae76 0%, #289d69 50%, #339966 100%);
    /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #00ae76 0%, #289d69 50%, #339966 100%);
    /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #00ae76 0%, #289d69 50%, #339966 100%);
    /* IE10+ */
    background: linear-gradient(to bottom, #00ae76 0%, #289d69 50%, #339966 100%);
    /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ae76', endColorstr='#339966', GradientType=0);
    /* IE6-9 */
}

aside .buy_guide {
    margin-bottom: 25px;
}

aside .buy_guide li:first-child {
    font-size: 1.1rem;
    border-left: 2px solid #339966;
    padding-left: 15px;
    background: none;
}

aside .buy_guide li {
    background: url(../../img/common/side_arrow_green.png) no-repeat 15px 2px;
    padding-left: 35px;
    margin-bottom: 12px;
}

aside .buy_guide li a {
    color: #35A18B;
    text-decoration: underline;
}

aside .buy_guide li a:hover {
    color: #F25810;
}

aside .side_banner a {
    display: block;
    margin-bottom: 10px;
}

aside .side_banner a img {
    display: block;
}

aside .antique li:first-child {
    font-size: 0.9rem;
    margin-bottom: 12px;
    padding: 4px 0px;
    padding-left: 15px;
    border-left: 2px solid #339966;
    background: none;
}

aside .antique li {
    font-size: 0.9rem;
    padding-left: 20px;
    margin-bottom: 7px;
}

aside .antique li strong,
aside .antique li span {
    display: block;
    margin-bottom: 5px;
}

/*-------フッタ---------*/
#footer_wrap {
    font-size: 0.8em;
}

#footer_wrap a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

#footer_wrap a:hover {
    color: #35A18B;
    text-decoration: underline;
}

#footer_wrap .first_wrap {
    background: url(../../img/common/footer_bg.jpg) repeat left top;
    width: 100%;
    color: #FFF;
    padding: 5px 0px;
}

#footer_wrap .first_wrap .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 3px 0px;
    padding-left: 20px;
    border-left: 2px solid #666664;
}

#footer_wrap .second_wrap {
    background: #373737;
    width: 100%;
    color: #FFF;
    padding: 5px 0px;
}

#footer_wrap .second_wrap .inner {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}

#footer_wrap .second_wrap .inner ul.fo_cate {
    float: left;
    width: 19%;
    min-width: 168px;
}

#footer_wrap .second_wrap .inner ul.fo_cate.last {
    width: 13%;
    min-width: 132px;
}

#footer_wrap .second_wrap .inner ul.fo_cate li {
    box-sizing: border-box;
    padding: 4px 0px;
    padding-left: 1em;
    color: #535353;
    font-weight: bold;
}

#footer_wrap .second_wrap .inner ul.fo_cate li:first-child {
    box-sizing: border-box;
    padding-left: 1em;
    border-left: 2px solid #666664;
}

#footer_wrap .notes_footer {
    width: 30%;
    min-width: 360px;
    float: left;
    padding-top: 10px;
}

#footer_wrap .notes_footer ul.social_frame {
    margin-bottom: 12px;
}

#footer_wrap .notes_footer ul.social_frame li {
    float: left;
    margin-left: 3.5%;
}

#footer_wrap .notes_footer ul.social_frame li:first-child {
    margin-left: 0%;
    padding-top: 7px;
}

#footer_wrap .notes_footer ul.social_frame li a {
    display: block;
}

#footer_wrap .notes_footer p {
    margin-bottom: 12px;
}

#footer_wrap .notes_footer ul.committee li {
    width: 32%;
    float: left;
    margin-left: 2%;
    font-size: 0.95em;
    line-height: 1.3em;
}

#footer_wrap .notes_footer ul.committee li:first-child {
    margin-left: 0px;
}

#footer_wrap .copyright {
    text-align: center;
    padding: 10px 0px;
    background: #FFFFFF;
}

/*変更後のfooter*/
#footer_wrap .new_first_wrap {
    /*background: url(../../img/common/footer_bg.jpg) repeat left top;*/
    background: #000000;
    background-image: linear-gradient(-45deg, #000000 25%, #262626 25%, #262626 50%, #000000 50%, #000000 75%, #262626 75%, #262626);
    background-size: 4px 4px;
    width: 100%;
    color: #FFF;
    padding: 10px;
    text-align: center;
    box-sizing: border-box;
}

#footer_wrap .new_first_wrap .inner {
    width: 100%;
    /*max-width: 1200px;*/
    /*max-width: 800px;*/
    /*text-align: center;*/
    margin: 0 auto;
    box-sizing: border-box;
    padding: 2px 0px;
    padding-top: 7px;
    padding-left: 20px;
}

#footer_wrap .new_first_wrap .inner li {
    /*float: left;*/
    display: inline-block;
    margin-left: 1.5%;
    padding-left: 1.5%;
    border-left: 2px solid #666664;
    line-height: 1.5em;
}

#footer_wrap .new_first_wrap .inner li:first-child {
    margin-left: 0;
}

.footer_wrap_pc_sp {
    /*background: url(../../img/common/footer_bg.jpg) repeat left top;*/
    background: #000000;
    background-image: linear-gradient(-45deg, #000000 25%, #262626 25%, #262626 50%, #000000 50%, #000000 75%, #262626 75%, #262626);
    background-size: 4px 4px;
    width: 100%;
    box-sizing: border-box;
    padding: 10px 10px 5px;
    text-align: center;
}

.footer_wrap_pc_sp ul.footer_btnmenu {
    width: 100%;
}

.footer_wrap_pc_sp ul.footer_btnmenu li {
    background-color: #efefef;
    padding: 5px;
}

.footer_wrap_pc_sp ul.footer_btnmenu li a {
    display: block;
    color: #333;
    text-decoration: none;
    font-size: 0.9em;
}

/*トップに戻るボタン*/
#footer_wrap .back_top {
    display: block;
    position: fixed;
    bottom: 100px;
    right: 0px;
}

/*詳細検索パネル*/
.panel {
    display: none;
    position: absolute;
    top: 37px;
    left: -230px;
    z-index: 1000;
    width: 500px;
    height: 230px;
    padding: 10px;
    background: #e5e5e5;
    border: 1px solid #339966;
    border-radius: 3px;
    box-shadow: 0 2px 5px 1px rgba(0, 0, 0, .2);
}

.panel .close {
    position: absolute;
    right: 10px;
    top: 10px;
}

.panel .close a {
    height: auto;
    line-height: 10px;
}

.panel:before {
    content: "";
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #339966;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.panel:after {
    content: "";
    position: absolute;
    top: -9px;
    left: 50%;
    margin-left: -10px;
    width: 0;
    height: 0;
    border-bottom: 10px solid #e5e5e5;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
}

.panel-search__input-inner {
    padding: 5px 0px;
    font-size: 0.8em;
}

.panel-search__input-inner li input {
    box-sizing: border-box;
    padding: 3px;
}

.panel-search__input-inner li {
    display: table;
    float: left;
}

.panel-search__input-inner li span {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
}

.panel-search__input-inner li {
    width: 20%;
    padding-top: 5px;
}

.panel-search__input-inner li+* {
    width: 80%;
    padding-top: 0;
}

#s_cat-panel {
    width: 125px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 1px solid #CCC;
    /*border-radius: none;*/
    border-radius: 2px;
    padding: 5px;
    background-image: url("/img/99/common/select_arrow.png");
    background-repeat: no-repeat;
    /*background-position: 90% center;*/
    background-position: 95% center;
}

.panel-search__input-inner p {
    margin-bottom: 10px;
}

.keyword-input input {
    width: 100%;
}

.keyword-option-input {
    margin: 0 2px;
}

.panel-search__btn-inner {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

.panel-search__btn-inner input:hover {
    filter: alpha(opacity=65);
    opacity: 0.65;
}

#panel-search__s_btn {
    width: 200px;
    line-height: 27px;
    font-size: 0.8rem;
    font-weight: bold;
    color: #FFF;
    background: #339966;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0;
    border-top: none;
    border-left: none;
    border-right: 1px solid #246C48;
    border-bottom: 1px solid #246C48;
    cursor: pointer;
    box-shadow: 0 0 2px #ccc;
}

#panel-search__c_btn {
    width: 160px;
    line-height: 27px;
    font-size: 0.8rem;
    color: #222;
    background: #fff;
    text-align: center;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0;
    border-top: none;
    border-left: none;
    border: 1px solid #d9d9d7;
    cursor: pointer;
    box-shadow: 0 0 2px #ccc;
}

/***************************************
　 柴田追加160220〜 
***************************************/
/* スマホでPC表示の際背景見き回避 */
body {
    min-width: 1240px;
    -webkit-text-size-adjust: none;
}

.jack {
    background-image: url("https://cdn.tsukumo.co.jp//static/jack/jack.png");
    background-repeat: no-repeat;
    background-size: 1840px;
    background-color: #FFFFFF;
    background-position-y: 110px;
    -ms-background-position-y: 110px;
    background-position-x: center;
    -ms-background-position-x: center;
}

/* iPhoneのボタンcssリセット */
input[type="button"], input[type="submit"] {
    -webkit-appearance: none;
    border-radius: 0;
}

/* PCヘッダーレスポンシブ回避 */
.header_top_in>.header_top_in_logoarea {
    width: 41%;
}

/* ヘッダー展開メニュー周り修正 */
/* .search_head_cat .cat_nav ul {
	padding: 0;
} */
/* .search_head_cat .cat_nav ul li.cat_lv1 {
	border: none;
    border-radius: 0;
    box-shadow: none;
    padding: 7px .5em 0; */
/*height: 61px;*/
/* margin-bottom: 0;
    background: none;
} */
/* .search_head_cat .cat_nav ul li:first-child { */
/*padding-top: 13px;*/
/*height: 67px;*/
/* } */
/* .search_head_cat .cat_nav ul li.last {
	padding-bottom: 13px; */
/*height: 74px;*/
/* } */
/* .search_head_cat .cat_nav ul li.cat_lv1 .nav_inn {
    border: 1px solid #D9D9D7;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #CCC;
    padding: 7px;
    line-height: 1.5;
    margin-bottom: 0;
    background: url(/img/99/icon/ico_top-right-arrow.png) no-repeat 98% center;
} */
.search_head_cat .cat_nav ul li div.nav_inbox {
    width: 500px;
    /* height: 100%; */
    height: 508px;
    box-sizing: border-box;
    background: #030303;
    background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
    background-size: 4px 4px;
    padding: 0 1px 1px 1px;
    border-radius: 0;
    position: absolute;
    left: 100%;
    top: 0;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in {
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    box-sizing: border-box;
    border-radius: 0;
    padding: 10px;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li {
    width: 100%;
    display: inline-block;
}

.search_head_cat .cat_nav ul li div.nav_inbox>.nav_inbox_in ul li a {
    width: 100%;
    display: inline-block;
}

/* ヘッダー展開メニュー周り修正ここまで */
/* ヘッダー、パンくず余白調整 */
.breadcrumb {
    display: block;
    max-width: 1200px;
    min-width: 1000px;
    margin: 0 auto 5px;
}

.breadcrumb li {
    display: inline-block;
    margin-left: 1em;
}

/* レスポンシブページSPフッター非表示　*/
.sp__footer {
    display: none;
}

/*　ヘッダーレイアウトブラウザ調整   */
#search_head .search_wrap .search_wrap_in {
    width: 100%;
    border-collapse: separate;
    height: 56px;
    border-spacing: 9px;
}

#search_head .table-cell {
    display: table-cell;
    vertical-align: middle;
}

.search_form>* {
    margin-top: 1px;
    display: table-cell;
    height: 33px;
    float: left;
    vertical-align: middle;
}

.search_form .s_filter {
    margin-top: 0;
    height: 35px;
}

.s_filter a {
    font-size: 0.7rem;
    color: #000;
    text-decoration: none;
    width: 100%;
    display: block;
    height: 33px;
    line-height: 33px;
}

/* .search_head_cat .cat_nav {
	position: absolute;
} */
.sp {
    display: none !important;
}

main {
    display: block;
}

/* SLIレコメンドの商品画像のサイズ */
#sli_pdp_rv img.w200h200, #sli_pdp_related img.w200h200, #sli_pdp_vab img.w200h200, #sli_srp_rv img.w200h200 {
    width: 100%;
    max-width: 200px;
    height: 100%;
    max-height: 200px;
}

p.clamp-slireco {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    height: 3em;
}

.topic-path-block {
    max-width: 1200px;
    margin: 16px auto 0;
    padding-bottom: 1em;
}

.topic-path {
    font-size: 0.875rem;
    line-height: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.topic-path li {
    margin-right: 1.4em;
    position: relative;
}

.topic-path li:after {
    content: "";
    width: 0;
    height: 0;
    margin: auto;
    top: -.5em;
    right: -1em;
    border-style: solid;
    border-color: transparent transparent transparent #F5F4F4;
    border-width: 1em 0 1em 1em;
    position: absolute;
}

.topic-path a, .topic-path li:last-child {
    text-decoration: none;
    padding: .4em .6em .4em 1em;
    color: #35A18B;
    background-color: #F5F4F4;
}

.topic-path li:last-child::after {
    content: none;
}

.topic-path li:last-child {
    padding: .4em 1em;
    border: 1px solid #D1D1D1;
}

.topic-path li:last-child a {
    padding: .1em 1em;
}

/* 20220817 ドロワーメニュー変更 */
.switch__pc .search_wrap.table-cell {
    padding-left: 211px;
}

@media screen and (min-width:768px){
    .switch__rsp .search_wrap.table-cell {
        padding-left: 211px;
    }
}

.search_head_cat {
    width: 211px;
    min-height: 55px;
    margin-top: -56px;
    margin-left: calc((100% - 1200px) / 2);
    background-color: #FFF;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5em;
    display: block;
}

.search_head_cat.pos-absolute {
    position: absolute;
}

.search_head_cat.pos-absolute.flag.in-active {
    display: none;
}

.search_head_cat.pos-absolute .cat_nav ul {
    height: calc(100vh - 112px);
}

.search_head_cat.pos-fixed {
    margin-top: -56px;
}

.search_head_cat.pos-fixed.in-active {
    margin-top: -55px;
}

.search_head_cat.pos-fixed.in-active>span {
    display: none;
}

.search_head_cat.pos-fixed.in-active ul {
    display: none;
}

.search_head_cat.pos-fixed>span {
    position: fixed;
}

.search_head_cat.pos-fixed .cat_nav {
    width: 211px;
    top: 56px;
    position: fixed;
}

.search_head_cat.pos-fixed .cat_nav ul {
    height: calc(100vh - 56px);
}

.search_head_cat>span {
    display: block;
    width: 211px;
    height: 56px;
    font-size: 16px;
    line-height: 56px;
    text-align: center;
    color: #fff;
    text-decoration: none;
    background: #030303;
    background-image: linear-gradient(-45deg, #030303 25%, #202020 25%, #202020 50%, #030303 50%, #030303 75%, #202020 75%, #202020);
    background-size: 4px 4px;
    border-right: 1px solid #339966;
    position: relative;
    z-index: 99999;
    transition: all 0.3s;
    cursor: pointer;
}

.search_head_cat>span::after {
    content: "";
    background: url(/img/99/common/icon_search_head_cat.png) no-repeat 0 0;
    width: 10px;
    height: 7px;
    position: absolute;
    top: 24.5px;
    right: 1.5em;
    transition: all 0.3s;
}

.search_head_cat>span:hover {
    background: #333;
}

.search_head_cat .cat_nav {
    width: 100%;
    font-size: 13px;
    font-size: 0.8125rem;
    line-height: 1.5em;
    position: absolute;
    top: 100%;
    background: #fff;
    box-sizing: border-box;
    /* border: 1px solid #343434; border-top: none; */
    position: relative;
    z-index: 99998;
}

.search_head_cat ul {
    margin: 0 0 8px;
    padding: 0;
    background-color: #FFF;
    background-attachment: scroll;
    border: 1px solid #343434;
    border-top: 0;
    position: relative;
    overflow-y: auto;
}

.search_head_cat li {
    list-style-type: none;
    text-align: left;
    box-sizing: border-box;
    /*margin-bottom: .5em;*/
    padding-bottom: 0.5em;
}

.search_head_cat li.border-bk {
    border-bottom: 1px solid #000;
}

.search_head_cat li.cat_lv1 {
    margin-bottom: 0;
    padding: 0;
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    font-size: 0.8em;
    line-height: 1.5;
}

.search_head_cat li.cat_lv1:first-of-type {
    margin-top: 4px;
    border-top: 1px solid #D9D9D7;
}

.search_head_cat li.cat_lv1:last-of-type {
    border-bottom: none;
}

.search_head_cat li.cat_lv1:hover {
    background: #f1f1f1;
}

.search_head_cat li.cat_lv1 a {
    color: #040000;
}

.search_head_cat li.cat_lv1 a span {
    display: block;
    /*width: 96%;*/
    font-size: 12px;
    font-size: 0.75rem;
    color: #7D7D7D;
}

.search_head_cat li.cat_lv1 p {
    padding-left: 0.8em;
    padding-top: 5px;
    font-size: 0.9em;
}

.search_head_cat li.cat_lv1 .nav_inn {
    margin-bottom: 0;
    padding: 10px 10px 10px 4px;
    background: none;
    box-shadow: none;
    border: 0;
    border-bottom: 1px solid #D9D9D7;
    border-radius: 0;
    line-height: 1.5;
}

.search_head_cat li.cat_lv2 {
    /* border-left: 2px solid #339966;padding-left: 1em; */
}

.search_head_cat li.cat_lv2 a {
    font-size: 12px;
    font-size: 0.75rem;
    color: #7D7D7D;
    border-left: 2px solid #339966;
    padding-left: 1em;
}

.search_head_cat li.last {
    padding-bottom: 13px;
}

.search_head_cat li a {
    display: block;
    width: 96%;
    text-decoration: none;
}

.search_head_cat .cat_lv1__left-green {
    border-left: 2px solid #339967;
    padding-left: 0.5em;
    font-size: 1.2em;
}