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

img {
 margin: 0;
 padding: 0;
 vertical-align: bottom;
}
/*---------------------------
main
---------------------------*/
.tradein {
 width: 960px;
 color: #333333;
 font-size: 18px;
 line-height: 150%;
 font-feature-settings : "palt";
 -webkit-text-size-adjust: none;/* iPhoneでの文字サイズ自動修正を使わない*/
 font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", "Osaka", sans-serif;
 letter-spacing: 1px;
 margin: 0  auto 150px auto;
}
.tradein a:hover {
 opacity: 0.6;
 filter: alpha(opacity=60);
 -ms-filter: "alpha(opacity=60)";
}
.pc_none {
 display: none;
}
.sp_none {
 display: inherit;
}
/*---------------------------
title
---------------------------*/
.tradein_title {
 background: url(../images/tradein_title_back.jpg);
 text-align: center;
 padding: 20px 0;
}
.tradein_title_text1 {
 color: #fff;
 font-size: 30px;
 line-height: 36px;
 letter-spacing: 0.1em;
 font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 margin: 0 0 12px 0;
}
.tradein_title_text2 {
 color: #fff;
 font-size: 48px;
 line-height: 48px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 0 0 12px 0;
}
.tradein_title_text3 {
 color: #fff100;
 font-size: 18px;
 line-height: 24px;
 font-weight: bold;
 letter-spacing: 0.1em;
 margin: 0;
}
/*---------------------------
tradein_title_photo
---------------------------*/
.tradein_title_photo {
 background: url(../images/tradein_title_photo.jpg);
 position: relative;
 height: 866px;
 padding: 0 0 0 54px;
}
.tradein_title_photo_text1 {
 position: absolute;
 color: #fff;
 font-size: 30px;
 line-height: 36px;
 letter-spacing: 0.09em;
 font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 top: 38px;
 margin: 0;
}
.tradein_title_photo_text2 {
 position: absolute;
 color: #c6187c;
 font-size: 72px;
 line-height: 80px;
 letter-spacing: 0.04em;
 font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 top: 140px;
 margin: 0;
}
.tradein_title_photo_text3 {
 position: absolute;
 color: #fff;
 font-size: 18px;
 line-height: 20px;
 letter-spacing: 0.05em;
 top: 328px;
 margin: 0;
}
.tradein_title_photo_text4 {
 position: absolute;
 color: #fff;
 font-size: 24px;
 line-height: 24px;
 letter-spacing: 0.1em;
 font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 top: 364px;
 margin: 0;
}
.tradein_title_photo_set {
 position: absolute;
 top: 417px;
}
.tradein_title_photo_text5 {
 color: #fff;
 font-size: 18px;
 line-height: 24px;
 margin: 5px 0 0 112px;
 display: block;
}
.tradein_title_photo_text6 {
 position: absolute;
 color: #fff;
 font-size: 18px;
 line-height: 24px;
 font-weight: bold;
 display: block;
 top: 508px;
 left: 385px;
}
.tradein_title_photo_text7 {
 position: absolute;
 color: #fff;
 font-size: 14px;
 line-height: 24px;
 letter-spacing: 0.1em;
 top: 685px;
 width: 496px;
 margin: 0;
}
.tradein_title_photo_text8 {
 position: absolute;
 color: #fff;
 font-size: 12px;
 line-height: 24px;
 letter-spacing: 0.05em;
 font-family: "游明朝", "Yu Mincho", "游明朝体", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
 bottom: 35px;
 margin: 0;
}
/*---------------------------
tradein_campagin
---------------------------*/
.tradein_campaign {
 background: #e1d9ae;
 padding: 0 0 30px 0;
}
.tradein_campaign_pink {
 font-size:30px;
 color:#d82e8b;
}
.tradein_campaign_price {
 margin: 0 auto;
}
.tradein_campaign_price1 {
 float: left;
 font-weight: bold;
}
.tradein_campaign_price1_1 {
 font-size: 24px;
 font-family: "Arial Black", Gadget, sans-serif;
}
.tradein_campaign_price1_2 {
 font-size: 36px;
 font-family: "Arial Black", Gadget, sans-serif;
}
.tradein_campaign_price1_3 {
 font-size: 18px;
}
.tradein_campaign_price2 {
 float: left;
 width: 140px;
}
.tradein_campaign_price3 {
 float: left;
 color: #e60012;
 font-weight: bold;
 padding: 10px 0 0 0;
}
.tradein_campaign_price3_1 {
 font-size: 50px;
 font-family: "Arial Black", Gadget, sans-serif;
 letter-spacing: -5px;
}
.tradein_campaign_price3_2 {
 font-size: 90px;
 font-family: "Arial Black", Gadget, sans-serif;
 letter-spacing: -5px;
}
.tradein_campaign_price3_3 {
 font-size: 18px;
}
.tradein_campaign_text {
 text-align: center;
 font-weight: bold;
}
.tradein_product {
 background: #fff;
 border: 1px solid #d70c19;
 width: 858px;
 margin: 0 auto 27px auto;
 padding: 0 0 30px 0;
 overflow: hidden;
 zoom: 1;
}
.tradein_product_l {
 float: left;
 width: 570px;
 font-size: 18px;
 line-height: 30px;
}
.tradein_product_r {
 float: right;
 width: 282px;
 padding: 27px 0 0 0;
}
.tradein_product_r img {
 width: 254px;
}
.tradein_product_tab {
 color: #fff;
 font-size: 30px;
 line-height: 60px;
 letter-spacing: 0.1em;
 font-weight: bold;
 background: #d70c19;
 text-align: center;
 border-bottom-right-radius: 8px;
 width: 197px;
 margin: 0;
}
.tradein_product_text1 {
 margin: 37px 0 0 27px;
}
.tradein_product_name {
 overflow: hidden;
 zoom: 1;
 margin: 0 0 0 27px;
}
.tradein_product_name_l {
 float: left;
 margin: 0;
}
.tradein_product_name_r {
 float: left;
}
.tradein_product_howto_title {
 background: #d82e8b;
 width: 858px;
 margin: 0 auto;
}
.tradein_product_howto_title p {
 color: #fff;
 text-align: center;
 margin: 0;
 font-size: 30px;
 line-height: 60px;
 letter-spacing: 0.1em;
 font-weight: bold;
}
.tradein_product_howto {
 background: #fff;
 border: 1px solid #d82e8b;
 width: 858px;
 margin: 0 auto;
 padding: 6px 0 0 0;
}
.tradein_product_howto_box {
 width: 788px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 border-bottom: 1px solid #d82e8b;
 box-sizing:border-box;
 padding: 24px 0;
}
.tradein_product_howto_box1 {
 width: 788px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 padding: 24px 0;
}
.tradein_product_howto_box p {
 margin: 0;
}
.tradein_product_howto_box1 p {
 margin: 0;
}
.tradein_product_howto_box_l {
 float: left;
 width: 120px;
 font-size: 24px;
 font-weight: bold;
 color: #d82e8b;
}
.tradein_product_howto_box_r {
 float: left;
 width: 668px;
 font-size: 18px;
}
.tradein_product_howto_letter {
 width: 788px;
 margin: 0 auto;
 border-bottom: 1px solid #d82e8b;
 box-sizing:border-box;
 padding: 0 0 24px 0;
}
.tradein_product_howto_letter img {
 width: 568px;
 margin: 0 0 0 120px;
}
.tradein_product_text_pink {
 color: #d82e8b;
}
.tradein_product_text_note {
 color: #d82e8b;
 font-size: 14px;
}
.mb30 {
 margin-bottom: 30px !important;
}
/*---------------------------
tradein_set
---------------------------*/
.tradein_set {
 width: 788px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
}
.tradein_set_l {
 float: left;
}
.tradein_set_r {
 float: right;
 width: 400px;
}
.tradein_set_text1 {
 color: #e5004f;
 font-size: 16px;
 line-height: 30px;
 border: 1px solid #e5004f;
 letter-spacing: 0.2em;
 padding: 0 10px;
}
.tradein_set_text2 {
 font-size: 24px;
 line-height: 30px;
 border-bottom: 1px solid #000;
 padding: 0 0 27px 12px;
 margin: 0 0 27px 0;
}
.tradein_set_text3 {
 font-size: 20px;
 line-height: 30px;
 margin: 0 0 27px 12px;
}
.tradein_set_text4 {
 font-size: 16px;
 line-height: 27px;
 margin: 0 0 27px 12px;
}
.tradein_set_text5 {
 font-size: 18px;
 line-height: 27px;
 margin: 0 0 27px 12px;
}
.tradein_set_text5_price {
 font-weight: bold;
 color: #e5004f;
 font-size: 26px;
}
.tradein_excludingtax {
 font-size: 14px;
}
.tradein_set_btn {
 display: block;
 border: 1px solid #e5004f;
 text-align: center;
 text-decoration: none;
 font-size: 26px;
 line-height: 45px;
 color: #e5004f;
 cursor: pointer;
}
.tradein_set_btn span {
 font-size: 16px;
 line-height: 45px;
}
.tradein_set_content {
 width: 768px;
 margin: 0 auto;
 font-size: 16px;
 line-height: 30px;
 letter-spacing: 0.2em;
 border:1px solid #000000;
 padding:10px;
}
.tradein_set_content p {
 margin:0;
}
.tradein_set_content_note {
 width: 788px;
 margin: 45px auto 55px  auto;
 font-size: 14px;
 line-height: 30px;
 letter-spacing: 0.2em;
}
.tradein_set_content_note p {
 margin:0;
}
/*---------------------------
tradein_footer
---------------------------*/
.tradein_footer {
 background: #e1d9ae;
 padding: 52px;
}
.tradein_footer p {
 margin: 0;
 font-size: 14px;
 line-height: 30px;
 letter-spacing: 0.1em;
}
/*---------------------------
bar
---------------------------*/
#f_buybox {
 position: fixed;
 bottom: 0;
 width:960px;
 margin: 0 auto;
 z-index: 99999;
 clear: both;
 background: url(../images/tradein_bar_back.png);
}
#f_buybox_box {
 width: 862px;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
}
#f_buybox a:hover {
 filter: alpha(opacity=50);
 -moz-opacity: 0.50;
 opacity: 0.50;
}
.buybox1 {
 float: left;
 width: 150px;
}
.buybox2 {
 float: left;
 width: 300px;
 color: #fff;
 font-size: 14px;
 line-height: 24px;
 padding: 60px 0 0 0;
}
.buybox2 p {
 margin: 0;
}
.buybox2_price {
 font-size: 24px;
}
.buybox3 {
 float: left;
 padding: 50px 0 0 0;
}
.buybox3_link {
 display: block;
 background: #fff;
 text-decoration: none;
 color: #cf1f81;
 font-weight: bold;
 width: 389px;
 overflow: hidden;
 zoom: 1;
 padding: 5px 10px;
}
.buybox3_link_l {
 display: block;
 float: left;
}
.buybox3_link_r {
 display: block;
 float: right;
 padding: 15px 0 0 0;
}

@media screen and (max-width : 768px) {
/*---------------------------
main
---------------------------*/
.tradein {
 width: 100%;
 font-size: 100%;
 line-height: 130%;
}
.pc_none {
 display: inline;
}
.sp_none {
 display: none;
}
/*---------------------------
title
---------------------------*/
.tradein_title {
 background: url(../images/tradein_title_back.jpg);
 text-align: center;
 padding: 20px 0;
}
.tradein_title_text1 {
 font-size: 100%;
 line-height: 130%;
 margin: 0 0 2% 0;
}
.tradein_title_text2 {
 font-size: 150%;
 line-height: 130%;
}
.tradein_title_text3 {
 font-size: 60%;
 line-height: 120%;
}
/*---------------------------
tradein_title_photo
---------------------------*/
.tradein_title_photo {
 background: url(../images/tradein_title_photo_sp.jpg) no-repeat;
 background-size: contain;
 position: static;
 height: auto;
 padding: 5% 0;
}
.tradein_title_photo_text1 {
 position: static;
 font-size: 90%;
 line-height: 130%;
 top: auto;
 margin: 0;
 padding: 0 2% 2% 2%;
}
.tradein_title_photo_text2 {
 position: static;
 font-size: 200%;
 line-height: 130%;
 top: auto;
 margin: 0;
 padding: 0 2% 2% 2%;
}
.tradein_title_photo_text3 {
 position: static;
 color: #fff;
 font-size: 90%;
 line-height: 130%;
 letter-spacing: 0.05em;
 top: auto;
 margin: 0;
 padding: 0 2% 1% 2%;
}
.tradein_title_photo_text4 {
 position: static;
 color: #fff;
 font-size: 90%;
 line-height: 130%;
 top: auto;
 margin: 0;
 padding: 0 2% 0 2%;
}
.tradein_title_photo_set {
 position: static;
 top:0;
 margin:0;
}
.tradein_title_photo_text5 {
 color: #fff;
 font-size: 60%;
 line-height: 130%;
 margin: 2% 0 3% 5%;
 display: block;
}
.tradein_title_photo_text6 {
 position: static;
 color: #c6187c;
 font-size: 110%;
 line-height: 130%;
 font-weight: bold;
 display: block;
 top: auto;
 left: auto;
 width: 98%;
 margin:8% auto 0 auto;
}
.tradein_title_photo_text7 {
 position: static;
 color: #000;
 font-size: 80%;
 line-height: 130%;
 top: auto;
 width: 98%;
 margin: 0 auto 2% auto;
}
.tradein_title_photo_text8 {
 position: static;
 color: #000;
 font-size: 80%;
 line-height: 130%;
 bottom: auto;
 margin: 0;
}
/*---------------------------
tradein_campagin
---------------------------*/
.tradein_campaign {
 padding: 0 0 5% 0;
 font-size: 80%;
}
.tradein_campaign_pink {
 font-size:150%;
}
.tradein_campaign_price {
 width: 98%;
 margin: 0 auto;
}
.tradein_campaign_price1 {
 float: left;
 font-weight: bold;
}
.tradein_campaign_price1_1 {
 font-size: 80%;
 font-family: "Arial Black", Gadget, sans-serif;
}
.tradein_campaign_price1_2 {
 font-size: 100%;
 font-family: "Arial Black", Gadget, sans-serif;
}
.tradein_campaign_price1_3 {
 font-size: 80%;
}
.tradein_campaign_price2 {
 float: left;
 width: 16%;
}
.tradein_campaign_price3 {
 float: left;
 color: #e60012;
 font-weight: bold;
 padding: 10px 0 0 0;
}
.tradein_campaign_price3_1 {
 font-size: 100%;
 font-family: "Arial Black", Gadget, sans-serif;
 letter-spacing: -5px;
}
.tradein_campaign_price3_2 {
 font-size: 300%;
 font-family: "Arial Black", Gadget, sans-serif;
 letter-spacing: -5px;
}
.tradein_campaign_price3_3 {
 font-size: 80%;
}
.tradein_campaign_text {
 padding:0 2%;
 line-height:190%;
}
.tradein_product {
 border: 1px solid #d70c19;
 width: 94%;
 margin: 0 auto 27px auto;
 padding: 0 0 30px 0;
 overflow: hidden;
 zoom: 1;
}
.tradein_product_l {
 float: none;
 width: 100%;
 margin: 0 auto;
 font-size: 18px;
 line-height: 30px;
}
.tradein_product_r {
 float: none;
 width: 39%;
 margin: 0 auto;
 padding: 27px 0 0 0;
}
.tradein_product_r img {
 width: 100%;
}
.tradein_product_tab {
 font-size: 100%;
 line-height: 130%;
 letter-spacing: 0.1em;
 font-weight: bold;
 background: #d70c19;
 text-align: center;
 border-bottom-right-radius: 8px;
 width: 40%;
 margin: 0;
}
.tradein_product_text1 {
 margin: 5% 0 0 0;
 font-size:70%;
 text-align:center;
}
.tradein_product_name {
 overflow: hidden;
 zoom: 1;
 margin: 0 2%;
 font-size:60%;
}
.tradein_product_name_l {
 float: left;
 margin: 0;
 width:50%;
}
.tradein_product_name_r {
 float: left;
 width:50%;
}
.tradein_product_howto_title {
 background: #d82e8b;
 width: 94%;
 margin: 0 auto;
}
.tradein_product_howto_title p {
 color: #fff;
 text-align: center;
 margin: 0;
 font-size: 130%;
 line-height: 180%;
 border-left: 1px solid #d82e8b;
 border-right:1px solid #d82e8b;
}
.tradein_product_howto {
 width: 94%;
 margin: 0 auto;
 padding: 6px 0 0 0;
}
.tradein_product_howto_box {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 border-bottom: 1px solid #d82e8b;
 padding: 24px 0;
}
.tradein_product_howto_box1 {
 width: 100%;
 margin: 0 auto;
 overflow: hidden;
 zoom: 1;
 padding: 24px 0;
}
.tradein_product_howto_box_l {
 width: 18%;
 font-size: 100%;
 padding: 0 0 0 2%;
}
.tradein_product_howto_box_r {
 width: 78%;
 font-size: 100%;
 padding: 0 2% 0 0;
}
.tradein_product_howto_letter {
 width: 100%;
 margin: 0 auto;
}
.tradein_product_howto_letter img {
 margin:0 5% !important;
 width: 90%;
}
.tradein_product_text_pink {
 color: #d82e8b;
}
.tradein_product_text_note {
 color: #d82e8b;
 font-size: 100%;
}
.mb30 {
 margin-bottom: 30px !important;
}


/*---------------------------
tradein_set
---------------------------*/
.tradein_set {
 width: 100%;
}
.tradein_set_l {
 float: left;
 width:100%;
}
.tradein_set_r {
 display:none;
}
.tradein_set_text1 {
 color: #e5004f;
 font-size: 16px;
 line-height: 30px;
 border: 1px solid #e5004f;
 letter-spacing: 0.2em;
 padding: 0 10px;
}
.tradein_set_text2 {
 font-size: 140%;
 line-height: 130%;
 padding: 0 0 4% 0;
 margin: 0 0 4% 0;
 text-align:center;
}
.tradein_set_text3 {
 font-size: 120%;
 line-height: 130%;
 margin: 0 0 4% 0;
 text-align:center;
}
.tradein_set_text4 {
 background:url(../images/tradein_set_back_sp.jpg) no-repeat top;
 background-size: contain;
 font-size: 90%;
 line-height: 130%;
 margin: 0 0 4% 4%;
}
.tradein_set_text5 {
 font-size: 90%;
 line-height: 130%;
 margin: 0 0 4% 4%;
}
.tradein_set_text5_price {
 font-weight: bold;
 color: #e5004f;
 font-size: 26px;
}
.tradein_excludingtax {
 font-size: 14px;
}
.tradein_set_btn {
 width:92%;
 margin:0 auto;
 display: block;
 font-size: 120%;
 line-height: 130%;
}
.tradein_set_btn span {
 font-size: 16px;
 line-height: 45px;
}
.tradein_set_content {
 width: 94%;
 margin: 4% auto 5%  auto;
 padding:2%;
 font-size: 90%;
 line-height: 130%;
}
.tradein_set_content_note {
 width: 98%;
 margin: 4% auto 10%  auto;
 font-size: 80%;
 line-height: 130%;
}
/*---------------------------
tradein_footer
---------------------------*/
.tradein_footer {
 padding:4%;
}
.tradein_footer p {
 font-size: 80%;
 line-height: 150%;
}

/*---------------------------
bar
---------------------------*/

#f_buybox {
 position: fixed;
 bottom: 0;
 width: 100%;
 margin: 0 auto;
 z-index: 99999;
 clear: both;
 overflow: hidden;
 zoom: 1;
 background: url(../images/tradein_bar_back_sp.png);
}
#f_buybox_box {
 width: 100%;
 margin: 0 auto;
}
#f_buybox a:hover {
 filter: alpha(opacity=50);
 -moz-opacity: 0.50;
 opacity: 0.50;
}
.buybox1 {
 float: left;
 width: 23%;
}
.buybox2 {
 display: none;
}
.buybox2 p {
 margin: 0;
}
.buybox2_price {
 font-size: 24px;
}
.buybox3 {
 float: left;
 padding: 50px 0 0 0;
 width: 72%;
}
.buybox3_link {
 display: block;
 background: #fff;
 text-decoration: none;
 color: #cf1f81;
 font-weight: bold;
 width: 100%;
 overflow: hidden;
 zoom: 1;
 padding: 5px 10px;
}
.buybox3_link_l {
 display: block;
 float: left;
}
.buybox3_link_r {
 display: block;
 float: right;
 padding: 15px 0 0 0;
}
}