@charset "utf-8";
/*
 * CSS for sp
* 　レスポンシブ対応用spレイアウトスタイル
*/

/*iPhone 角丸打ち消し*/
input[type="button"],input[type="submit"] {
	border-radius: 0;
}
input[type="button"],input[type="submit"] {
	-webkit-appearance: none;
}
select,textarea,input[type="text"]{
	font-size: 16px;
}

/* PC版非表示 */
.device01 {
	display: none;
}
#breadcrumb {
	display: none;
}
.device02.colon-sp {
}
.device02.colon-sp:after {
	content: "";
	display: inline-block;
	padding-right: 1rem;
}

/* header/footer */
#header,#footer {
	display: none;
}

/* 基本設定 */
body {
	font-size: 12px !important;
}
table th,
table td {
	word-break: break-word;
}
img {
	max-width: 100%;
	height: auto;
	width/***/ :auto;
}
/* clearfix設定 */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
	min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* グローバルナビ */
.global-nav-title {
	margin-top: 0;
}
.menu-list {
	border-top: none;
}
.menu-list .menu-list-name {
	text-align: left;
	height: 50px;
	/* padding-left: 20px; */
}
.menu-list-name .selecter,
.menu-list-name .selecter span.selecter-selected {
	height: 50px !important;
	border: none !important;
	box-sizing: border-box;
}

.menu-list .menu-rank {
	font-size: 10px;
}
.menu-list > li {
	font-size: 12px;
}
.selecter {
	margin: 0;
	float: none;
	width: 100%;
}
.selecter .selecter-selected {
	border: 1px solid #CCC;
	border-radius: 0px;
	background: #FFF url("/tg/images/sp/common/select-arr.png") no-repeat scroll 92% center;
	padding: 15px 17px 15px 10px;
	font-size: 14px;
	box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.047);
}
/* ユーザーセレクター */
.selecter .selecter-selected.menu-user-selector {
	box-shadow: none;
	height: 50px;
}
/* 為替相場セレクター */
.menu-list-title.menu-exchange-selector {
	line-height: 1.0em;
	font-weight: normal;
	border-bottom: none;
}
.menu-list-title.menu-exchange-selector .selecter select.select-group {
	border-bottom: none;
}
.menu-list-title.menu-exchange-selector .selecter span {
	box-shadow: none;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
/* 言語セレクター */
.menu-list .menu-language {
	border-bottom: none;
}

/* 未ログイン時 */
ul.listlayout-half {

}
ul.listlayout-half li {
	float: left;
	width: 50%;
	padding-left: 5px;
	box-sizing: border-box;
}
ul.listlayout-half li:first-child {
	padding-right: 5px;
	padding-left: 0;
}

ul.menu-list.menu-list-user li.menu-entry {
	padding: 5px 10px;
	box-sizing: border-box;
	border-bottom: none;
}


/* メニュー画面　罫線カスタマイズ */
.menu-list .menu-loggedin {
	border-bottom: none;
}

.notice {
	color: #00A4D8;
	position: absolute;
	font-weight: bold;
	bottom: 20px;
	left: -9px;
}
/* コンテンツ包括 */
.page-wrap {
	padding: 10px;
	box-sizing: border-box;
}

/* フッター */
.footer {
	padding: 0;
	padding-bottom: 30px;
}
.footer .footer-logo {
	height: 80px;
	border-top: 1px solid #cccccc;
	background-position: center 30px;
}
/* 検索窓 */
.footer .footer-search-bar .inner-left1 {
	padding: 10px;
}
/* 検索ボタン */
.footer .footer-search-bar .inner-right {
	right: 10px;
	top: 10px;
	height: 52px;
	overflow: hidden;
}
.footer .footer-menu > li > a {
	font-size: 12px;
}
.footer .copyright {
	font-size: 10px;
	margin-left: 0;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}
#footer_sp .button.button-dark {
	margin: 0;
}
.pagination {
	text-align: center;
}
.pagination > li.device01 {
	display: none !important;
}



/********************

	TOPページ

*********************/
/* 仕分けタブ */
.menu-all ul li {
	display: inline-block;
	width: 32.5%;
	position: relative;
	text-align: center;
}
.menu-all ul li:last-child {
	width: 32%;
}
.menu-all ul li a {
	display: block;
	text-decoration: none;
	color: #999999;
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	border: 1px solid #cccccc;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.047);
}
.menu-all ul li a.isActive,
.submenu-area03 ul li a.isActive {
	border-color :#666666;
	background-color: #666666;
	color: #ffffff;
}
/* プルダウン */
.dropdown-search {
	padding: 0;
}
/* カテゴリープルダウン */
.dropdown-search .selecter .selecter-selected {
	margin-bottom: 10px;
}

/* 下層用キーワード検索窓 */
.input-group .form-control {
	margin-bottom: 10px;
	width: 100%;
	box-sizing: border-box;
	padding: 10px!important;
}
/* キーワード検索窓 */
.input-group.background-box-black {
	display: block!important;
	float: left;
	width: 100%;
}
.input-group.background-box-black input{
	height: auto;
/*	padding: 10px!important;*/
}
/* SEARCHボタン */
.wrapper-spsearchbox,
.wrapper-spsearchbox .button {
	float: right;
	padding: 0;
	background-color: #333;
	background-image: url("/tg/images/sp/common/search_icon.png");
	background-size: 40px auto;
	background-repeat: no-repeat;
	background-position: 90% center;
	color: #FFF;
	width: 100%;
	margin-left: 10px;
	text-align: center;
	cursor: pointer;
	border-box: box-sizing;
}
/* KEYWORD配置エリア */
.link-menu {
	text-align: center;
	margin-top: 10px;
}
.link-menu a.button-hotkey {
	display: inline-block;
	width: auto;
	padding: 5px;
	margin: 5px;
	margin-left: 0;
	color: #999999;
	border: 1px solid #cccccc;
	font-size: 10px;
	box-sizing: border-box;
}
.link-menu a.device01 {
	display: none;
}
/* モーダル */
.l-popup-top {
	display: none;
}
/* メインコンテンツエリア */
.main-content,
.l-main,
.main,
.top-contents {
	padding: 0;
}
/* スライダー　ナビゲーションパーツ非表示設定*/
.nivo-directionNav,
.nivo-controlNav.nivo-thumbs-enabled {
	display: none;
}
/* 画像コンテンツリンク配置 */
.l-half-width,
.half-width {
	padding: 0;
}
.layout-2clm-contentslink {
	margin-top: 10px;
}
.layout-2clm-contentslink .leftclm {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0;
	padding-right: 5px;
}
.layout-2clm-contentslink .rightclm {
	float: right;
	width: 50%;
	box-sizing: border-box;
	padding: 0;
	padding-left: 5px;
}
.layout-2clm-contentslink .leftclm img,
.layout-2clm-contentslink .rightclm img {
	display: block;
	min-width: 100%;
}
/* 人気ギターを価格帯で検索 */
.l-popular-items {
	padding: 0;
}

/* コンテンツタイトルタグ */
.content-header {
	right: -10px;
	font-size: 16px;
	left: -10px;
	margin-top: 30px;
	font-weight: normal;
	border-bottom: 0;
	padding-bottom: 0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

h3.content-header {
	background: transparent url("/tg/images/sp/common/circle.png") no-repeat scroll 10px 0.4rem;
}
.col-md-12.l-from-japan.background-box .from-japan {
	margin-left: -15px;
}

/* 商品カード */
.productcard-inlinelayout {
	padding: 10px;
	border: 1px solid #cccccc;
	margin-bottom: 10px;
}
.productcard-inlinelayout a {
	display: block;
	color: #333333;
}

/* 商品サムネイル */
.productcard-inlinelayout .popular-thumb {
	float: left;
	width: 100px;
}
/* 商品詳細記載欄 */
.productcard-inlinelayout .wrapper-productdetail {
	padding-left: 110px;
}
.popular-price ul li {

}
.popular-price ul li a {
	color: #999999;
}
.popular-price ul li a:before {
	content: "■";
}
/* Free html area */
.l-free-html-area,
.free-html-area {
	padding: 0;
}
/* RECOMMEND ITEM */
.l-recommend-item {
	padding: 0;
}
/* サイトアイコン・タイトル */
.productcard-inlinelayout .recommend-title img,
.productcard-inlinelayout .recommend-title h3 {
	display: inline-block;
}
.productcard-inlinelayout .recommend-title h3 {
	margin-top: 0;
	font-size: 16px;
}
/* サムネイル画像・商品タイトル */
.wrapper-recommenddetail .recommend-thumb {
	float: left;
	width: 100px;
}
.wrapper-recommenddetail .recommend-name {
	padding-left: 110px;
	font-size: 16px;
}
.productcard-inlinelayout .recommend-price p {
	font-size: 16px;
}
.item-right {
	text-align: right;
}
.popular-name p,
.popular-name a,
.popular-price a {
	font-size: 16px;
}
.popular-price a {
	text-decoration: underline!important;
	display: inline;
}
.popular-price ul li {
	padding-top: 10px;
}
.popular-price ul li:first-child {
	padding-top: 0;
}
.eng-box {
	font-size: 16px;
}
/********************

	モーダルウィンドウ調整

*********************/
.fancybox-wrap {
	width: 100% !important;
	height: 100% !important;
	left: 0 !important;
	top: 0 !important;
}
.fancybox-skin {
	height: auto !important;
}
.fancybox-outer {
	margin-top: 60px;
}
.fancybox-inner {
	width: 100% !important;
	height: auto !important;
	overflow: hidden !important;
}
.fancybox-close {
	width: 46px;
	height: 46px;
}

.popup-img {
	margin-bottom: 20px;
}
.popup-images {
	text-align: center;
	margin-bottom: 10px;
}
.popup-title p.title {
	text-align: center;
	font-size: 20px;
}
.popup-title p.word {
	text-align: center;
}
.popup-content-detail .price {
	font-size: 12px;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px dotted #666666;
	text-align: center;
}
.popup-content-detail .product-page .button {
	display: inline-block;
	width: 50%;
	border: 1px solid #ffffff;
	box-sizing: border-box;
}
.popup-detail-fi39 .popup-content-detail .product-page .button {
	float: left;
}
.popup-detail-fi39 .button.button-blue {
	margin: 0;
}
.layout-popuptext {
	margin: 10px 0;
}
.thumb-holder.popup-image-main {
	width: auto;
}
.popup-images .image-list div {
	float: left;
	text-align: left;
	margin: 10px 9px 10px 0px;
	height: 100px;
	width: 30%;
	background-color: transparent;
	max-width: 100%;
	max-height: 100%;
}

/* IMPORTANT NOTICE */
.l-important {
	border: 1px solid #cc0000;
	padding: 10px;
	margin-top: 10px;
}
.content-header.title-important {
	color: #cc0000;
	background: none;
	padding-left: 0;
	margin: 20px 0;
}
.l-important textarea {
	width: 100%;
	margin-bottom: 20px;
}
.l-important .item-center .button {
	background: #000000;
	color: #ffffff;
	font-size: 10px;
}

.dropdown-price.left .btn-group {
	display: block;
}
.dropdown-number.left .btn-group {
	display: block;
}

/********************

	商品検索結果

*********************/

.layout-textblock {
	display: block;
}
/* ページネーション */
.pagination {
	width: 100%;
	margin: 0;
	border-radius: 0;
}
.paging-item .pagination li {
/*	border: none; */
}
.paging-item .pagination li a {
	width: 100%;
	border-radius: 0;
	height: auto;
	padding: 0;
	font-size: 10px;
}
.terms.device02 .custom-checkbox-option,
.img-notice .custom-checkbox-option {
	display: inline-block;
}
.terms-change .button {
	width: 40%;
	margin: 0;
}
.l-main-search-result.list-search {
	padding: 0;
}


.product .list-left {
	margin-right: 10px;
}
.product table th {
	font-weight: bold;
}
hr.border {
	border: 1px dashed #ccc;
}
.delivery-text {
	float: none;
}
.country .selecter .selecter-selected {
	width: 45%;
	min-width: 200px;
	padding-left: 10px;
	background: #FFF url("/tg/images/sp/common/select-arr.png") no-repeat scroll 92% center;
	-moz-appearance: none;
	box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.15);
	border-radius: 0px;
	border: 1px solid #DADADA;
}
.delivery-address .postal input[type="text"] {
	width: 30%;
	min-width: 100px;
}
.formborder {
	border-bottom: 1px solid #CCC;
	padding-bottom: 10px;
	margin: 10px auto;
}
.form-group .form-control .selecter{
	float: none;
}
.form-group .tel input[type="text"]{
	width: 50%;
	height: 50px;
}
.form-group .form-control .large input {
	margin-bottom: 10px;
	width: 90%;
}
.form-group.form-group-border .form-control input {
	width: 60%;
	margin-bottom: 10px;
}
.form-group input {
	margin-bottom: 10px;
	width: 97%;
	box-sizing: border-box;
}
.col-md-12 {
/*	padding: 0; */
}
.form-group .form-control.postal {
	height: 50px;
}
.popup-button {
	text-align: center;
}

.button.button-dark {
	width: 100%;
	margin: 0px auto;
	text-align: center;
}
.ta-center-sp {
	margin: 0 auto;
}

.box-address-result {
	font-size: 14px;
	word-break: break-word;
}
.box-address-result p {
	word-break: break-word;
}
.box-address-result .notec {
	padding: 10px 1% 20px 2%;
}
.box-address-result span {
	color: #666666;
	min-width: 70px;
	display: inline-block;
	word-break: break-word;
}
.box-address-result .clear-fix {
	border-bottom: 1px dotted #333;
	clear: both;
	height: 10px;
	margin-bottom: 10px;
	width: auto;
}
.box-address-result .button {
	margin: 40px auto 20px;
}
.box-bottom.line-bottom-bidding {
	width: 100%;
	margin-bottom: 20px;
}
.note-warn {
	border: 1px solid #cc0000 !important;
	background: #ffffff !important;
	color: #cc0000 !important;
}
h2.page-title {
	background: none;
	border-bottom: 0;
	padding-left: 0;
}
.page-title {
	background: transparent url("/tg/images/sp/common/circle.png") no-repeat scroll left 0.6rem;
	border-bottom: 1px solid #E1E1E1;
	color: #333;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.6rem;
	margin: 10px 0px 20px 10px;
	padding-left: 1rem;
}
table.table-mail .col-sm-3 {
	width: 60%;
	background: #999 none repeat scroll 0% 0%;
	font-weight: bold;
	padding: 10px 2px 10px 10px;
	color: #FFF;
}
table.table-mail .col-sm-9 {
	padding: 10px 2px 10px 10px;
	color: #000;
}
.pro-btn {
	float: none;
	display: block;
}
.box-information .info .pro-info table th {
	background-color: #999;
	padding: 10px;
	font-weight: normal;
	color: #FFF;
	border-bottom: 1px solid #FFF;
}
.box-information .info .pro-info table td {
	padding: 10px;
	border: 1px solid #E1E1E1;
}
.pro-info .iteminfo li {
	display: inline;
}
.pro-info .iteminfo li p {
	font-weight: bold;
}
.pro-info .iteminfo li span {
	font-weight: normal;
}
.note-info p.item-right,
.note-info p.col-sm-3,
.note-info p.col-sm-4,
.note-info p.col-sm-5 {
	margin: 0!important;
	text-align: left;
}

.openClose-tr .bg-td {
	font-size: 12px;
	padding-left: 6%;
	background: #999 none repeat scroll 0% 0%;
	color: #ffffff;
}

.buttonOpen.active span {
	background: transparent url("/tg/images/sp/layout/icon_arrow_up_b.png") no-repeat scroll left center;
}
.buttonOpen span {
	text-decoration: underline;
	color: #ffffff;
	cursor: pointer;
	background: transparent url("/tg/images/sp/layout/icon_arrow_down_b.png") no-repeat scroll left center;
	padding-left: 15px;
}
.box-information-gr table th {
	background: #999 none repeat scroll 0% 0%;
	width: 60%;
	font-weight: bold;
}
dl.list-infomation-gr dt {
	float: left;
	text-align: left;
	min-width: 180px;
	padding-right: 20px;
	margin-bottom: 10px;
	font-weight: bold;
}
dl.list-infomation-gr dd {
	text-align: left;
	margin-bottom: 10px;
	padding-left: 160px;
}
.box-information .box-information-gr {
	padding: 5px 20px 0;
	overflow: hidden;
}
.box-notice-package .bold {
	font-weight: bold;
}
.clear-fix {
	clear: both;
	height: 20px;
}
.box-notice-package .notice-package {
	margin-bottom: 20px;
}
.box-notice-package .notice-icon {
	background: transparent url("/tg/images/pc/layout/icon-warning.png") no-repeat scroll 25px 0px;
	padding: 0px 30px 0px 50px;
	margin-top: 10px;
	min-height: 20px;
}
.last-notice {
	margin: 10px 0px 0px 20px;
	font-size: 12px;
	text-indent: -11px;
}
.content-header-gray {
	margin-top: 20px;
}
.box-notice-package .notice-icon p span {
	color: #58B8E0;
	font-weight: bold;
}

p.finished a:visited {
	color: #333;
}

.td-right .td-red {
	padding-left: 0!important;
}
.box-shipping-address .form-group .form-control .spn-text-720 {
	display: block;
}
.box-shipping-address .form-group .form-control span {
	display: block;
}
.box-shipping-address .form-group .form-control span {
	display: block;
}
.check-all,
.invert-check,
.uncheck-all {
	text-decoration: none!important;
}
/* 出荷する商品：全て選択・選択を反転・選択を解除ボタン */
.box-info-ship a.link.link-medium {
	display: inline-block;
	text-align: center;
	text-decoration: none !important;
	margin-bottom: 10px;
	box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.047);
	line-height: 51px;
	color: #999;
	height: 50px;
	border: 1px solid #CCC;
	font-size: 100%;
	padding-left: 10px;
	padding-right: 10px;
}
.box-info-ship a.link.link-medium:hover {
	background: #EEE;
}
.box-packing-result .packing-text .spn-clb {
	font-weight: bold;
}
.box-packing-result .packing-text span {
	color: #00A4D8;
}
.top-page {
	margin: 30px 0px 10px 2%;
}
.top-page a {
	font-size: 15px!important;
}
.button.button-blue {
	margin-top: 30px;
	margin-bottom: 20px;
}
.title-step {
	padding: 30px 10px;
	background: #EEE;
	color: #333;
	font-size: 1rem;
	line-height: 1.2rem;
	width: auto;
	text-align: center;
}
.paging-items p {
	font-size: 15px;
}
.dropdown-price.left {
	width: 50%;
	float: left;
	border-box: box-sizing;
	margin-bottom: 20px;
}

.dropdown-number.left {
	width: 50%;
	float: right;
	border-box: box-sizing;
	margin-bottom: 20px;
}
.search-result {
	border-bottom: 1px solid #cccccc;
	margin: 10px;
}
.search-result h3 {
	font-size: 12px;
	font-weight: normal;
}
.search-result-items .recommend-thumb {
	margin-top: 10px;
	height: 107px;
	background-color: #FFF;
	clear: both;
	width: 40%;
	margin-right: 5%;
	border-box: box-sizing;
	float: left;
}
.search-result-items .recommend-thumb img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
}
.search-result-items .recommend-name p {
	color: #333333;
}
.list-search .l-search-result-items .search-result-items .search-result {
	cursor: pointer;
}
.regis-facebook,
.regis-pay-pal,
.regis-google-plus {
	float: none;
	width: 98%;
	display: block;
}
.registration .form-input input[type="text"], .form-input input[type="password"], .form-input textarea {
	width: 96%;
	float: none;
	padding: 15px 1%;
	border-box: box-sizing;
}
.registration .register-confirm {
	border: 1px dotted #87919B;
	padding: 20px;
	margin-top: 40px;
}
.registration .register-more-info {
	border: 1px dotted #87919B;
	padding: 20px;
	margin-top: 10px;
}
.fj12 .more-info-detail ul {
	list-style-type: disc;
}
.user-ok,
.empty {
	float: none;
}
.user-ok {
	background: transparent url("/tg/images/pc/layout/check-ok.png") no-repeat scroll 5px 16px;
	padding: 10px 29px 3px 27px;
	font-family: Myriad Pro;
	margin-bottom: 0px;
	color: #00A4D8;
}
.empty {
	background: transparent url("/tg/images/pc/layout/check-empty.png") no-repeat scroll 5px 16px;
	padding: 10px 29px 3px 27px;
	font-family: Myriad Pro;
	margin-bottom: 0px;
	color: #C00;
}
.deli-imglist {
	float: none;
}

.btn-list ul li {
	float: left;
	margin: 10px 0 auto;
	width: 50%;
	box-sizing: border-box;
	padding-left: 5px;
}
.check-list ul {
	margin-bottom: 10px;
}
.custom-checkbox-option {
	position: relative;
}
.custom-checkbox-option {
	margin-right: 8px;
	display: inline-block;
}
.product table th,
.product table td {
	word-break: break-word;
}
.product table td span {
	padding-left: 60px;
}
.global-nav .global-nav-title a {
	width: 280px;
	color: transparent;
	font-size: 23px;
}
.regis-pay-pal p {
	width: 180px;
}
.regis-google-plus p {
	width: 185px;
}
.regis-facebook p {
	width: 175px;
}
.input-link-txt a {
	text-decoration: underline;
	font-size: 14px;
}

/***************

complete系CSSに移行する！

***************/
.wrapper-alertarea {
	background: #eeeeee;
	padding: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}
.content-bidding {
	text-align: center;
}
.bold.alert-bid {
	font-weight: bold;
	margin-bottom: 10px;
}
.pricecolor {
	color: #f00;
}

.search-catagory.background-box-white .row.search{
	margin-top: 10px;
}
.price-range .input-box {
	padding: 0;
}
.price-range ul.input-box.list-range {
	width: 300px;
	margin: 0 auto;
}
.price-range ul.input-box.list-range li {
	width: 50%;
	float: left;
	box-sizing: border-box;
}
.price-range.input-box li input[type="text"] {
	width: 70px;
}
.terms-change .button {
	box-sizing: border-box;
}
ul.input-box.list-block li {
	display: block;
}
.popup-text {
	color: #000000!important;
	padding-bottom: 20px;
}

.popup-top .product-page {
	margin-bottom: 40px;
}

.popup-content-detail .price-none {
	border: 0;
}
.popup-table .table-detail {
	width: 100%;
	margin-bottom: 10px;
}
.popup-table .table-detail table {
	width: 100%;
	border: 1px solid #C1C1C1;
}
.popup-table .table-detail table tr, .popup-table .table-detail table td {
	border: 1px solid #C1C1C1;
	width: 50%;
}
.popup-table .table-detail table td:first-child {
	background: #999 none repeat scroll 0% 0%;
	color: #FFF;
	padding: 14px 10px;
}
.popup-table .table-detail table td {
	padding-left: 10px;
}

/*fj01*/
.page-content-fj01 .popup-content .popup-text p,
.page-content-fj01 .popup-content-detail .price p,
.page-content-fj01 .popup-multiple p {
	font-size: 14px!important;
}
@media (max-width: 320px) {
	.page-content-fj01 .popup-detail-fi39 .popup-content-detail .product-page .button {
		font-size: 12px;
	}
}


 .from-japan-blog .form-japan-box a {
	background-position: right center;
}