@charset "utf-8";
/* CSS Document */
@media screen and (min-width: 767px){
*{ 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%; background-image: url("../images/mainvisual2.png");  background-size: contain;  background-repeat: no-repeat; clear: both;  overflow: hidden; }
#wrapperClear{ width: 100%; overflow: hidden; }
div.container { width: 1000px; margin: 0 auto; clear: both; }
div.container div.catchcopy {

    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 1px 1px 1px #FFF;

}
.line2 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 300px;
    font-size: 20px;
    text-align: center;
    background-color: #00b900;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    margin-bottom: 12px;
    margin-top: 30px;
}

.line2:after {

    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 12px;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.line2 a {
    position: relative;
    top: 0;
    left: 0;
    padding: 22px 0 22px 22px;
    display: block;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
}
.line2_text{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
}



/*　ぱんくず */
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; border-top: solid 1px #ccc; }
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: 32px; color: #31a589; font-weight: bold; }
div.wire div.inWire div.tel span { font-size: 20px; padding-left: 30px; color: #555; display: block; }


/*　もっと見る  */
div.look { padding: 50px 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%;    color: #31a589; font-size: 20px;}
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; letter-spacing: 2px;}
div.container span {   letter-spacing: normal; }
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

/*　サービス */
.SERVICE { padding-bottom: 40px; overflow: hidden;}
.SERVICE div.box01 { width: 300px;background-size: 65%;  background-image: url("../images/step01.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px;  }
.SERVICE div.box01 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; padding-bottom: 20px;}
.SERVICE div.box02 { background-size: 65%;width: 300px; background-image: url("../images/step02.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; padding-bottom: 20px;}
.SERVICE div.box03 { width: 300px;background-size: 65%; background-image: url("../images/step03.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; padding-bottom: 20px;}
.SERVICE p { line-height: 30px; }
.SERVICE div.box04 {         width: 40%;
    margin-left: 10%;
    float: left;
    background-image: url(../images/step04.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-top: 208px;}
.SERVICE div.box04 span {
    margin: 0 auto;
    width: 190px;
    font-size: 18px;
    text-align: center;
    background-color: #5f747d;
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    color: #fff;
    margin-bottom: 12px;
    padding: 10px 0px 10px 0px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
    display: block;
    font-size: 19px;
}
.SERVICE div.box05 {         width: 40%;
    float: left;
    background-image: url(../images/step05.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-top: 208px; }
.SERVICE div.box05 span { 
    margin: 0 auto;
    width: 190px;
    font-size: 18px;
    text-align: center;
    background-color: #5f747d;
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    color: #fff;
    margin-bottom: 12px;
    padding: 10px 0px 10px 0px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
    display: block;
    font-size: 19px;
}
.SERVICE div.box06 { width: 300px; float:right; background-image: url("../images/step06.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
.SERVICE div.box06 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; padding-bottom: 20px;}
.SERVICE p {     padding-top: 20px;}
/*　メッセージ */
.weight{
	font-size: 20px;
    font-weight: 700;
    color: #777;
    letter-spacing: normal;
    padding-left: 20px;
}
.box_text_box{
	    padding-left: 50px;
}
.box_text{

}
.box_wrap{
	width: 320px;
    float: left;
}

/*　パフォーマンス */
#PERFORMANCE                      /*　 */ { clear: both;    padding-top: 40px;}
#PERFORMANCE div.box              /*　 */ { width: 1040px; overflow: hidden; padding-top: 10px; }
#PERFORMANCE div.box a            /*　リンク */ { float: left; padding: 170px 0 48px; display: block; width: 220px; background-image: url("../images/brand_bag.png"); background-repeat: no-repeat; 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 {clear: both;    padding-top: 40px; }
#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: 45px; 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 { float: left; font-size: 20px; line-height: 30px; padding: 8px 0 85px 30px; }

/*　ブランド */

#BRAND{border-top: solid 1px #999;}
#MASSEGE{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 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 { 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; width: 30px;  background-color: #31a589; color: #FFF; border-radius: 5px; margin-right: 8.7px; text-align: center; }
#BRANDLIST div.brandList a.select { width: 28px; height: 28px; border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#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 { padding: 20px 0 0; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form table td textarea { width: 500px; height: 100px; vertical-align: middle; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form input.reset { width: 300px; 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 { width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; float: right; margin: 50px 100px 0 0px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit: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; }
.Product_pic{
    float: left;
    text-align: center;
    width: 50%;
    padding-bottom: 20px;
}
.line_pic_wrap{
	    width: 1000px;
    margin: auto;
    display: -webkit-flex;
    -webkit-justify-content: center;
    padding-top: 50px;
    padding-bottom: 40px;
}
.line_pic{
	margin-left: 50px;
    margin-right: 50px;
}
.Product_pic p{
    text-align: left;
    padding-left: 31px;

}
.underline1{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 150px;
    margin: auto;
}
.underline2{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 450px;
    margin: auto;
}
.underline3{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 247px;
    margin: auto;
}
.underline4{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 380px;
    margin: auto;
}
.sub_text{
line-height: 62px;
font-size: 14px;
font-weight: normal;
}
.underline5{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 270px;
    margin: auto;
}
.underline6{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 450px;
    margin: auto;
}
.underline7{
    border-top: solid 1px #999;
}
.no123 {
    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;
}
.spVisual {
    background-image: url(../images/mainvisual4.png);
    background-size: cover;
}
.spVisual .titleBox {
    width: 1000px;
    margin: auto;
}
.main_title_pic {
    max-width: 100%;
    height: auto;
    margin-bottom: -6px;
}



/* 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;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.recordBox dt img,
.brandListBox dt img {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.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 {
 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 p {
	margin: 0 auto 30px;
	width: 980px;
	text-align: center;
	font-size: 14px;
	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;
}



.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;
}



.shootPoint,
.buyPoint {
	overflow: hidden;
}

.shootPoint li {
	float: left;
	margin-right: 40px;
	margin-bottom: 40px;
	width: 480px;
	text-align: center;
	font-size: 14px;
}

.buyPoint li {
	float: left;
	margin-right: 20px;
	width: 235px;
	text-align: center;
	font-size: 14px;
}


.shootPoint li:last-child,
.buyPoint li:last-child {
	margin-right: 0;
	}

.shootPoint li dt,
.buyPoint li dt {
	margin: 0 0 20px;
}

.shootPoint li dt img,
.buyPoint li dt img {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.br-sp { display:none; }
.shootPoint li dd,
.buyPoint li dd {
 padding: 0 20px;
}

.shootPoint li dd.point,
.buyPoint li dd.point {
 font-weight: bold;
 margin-bottom: 10px;
}

.shootPoint li dd span,
.buyPoint li dd span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}
}
@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%; background-image: url("../images/mainvisual2.png");  background-size: contain;  background-repeat: no-repeat; clear: both;  overflow: hidden; }
#wrapperClear{ width: 100%; overflow: hidden; }
div.container { width: 100%; margin: 0 auto; clear: both; }
div.container div.catchcopy {

    font-size: 30px;
    font-weight: bold;
    line-height: 60px;
    text-shadow: 1px 1px 1px #FFF;

}
.line2 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 300px;
    font-size: 20px;
    text-align: center;
    background-color: #00b900;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    margin-bottom: 12px;
    margin-top: 30px;
}

.line2:after {

    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 12px;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.line2 a {
    position: relative;
    top: 0;
    left: 0;
    padding: 22px 0 22px 22px;
    display: block;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
}
.line2_text{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
}



/*　ぱんくず */
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; border-top: solid 1px #ccc; }
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: 32px; color: #31a589; font-weight: bold; }
div.wire div.inWire div.tel span { font-size: 20px; padding-left: 30px; color: #555; display: block; }


/*　もっと見る  */
div.look { padding: 50px 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%;    color: #31a589; font-size: 20px;}
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; letter-spacing: 2px;}
div.container span {   letter-spacing: normal; }
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

/*　サービス */
.SERVICE { padding-bottom: 40px; overflow: hidden;}
.SERVICE div.box01 { width: 300px;background-size: 65%;  background-image: url("../images/step01.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px;  }
.SERVICE div.box01 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; padding-bottom: 20px;}
.SERVICE div.box02 { background-size: 65%;width: 300px; background-image: url("../images/step02.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; padding-bottom: 20px;}
.SERVICE div.box03 { width: 300px;background-size: 65%; background-image: url("../images/step03.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; padding-bottom: 20px;}
.SERVICE p { line-height: 30px; }
.SERVICE div.box04 {         width: 40%;
    margin-left: 10%;
    float: left;
    background-image: url(../images/step04.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-top: 208px;}
.SERVICE div.box04 span {
    margin: 0 auto;
    width: 190px;
    font-size: 18px;
    text-align: center;
    background-color: #5f747d;
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    color: #fff;
    margin-bottom: 12px;
    padding: 10px 0px 10px 0px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
    display: block;
    font-size: 19px;
}
.SERVICE div.box05 {         width: 40%;
    float: left;
    background-image: url(../images/step05.png);
    background-repeat: no-repeat;
    background-position: 50% 0%;
    padding-top: 208px; }
.SERVICE div.box05 span { 
    margin: 0 auto;
    width: 190px;
    font-size: 18px;
    text-align: center;
    background-color: #5f747d;
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    color: #fff;
    margin-bottom: 12px;
    padding: 10px 0px 10px 0px;
    background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
    display: block;
    font-size: 19px;
}
.SERVICE div.box06 { width: 300px; float:right; background-image: url("../images/step06.png"); background-repeat: no-repeat; background-position: 50% 0%; padding-top: 208px; }
.SERVICE div.box06 span { text-align: center; display: block; font-size: 24px; font-weight: bold; line-height: 23px; padding-bottom: 20px;}
.SERVICE p {     padding-top: 20px;}
/*　メッセージ */
.weight{
	font-size: 20px;
    font-weight: 700;
    color: #777;
    letter-spacing: normal;
    padding-left: 20px;
}
.box_text_box{
	    padding-left: 50px;
}
.box_text{

}
.box_wrap{
	width: 30%;
    float: left;
}

/*　パフォーマンス */
#PERFORMANCE                      /*　 */ { clear: both;    padding-top: 40px;}
#PERFORMANCE div.box              /*　 */ { width: 1040px; overflow: hidden; padding-top: 10px; }
#PERFORMANCE div.box a            /*　リンク */ { float: left; padding: 170px 0 48px; display: block; width: 220px; background-image: url("../images/brand_bag.png"); background-repeat: no-repeat; 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 {clear: both;    padding-top: 40px; }
#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: 45px; 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 { float: left; font-size: 20px; line-height: 30px; padding: 8px 0 85px 30px; }

/*　ブランド */

#BRAND{border-top: solid 1px #999;}
#MASSEGE{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 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 { 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; width: 30px;  background-color: #31a589; color: #FFF; border-radius: 5px; margin-right: 8.7px; text-align: center; }
#BRANDLIST div.brandList a.select { width: 28px; height: 28px; border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#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 { padding: 20px 0 0; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form table td textarea { width: 500px; height: 100px; vertical-align: middle; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form input.reset { width: 300px; 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 { width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; float: right; margin: 50px 100px 0 0px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit: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%; font-size: 14px; }
#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%; margin-right: 0; }
#fooder div.infooder ul.siteList02 { width: 25%; padding: 45px 0 45px;  float: left; margin-left: 5%; }
#fooder .regist {	text-align: center;	font-size: 12px; margin: 0 0 20px;}
#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; }
.Product_pic{
    float: left;
    text-align: center;
    width: 50%;
    padding-bottom: 20px;
}
.line_pic_wrap{
	    width: 1000px;
    margin: auto;
    display: -webkit-flex;
    -webkit-justify-content: center;
    padding-top: 50px;
    padding-bottom: 40px;
}
.line_pic{
	margin-left: 50px;
    margin-right: 50px;
}
.Product_pic p{
    text-align: left;
    padding-left: 31px;

}
.underline1{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 150px;
    margin: auto;
}
.underline2{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 450px;
    margin: auto;
}
.underline3{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 247px;
    margin: auto;
}
.underline4{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 380px;
    margin: auto;
}
.sub_text{
line-height: 62px;
font-size: 14px;
font-weight: normal;
}
.underline5{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 270px;
    margin: auto;
}
.underline6{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 450px;
    margin: auto;
}
.underline7{
    border-top: solid 1px #999;
}
.no123 {
    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;
}
.spVisual {
    background-image: url(../images/mainvisual4.png);
    background-size: cover;
}
.spVisual .titleBox {
    width: 100%;
    margin: auto;
}
.main_title_pic {
    max-width: 100%;
    height: auto;
    margin-bottom: -6px;
}



/* add */
.recordBox,
.brandListBox {
    margin: 0 auto 40px 15px;
    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;
    height: 220px;
    overflow: hidden;
    position: relative;
}

.recordBox dt img,
.brandListBox dt img {
  position: absolute;
  top: 40%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.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 {
 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 p {
	margin: 0 auto 30px;
	width: 980px;
	text-align: center;
	font-size: 14px;
	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;
}



.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;
}



.shootPoint,
.buyPoint {
	overflow: hidden;
}

.shootPoint li {
	float: left;
	margin-left: 28px;
	margin-right: 0px;
	margin-bottom: 40px;
	width: 45%;
	text-align: center;
	font-size: 14px;
}

.buyPoint li {
	float: left;
	margin-right: 0px;
	margin-left: 15px;
	width: 235px;
	text-align: center;
	font-size: 14px;
}


.shootPoint li:last-child,
.buyPoint li:last-child {
	margin-right: 0;
	}

.shootPoint li dt,
.buyPoint li dt {
	margin: 0 0 20px;
}

.shootPoint li dt img,
.buyPoint li dt img {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.br-sp { display:none; }
.shootPoint li dd,
.buyPoint li dd {
 padding: 0 20px;
}

.shootPoint li dd.point,
.buyPoint li dd.point {
 font-weight: bold;
 margin-bottom: 10px;
}

.shootPoint li dd span,
.buyPoint li dd span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}
}
@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 a {
    color: #31a589;
}
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-weight: bold; text-align: center; line-height: 39px; padding: 32px 0 15px; 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;
	    padding-left: 2%;
    padding-right: 2%;
	}
	.SERVICE div.box04 {
    background-image: url(../images/step04.png);
    float: left;
    margin-left: 3%;
    margin-bottom: 20px;
    width: 48%;
    font-size: 14px;
    padding-top: 54vw;
    background-repeat: no-repeat;
}
.SERVICE div.box05 {
    background-image: url(../images/step05.png);
    float: left;
    /* margin-right: 4%; */
    margin-bottom: 20px;
    width: 48%;
    font-size: 14px;
    padding-top: 54vw;
    background-repeat: no-repeat;
}
.SERVICE div.box06 {
    background-image: url(../images/step06.png);
    float: left;
    margin-left: 3%;
    margin-bottom: 20px;
    width: 48%;
    font-size: 14px;
    padding-top: 54vw;
    background-repeat: no-repeat;
}
.SERVICE div.box04 span {
    text-align: center;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    padding-bottom: 20px;
}
.SERVICE div.box05 span {
    text-align: center;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    padding-bottom: 20px;
}
.SERVICE div.box06 span {
    text-align: center;
    display: block;
    font-size: 24px;
    font-weight: bold;
    line-height: 23px;
    padding-bottom: 20px;
}
div.container h3 { clear: both; font-size: 24px; font-weight: bold; padding: 36px 0 34px; }

.line2 {
    position: relative;
    top: 0;
    left: 0;
    margin: 0 auto;
    width: 300px;
    font-size: 20px;
    text-align: center;
    background-color: #00b900;
    background-image: url(../images/line.png);
    background-repeat: no-repeat;
    background-position: 10% 48%;
    border-radius: 5px 5px;
    margin-bottom: 12px;
    margin-top: 30px;
}

.line2:after {

    font-weight: bold;
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 12px;
    color: #fff;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.line2 a {
    position: relative;
    top: 0;
    left: 0;
    padding: 22px 0 22px 22px;
    display: block;
    color: #fff;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
        background-image: url(../images/arrow.png);
    background-repeat: no-repeat;
    background-position: 90% 48%;
}
.line2_text{
    text-align: center;
    padding-bottom: 30px;
    font-size: 20px;
}
/*　サービス */
#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 {clear: both;       padding-left: 2%; padding-right: 2%; }
#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: 45px; 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 { float: left; font-size: 20px; line-height: 30px; padding: 8px 0 85px 30px; }

/*　ブランド */

#BRAND{border-top: solid 1px #999;}
#MASSEGE{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 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 { 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; width: 30px;  background-color: #31a589; color: #FFF; border-radius: 5px; margin-right: 8.7px; text-align: center; }
#BRANDLIST div.brandList a.select { width: 28px; height: 28px; border: solid 1px #31a589; color: #31a589; background-color: #FFF; }
#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 { padding: 20px 0 0; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form table td textarea { width: 500px; height: 100px; vertical-align: middle; border-radius: 2px; border: solid 1px #ccc; }
#INQUIRY form input.reset { width: 300px; 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 { width: 300px; font-size: 20px; padding: 25px; background-color: #31a589; border-radius: 5px; border: none; color: #fff; font-weight: bold; float: right; margin: 50px 100px 0 0px; background-image: url("../images/arrow.png"); background-repeat: no-repeat; background-position: 90% 48%; }
#INQUIRY form input.submit:hover { opacity: 0.7; }

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

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

/*　プライバシーポリシー */
#PRIVACYPOLICY { padding-bottom: 100px; }
#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;}

.Product_pic{
    float: left;
    text-align: center;
    width: 50%;
    padding-bottom: 20px;
}

.Product_pic p{
    text-align: left;
    padding-left: 31px;

}
.underline1{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 150px;
    margin: auto;
}
.underline2{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 210px;
    margin: auto;
}
.underline3{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 247px;
    margin: auto;
}
.underline4{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 190px;
    margin: auto;
}
.underline5{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 270px;
    margin: auto;
}
.underline6{
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
    width: 290px;
    margin: auto;
}
.sub_text{
	display:block;
	line-height: 32px;
	padding-top: 14px;
}
.br-sp2 { display:none; }

.no123 {
    overflow: hidden;
    float: left;
}
.box01 span{
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 23px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #777;
}
.box01{
background-image: url(../images/step01.png);
background-repeat: no-repeat;
    background-size: contain;
    display: block;
    padding-top: 38vw;
    padding-bottom: 15px;
    text-align: center;
    float: left;
    width: 47%;
}

.box02 span{
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 23px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #777;
}
.weight{
    font-weight: bold;
    margin-top: 5px;
    float: left;
    margin-left: 5px;
}
.box_text_box{
    margin-top: 14px;
    margin-bottom: 50px;
    float: left;
    width: 50%;
}
.box_text{
    padding-top: 20px;
    clear: both;
}
.box02{
background-image: url(../images/step02.png);
background-repeat: no-repeat;
    background-size: contain;
    display: block;
    padding-top: 38vw;
    padding-bottom: 15px;
    text-align: center;
    float: left;
    width: 47%;
}
.box03 span{
    text-align: center;
    display: block;
    font-size: 24px;
    line-height: 23px;
    padding-bottom: 20px;
    padding-top: 20px;
    color: #777;
}
.box03{
background-image: url(../images/step03.png);
background-repeat: no-repeat;
    background-size: contain;
    display: block;
    padding-top: 38vw;
    padding-bottom: 15px;
    text-align: center;
    float: left;
    width: 47%;
}
.no123 p{
    font-size: 16px;
    line-height: 30px;
}
.step {
    clear: both;
    display: block;
    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;
}
.line_pic_wrap{

}
.line_pic{
    width: 90%;
    padding-left: 5%;
    padding-right: 5%;
    padding-top: 50px;
}
.noBox {
    padding: 0 10px;
    overflow: hidden;
}
.spVisual {
    background-image: url(../images/mainvisual4.png);
    background-size: cover;
    margin-top: 45px;
}
.spVisual .titleBox {
    width: 640px;
    margin: auto;
}
.main_title_pic {
    max-width: 90%;
    height: auto;
    margin-left: -209px;
    padding-top: 10px;
    padding-bottom: 10px;
}



.recordBox,
.brandListBox {
    overflow: hidden;
}

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

.recordBox li,
.brandListBox li {
    list-style: none;
    float: left;
    margin-bottom: 15vw;
    width: 46%;
    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;
    margin-left: 2%;
    margin-right: 2%;
}

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

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

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



.recordBox dt,
.brandListBox dt {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 200px;
}

.recordBox dt img,
.brandListBox dt img {
  position: absolute;
  top: 45%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 100%;
  height: auto;
}

.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;
}

/* add */
.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 p {
	margin: 0 auto 30px;
	width: 980px;
	text-align: center;
	font-size: 14px;
	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;
}



.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;
}



.shootPoint,
.buyPoint {
	overflow: hidden;
	padding-left: 2%;
    padding-right: 2%;
}

.shootPoint li {
	float: left;
	margin-bottom: 40px;
	text-align: center;
	font-size: 14px;
}

.buyPoint li {
	text-align: center;
}


.shootPoint li:last-child,
.buyPoint li:last-child {
	margin-right: 0;
	}

.shootPoint li dt,
.buyPoint li dt {
	margin: 0 0 20px;
}

.shootPoint li dt img,
.buyPoint li dt img {
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

.shootPoint li dd,
.buyPoint li dd {
 padding: 0 20px;
}

.shootPoint li dd.point,
.buyPoint li dd.point {
 font-weight: bold;
 margin-bottom: 10px;
}

.shootPoint li dd span,
.buyPoint li dd span {
	display: block;
	margin-top: 10px;
	font-size: 12px;
	font-weight: normal;
}
	}