@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 769px){
*{ margin: 0px; padding: 0px; }

/*　基本 */
html{ padding: 0px; margin: 0px; }
body{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a                                   /*　リンク */   { text-decoration: none; }
a:link 								/*　リンク */   { color: #555; }
a:visited 							/*　リンク */   { color: #555; }
a:hover 							/*　リンク */   { color: #555; }
a:active							/*　リンク */   { color: #555; }
ul { list-style-type: none; }

/*　ヘッダー */
#header { width: 100%; border-top: solid 5px #555; }
#header div.inHeader { width: 1000px; margin: 0 auto; overflow: hidden; }
#header div.inHeader h1 { float:left;  }
#header div.inHeader h1 a { display:block;  padding: 25px 0; font-size: 48px; }
#header div.inHeader h1 a:hover { opacity: 0.7; }
#header div.inHeader ul             /*　ナビゲーション */   { float: right; }
#header div.inHeader ul li          /*　ナビゲーション */   { float: left; }
#header div.inHeader ul li a        /*　ナビゲーション */   { display: block; border-bottom: solid 2px #31a589;  width: 100px; font-size: 14px; font-weight: bold; text-align: center; border-bottom: solid 2px #555; padding: 50px 0 10px 0; margin-left: 30px; }
#header div.inHeader ul li a:hover,
#header div.inHeader ul li a.select /*　ナビゲーション */   { border-bottom: solid 2px #31a589; opacity: 0.7; }

/*　基本 */
#wrapper { width: 100%; clear: both; overflow: hidden; }
#wrapperClear{ width: 100%; overflow: hidden; }
div.mainVisual { background-image: url("../images/mainvisual.png"); background-position: 50% 50%; background-size: cover;  background-repeat: no-repeat; width: 100%; height: 500px; }
div.mainVisual .inBox{
    width: 1000px;
    margin: 0 auto;
    clear: both;
    position: relative;
}
.container{
     width: 1000px;
     margin: 0 auto;
     clear: both;
 }
div.mainVisual .inBox .catchBox {
    position: absolute;
    top: 160px;
    left: 0px;
    width: 440px;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 1px 1px 1px #FFF;
    padding: 30px 30px 20px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 174px;
}
/*　ぱんくず */
div.topicpath li { display: inline-block; }
div.topicpath li + li:before { margin: 0 30px; content: ">"; }

/*　導線 */
div.wire { width: 100%;  background-color: #f0f0f0; padding: 45px 0px; clear: both; }
div.wire div.inWire { width: 1000px; margin: 0 auto; overflow: hidden; }
div.wire div.inWire div.aksent { margin: 0 auto; width: 500px; font-size: 24px; font-weight: bold; text-align: center; background-image: url("../images/aksent.png"); background-repeat: no-repeat; background-position: 50% 50%;  }
div.wire div.inWire div.line { float:left; padding: 40px 0 0; margin-right: 50px; }
div.wire div.inWire div.line a { width: 300px; padding: 22px 0; background-color: #00b900; font-size: 20px;  text-align: center; background-image: url("../images/line.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block;}
div.wire div.inWire div.line a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.line a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.mail { float: left; padding: 40px 0 0; }
div.wire div.inWire div.mail a { width: 300px; padding: 22px 0; background-color: #31a589; font-size: 20px;  text-align: center; background-image: url("../images/mail.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block; }
div.wire div.inWire div.mail a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.mail a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.tel {padding-top: 43px; float: right; width: 300px; text-align: center; background-image: url("../images/tel.png"); background-repeat: no-repeat; background-position: 15% 50%; font-family: Arial, Helvetica, sans-serif; font-size: 34px; color: #31a589; font-weight: bold; }
div.wire div.inWire div.tel span { font-size: 20px; padding-left: 30px; color: #555; display: block; }
div.borderBottom { border-bottom: solid 1px #ccc; }

/*　もっと見る  */
div.look { padding: 40px 0 50px; }
div.look a { margin: 0 auto; width: 300px; padding: 22px 0; border: solid 1px #31a589; font-size: 20px;  text-align: center; border-radius: 5px 5px; color: #31a589;; display: block; }
div.look a span { display: block; background-image: url("../images/arrow_green.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.look a:hover { opacity: 0.7; }

/*　見出し */
div.container h2 { clear: both; font-size: 28px; font-weight: bold; text-align: center; line-height: 62px; padding: 32px 0 15px; background-image: url("../images/x_line.png"); background-repeat: no-repeat; background-position: 50% 54%; letter-spacing: 2px;}
div.container h2 span { font-size: 14px; font-weight: normal; color: #777; letter-spacing: normal; }
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

/*　サービス */
#SERVICE { padding-bottom: 40px; border-bottom: solid 1px #999; overflow: hidden; }
#SERVICE div.box01 { width: 300px; float:left; background-image: url("../images/aicon01.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; margin-right: 50px; }
#SERVICE div.box01 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box02 { width: 300px; float:left; background-image: url("../images/aicon02.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box02 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box03 { width: 300px; float:right; background-image: url("../images/aicon03.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box03 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE p { line-height: 30px; }

/*　メッセージ */
#MASSEGE { border-bottom: solid 1px #888; }
#MASSEGE p { line-height: 30px; background-image: url("../images/photo.png"); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 400px;  padding-bottom: 132px; }

/*　パフォーマンス */
#PERFORMANCE                      /*　 */ { border-bottom: solid 1px #999; }
#PERFORMANCE div.box              /*　 */ { width: 1040px; overflow: hidden; padding-top: 10px; }
#PERFORMANCE div.box a            /*　リンク */ { float: left; display: block; width: 220px; height: 250px; margin-right: 40px;}
#PERFORMANCE div.box a div.title  /*　見出し */ { font-size: 18px; font-weight: bold; padding-bottom: 5px; }
#PERFORMANCE div.box a div.text   /*　説明文 */ { font-size: 12px; padding-bottom: 10px; }
#PERFORMANCE div.box a div.date   /*　日付 */   { font-size: 12px; }
#PERFORMANCE div.box a:hover      /*　リンク */ { opacity: 0.7; }

/*　よくあるご質問　*/
#QUESTION { }
#QUESTION div.QA { overflow: hidden; padding-bottom: 10px; }
#QUESTION div.QA div.Q { clear: both; padding-bottom: 15px; overflow: hidden; }
#QUESTION div.QA div.Q span { float: left; display: block; width: 40px; height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ccc; text-align: center; color: #FFF; font-size: 24px; padding-top: 2px;  }
#QUESTION div.QA div.Q p { float: left; font-size: 20px; font-weight: bold; line-height: 40px; padding-left: 30px;   }
#QUESTION div.QA div.A { clear: both;  }
#QUESTION div.QA div.A span {  float: left; display: block; width: 36px; height: 34px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px #ccc; text-align: center; color: #ccc; font-size: 24px; padding-top: 2px; }
#QUESTION div.QA div.A p {
     line-height: 25px;
    padding: 8px 0px 85px 30px;
    margin-left: 40px;}

/*　ブランド */
/*
#BRAND { border-top: solid 1px #999; }
#BRAND ul { width: 1040px; overflow: hidden; padding-bottom: 20px; }
#BRAND ul li { }
#BRAND ul li a { display: block; padding-top: 180px; float: left; width: 218px; background-image: url("../images/brand_logo.png"); background-repeat: no-repeat; background-position: 50% 25%; font-size: 14px; margin: 0 40px 40px 0; border: solid 1px #eee; }
#BRAND ul li a:hover { opacity: 0.7;  }
#BRAND ul li span { display: block; background-color: #eee; padding: 10px; }
*/


/*　買取ガイド */
#GUIDE { border-bottom: solid 1px #999; }
#GUIDE .contNvg{ width: 700px; margin: 20px auto 40px; overflow: hidden; }
#GUIDE .contNvg span{ display: block; width: 49%; float: left; margin-right: 2%; }
#GUIDE .contNvg span:last-child{ margin-right: 0; }
#GUIDE .contNvg span a{ display: block; background: #31a589; color: #FFF; border-radius: 3px; overflow: hidden; width: 100%; font-size: 20px; text-align: center; padding: 15px 0px; }
#GUIDE .contNvg span a:hover{ opacity: 0.7 }
#GUIDE .contNvg span a.none{ background: #DDD; color: #666 }


#GUIDE ul { width: 1096px; overflow: hidden; padding: 10px 0 43px; background-image: url("../images/triangle.png"); background-repeat: no-repeat; background-position: 41% 35%; }
#GUIDE ul li a { float: left; width: 177px; font-size: 20px; margin-right: 97px; display: block ; }
#GUIDE ul li a:hover { opacity: 0.7; }
#GUIDE ul li a.step01 { background-image: url("../images/aicon04.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step02 { background-image: url("../images/aicon05.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step03 { background-image: url("../images/aicon06.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step04 { background-image: url("../images/aicon07.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a span { display: block; padding-top: 190px; text-align: center; }
#GUIDE ul li a.step05 { background-image: url("../images/aicon0502.png"); background-repeat: no-repeat; background-position: top;background-size: 177px;}

/*　STEP */
div.STEP { border-bottom: solid 1px #999; }
div.STEP div.noBox { overflow: hidden; }
div.STEP div.noBox div.no123 { clear: both; padding-bottom: 40px; overflow: hidden; }
div.STEP div.noBox div.no123 span.step { clear: both; float: left; display: block; width: 40px; height: 37px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; color: #555; text-align: center; font-size: 24px; padding-top: 3px; }
div.STEP div.noBox div.no123 p { float: left; font-size: 18px; line-height: 30px; padding: 8px 0 0 30px; }
div.STEP .exclamation { border: solid 1px #ccc; text-align: center; font-size: 18px;  overflow: hidden; margin-bottom: 50px; padding-bottom: 50px;  }
div.STEP .exclamation span { margin: 50px 0 50px 250px; display: block; width: 40px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e73656;; color: #fff;  float: left; font-size: 24px;  padding-top: 3px; }
div.STEP .exclamation strong { display: block; color: #e73656; float: left; line-height: 45px; padding-left: 50px;  margin-top: 50px; }
div.STEP .exclamation p { clear: both;  }

/*　注意事項 */
#precaution { padding-bottom: 52px;}
#precaution  div.noBox { overflow: hidden;  }
#precaution  div.noBox div.no123 { clear: both; padding-bottom: 40px; overflow: hidden; }
#precaution  div.noBox div.no123 span { clear: both; float: left; display: block; width: 40px; height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; color: #555; text-align: center; font-size: 24px; padding-top: 2px; }
#precaution  div.noBox div.no123 p { width: 800px; float: left; font-size: 18px; line-height: 30px; padding-left: 30px; }
#precaution  div.noBox div.no123 p strong { display: block;  font-weight: bold; line-height: 45px; }
#precaution .exclamation { border: solid 1px #ccc; text-align: center; font-size: 18px;  overflow: hidden; margin-bottom: 50px; padding-bottom: 50px;  }
#precaution .exclamation span { margin: 50px 0 50px 320px; display: block; width: 40px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e73656;; color: #fff;  float: left; font-size: 24px;  padding-top: 3px; }
#precaution .exclamation strong { display: block; color: #e73656; float: left; line-height: 45px; padding-left: 50px;  margin-top: 50px; }
#precaution .exclamation p { clear: both;  }
#precaution .exclamation ul { width: 1000px; overflow: hidden; padding-top: 50px; }
#precaution .exclamation ul li { float: left; width: 177px; font-size: 14px; margin: 0px 36px;  padding-top: 200px;  }
#precaution .exclamation ul li div.text { text-align: center; font-size: 20px; font-weight: bold; color: #555; padding: 0; line-height: 15px;  }
#precaution .exclamation ul li.type01 { background-image: url("../images/aicon08.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type02 { background-image: url("../images/aicon09.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type03 { background-image: url("../images/aicon10.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type04 { background-image: url("../images/aicon11.png"); background-repeat: no-repeat; background-position: top left; }

/*　ブランド詳細（左）01 */
#article { width: 650px; float: left; }
#article p { }
#article div.date { padding: 42px 0 45px;  }
#article div.prevNext { background-image: url("../images/hermes.png"); background-repeat: no-repeat; background-position: top center; padding-top: 600px; }
#article div.prevNext li { display: inline-block; }
#article div.prevNext li + li:before { margin: 0 30px; content: "｜"; }

/*　ブランド一覧（左）02 */
#article { width: 650px; float: left; margin-bottom: 45px; }
#article .brandName { background-image: url("../images/louis-vittion_logo.png"); background-repeat: no-repeat; background-position: left 30px; padding: 0 0 50px 180px; }
#article .brandBox { width: 680px; overflow: hidden; padding-bottom: 50px; }
#article .brandBox a { width: 145px; margin-right: 25px; float: left; display: block;  background-image: url("../images/bag.png"); background-repeat: no-repeat; background-position: top center; padding-top: 105px; font-size: 12px;  }
#article .brandBox a div.title { font-size: 14px; font-weight: bold;  padding: 10px 0; }
#article .brandBox a div.text { }
#article .brandBox a div.date { padding: 10px 0 47px; }
#article .pagerBox { width: 200px; margin: 0 auto; }
#article .pagerBox a { float: left; display: block; padding: 5px 8px; background-color: #f0f0f0; border-radius: 5px; margin-right: 10px; }

/*　アーカイブ（右） */
#archive { width: 300px; float: right; margin: 45px 0; }
#archive .archiveBox { background-color: #f0f0f0; padding: 10px;}
#archive .archiveBox h4 { background-color: #555; color: #FFF; padding: 5px; font-weight: normal;  }
#archive .archiveBox ul li { background-color: #FFF; padding: 5px;}

/*　ブランドリスト */
#BRANDLIST { }
#BRANDLIST div.brandList { width: 1006.2px; overflow: hidden; font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 50px; }
#BRANDLIST div.brandList a { float: left; display: block; box-sizing: border-box; width: 30px; border: solid 1px #31a589; background-color: #31a589; color: #FFF; border-radius: 5px; margin-right: 8.7px; text-align: center; }
#BRANDLIST div.brandList a.none { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandList a:hover { border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#BRANDLIST div.brandList a.none:hover { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandSearch { clear: both; overflow: hidden; padding-bottom: 100px; }
#BRANDLIST div.brandSearch div.brandSearch_left { float: left; width: 100px; border-bottom: solid 2px #555; font-weight: bold; }
#BRANDLIST div.brandSearch ul.brandSearch_right { float: right; width: 810px;  }
#BRANDLIST div.brandSearch ul.brandSearch_right li { float: left; width: 270px; font-size: 12px; }

/*　お問い合わせ */
#INQUIRY { padding-bottom: 100px; overflow: hidden; }
#INQUIRY form { overflow: hidden; }
#INQUIRY form table { text-align: left; border-collapse: collapse;  }
#INQUIRY form table th { width: 300px; border: solid 1px #FFF; background-color: #31a589; color: #FFF; padding: 10px; }
#INQUIRY form table th sup { color: #e03736; }
#INQUIRY form table td { width: 700px; border: solid 1px #31a589; padding: 10px; margin: 5px 10px; }
#INQUIRY form table td input[type='text'] { padding: 10px; font-size: 14px; border-radius: 5px; border: solid 1px #ccc; width: 100%; box-sizing: border-box; }
    #INQUIRY form table td input[type='radio'] { margin-right: 5px; }
    #INQUIRY form table td textarea { width: 500px; height: 100px; font-size: 14px; padding: 10px; vertical-align: middle; border-radius: 5px; border: solid 1px #ccc; }
    #INQUIRY form .submitBox{ width: 630px; margin: 50px auto; }
    #INQUIRY form a.reset { width: 300px; float: left; font-size: 20px; box-sizing: border-box; text-align: center; padding: 25px; border: solid 1px #31a589; border-radius: 5px; background-color: #FFF;  color: #31a589; font-weight: bold; margin: 0px 0px 0px; background-image: url("../images/arrow_green02.png"); background-repeat: no-repeat; background-position: 10% 48%;}
#INQUIRY form a.reset:hover { opacity: 0.7; }
#INQUIRY form input.submit { cursor: pointer; width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit:hover { opacity: 0.7; }
#INQUIRY form input.submit2 { cursor: pointer; float: right; width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit2:hover { opacity: 0.7; }

    #INQUIRY a.backLink { cursor: pointer; width: 200px; font-size: 16px; padding: 10px; text-align: center; background-color: #31a589; border-radius: 5px; border: none; color: #fff; margin: 30px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
    #INQUIRY a.backLink:hover { opacity: 0.7; }

/*　会社情報 */
#INFORMATION { padding-bottom: 100px; }
#INFORMATION p { }

/*　会社情報 */
#INFORMATION { padding-bottom: 100px; }
#INFORMATION p { }

/*　プライバシーポリシー */
#PRIVACYPOLICY { padding-bottom: 100px; }
#PRIVACYPOLICY p { }

/*　フッダー */
#fooder { width: 100%; background-color: #f0f0f0; }
#fooder div.infooder { width: 1000px; margin: 0 auto; border-top: solid 1px #ccc; overflow: hidden;  }
#fooder div.infooder div.company { width: 300px; padding: 45px 0 45px; float:left; margin-right: 50px; }
#fooder div.infooder div.company span { display:block; font-size:18px; font-weight: bold; padding-bottom: 10px; }
#fooder div.infooder ul.siteList01 { width: 300px; padding: 45px 0 45px; float: left; margin-right: 50px; }
#fooder div.infooder ul.siteList02 { width: 300px; padding: 45px 0 45px;  float: left; }
#fooder div.infooder div.copyLight { clear: both; text-align: center; font-size: 14px; font-weight: bold; padding: 20px; border-top: solid 1px #ccc; }
#fooder div.infooder ul li a:hover { text-decoration: underline; opacity: 0.7; }
#fooder .regist {
	margin: 0 0 20px;
	text-align: center;
	font-size: 12px;
	}


/* add */
.recordBox,
.brandListBox {
	margin: 0 auto 40px;
	width: 1000px;
	overflow: hidden;
}

.recordBox ul,
.brandListBox ul {
	overflow: hidden;
}

.recordBox li,
.brandListBox li {
	list-style: none;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	width: 220px;
	height: 220px;
	border: solid 1px #eee;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.recordBox li:nth-child(4n),
.brandListBox li:nth-child(4n) {
	margin-right: 0;
}

.recordBox li a,
.brandListBox li a {
	 display: block;
	 float: left;
	 font-size: 14px;
}

.recordBox dl,
.brandListBox dl {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}





.recordBox dt,
.brandListBox dt {
	width: 220px;
	overflow: hidden;
}

.recordBox dt img,
.brandListBox dt img {
	width: 90%;
	height: 90%;
}

.recordBox dd,
.brandListBox dd {
	position: absolute;
	top: 172px;
	padding: 15px;
	width: 100%;
	font-size: 12px;
	background: #eee;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.recordBox img,
.brandListBox img{
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}

.more {
 margin: 0 auto 40px;
 width: 300px;
 font-size: 20px;
 text-align: center;
 border: solid 1px #31a589;
 border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.more a {
	position: relative;
	top: 0;
	le
	0;
	display: block;
 padding: 20px 0;
 color: #31a589;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.more a:after {
 content: "\f054";
 font-family: FontAwesome;
 font-weight: bold;
 position: absolute;
 top: 50%;
 right: 20px;
 font-size: 12px;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.company {
	font-size: 14px;
}

.company p {
	margin: 0 auto 30px;
	width: 980px;
	text-align: center;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333;
}

.company table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}

.company table th {
	margin: 0;
	padding: 10px 0;
	border: 1px solid #999;
	background: #f0f0f0;
}

.company table td {
	margin: 0;
	padding: 0 10px;
	border: 1px solid #999;
}
.sitemap_box{
    float: left;
}
.sitemap dl{
    width: 1000px;
    margin: auto;
    display: -webkit-flex;
    -webkit-justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.privacy  {
	font-size: 14px;
}

.privacy p {
	margin: 0 0 40px;
}

.privacy dt {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-weight: bold;
	border-bottom: 1px solid #999;
}

.privacy dd {
	margin: 0 0 30px;
	padding-left: 20px;
}

.privacy dd p{
	margin: 0 0 10px;
}

.privacy dd li {
	list-style: disc;
}

.privacy .company dt {
	border: none;
	margin: 0;
}

.privacy .company dd {
	margin: 0 0 5px;
	padding: 0;
}

.sitemap {
	text-align: center;
}

.sitemap dt {
	margin:  0px 80px 20px 80px;
	font-weight: bold;
	font-size: 18px;
    text-align: left;
}

.sitemap dd {
    margin: 0px 80px 20px 80px;
    font-size: 14px;
    text-align: left;
}

.sitemap dd li {
	margin:  0 0 10px;
}

}
@media screen and (min-width: 737px) and (max-width:768px){
*{ margin: 0px; padding: 0px; }

/*　基本 */
html{ padding: 0px; margin: 0px; }
body{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a                                   /*　リンク */   { text-decoration: none; }
a:link 								/*　リンク */   { color: #555; }
a:visited 							/*　リンク */   { color: #555; }
a:hover 							/*　リンク */   { color: #555; }
a:active							/*　リンク */   { color: #555; }
ul { list-style-type: none; }

/*　ヘッダー */
#header { width: 100%; border-top: solid 5px #555; }
#header div.inHeader { width: 100%; margin: 0 auto; overflow: hidden; }
#header div.inHeader h1 { float:left;  }
#header div.inHeader h1 a { display:block;  padding: 25px 5px 15px 5px; font-size: 30px; }
#header div.inHeader h1 a:hover { opacity: 0.7; }
#header div.inHeader ul             /*　ナビゲーション */   { float: right; }
#header div.inHeader ul li          /*　ナビゲーション */   { float: left; }
#header div.inHeader ul li a        /*　ナビゲーション */   { display: block; border-bottom: solid 1px #31a589;  width: 100px; font-size: 12px; font-weight: bold; text-align: center; border-bottom: solid 1px #555; padding: 30px 0 10px 0; margin-left: 15px; }
#header div.inHeader ul li a:hover,
#header div.inHeader ul li a.select /*　ナビゲーション */   { border-bottom: solid 1px #31a589; opacity: 0.7; }

/*　基本 */
#wrapper { width: 100%; clear: both; overflow: hidden; }
#wrapperClear{ width: 100%; overflow: hidden; }
div.mainVisual { background-image: url("../images/mainvisual.png"); background-position: 50% 50%; background-size: cover;  background-repeat: no-repeat; width: 100%; height: 500px; }
div.mainVisual .inBox{
    width: 1000px;
    margin: 0 auto;
    clear: both;
    position: relative;
}
.container{
     width: 98%;
     margin: 0 auto;
     clear: both;
 }
div.mainVisual .inBox .catchBox {
    position: absolute;
    top: 160px;
    left: 0px;
    width: 440px;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 1px 1px 1px #FFF;
    padding: 30px 30px 20px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 174px;
}
/*　ぱんくず */
div.topicpath li { display: inline-block; }
div.topicpath li + li:before { margin: 0 30px; content: ">"; }

/*　導線 */
div.wire { width: 100%;  background-color: #f0f0f0; padding: 45px 0px; clear: both; }
div.wire div.inWire { width: 99%; margin: 0 auto 0 1%; overflow: hidden; }
div.wire div.inWire div.aksent { margin: 0 auto; width: 500px; font-size: 16px; font-weight: bold; text-align: center; background-image: url("../images/aksent.png"); background-repeat: no-repeat; background-position: 50% 50%;  }
div.wire div.inWire div.line { float:left; padding: 40px 0 0; margin-right: 20px; }
div.wire div.inWire div.line a { width: 230px; padding: 22px 0; background-color: #00b900; font-size: 16px;  text-align: center; background-image: url("../images/line.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block;}
div.wire div.inWire div.line a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.line a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.mail { float: left; padding: 40px 0 0; }
div.wire div.inWire div.mail a { width: 230px; padding: 22px 0; background-color: #31a589; font-size: 16px;  text-align: center; background-image: url("../images/mail.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block; }
div.wire div.inWire div.mail a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.mail a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.tel {padding-top: 43px; float: right; width: 280px; text-align: center; background-image: url("../images/tel.png"); background-repeat: no-repeat; background-position: 15% 50%; font-family: Arial, Helvetica, sans-serif; font-size: 34px; color: #31a589; font-weight: bold; }
div.wire div.inWire div.tel span { font-size: 20px; padding-left: 30px; color: #555; display: block; }
div.borderBottom { border-bottom: solid 1px #ccc; }

/*　もっと見る  */
div.look { padding: 40px 0 50px; }
div.look a { margin: 0 auto; width: 300px; padding: 22px 0; border: solid 1px #31a589; font-size: 20px;  text-align: center; border-radius: 5px 5px; color: #31a589;; display: block; }
div.look a span { display: block; background-image: url("../images/arrow_green.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.look a:hover { opacity: 0.7; }

/*　見出し */
div.container h2 { clear: both; font-size: 28px; font-weight: bold; text-align: center; line-height: 62px; padding: 32px 0 15px; background-image: url("../images/x_line.png"); background-repeat: no-repeat; background-position: 50% 54%; letter-spacing: 2px;}
div.container h2 span { font-size: 14px; font-weight: normal; color: #777; letter-spacing: normal; }
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

/*　サービス */
#SERVICE { padding:0 15px 40px 15px; border-bottom: solid 1px #999; overflow: hidden; }
#SERVICE div.box01 { width: 300px; float:left; background-image: url("../images/aicon01.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; margin-right: 50px; }
#SERVICE div.box01 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box02 { width: 300px; float:left; background-image: url("../images/aicon02.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box02 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box03 { width: 300px; float:right; background-image: url("../images/aicon03.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box03 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE p { line-height: 30px; }

/*　メッセージ */
#MASSEGE { border-bottom: solid 1px #888; }
#MASSEGE p { line-height: 30px; background-image: url("../images/photo.png"); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 400px;  padding-bottom: 132px; }

/*　パフォーマンス */
#PERFORMANCE                      /*　 */ { border-bottom: solid 1px #999; }
#PERFORMANCE div.box              /*　 */ { width: 1040px; overflow: hidden; padding-top: 10px; }
#PERFORMANCE div.box a            /*　リンク */ { float: left; display: block; width: 220px; height: 250px; margin-right: 40px;}
#PERFORMANCE div.box a div.title  /*　見出し */ { font-size: 18px; font-weight: bold; padding-bottom: 5px; }
#PERFORMANCE div.box a div.text   /*　説明文 */ { font-size: 12px; padding-bottom: 10px; }
#PERFORMANCE div.box a div.date   /*　日付 */   { font-size: 12px; }
#PERFORMANCE div.box a:hover      /*　リンク */ { opacity: 0.7; }

/*　よくあるご質問　*/
#QUESTION { }
#QUESTION div.QA { overflow: hidden; padding-bottom: 10px; }
#QUESTION div.QA div.Q { clear: both; padding-bottom: 15px; overflow: hidden; }
#QUESTION div.QA div.Q span { float: left; display: block; width: 40px; height: 38px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #ccc; text-align: center; color: #FFF; font-size: 24px; padding-top: 2px;  }
#QUESTION div.QA div.Q p { font-size: 20px; font-weight: bold; line-height: 40px; padding-left: 70px;   }
#QUESTION div.QA div.A { clear: both;  }
#QUESTION div.QA div.A span {  float: left; display: block; width: 36px; height: 34px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: solid 2px #ccc; text-align: center; color: #ccc; font-size: 24px; padding-top: 2px; }
#QUESTION div.QA div.A p {
     line-height: 25px;
    padding: 8px 0px 85px 30px;
    margin-left: 40px;}

/*　ブランド */
/*
#BRAND { border-top: solid 1px #999; }
#BRAND ul { width: 1040px; overflow: hidden; padding-bottom: 20px; }
#BRAND ul li { }
#BRAND ul li a { display: block; padding-top: 180px; float: left; width: 218px; background-image: url("../images/brand_logo.png"); background-repeat: no-repeat; background-position: 50% 25%; font-size: 14px; margin: 0 40px 40px 0; border: solid 1px #eee; }
#BRAND ul li a:hover { opacity: 0.7;  }
#BRAND ul li span { display: block; background-color: #eee; padding: 10px; }
*/


/*　買取ガイド */
#GUIDE { border-bottom: solid 1px #999; }
#GUIDE .contNvg{ width: 700px; margin: 20px auto 40px; overflow: hidden; }
#GUIDE .contNvg span{ display: block; width: 49%; float: left; margin-right: 2%; }
#GUIDE .contNvg span:last-child{ margin-right: 0; }
#GUIDE .contNvg span a{ display: block; background: #31a589; color: #FFF; border-radius: 3px; overflow: hidden; width: 100%; font-size: 20px; text-align: center; padding: 15px 0px; }
#GUIDE .contNvg span a:hover{ opacity: 0.7 }
#GUIDE .contNvg span a.none{ background: #DDD; color: #666 }


#GUIDE ul { width: 1096px; overflow: hidden; padding: 10px 0 43px; background-image: url("../images/triangle.png"); background-repeat: no-repeat; background-position: 41% 35%; }
#GUIDE ul li a { float: left; width: 177px; font-size: 20px; margin-right: 97px; display: block ; }
#GUIDE ul li a:hover { opacity: 0.7; }
#GUIDE ul li a.step01 { background-image: url("../images/aicon04.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step02 { background-image: url("../images/aicon05.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step03 { background-image: url("../images/aicon06.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a.step04 { background-image: url("../images/aicon07.png"); background-repeat: no-repeat; background-position: top left;}
#GUIDE ul li a span { display: block; padding-top: 190px; text-align: center; }
#GUIDE ul li a.step05 { background-image: url("../images/aicon0502.png"); background-repeat: no-repeat; background-position: top;background-size: 177px;}

/*　STEP */
div.STEP { border-bottom: solid 1px #999; }
div.STEP div.noBox { overflow: hidden; }
div.STEP div.noBox div.no123 { clear: both; padding-bottom: 40px; overflow: hidden; }
div.STEP div.noBox div.no123 span.step { clear: both; float: left; display: block; width: 40px; height: 37px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; color: #555; text-align: center; font-size: 24px; padding-top: 3px; }
div.STEP div.noBox div.no123 p {  font-size: 18px; line-height: 30px; padding: 8px 0 0 30px; }
div.STEP .exclamation { border: solid 1px #ccc; text-align: center; font-size: 18px;  overflow: hidden; margin-bottom: 50px; padding-bottom: 50px;  }
div.STEP .exclamation span { margin: 50px 0 50px 250px; display: block; width: 40px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e73656;; color: #fff;  float: left; font-size: 24px;  padding-top: 3px; }
div.STEP .exclamation strong { display: block; color: #e73656; float: left; line-height: 45px; padding-left: 50px;  margin-top: 50px; }
div.STEP .exclamation p { clear: both;  }

/*　注意事項 */
#precaution { padding-bottom: 52px;}
#precaution  div.noBox { overflow: hidden;  }
#precaution  div.noBox div.no123 { clear: both; padding-bottom: 40px; overflow: hidden; }
#precaution  div.noBox div.no123 span { clear: both; float: left; display: block; width: 40px; height: 38px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; background-color: #f0f0f0; color: #555; text-align: center; font-size: 24px; padding-top: 2px; }
#precaution  div.noBox div.no123 p { width: 95%; font-size: 18px; line-height: 30px; padding-left: 30px; }
#precaution  div.noBox div.no123 p strong { display: block;  font-weight: bold; line-height: 45px; }
#precaution .exclamation { border: solid 1px #ccc; text-align: center; font-size: 18px;  overflow: hidden; margin-bottom: 50px; padding-bottom: 50px;  }
#precaution .exclamation span { margin: 50px 0 50px 320px; display: block; width: 40px; height: 37px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; background-color: #e73656;; color: #fff;  float: left; font-size: 24px;  padding-top: 3px; }
#precaution .exclamation strong { display: block; color: #e73656; float: left; line-height: 45px; padding-left: 50px;  margin-top: 50px; }
#precaution .exclamation p { clear: both;  }
#precaution .exclamation ul { width: 1000px; overflow: hidden; padding-top: 50px; }
#precaution .exclamation ul li { float: left; width: 177px; font-size: 14px; margin: 0px 36px;  padding-top: 200px;  }
#precaution .exclamation ul li div.text { text-align: center; font-size: 20px; font-weight: bold; color: #555; padding: 0; line-height: 15px;  }
#precaution .exclamation ul li.type01 { background-image: url("../images/aicon08.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type02 { background-image: url("../images/aicon09.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type03 { background-image: url("../images/aicon10.png"); background-repeat: no-repeat; background-position: top left; }
#precaution .exclamation ul li.type04 { background-image: url("../images/aicon11.png"); background-repeat: no-repeat; background-position: top left; }

/*　ブランド詳細（左）01 */
#article { width: 650px; float: left; }
#article p { }
#article div.date { padding: 42px 0 45px;  }
#article div.prevNext { background-image: url("../images/hermes.png"); background-repeat: no-repeat; background-position: top center; padding-top: 600px; }
#article div.prevNext li { display: inline-block; }
#article div.prevNext li + li:before { margin: 0 30px; content: "｜"; }

/*　ブランド一覧（左）02 */
#article { width: 650px; float: left; margin-bottom: 45px; }
#article .brandName { background-image: url("../images/louis-vittion_logo.png"); background-repeat: no-repeat; background-position: left 30px; padding: 0 0 50px 180px; }
#article .brandBox { width: 680px; overflow: hidden; padding-bottom: 50px; }
#article .brandBox a { width: 145px; margin-right: 25px; float: left; display: block;  background-image: url("../images/bag.png"); background-repeat: no-repeat; background-position: top center; padding-top: 105px; font-size: 12px;  }
#article .brandBox a div.title { font-size: 14px; font-weight: bold;  padding: 10px 0; }
#article .brandBox a div.text { }
#article .brandBox a div.date { padding: 10px 0 47px; }
#article .pagerBox { width: 200px; margin: 0 auto; }
#article .pagerBox a { float: left; display: block; padding: 5px 8px; background-color: #f0f0f0; border-radius: 5px; margin-right: 10px; }

/*　アーカイブ（右） */
#archive { width: 300px; float: right; margin: 45px 0; }
#archive .archiveBox { background-color: #f0f0f0; padding: 10px;}
#archive .archiveBox h4 { background-color: #555; color: #FFF; padding: 5px; font-weight: normal;  }
#archive .archiveBox ul li { background-color: #FFF; padding: 5px;}

/*　ブランドリスト */
#BRANDLIST { }
#BRANDLIST div.brandList { width: 100%; overflow: hidden; font-size: 14px; font-weight: bold; line-height: 30px; margin-bottom: 50px; }
#BRANDLIST div.brandList a { float: left; display: block; box-sizing: border-box; width: 30px; border: solid 1px #31a589; background-color: #31a589; color: #FFF; border-radius: 5px; margin-right: 8.7px; text-align: center; margin-bottom: 20px; }
#BRANDLIST div.brandList a.none { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandList a:hover { border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#BRANDLIST div.brandList a.none:hover { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandSearch { clear: both; overflow: hidden; padding-bottom: 100px; }
#BRANDLIST div.brandSearch div.brandSearch_left { float: left; width: 100px; border-bottom: solid 2px #555; font-weight: bold; }
#BRANDLIST div.brandSearch ul.brandSearch_right { float: right; width: 100%;  }
#BRANDLIST div.brandSearch ul.brandSearch_right li { float: left; width: 250px; font-size: 12px; }

/*　お問い合わせ */
#INQUIRY { padding-bottom: 100px; overflow: hidden; }
#INQUIRY form { overflow: hidden; }
#INQUIRY form table { text-align: left; border-collapse: collapse;  }
#INQUIRY form table th { width: 300px; border: solid 1px #FFF; background-color: #31a589; color: #FFF; padding: 10px; }
#INQUIRY form table th sup { color: #e03736; }
#INQUIRY form table td { width: 700px; border: solid 1px #31a589; padding: 10px; margin: 5px 10px; }
#INQUIRY form table td input[type='text'] { padding: 10px; font-size: 14px; border-radius: 5px; border: solid 1px #ccc; width: 100%; box-sizing: border-box; }
    #INQUIRY form table td input[type='radio'] { margin-right: 5px; }
    #INQUIRY form table td textarea { width: 500px; height: 100px; font-size: 14px; padding: 10px; vertical-align: middle; border-radius: 5px; border: solid 1px #ccc; }
    #INQUIRY form .submitBox{ width: 630px; margin: 50px auto; }
    #INQUIRY form a.reset { width: 300px; float: left; font-size: 20px; box-sizing: border-box; text-align: center; padding: 25px; border: solid 1px #31a589; border-radius: 5px; background-color: #FFF;  color: #31a589; font-weight: bold; margin: 0px 0px 0px; background-image: url("../images/arrow_green02.png"); background-repeat: no-repeat; background-position: 10% 48%;}
#INQUIRY form a.reset:hover { opacity: 0.7; }
#INQUIRY form input.submit { cursor: pointer; width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit:hover { opacity: 0.7; }
#INQUIRY form input.submit2 { cursor: pointer; float: right; width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit2:hover { opacity: 0.7; }

    #INQUIRY a.backLink { cursor: pointer; width: 200px; font-size: 16px; padding: 10px; text-align: center; background-color: #31a589; border-radius: 5px; border: none; color: #fff; margin: 30px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
    #INQUIRY a.backLink:hover { opacity: 0.7; }

/*　会社情報 */
#INFORMATION { padding-bottom: 100px; }
#INFORMATION p { }

/*　会社情報 */
#INFORMATION { padding-bottom: 100px; }
#INFORMATION p { }

/*　プライバシーポリシー */
#PRIVACYPOLICY { padding-bottom: 100px; }
#PRIVACYPOLICY p { }

/*　フッダー */
#fooder { width: 100%; background-color: #f0f0f0; }
#fooder div.infooder { width: 99%; margin: 0 auto 0 1%; border-top: solid 1px #ccc; overflow: hidden;  }
#fooder div.infooder div.company { width: 35%; padding: 45px 0 45px; float:left; margin-right: 5% }
#fooder div.infooder div.company span { display:block; font-size:18px; font-weight: bold; padding-bottom: 10px; }
#fooder div.infooder ul.siteList01 { width: 25%; padding: 45px 0 45px; float: left; margin-left: 5%; }
#fooder div.infooder ul.siteList02 { width: 25%; padding: 45px 0 45px;  float: left; margin-left: 5%; }
#fooder div.infooder div.copyLight { clear: both; text-align: center; font-size: 14px; font-weight: bold; padding: 20px; border-top: solid 1px #ccc; }
#fooder div.infooder ul li a:hover { text-decoration: underline; opacity: 0.7; }
#fooder .regist {
	margin: 0 0 20px;
	text-align: center;
	font-size: 12px;
	}
	

/* add */
.recordBox,
.brandListBox {
	margin: 0 auto 40px;
	width: 1000px;
	overflow: hidden;
}

.recordBox ul,
.brandListBox ul {
	overflow: hidden;
}

.recordBox li,
.brandListBox li {
	list-style: none;
	float: left;
	margin-right: 40px;
	margin-bottom: 20px;
	width: 220px;
	height: 220px;
	border: solid 1px #eee;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.recordBox li:nth-child(4n),
.brandListBox li:nth-child(4n) {
	margin-right: 0;
}

.recordBox li a,
.brandListBox li a {
	 display: block;
	 float: left;
	 font-size: 14px;
}

.recordBox dl,
.brandListBox dl {
	position: relative;
	top: 0;
	left: 0;
	height: 100%;
}





.recordBox dt,
.brandListBox dt {
	width: 220px;
	overflow: hidden;
}

.recordBox dt img,
.brandListBox dt img {
	width: 90%;
	height: 90%;
}

.recordBox dd,
.brandListBox dd {
	position: absolute;
	top: 172px;
	padding: 15px;
	width: 100%;
	font-size: 12px;
	background: #eee;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.recordBox img,
.brandListBox img{
	display: block;
	margin: 0 auto;
	vertical-align: middle;
	text-align: center;
}

.more {
 margin: 0 auto 40px;
 width: 300px;
 font-size: 20px;
 text-align: center;
 border: solid 1px #31a589;
 border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.more a {
	position: relative;
	top: 0;
	le
	0;
	display: block;
 padding: 20px 0;
 color: #31a589;
	 box-sizing: border-box;
	 -o-box-sizing: border-box;
	 -ms-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 -webkit-box-sizing: border-box;
}

.more a:after {
 content: "\f054";
 font-family: FontAwesome;
 font-weight: bold;
 position: absolute;
 top: 50%;
 right: 20px;
 font-size: 12px;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.company {
	font-size: 14px;
}

.company p {
	margin: 0 auto 30px;
	width: 99%;
	text-align: center;
	line-height: 24px;
	letter-spacing: 1px;
	color: #333;
}

.company table {
	width: 100%;
	border-collapse:collapse;
	border-spacing:0;
}

.company table th {
	margin: 0;
	padding: 10px 0;
	border: 1px solid #999;
	background: #f0f0f0;
}

.company table td {
	margin: 0;
	padding: 0 10px;
	border: 1px solid #999;
}
.sitemap_box{
    float: left;
	width: 30%;
}
.sitemap dl{
    width: 100%;
    margin: auto;
    display: -webkit-flex;
    -webkit-justify-content: center;
    margin-top: 20px;
    margin-bottom: 20px;
}

.privacy  {
	font-size: 14px;
}

.privacy p {
	margin: 0 0 40px;
}

.privacy dt {
	margin: 0 0 10px;
	padding: 0 0 10px;
	font-weight: bold;
	border-bottom: 1px solid #999;
}

.privacy dd {
	margin: 0 0 30px;
	padding-left: 20px;
}

.privacy dd p{
	margin: 0 0 10px;
}

.privacy dd li {
	list-style: disc;
}

.privacy .company dt {
	border: none;
	margin: 0;
}

.privacy .company dd {
	margin: 0 0 5px;
	padding: 0;
}

.sitemap {
	text-align: center;
}

.sitemap dt {
	0px 5% 5% 1%
	font-weight: bold;
	font-size: 18px;
    text-align: left;
}

.sitemap dd {
    0 0 5% 3%
    font-size: 14px;
    text-align: left;
}

.sitemap dd li {
	margin:  0 0 10px;
}

}
@media screen and (max-width: 736px){
    *{ margin: 0px; padding: 0px; }

/*　基本 */
html{ padding: 0px; margin: 0px; }
body{
    width: 100%;
    padding: 0px;
    margin: 0px auto;
    color: #333;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
a                                   /*　リンク */   { text-decoration: none; }
a:link                              /*　リンク */   { color: #555; }
a:visited                           /*　リンク */   { color: #555; }
a:hover                             /*　リンク */   { color: #555; }
a:active                            /*　リンク */   { color: #555; }
ul { list-style-type: none; }

/*　ヘッダー */
#header { width: 100%; border-top: solid 5px #555; }
#header div.inHeader { width: 100%; margin: 0 auto; overflow: hidden; }
#header div.inHeader h1 { float:left;  }
#header div.inHeader h1 a {display: block;padding: 5px 10px;margin-top: 63px;font-size: 22px;margin-top: 60px;z-index: 9999;}
#header div.inHeader h1 a:hover { opacity: 0.7; }
#header div.inHeader ul             /*　ナビゲーション */   { float: right; }
#header div.inHeader ul li          /*　ナビゲーション */   { float: left; }
#header div.inHeader ul li a        /*　ナビゲーション */   { display: block; border-bottom: solid 2px #31a589;  width: 100px; font-size: 14px; font-weight: bold; text-align: center; border-bottom: solid 2px #555; padding: 50px 0 10px 0; margin-left: 30px; }
#header div.inHeader ul li a:hover,
#header div.inHeader ul li a.select /*　ナビゲーション */   { border-bottom: solid 2px #31a589; opacity: 0.7; }

/*　基本 */
#wrapper { width: 100%; clear: both; overflow: hidden; }
#wrapperClear{ width: 100%; overflow: hidden; }
div.mainVisual { background-image: url("../images/mainvisual.png"); background-position: 50% 50%; background-size: cover;  background-repeat: no-repeat; width: 100%; height: 500px; }
div.mainVisual .inBox{
    width: 100%;
    margin: 0 auto;
    clear: both;
    position: relative;
}
.container{
     width: 100%;
     margin: 0 auto;
     clear: both;
 }
div.mainVisual .inBox .catchBox {
    position: absolute;
    top: 160px;
    left: 0px;
    width: 440px;
    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 1px 1px 1px #FFF;
    padding: 30px 30px 20px;
    background-color: #fff;
    background-color: rgba(255,255,255,0.5);
    margin-bottom: 174px;
}

/*　ぱんくず */
div.topicpath li { display: inline-block;padding-left: 10px;font-size: 13px; }
div.topicpath li + li:before { margin: 0 30px; content: ">"; }

/*　導線 */
div.wire { width: 100%;  background-color: #f0f0f0; padding: 45px 0px; clear: both; }
div.wire div.inWire { width: 100%; margin: 0 auto; overflow: hidden; }
div.wire div.inWire div.aksent { margin: 0 auto; font-size: 19px; font-weight: bold; text-align: center; background-image: url("../images/aksent.png"); background-repeat: no-repeat; background-position: 50% 50%;  }
div.wire div.inWire div.line { padding: 40px 0 0; }
div.wire div.inWire div.line a {     margin: auto;width: 90%; padding: 12px 0; background-color: #00b900; font-size: 20px;  text-align: center; background-image: url("../images/line.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block;}
div.wire div.inWire div.line a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.line a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.mail {     padding: 11px 0 0; }
div.wire div.inWire div.mail a {     margin: auto;width: 90%; padding: 12px 0; background-color: #31a589; font-size: 20px;  text-align: center; background-image: url("../images/mail.png"); background-repeat: no-repeat; background-position: 10% 48%; border-radius: 5px 5px;color: #fff; display: block; }
div.wire div.inWire div.mail a:hover { background-color: rgba(49,165,137,0.7); }
div.wire div.inWire div.mail a span { display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.wire div.inWire div.tel {
	padding-top: 43px;
	text-align: center;
	background-image: url("../images/tel.png");
	background-repeat: no-repeat;
	background-position: 22vw 50%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10vw;
	color: #31a589;
	font-weight: bold;
	}
div.wire div.inWire div.tel span {
	font-size: 5vw;
	padding-left: 30px;
	color: #555;
	display: block;
}
div.borderBottom { border-bottom: solid 1px #ccc; }

/*　もっと見る  */
div.look { padding: 40px 0 50px; }
div.look a { margin: 0 auto; width: 300px; padding: 22px 0; border: solid 1px #31a589; font-size: 20px;  text-align: center; border-radius: 5px 5px; color: #31a589;; display: block; }
div.look a span { display: block; background-image: url("../images/arrow_green.png"); background-repeat: no-repeat; background-position: 90% 48%; }
div.look a:hover { opacity: 0.7; }

/*　見出し */
div.container h2 { clear: both; font-size: 28px; font-weight: bold; text-align: center; line-height: 62px; padding: 32px 0 15px; background-image: url("../images/x_line.png"); background-repeat: no-repeat; background-position: 50% 54%; letter-spacing: 2px;}
div.container h2 span {
	font-size: 12px;
	font-weight: normal;
	color: #777;
	letter-spacing: normal;
	line-height: 1;
	}
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

/*　サービス */
#SERVICE { padding-bottom: 40px; border-bottom: solid 1px #999; overflow: hidden; }
#SERVICE div.box01 { width: 300px; float:left; background-image: url("../images/aicon01.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; margin-right: 50px; }
#SERVICE div.box01 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box02 { width: 300px; float:left; background-image: url("../images/aicon02.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box02 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE div.box03 { width: 300px; float:right; background-image: url("../images/aicon03.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
#SERVICE div.box03 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; }
#SERVICE p { line-height: 30px; }

/*　メッセージ */
#MASSEGE { border-bottom: solid 1px #888; }
#MASSEGE p { line-height: 30px; background-image: url("../images/photo.png"); background-repeat: no-repeat; background-position: 100% 0%; padding-right: 400px;  padding-bottom: 132px; }

/*　パフォーマンス */
#PERFORMANCE                      /*　 */ { border-bottom: solid 1px #999; }
#PERFORMANCE div.box              /*　 */ { width: 1040px; overflow: hidden; padding-top: 10px; }
#PERFORMANCE div.box a            /*　リンク */ { float: left; display: block; width: 220px; height: 250px; margin-right: 40px;}
#PERFORMANCE div.box a div.title  /*　見出し */ { font-size: 18px; font-weight: bold; padding-bottom: 5px; }
#PERFORMANCE div.box a div.text   /*　説明文 */ { font-size: 12px; padding-bottom: 10px; }
#PERFORMANCE div.box a div.date   /*　日付 */   { font-size: 12px; }
#PERFORMANCE div.box a:hover      /*　リンク */ { opacity: 0.7; }

/*　よくあるご質問　*/
#QUESTION { }
#QUESTION div.QA { overflow: hidden; padding-bottom: 10px;padding-left: 10px;padding-right: 10px;}
#QUESTION div.QA div.Q { clear: both; padding-bottom: 15px; overflow: hidden; }
#QUESTION div.QA div.Q span {
 display: block;
 margin: 0 0 10px;
 padding-top: 2px;
 width: 40px;
 height: 38px;
 float: left;
 background-color: #ccc;
 font-size: 24px;
 text-align: center;
 color: #FFF;
 -webkit-border-radius: 50%;
 -moz-border-radius: 50%;
 border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#QUESTION div.QA div.Q p {
    font-size: 16px;
    padding-top: 9px;
    padding-left: 50px;
	}
#QUESTION div.QA div.A { clear: both;  }
#QUESTION div.QA div.A span {
	display: block;
    margin: 0 0 10px;
    float: left;
	padding-top: 5px;
    width: 40px;
    height: 38px;
	border: solid 2px #ccc;
	text-align: center;
	color: #ccc;
	font-size: 16px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#QUESTION div.QA div.A p {
    font-size: 16px;
    padding-top: 9px;
    padding-left: 50px;
    padding-bottom: 50px;
}

/*　ブランド */
/*
#BRAND { border-top: solid 1px #999; }
#BRAND ul { width: 1040px; overflow: hidden; padding-bottom: 20px; }
#BRAND ul li { }
#BRAND ul li a { display: block; padding-top: 180px; float: left; width: 218px; background-image: url("../images/brand_logo.png"); background-repeat: no-repeat; background-position: 50% 25%; font-size: 14px; margin: 0 40px 40px 0; border: solid 1px #eee; }
#BRAND ul li a:hover { opacity: 0.7;  }
#BRAND ul li span { display: block; background-color: #eee; padding: 10px; }
*/


/*　買取ガイド */
#GUIDE {
	border-bottom: solid 1px #999;
}
#GUIDE .contNvg{
	margin: 20px 0 40px;
	padding: 0 10px;
	width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	text-align: center;
}
#GUIDE .contNvg span{ display: inline-block; width: 46%; margin-right: 2%; }
#GUIDE .contNvg span:last-child{ margin-right: 0; }
#GUIDE .contNvg span a {
	display: block;
	background: #31a589;
	color: #FFF;
	border-radius: 3px;
	overflow: hidden;
	width: 100%;
	font-size: 14px;
	text-align: center;
	padding: 15px 0px;
}

#GUIDE .contNvg span a:hover{ opacity: 0.7 }
#GUIDE .contNvg span a.none{ background: #DDD; color: #666 }


#GUIDE ul { margin: auto;overflow: hidden;text-align: center;padding: 10px 10px 40px;}
#GUIDE ul li {
	float: left;
	margin-right: 6%;
	width: 47%;
}
#GUIDE ul li:nth-child(2n) {
	margin-right: 0;
}

#GUIDE ul li a { font-size: 18px; display: block ; }
#GUIDE ul li a.step01 { background-image: url("../images/aicon04.png"); background-repeat: no-repeat;background-position: top center;background-size: contain;}
#GUIDE ul li a.step02 { background-image: url("../images/aicon05.png"); background-repeat: no-repeat;background-position: top center;background-size: contain;}
#GUIDE ul li a.step03 { background-image: url("../images/aicon06.png"); background-repeat: no-repeat;background-position: top center;background-size: contain;}
#GUIDE ul li a.step04 { background-image: url("../images/aicon07.png"); background-repeat: no-repeat;background-position: top center;background-size: contain;}
#GUIDE ul li a span {
	display: block;
	padding-top: 48vw;
	padding-bottom: 15px;
	text-align: center;
}
#GUIDE ul li a.step05 { background-image: url("../images/aicon0502.png"); background-repeat: no-repeat; background-position: top;background-size: 177px;}

/*　STEP */
div.STEP { border-bottom: solid 1px #999; }
div.STEP div.noBox {
	padding: 0 10px;
	overflow: hidden;
	}
div.STEP div.noBox div.no123 {
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}
div.STEP div.noBox div.no123 span.step {
	clear: both;
	display: block;
    float: left;
	width: 31px;
	height: 31px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f0f0f0;
	color: #555;
	text-align: center;
	font-size: 18px;
	padding-top: 3px;
    margin-right: 10px;
}
div.STEP div.noBox div.no123 p {
font-size: 16px;
line-height: 30px;
}
div.STEP .exclamation { border: solid 1px #ccc;text-align: left;font-size: 18px;overflow: hidden;margin: 10px 10px 50px 10px;padding: 20px 10px 20px 10px; }
div.STEP .exclamation span { text-align: center;margin-right: 10px;display: block;width: 32px;height: 32px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #e73656;color: #fff;float: left;font-size: 24px;padding-top: -3px;margin-bottom: 9px; }
div.STEP .exclamation strong {
	color: #e73656;
	line-height: 1;
	font-size: 18px;
}
div.STEP .exclamation p {
	clear: both;
	font-size: 14px;
	}

/*　注意事項 */
#precaution { /*padding-bottom: 52px;*/padding-left: 10px;padding-right: 10px;}
#precaution  div.noBox { overflow: hidden;  }
#precaution  div.noBox div.no123 { clear: both; padding-bottom: 40px; overflow: hidden; }
#precaution  div.noBox div.no123 span {
	clear: both;
	display: block;
    float: left;
	width: 31px;
	height: 31px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background-color: #f0f0f0;
	color: #555;
	text-align: center;
	font-size: 18px;
	padding-top: 2px;
}
#precaution  div.noBox div.no123 p {
	font-size: 16px;
	line-height: 30px;
}
#precaution  div.noBox div.no123 p strong {
    display: block;
    font-weight: bold;
    line-height: 35px;
    margin-left: 40px; }

#precaution .exclamation {
	border: solid 1px #ccc;
	text-align: center;
	font-size: 18px;
	overflow: hidden;
	margin: 0 0 30px;
	padding: 10px;
}
#precaution .exclamation span { display: block;width: 32px;height: 32px;-webkit-border-radius: 50%;-moz-border-radius: 50%;border-radius: 50%;background-color: #e73656;color: #fff;float: left;font-size: 24px;padding-top: -3px;margin-bottom: 9px;  }
#precaution .exclamation strong {
	display: block;
	position: relative;
	top: 3px;
	padding-left: 40px;
	text-align: left;
	color: #e73656;
}
#precaution .exclamation p {
	clear: both;
	font-size: 16px;
	text-align: left;
}
#precaution .exclamation ul { margin: auto;overflow: hidden;text-align: center;padding: 10px 0 10px;}
#precaution .exclamation ul li {
	float: left;
	margin-right: 4%;
	margin-bottom: 20px;
	width: 48%;
	font-size: 14px;
	padding-top: 45vw;
}
#precaution .exclamation ul li:nth-child(2n){
	margin-right: 0;
}
#precaution .exclamation ul li div.text {
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	display: block;
	}
#precaution .exclamation ul li.type01 { background-image: url("../images/aicon08.png"); background-repeat: no-repeat; background-position: top center; background-size: contain;}
#precaution .exclamation ul li.type02 { background-image: url("../images/aicon09.png"); background-repeat: no-repeat; background-position: top center; background-size: contain;}
#precaution .exclamation ul li.type03 { background-image: url("../images/aicon10.png"); background-repeat: no-repeat; background-position: top center; background-size: contain;}
#precaution .exclamation ul li.type04 { background-image: url("../images/aicon11.png"); background-repeat: no-repeat; background-position: top center; background-size: contain;}

/*　ブランド詳細（左）01 */
#article { width: 650px; float: left; }
#article p { }
#article div.date { padding: 42px 0 45px;  }
#article div.prevNext { background-image: url("../images/hermes.png"); background-repeat: no-repeat; background-position: top center; padding-top: 600px; }
#article div.prevNext li { display: inline-block; }
#article div.prevNext li + li:before { margin: 0 30px; content: "｜"; }

/*　ブランド一覧（左）02 */
#article { width: 650px; float: left; margin-bottom: 45px; }
#article .brandName { background-image: url("../images/louis-vittion_logo.png"); background-repeat: no-repeat; background-position: left 30px; padding: 0 0 50px 180px; }
#article .brandBox { width: 680px; overflow: hidden; padding-bottom: 50px; }
#article .brandBox a { width: 145px; margin-right: 25px; float: left; display: block;  background-image: url("../images/bag.png"); background-repeat: no-repeat; background-position: top center; padding-top: 105px; font-size: 12px;  }
#article .brandBox a div.title { font-size: 14px; font-weight: bold;  padding: 10px 0; }
#article .brandBox a div.text { }
#article .brandBox a div.date { padding: 10px 0 47px; }
#article .pagerBox { width: 200px; margin: 0 auto; }
#article .pagerBox a { float: left; display: block; padding: 5px 8px; background-color: #f0f0f0; border-radius: 5px; margin-right: 10px; }

/*　アーカイブ（右） */
#archive { width: 300px; float: right; margin: 45px 0; }
#archive .archiveBox { background-color: #f0f0f0; padding: 10px;}
#archive .archiveBox h4 { background-color: #555; color: #FFF; padding: 5px; font-weight: normal;  }
#archive .archiveBox ul li { background-color: #FFF; padding: 5px;}

/*　ブランドリスト */
#BRANDLIST { padding-left: 10px;}
#BRANDLIST div.brandList {
	position: relative;
	left: -2px;
	width: 100%;
	overflow:hidden;
	font-size: 14px;
	font-weight: bold;
	line-height: 30px;
	margin-bottom: 50px;
	}
#BRANDLIST div.brandList a {
 display: inline-block;
 margin-bottom: 10px;
    padding: 10px;
    width: 15%;
 box-sizing: border-box;
 border: solid 1px #31a589;
 background-color: #31a589;
 color: #FFF;
 border-radius: 5px;
 text-align: center;
}
#BRANDLIST div.brandList a.none { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandList a:hover { border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#BRANDLIST div.brandList a.none:hover { background-color: #EEE; color: #CCC; border: solid 1px #EEE; }
#BRANDLIST div.brandSearch { clear: both; overflow: hidden; padding-bottom: 50px;    padding-right: 10px; }
#BRANDLIST div.brandSearch div.brandSearch_left { float: left; width: 100%; border-bottom: solid 2px #555; font-weight: bold; }
#BRANDLIST div.brandSearch ul.brandSearch_right { float: right; width: 100%; }
#BRANDLIST div.brandSearch ul.brandSearch_right li { float: left;width: 45%; padding-right: 5%;padding-top: 11px;}

/*　お問い合わせ */
#INQUIRY {
	padding: 0 10px 40px;
	overflow: hidden;
	}
#INQUIRY form {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#INQUIRY form table {
	margin: 0 0 30px;
	border-collapse: collapse;
    width: 100%;
	}
#INQUIRY form table th {
	background-color: #31a589;
	color: #FFF;
	padding: 10px;
	display: block;
	}
#INQUIRY form table th sup { color: #e03736; }
#INQUIRY form table td {
	border: solid 1px #31a589;
	padding: 10px;
	display: block;
	}
#INQUIRY form table td input {
	padding: 5px;
	border-radius: 2px;
	border: solid 1px #ccc;
	}
	#INQUIRY form table td.tel input {
	width: 25%;
	padding: 5px;
	border-radius: 2px;
	border: solid 1px #ccc;
	}
#INQUIRY form table td textarea {
	width: 100%;
	height: 10em;
	vertical-align: middle;
	border-radius: 2px;
	border: solid 1px #ccc;
}
#INQUIRY form input.reset {
	font-size: 20px;
	padding: 25px;
	border: solid 1px #31a589;
	border-radius: 5px;
	background-color: #FFF;
	color: #31a589;
	font-weight: bold;
	float: left;
	margin: 50px 0 0 100px;
	background-image: url("../images/arrow_green02.png");
	background-repeat: no-repeat;
	background-position: 10% 48%;
	}
#INQUIRY form input.reset:hover { opacity: 0.7; }
#INQUIRY form input.submit {
	margin: 0 auto;
	padding: 15px;
	width: 100%;
	font-size: 20px;
	background-color: #31a589;
	border-radius: 5px;
	border: none;
	color: #fff;
	font-weight: bold;
	background-image: url(../images/arrow.png);background-repeat: no-repeat;
	background-position: 90% 48%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#INQUIRY form input.submit:hover { opacity: 0.7; }

    #INQUIRY form table td input[type='text'] { padding: 10px; font-size: 14px; border-radius: 5px; border: solid 1px #ccc; width: 100%; box-sizing: border-box; }
    #INQUIRY form table td input[type='radio'] { margin-right: 5px; }
    #INQUIRY form table td textarea { width: 100%; height: 100px; box-sizing: border-box; font-size: 14px; padding: 10px; vertical-align: middle; border-radius: 5px; border: solid 1px #ccc; }
    #INQUIRY form a.reset { width: 48%; float: left; font-size: 16px; box-sizing: border-box; text-align: center; padding: 15px; border: solid 1px #31a589; border-radius: 5px; background-color: #FFF;  color: #31a589; font-weight: bold; margin: 0px 0px 0px; background-image: url("../images/arrow_green02.png"); background-repeat: no-repeat; background-position: 10% 48%;}
    #INQUIRY form a.reset:hover { opacity: 0.7; }
    #INQUIRY form input.submit { cursor: pointer; width: 80%; font-size: 16px; padding: 15px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
    #INQUIRY form input.submit:hover { opacity: 0.7; }
    #INQUIRY form input.submit2 { cursor: pointer; float: right; width: 48%; font-size: 16px; padding: 15px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; margin: 0px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
    #INQUIRY form input.submit2:hover { opacity: 0.7; }
    #INQUIRY a.backLink { cursor: pointer; width: 80%; font-size: 16px; padding: 10px; text-align: center; background-color: #31a589; border-radius: 5px; border: none; color: #fff; margin: 30px auto 0px; display: block; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
    #INQUIRY a.backLink:hover { opacity: 0.7; }


/*　会社情報 */
#INFORMATION { padding-bottom: 100px; }
#INFORMATION p { }

/*　会社情報 */
#INFORMATION { padding-bottom: 50px; }
#INFORMATION p { }

/*　プライバシーポリシー */
#PRIVACYPOLICY { padding-bottom: 100px; padding-left: 10px;
    padding-right: 10px;}
#PRIVACYPOLICY p { }

/* フッター */
#fooder {
	padding: 20px 0;
	width: 100%;
	text-align: center;
	background-color: #f0f0f0;
}
#fooder div.infooder {
	margin: 0 auto;
	padding: 20px 10px 0;
	width: 100%;
	border-top: solid 1px #ccc;
	overflow: hidden;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
#fooder div.infooder div.company {
	margin: 0 0 20px;
}
#fooder div.infooder div.company span { display:block; font-size:18px; font-weight: bold; padding-bottom: 10px; }

#fooder div.infooder ul.siteList01,
#fooder div.infooder ul.siteList02 {
    margin: 0 0 20px;
    width: 50%;
    float: left;
    text-align: left;
    line-height: 40px;
}
#fooder div.infooder div.copyLight { clear: both; text-align: center; font-size: 14px; font-weight: bold; padding: 20px; border-top: solid 1px #ccc; }
#fooder div.infooder ul li a:hover { text-decoration: underline; opacity: 0.7; }

#fooder .regist {
	text-align: center;
	font-size: 12px;
	}

/* add */
.recordBox,
.brandListBox {
    margin: 0 auto 40px;
    width: 100%;
    overflow: hidden;
}

.recordBox ul,
.brandListBox ul {
    overflow: hidden;
}

.recordBox li,
.brandListBox li {
    list-style: none;
    float: left;
    margin-right: 40px;
    margin-bottom: 20px;
    width: 220px;
    height: 220px;
    border: solid 1px #eee;
     box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}

.recordBox li:nth-child(4n),
.brandListBox li:nth-child(4n) {
    margin-right: 0;
}

.recordBox li a,
.brandListBox li a {
     display: block;
     float: left;
     font-size: 14px;
}

.recordBox dl,
.brandListBox dl {
    position: relative;
    top: 0;
    left: 0;
    height: 100%;
}





.recordBox dt,
.brandListBox dt {
    width: 220px;
    overflow: hidden;
}

.recordBox dt img,
.brandListBox dt img {
    width: 90%;
    height: 90%;
}

.recordBox dd,
.brandListBox dd {
    position: absolute;
    top: 172px;
    padding: 15px;
    width: 100%;
    font-size: 12px;
    background: #eee;
     box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}

.recordBox img,
.brandListBox img{
    display: block;
    margin: 0 auto;
    vertical-align: middle;
    text-align: center;
}

.more {
 margin: 0 auto 40px;
 width: 300px;
 font-size: 20px;
 text-align: center;
 border: solid 1px #31a589;
 border-radius: 5px;
 -o-border-radius: 5px;
 -ms-border-radius: 5px;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
}

.more a {
    position: relative;
    top: 0;
    le
    0;
    display: block;
 padding: 20px 0;
 color: #31a589;
     box-sizing: border-box;
     -o-box-sizing: border-box;
     -ms-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
}

.more a:after {
 content: "\f054";
 font-family: FontAwesome;
 font-weight: bold;
 position: absolute;
 top: 50%;
 right: 20px;
 font-size: 12px;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
}

.company {
    font-size: 14px;
}

.company p {
    margin: 0 auto 30px;
    text-align: left;
    line-height: 24px;
    letter-spacing: 1px;
    color: #333;
        padding-left: 10px;
    padding-right: 10px;
}

.company table {
    width: 94%;
    margin: auto;
    border-collapse: collapse;
    border-spacing: 0;
}

.company table th {
    margin: 0;
    padding: 10px 0;
    border: 1px solid #999;
    background: #f0f0f0;
}

.company table td {
    margin: 0;
    padding: 0 10px;
    border: 1px solid #999;
}



.privacy  {
    font-size: 14px;
}

.privacy p {
    margin: 0 0 40px;
}

.privacy dt {
    margin: 0 0 10px;
    padding: 0 0 10px;
    font-weight: bold;
    border-bottom: 1px solid #999;
}

.privacy dd {
    margin: 0 0 30px;
    padding-left: 20px;
}

.privacy dd p{
    margin: 0 0 10px;
}

.privacy dd li {
    list-style: disc;
}

.privacy .company dt {
    border: none;
    margin: 0;
}

.privacy .company dd {
    margin: 0 0 5px;
    padding: 0;
}

.sitemap {
    text-align: center;
}

.sitemap dt {
    margin:  0 0 20px;
    font-weight: bold;
    font-size: 18px;
}

.sitemap dd {
    margin:  0 0 40px;
    font-size: 14px;
}

.sitemap dd li {
    margin:  0 0 10px;
}
}