@charset "utf-8";
/* CSS Document */


/* ▼ヘッダー▼ */
#header_background{
	background:url(./img/background-header.gif) repeat-x;
	width:100%;
	height:141px;
	margin:0;
	padding:0;
}
#header{
	width:920px;
	height:126px;
	margin:0 auto 0 auto;
	padding:15px 0 0 0;
	line-height:1.5em;	
}
/* ▼ヘッダーロゴ▼ */
p#top-logo{
	display:block;
	width:275px;
	height:77px;
	margin:0 50px 0 0;
	padding:0;
	float:left;
}
/* ▲ヘッダーロゴ▲ */


    /* ▼スライド▼ */
    .container2 {
      width: 920px;
      position: relative;
      overflow: hidden;
      background-color: #222;
    }

    .slider {
      height: 124px;
      width: 100%;
      overflow: hidden;
      position: relative;
    }

    .slide-track {
      display: flex;
      width: max-content;
      position: absolute;
      top: 0;
      left: 0;
    }

    .slide-track img {
      height: 124px;
      width: auto;
      user-drag: none;
      pointer-events: none;
    }

    .center-image {
      display: flex;
      justify-content: center;
      align-items: center;
      height:  auto;
      background: #000;
    }

    @media screen and (max-width: 1000px) {
      .container {
        width: 100%;
      }
    }

    /* アニメーション */
    @keyframes slideLeft {
      0% { transform: translateX(0); }
      100% { transform: translateX(-50%); }
    }

    @keyframes slideRight {
      0% { transform: translateX(-50%); }
      100% { transform: translateX(0); }
    }

    .scroll-left .slide-track {
      animation: slideLeft 20s linear infinite;
    }

    .scroll-right .slide-track {
      animation: slideRight 25s linear infinite;
    }
    /* ▲スライド▲ */

    /* ▼ヘッダーメニュー▼ */
#header-menu-images {
  float: right;
  display: flex;
  gap: 1px; /* 画像の間のスペース（必要なら調整） */
  padding: 5px 0;
  height: 70px;
  align-items: center;
}
#header-menu-images a img {
  display: block;
  width: 162px;
  height: 70px;
}

/* ▼ナビ▼ */
#navi{
	clear:both;
	width:920px;
	height:50px;
	margin:0 auto 0 auto;
	padding:0;
	line-height:1.5em;
}	
#navi li{
	margin:0;
	padding:0;
	float:left;
}
/* ▼ロールオーバー▼ */
#navi li#navi1 a,
#navi li#navi2 a,
#navi li#navi3 a,
#navi li#navi4 a{
	display:inline-block;
}
#navi li#navi1 a:hover,
#navi li#navi2 a:hover,
#navi li#navi3 a:hover,
#navi li#navi4 a:hover{
	background-color:transparent;
}
#navi li#navi1 a:hover img,
#navi li#navi2 a:hover img,
#navi li#navi3 a:hover img,
#navi li#navi4 a:hover img{
	visibility:hidden;
}
li#navi1{
	background:url(./img/navi11.jpg) no-repeat;
	width:230px;
	height:48px;
	margin:0;
	padding:0;
}
li#navi2{
	background:url(./img/navi22.jpg) no-repeat;
	width:230px;
	height:48px;
	margin:0;
	padding:0;
}
li#navi3{
	background:url(./img/navi33.jpg) no-repeat;
	width:230px;
	height:48px;
	margin:0;
	padding:0;
}
li#navi4{
	background:url(./img/navi44.jpg) no-repeat;
	width:230px;
	height:48px;
	margin:0;
	padding:0;
}
/* ▲ロールオーバー▲ */


/* ▼トップ検索窓▼ */
#top-search{
	background:#CCC;
	width:920px;
	height:34px;
	margin:0 0 10px 0;
	padding:0;
}
#top-search-form{
	width:480px;
	height:34px;
	margin:0 0 0 0px;
	padding:0 0 0 0px;
	line-height:34px;
	float:left;
}
/* form action部分 */	
#top-search-form #top-form-window{
	background:#FFF;
	width:400px;
	height:30px;
	margin:0px 0 0 0;
	padding:0 0 0 10px;
	border:2px solid #09F;
}
#top-search-form #top-search-btn{
	position:absolute;
	margin:0 0 0 -4px;
	padding:0;
} 
/* form action部分 */
p#top-search-text{
	display:block;
	width:420px;
	height:34px;
	margin:0 0 0 20px;
	padding:0;
	font-size:13px;
	line-height:34px;
	float:left;
}	
/* ▲トップ検索窓▲ */

/* ▼パンくず▼ */
#pankuzu{
	clear:both;
	width:920px;
	margin:0;
	padding:0;
	height:35px;
	line-height:35px;
	font-size:11px;
	color:#666;
}
#pankuzu ol{
	margin:0 0 0 5px;
	padding:0;
	list-style:none;
}
#pankuzu li{
	display:inline;
	margin:0;
	padding:0;
}
#pankuzu a:link{color:#963;}
#pankuzu a:visited{color:#963;}
#pankuzu a:hover{color:#930;}
#pankuzu a:active{color:#963;}
/* ▲パンくず▲ */

/* ▼吹き出し▼ */
#contents-top{
	background:url(./img/h1comment.jpg) no-repeat;
	width:761px;
	height:105px;
	margin:15px 0 20px 0;
	padding:20px 0 0 159px;
	font-size:14px;
	color:#666;
}


/* h1 */
h1{
	margin:0 0 15px 0;
	padding:0;
	font-size:16px;
	letter-spacing:0.1em;
}
/* h1 */
/* ▲吹き出し▲ */

/* ▼４メニュー▼ */
ul#menu{
	width:920px;
	height:137px;
	margin:0 0 10px 0;
	padding:0;
}
ul#menu li{
	float:left;
	margin:0 5px 0 0;
	padding:0;
	line-height:0.7em;
}
/* ▲４メニュー▲ */


/* ▼フッター上の ページトップへ▼ */	
#footer-pagetop{
	clear:both;
	margin:0 5px -5px 0;
	padding:0;
	line-height:1.5em;
	text-align:right;
}
/* ▲フッター上の ページトップへ▲ */	



/* ▼フッター▼ */
#footer-background{
	background:url(./img/background-footer.jpg) repeat-x;
	clear:both;
	width:100%;
	height:245px;
	margin:0;
	padding:0;
}
#footer{
	width:920px;
	height:245px;
	text-align:left;
	margin:0 auto 0 auto;
	padding:0;
	font-size:11px;
	line-height:1.5em;
	color:#FFF;
}
/*フッターリンクの色*/
#footer a{text-decoration:none;}
#footer a:link{color:#FFF;}
#footer a:visited{color:#FFF;}
#footer a:hover{color:#999;}
#footer a:active{color:#FFF;}
/*フッターリンクの色*/


#footer-left{
	width:240px;
	height:225px;
	margin:0 20px 0 0;
	padding:0;
	float:left;
}
#footer-left ul{
	margin:10px 0 0 40px;
	padding:0;
}
#footer-left li{
	margin:0 0 10px 0;
	padding:0;
}

#footer-right{
	width:660px;
	height:175px;
	margin:50px 0 0 0;
	padding:0;
	float:right;
}
ul.footer-right-top{
	margin:0 0 10px 0;
	padding:0;
	text-align:center;
}
ul.footer-right-top li{
	display:inline;
	margin:0 30px 10px 0;
	padding:0;
}
ul#footer-right-bottom{
	margin:25px 0 10px 0;
	padding:0;
}
ul#footer-right-bottom li{
	display:block;
	width:213px;
	margin:0 0 10px 0;
	padding:0;
	float:left;
}

p#copyright{
	clear:both;
	margin:0;
	padding:0;
	font-size:12px;
	text-align:center;
}
/* ▲フッター▲ */

/* ▼全体センター寄せ▼ */
#container{
	clear:both;
	width:920px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:left;
}
/* ▲全体センター寄せ▲ */

/* ▼コンテンツ▼ */
#contents{
	clear:both;
	width:920px;
    margin:0 0 100px 0;
	padding:0;
	line-height:1.5em;
}

body{
	margin:0;
	padding:0;
	font-size:14px;
	line-height:1.5;
	letter-spacing:0.05em;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body{
	/*スマホで勝手に文字が大きくなる対策*/
	-webkit-text-size-adjust: 100%; 
} 
body img{
	border:0;
	margin: 0 0 0 0; 
	display: block;
}

ul,ol{
	list-style:none;
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

/*リンク画像透明*/
a:hover img{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha(opacity=70 )";
	background:#FFF;
}
/*リンク画像透明*/

/*リンク下線無し*/
a{text-decoration:none;}
/*リンク下線無し*/


/*リンクhover時下線*/
a:hover{text-decoration:underline !important;} 
/*リンクhover時下線*/

/* ▼宅配キット取り寄せ▼ */
.kit-order{
background:url(./img/deliverback.jpg) no-repeat;
  width: 920px;
  height: 421px;
  background-image: url('./img/deliverback.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 0 0 0 0; /* 中央に配置（画面が広いとき） */
}

.order-image {
  position: absolute;
  top: 55%; /* 中央より少し下に配置（調整可能） */
  left: 50%;
  transform: translate(-50%, -50%);
  width: 674px;
  height: 129px;
  cursor: pointer;
  border: none;
}
/* ▲宅配キット取り寄せ▲ */

/* ▼サーチボックス▼ */
.search_area{
  background:url(./img/searchcustom.jpg) no-repeat;
  width: 920px;
  height: 409px;
  background-image: url('./img/searchcustom.jpg');
  background-size: cover;
  background-position: center;
  position: relative;
  margin: 0 0 0 0; /* 中央に配置（画面が広いとき） */
}
.search_box {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 10px 0;
}
.btn_search_black {
  background: #000;
  border: 1px solid #000;
}
.btn_search_black:hover {
  background: #fff;
  color: #000;
}
.btn_search_black:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2227.035%22%20height%3D%2227.034%22%20viewBox%3D%220%200%2027.035%2027.034%22%3E%3Cpath%20d%3D%22M23.331%2C23.331a1.69%2C1.69%2C0%2C0%2C1%2C2.391%2C0l6.5%2C6.5a1.69%2C1.69%2C0%2C0%2C1-2.389%2C2.391l-6.5-6.5a1.69%2C1.69%2C0%2C0%2C1%2C0-2.391Z%22%20transform%3D%22translate%28-5.688%20-5.687%29%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M10.983%2C20.276A9.293%2C9.293%2C0%2C1%2C0%2C1.69%2C10.983%2C9.293%2C9.293%2C0%2C0%2C0%2C10.983%2C20.276Zm10.983-9.293A10.983%2C10.983%2C0%2C1%2C1%2C10.983%2C0%2C10.983%2C10.983%2C0%2C0%2C1%2C21.965%2C10.983Z%22%20transform%3D%22translate%280%200%29%22%20fill%3D%22%23000%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E");
}
.btn_search_black {
  align-items: center;
  text-align: center;
  max-width: 100%;
  font-weight: bold;
  color: #fff;
  padding: 10px 50px;
  font-size: 18px;
  cursor: pointer;
  transition: all 0.3s ease;
  -ms-transition: all 0.3s ease;
}
#search_form {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: flex-end;
  max-width: 760px;
  width: 100%;
  margin: auto;
  position: absolute;
  top: 45%; /* 中央より少し下に配置（調整可能） */
}
#search_form div {
  display: flex;
  align-items: flex-end;
  gap: 15px;
}
#search_form div > label {
  max-width: calc(50% - 15px);
}
#search_form label span {
  display: block;
  font-weight: bold;
}
#search_form label select {
  height: 45px;
  min-width: 150px;
}
.brand_lists {
  display: flex;
  gap: 15px 8px;
  flex-wrap: wrap;
  justify-content: space-between;
}
#search_form input {
  width: 70%;
  height: 100%;
  padding: 13px;
  height: 100%;
  font-size: 18px;
  border: 1px solid #595959;
}
/* ▲サーチボックス▲ */

/* ▼PHP買取実績▼ */
        #results{
	clear:both;
	width:900px;
	margin:0 10px 15px 10px;
	padding:0;
}

.sample-kaitori{
	clear:both;
	width:883px;
	height:100px;
	margin:0 0 10px 0;
	padding:10px 10px 10px 5px;
	border:1px solid #999;
}
.sample-img-box{/*左側画像*/
	width:90px;
	height:122px;
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
p.control-number{/*管理番号・日付け*/
	width:80px;
	margin:0;
	padding:0;
	color:#CCC;/*薄いグレー*/
	font-size:8px;
	text-align:center;
	line-height:1.3em;
}
p.brand-name{/*ブランド名*/
	margin:2px 0 10px 0;
	padding:0;
	color:#0f0101;/*黒*/
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
}
p.condition{/*状態*/
	margin:0 0 15px 0;
	padding:0;
	color:#160101;/*薄い黒*/
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
}
.sample-kaitori span.red{/*赤文字金額表示*/
	color:rgb(180, 7, 7);/*赤*/
	font-weight:bold;
	font-size:16px;
	line-height:1.5em;
	letter-spacing:0.1em;
}
p.next-detail{/*詳細は写真をクリック*/
	margin:0;
	padding:0;
	color:rgb(9, 2, 34);/*オレンジ*/
	font-size:12px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.15em;
}
/* ▲PHP買取実績▲ */
/* =======================================
     ▲PHP▲
======================================= */

/* ▼買取実績詳細▼ */
#results-detail{
	width:840px;
	margin:0 40px 30px 40px;
	padding:0;
	float:left;
}
#detail-img{/*左側画像*/
	width:90px;
	height:122px;
	margin:5px 10px 0 40px;
	padding:0;
	float:left;
}
#detail-img p.control-number{/*管理番号・日付け*/
	width:80px;
	margin:0;
	padding:0;
	color:#CCC;/*薄いグレー*/
	font-size:8px;
	text-align:center;
	line-height:1.3em;
}
#detail-condition{
	width:700px;
	margin:10px 0 0 0;
	padding:0;
	float:right;
	overflow:hidden;
}
#detail-condition p{/*状態*/
	width:660px;
	height:40px;
	margin:0 0 25px 0;
	padding:10px 10px 10px 20px;
	color:#666;/*薄い黒*/
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	border:1px solid #999;
}
#detail-condition span.red{/*赤文字金額表示*/
	color:rgb(27, 2, 2);/*赤*/
	font-size:18px;
	line-height:1.5em;
	letter-spacing:0.1em;
}

/* ▼詳細ページモデル別買取価格▼ */
#go-by-model{
	width:238px;
	margin:10px 0 0 0;
	padding:0;
	border:1px solid #999;
	float:right;
}
#go-by-model p{
	background-color:#630;
	width:238px;
	height:40px;
	margin:0;
	padding:0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:40px;
	letter-spacing:0.1em;
	color:#FFF;
	border-bottom:1px solid #999;
}
#go-by-model ul{
	width:238px;
	margin:20px 0 20px 0;
	padding:0;
}
#go-by-model li{
	width:228px;
	height:30px;
	margin:0 0 15px 10px;
	padding:0;
	font-size:14px;
	line-height:30px;
}
#go-by-model img{
	float:left;
	margin:0 5px 0 0;
	padding:0;
}
/* ▲詳細ページモデル別買取価格▲ */
/* ▲買取実績詳細▲ */


/* ▼モデル別買取価格▼ */
#by-model{
	clear:both;
	background:url(./img/rolex-by-model.jpg) no-repeat;
	width:630px;
	height:330px;
	margin:0 0 15px 0;
	padding:15px 0 0 270px;
}
#by-model h3{
	margin:0 0 20px 0;
	padding:0;
	font-size:30px;
	line-height:1.5em;
	color:#630;
}
#by-model ul{
	margin:0;
	padding:0;
}
#by-model li{
	display:block;
	background:url(./img/arrow.jpg) no-repeat;
	width:600px;
	height:17px;
	margin:0 0 10px 10px;
	padding:2px 0 0 20px;
	font-size:16px;
	line-height:16px;
}
/* ▲モデル別買取価格▲ */
/* ▲検索窓▲ */

@media screen and (max-width: 480px) {
	/* 480px以下に適用されるCSS（スマホ用） */
	
#results{
	width:100%;
}

.sample-kaitori{
	width:100%;
	height:170px;
}
#results-detail{
	width:100%;
	margin:0;
	padding:0;
	float:left;
}
#detail-condition{
	width:100%;
}
#detail-condition p{/*状態*/
	width:100%;
	height:80px;
	margin:0 0 25px 0;
	padding:10px 10px 10px 0px;
	color:#666;/*薄い黒*/
	font-size:14px;
	font-weight:bold;
	line-height:1.5em;
	letter-spacing:0.1em;
	border:1px solid #999;
	float:left;
}
#detail-condition span.red{/*赤文字金額表示*/
	font-size:16px;
}
}
.fixed_btn1
{
  position: fixed;
  bottom: 5px; 
  right: 5px;
  padding: 6px 6px 170px;
border: 0;
background-color: transparent;
opacity: 0.7;
}
.fixed_btn2
{
  position: fixed;
  bottom: 5px; 
  right: 5px;
  padding: 6px 10px;
border: 0;
background-color: transparent;
opacity: 0.7;
}