@charset "utf-8";
/* ||||||||||||||||||||||||||||||||||||||||||||||

	共通レイアウトCSS
	
||||||||||||||||||||||||||||||||||||||||||||||||| */

/*【目次】
======================================
●body設定
●骨組み
●サイトヘッダー
●グローバルナビゲーション
●ローカル（サイド）ナビゲーション
●メインコンテンツエリア
●サイトフッター
======================================
≪パーツ≫
●タイトル(title)
●テキスト(txt)
●リンク(link)
●リスト(list)
●ブロックリスト(blocklist)
●定義リスト(def)
●テーブル(tbl)
●ボックス（枠）(box)
●ボタン(btn)
●パンナビ(breadcrumbs)
●セクション(section)
●
======================================
≪全ページ共通コンテンツ≫
●
======================================
*/

/* --------------------------------------------------------------------------------
	body設定
-------------------------------------------------------------------------------- */
body {
 background: #fff;
}

/* --------------------------------------------------------------------------------
	骨組み
-------------------------------------------------------------------------------- */
.section {
 margin-bottom: 80px;
 overflow: hidden;
}

/* --------------------------------------------------------------------------------
	サイトヘッダー
-------------------------------------------------------------------------------- */
.header {
 width: 100%;
 margin-bottom: 70px;
 border-top: 2px solid #6A433A;
 border-bottom: 1px dotted #6A433A;
}

.header-inner {
 margin: 0 auto;
 text-align: center;
}

.logo {
 margin: 15px 0;
 text-align: left;
}

/* helper 
--------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	グローバルナビゲーション
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	ローカル（サイド）ナビゲーション
-------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------
	メインコンテンツエリア
-------------------------------------------------------------------------------- */
.main {
 margin: 0 auto 20px auto;
 overflow: hidden;
}

@media only screen and (min-width : 1200px) {
.main {
 width: 980px;
}
}

/* --------------------------------------------------------------------------------
	サイトフッター
-------------------------------------------------------------------------------- */
.footer {
 width: 100%;
 border-top: 1px dotted #6A433A;
}

.footer-inner {
 margin: 15px auto;
 text-align: center;
}

.footer-helper {
 margin-bottom: 1em;
 overflow: hidden;
}

.footer-helper li {
 float: left;
}

.copyright {
 margin-bottom: 0.5em;
}

.copyright address {
 font-style: normal;
 text-align: right;
}

/* ===================================================================================================

	パーツ

=================================================================================================== */

/* --------------------------------------------------------------------------------
	タイトル
-------------------------------------------------------------------------------- */
/* 下層メインタイトル */
.title-primary-style01 {
}

/* title-style01 */
.title-style01 {
 margin-bottom: 40px;
 padding: 4px 1px;
 font-size: 23px;
 font-weight: bold;
 color: #6A4339;
 border-bottom: 2px solid #999;
}

/* title-style02 */
.title-style02 {
 margin-bottom: 40px;
 padding: 4px 1px;
 font-size: 20px;
 font-weight: bold;
 color: #333;
 border-bottom: 1px solid #666;
}

/* title-style03 */
.title-style03 {
 padding: 2px 8px;
 font-weight: bold;
 border-left: 4px solid #C8C7C5;
 line-height: 100%;
}

/* --------------------------------------------------------------------------------
	リスト
-------------------------------------------------------------------------------- */
/* list-style01 */
.list-style01 {
}

.list-style01 li {
 margin-bottom: 7px;
 padding-bottom: 7px;
 border-bottom: 1px dotted #CCC;
}

/* --------------------------------------------------------------------------------
	定義リスト
-------------------------------------------------------------------------------- */
/* def-style01 */
.def-style01 {
}

.def-style01 > .def-title {
}

/* --------------------------------------------------------------------------------
	テーブル
-------------------------------------------------------------------------------- */

@media (max-width: 768px) {
.table-responsive::-webkit-scrollbar {
  height: 5px;
}
.table-responsive::-webkit-scrollbar-track {
  border-radius: 5px;
  background: #eee;
}
.table-responsive::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}
.table-responsive2 table {
 border-top: none !important;
}
.table-responsive2 table td {
 border-top: none !important;
 border-left: none !important;
 border-right: none !important;
 display: block;
}
.table-responsive2 table th {
 width: 100%;
 border-top: none !important;
 border-bottom: none !important;
 border-left: none !important;
 border-right: none !important;
 display: block;
}
.table-responsive2 table td input.width-70 {
 width: 90%;
}
.table-responsive2 table td input.width-40 {
 width: 50%;
}
.table-responsive2 table td input.width-30 {
 width: 40%;
}
.table-responsive2>.table>thead>tr>th,
.table-responsive2>.table>tbody>tr>th,
.table-responsive2>.table>tfoot>tr>th,
.table-responsive2>.table>thead>tr>td,
.table-responsive2>.table>tbody>tr>td,
 .table-responsive2>.table>tfoot>tr>td {
 white-space: normal;
 }
}


/* tbl-style01
--------------------------------------------------------------- */
.tbl-style01 {
 margin-bottom: 0;
}

.tbl-style01 th,
.tbl-style01 td {
 padding: 7px 5px;
}

.tbl-style01 th {
 background: #F7F5F1;
 font-weight: normal;
}

/* --------------------------------------------------------------------------------
	ボックス（枠）
-------------------------------------------------------------------------------- */
/* box-style01
--------------------------------------------------------------- */
.box-style01 {
 padding: 20px;
 border: 1px solid #CCC;
}

.box-style02 {
 margin-top: 1em;
 margin-bottom: 1em;
 padding-bottom: 1em;
 border-bottom: 1px dotted #CCC;
 overflow: hidden;
}

.box-style02 .col-md-2 {
 margin-bottom: 0.3em;
 padding: 0;
 font-weight: bold;
}

.box-style02 .col-md-10 {
 padding: 0;
}

.box-style02 p {
 margin-bottom: 0.5em;
}

.box-style03 {
 padding: 0 20px !important;
}

.box-style04 {
 margin-bottom: 2em;
 padding: 0 10px;
}

.box-style04 select {
 width: 100%;
 margin: 5px 0;
}

/* --------------------------------------------------------------------------------
	ボタン
-------------------------------------------------------------------------------- */
.btn-style01 {
 background: #b06b66; /* Old browsers */
 background: -moz-linear-gradient(top,  #b06b66 0%, #9a3233 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #b06b66 0%,#9a3233 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #b06b66 0%,#9a3233 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b06b66', endColorstr='#9a3233',GradientType=0 ); /* IE6-9 */
 border: solid 1px #9A3233;
 border-radius: 3px;
 color: #fff;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.24);
}

.btn-style01:hover {
 color: #fff;
 background: #9A3233;
}
.btn-style02 {
 background: #fbfbfb; /* Old browsers */
 background: -moz-linear-gradient(top,  #fbfbfb 0%, #e1e1e1 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top,  #fbfbfb 0%,#e1e1e1 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom,  #fbfbfb 0%,#e1e1e1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#e1e1e1',GradientType=0 ); /* IE6-9 */
 border: 1px solid #d4d4d4;
 border-radius: 3px;
 color: #333;
 text-shadow: 0 1px 1px white;
}

.btn-style02:hover {
 color: #333;
 background: #eeeeee;
}
.btn-style03 {
 margin-top: 1em;
 margin-bottom: 0.7em;
 background: #6A433A;
 border-radius: 3px;
 padding: 5px 10px;
 font-size: 12px;
 text-align: center;
 color: #FFF;
}

.btn-style03 input {
 vertical-align: middle;
}

.btn-style04 {
 margin-top: 0.5em;
 background: #666666;
 color: #FFF;
}

.btn-style04:hover {
 color: #FFF;
 background: #858585;
}

.btn-col-03 {
 margin-left: 0;
 margin-right: 0;
}

.btn-col-03 button {
 width: 31%;
 margin-left: 10px;
 margin-right: 10px;
}

@media (max-width: 991px) {
.btn-col-03 button {
 width: 80%;
 margin-left: 10%;
 margin-right: 10%;
}
}

/* --------------------------------------------------------------------------------
	ページナビゲーション
-------------------------------------------------------------------------------- */
/* search result
--------------------------------------------------------------- */
.result-bar {
 margin: 20px 0;
	overflow: hidden;
}

.result-bar p,
.result-bar ul {
	margin-bottom: 0;
	line-height: 1.65em;
 text-align: center;
}

.result-bar .pagination {
 width: 100%;
}

@media (min-width: 768px) {
.result-bar p {
 float: left;
}

.result-bar ul {
 float: right;
}
}

.result-bar .pagination .count {
	margin: 0 1em 0 0;
	padding: 0.3em 0;
	border: none;
}

.result-bar .pagination ul {
	margin-left: 0;
}

.result-bar .pagination ul li {
	display: inline-block;
}

.result-bar .pagination ul li a,
.result-bar .pagination ul li span {
	padding: 0.3em 0.8em;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.result-bar .pagination ul li a {
	color: #436C92;
	border: solid 1px #ccc;
	background: #fff;
	line-height: 1.3em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.result-bar .pagination ul span,
.result-bar .pagination ul a:hover {
	line-height: 1.3em;
	color: #fff;
	background: #6A433A;
	text-decoration: none;
}

.result-bar .pagination ul a:hover {
	color: #fff!important;
}

.result-bar .pagination ul li.prev,
.result-bar .pagination ul li.next {
	padding: 0;
}

.result-bar .pagination ul li.prev a,
.result-bar .pagination ul li.next a {
	color: #436C92!important;
}

.result-bar .pagination ul li.prev a,
.result-bar .pagination ul li.next a,
.result-bar .pagination ul li.prev .disable,
.result-bar .pagination ul li.next .disable {
	background: #fff;
	border: solid 1px #ccc;
}

.result-bar .pagination ul li.prev .disable,
.result-bar .pagination ul li.next .disable {
	padding: 0.3em 0.8em;
}

.result-bar .pagination ul li.prev a span,
.result-bar .pagination ul li.next a span {
	padding: 0;
	color: #436C92;
	background: none;
	border: none;
}

.result-bar .pagination ul li.prev span,
.result-bar .pagination ul li.next span {
	padding: 0;
	color: #999;
	background: none;
	border: none;
	display: inline-block;
}

.result-bar .pagination ul li.prev a:hover,
.result-bar .pagination ul li.next a:hover,
.result-bar .pagination ul li.prev a:hover span,
.result-bar .pagination ul li.next a:hover span {
	color: #fff!important;
	background: #333;
}

/* --------------------------------------------------------------------------------
	その他
-------------------------------------------------------------------------------- */

.item-ladies {
 color: #E57179;
}

.item-mens {
 color: #2F93BD;
}

.item-label {
 word-wrap: break-word;
 white-space: normal !important;
}

.item-label span {
 font-weight: bold;
 line-height: 1.3;
}

.item-name {
 font-weight: bold;
 line-height: 1.3;
 word-wrap: break-word;
 white-space: normal;
}

.tbl-exchange th {
 white-space: normal !important;
}

.tbl-exchange .item-photo img {
 width: 100%;
}