@charset "UTF-8";

@media screen and (max-width : 768px){

a, a:link { text-decoration:none; }
a:hover { transition:none; }

/* sp */
.sp { display:block!important; }
.sp_off { display:none!important; }

/* structure
====================================================================================================================================== */
html { scroll-padding-top: 85px; }
body { overflow-x:hidden; width:100%; min-width:0; }
.wrapper { margin:0; width:100%; padding: 0 20px; }

#footer { padding:20px 0 60px; }


/* common
====================================================================================================================================== */
/*table*/
#conts table { width:100%; margin-left:0; margin-right:0; }

/*100%指定していたimgをautoに戻す*/
#main .common_box img, #main .common_box02 img, #main .common_box03 img { display:block; margin-left:auto; margin-right:auto; width:auto; max-width:100%; }

/*default heading*/
h2 { font-size:1.65em; margin-bottom:15px; }
h3 { font-size:1.25em; margin-bottom:10px; }

/*container*/
.section_box, .common_box, form { padding:0 10px; margin:0 0 30px; }

/*table*/
table th { max-width:30%; padding-right:10px; }

/*カラーbox*/
.point_box { padding:12px 12px 2px; margin-bottom:0; }

#conts ol { margin-left:0; }


/* header
====================================================================================================================================== */
/*サイトタイトル*/
#header .header_menu { padding:8px 10px 0; }

#header .header_nav { margin-top:3px; }
#header .header_nav li a { background-size:16px auto; padding-left:24px; margin-left:15px; }
#header .header_nav li.line a { background-image:url(../images/icon_line.png); }
#header #site_title a, #header #site_title a:hover { font-size:0.9em; margin-bottom:8px; }


/* globalnavi
====================================================================================================================================== */
#globalnavi ul { border:none; }
#globalnavi ul li { float:left; width:33.3333%; margin-bottom:6px; }
#globalnavi ul li a { padding-top:4px; padding-bottom:4px; }
#globalnavi ul li.item01 a, #globalnavi ul li.item04 a { border-left:solid 1px #000; }


/* main visual
====================================================================================================================================== */
/*#main_visual .main_img img { width:110%; max-width:110%; margin-left:-5%; }*/
#main_visual .main_img img { margin-top:0; margin-top:-7%; }
#main_visual #main_title { left:8%; top:auto; top:50%; margin-top:0; }
#main_visual h1 { margin-bottom:0.5em; width:34%; margin-top:-30px; }
#main_visual h1 img { margin-left:0; margin-bottom:0.3em; }
#main_visual h1 span { font-size:1.2em; }
#main_visual p { font-size:0.7em; }


/* contents
====================================================================================================================================== */
.box_bg, .box_bg.right { background-position:center 20px; background-size:260px auto; min-height:0; margin:0 0 30px; padding:260px 0 0; }
.box_bg p { margin-bottom:30px; }
.box_bg .btn { margin-bottom:30px; }
.box_bg.omoi { margin-top:10px; }
.box_bg.loveantique { padding-top:270px; }

/*それぞれの背景*/
.box_bg.loveantique { background-image:url(../images/item_loveantique.jpg); }
.bg_image_box.anshin { background-size:auto 285px; }
.bg_image_box.anshin .inner { background:url(../images/item_anshin_sp.jpg) no-repeat center top; background-size:auto 285px; padding-top:260px; }
.bg_image_box .anshin_inner { min-height:0; }

/*お問い合わせ*/
/*.contact_box { background-size:auto 180px; padding:20px 0 10px; }
.contact_box .wrapper { width:auto; padding:0 10px; }
.contact_box .column03 .box { float:none; width:100%; height:auto; border:none; border-top:dotted 2px #fff; padding:15px 0; }
.contact_box .column03 .box:first-child { border-left:none; }
.contact_box .column03 .box.tel { float:none; width:100%; line-height:1.3; }
.contact_box .icon_mail { background-size:36px auto; padding:2px 0 2px 60px; }
.contact_box .qr { display:none; }*/

.contact_box { background-size:auto 180px; padding:20px 0 15px; }
.contact_box .wrapper { width:auto; padding:0 10px; }
.contact_box h3 { font-size:1.1em; margin-bottom:15px; }
.contact_box .column03 { position:relative; padding-top:50px; }
.contact_box .column03 .box { float:none; width:100%; height:auto;/* border:none; border-top:dotted 2px #fff;*/ padding:15px 0; }
.contact_box .column03 .box:first-child { border-left:none; }
.contact_box .column03 .box.mail { border-left:dotted 2px #fff; }
.contact_box .column03 .box.tel { position:absolute; left:0; top:0; float:none; width:100%; padding:0; line-height:1; border:none; }
.contact_box .column03 .box.mail, .contact_box .column03 .box.line { float:left; width:50%; padding:0; font-size:0.7em; letter-spacing:0; }
.contact_box .column03 .box a { display:block; padding:7px 0; }
.contact_box .icon_mail { /*background-size:30px auto; padding:2px 0 2px 34px;*/ background:none; padding:0; }
.contact_box .qr { display:none; }

/*ボタン効果*/
.contact_box .column03 { padding-top:70px; }
.contact_box .column03 .box a { position:relative; border:solid 1px #fff; padding:10px; }
.contact_box .column03 .box a:before { content:""; display:inline-block; background:url(../images/icon_w.png) no-repeat; background-size:100% auto; width:7px; height:14px; margin-right:5px; vertical-align:middle; }
.contact_box .column03 .box.tel a { display:block; width:100%; margin:0; }
.contact_box .column03 .box.tel a:before { content:"TEL"; display:inline-block; background:url(../images/icon_w.png) no-repeat left 0.2em; background-size:7px auto; width:auto; height:20px; padding-left:16px; margin-right:6px; font-size:17px; vertical-align:middle; }

.contact_box .column03 .box.mail, .contact_box .column03 .box.line { border:none; }
.contact_box .column03 .box.tel { height:60px; }
.contact_box .column03 .box.mail a { margin-right:10px; }
.contact_box .column03 .box a:hover { border-color:#fff; background:#fff; /*color:#b99d1d;*/ color:#000; }
.contact_box .column03 .box a:hover:before { background-image:url(../images/icon.png); }


/*安心*/
.bg_image_box.anshin p { margin-bottom:60px; }

/*査定の流れ*/
.flow { margin:0 -10px 1px; overflow:hidden; }
.flow dl { float:none; width:100%; height:auto; background:url(../images/next_sp.png) no-repeat center bottom; background-size:160px auto; padding:180px 0 60px; }
.flow dl:before { top:15px; margin-left:-65px; background-size:100% auto; }
.flow dl.step01 { margin-left:0; }

.flow dl.step01:before { background-image:url(../images/step01_sp.jpg); }
.flow dl.step02:before { background-image:url(../images/step02_sp.jpg); }
.flow dl.step03:before { background-image:url(../images/step03_sp.jpg); }
.flow dl.step04:before { background-image:url(../images/step04_sp.jpg); margin-left:-65px; }
.flow dl.step04 { width:100%; padding-left:0; }
.flow dt, .flow dd { margin:0; padding:0; }
.flow dl h4 { margin-bottom:7px; }
.bg_image_box.anshin .flow dl p { margin-bottom:0; }

/*FAQ*/
/*.faq { background-size:auto 60%; }*/
.faq { padding-top:30px; margin-bottom:0; }
.faq .inner { background:none; }
.faq_list { margin-left:35px; margin-bottom:25px; }
.faq_list:before { left:-33px; }

/*店舗情報*/
.info { background:url(../images/item_info_sp.jpg) no-repeat center 15px; background-size:auto 245px; min-height:0; padding-top:270px; }


/* footer
====================================================================================================================================== */
#footer address { font-size:0.8em; }
#footer small { font-size:0.6em; }


/* side_fixed_box
====================================================================================================================================== */
.top_page { bottom:10px; background-position:center 10px; background-size:20px auto; padding:32px 3px 10px 5px; font-size:10px; }
.top_page:hover { text-decoration:none; color:#808080; opacity:0.8; }


/* フォーム画面
====================================================================================================================================== */
.line_satei { padding-bottom:0; }
.line_satei a.btn { min-width:0; padding:10px; line-height:1.2; }
.line_satei a.btn:before { display:none; }
.line_satei .color_line { background-size:100% auto; width:65px; height:16px; vertical-align:bottom; }

form input[type="text"], form textarea { padding:2px 10px; }

/*ボタン*/
.btn_form { text-align:center; }
form input.submit_btn { float:none; margin:0 auto; }

/*画像ファイルアップ*/
form input.txt[type="text"] { clear:both; max-width:230px; }
form button.btn { width:60px; }

/*調整*/
form dl { margin-bottom:15px }
form .column02 dt, form .column02 dd { float:none; width:100%; }
form .column02 dt { margin-bottom:0.4em; }

form .form_tit { display:block; }

}


@media screen and (max-width : 478px){

/* structure
====================================================================================================================================== */
.wrapper { padding: 0 15px; }

/*サイトタイトル*/
#header .header_nav { font-size:0; }
#header .header_nav li a { background-position:center center; background-size:22px auto; width:34px; height:28px; margin-left:0; text-indent:110%; white-space:nowrap; overflow:hidden; }
#header #site_title a, #header #site_title a:hover { font-size:0.83em; padding-top:3px; }

/* globalnavi
====================================================================================================================================== */
#globalnavi ul li { float:left; width:33.3333%; margin-bottom:6px; }
#globalnavi ul li a { padding:3px 0; font-size:0.78em; }

/* main visual
====================================================================================================================================== */
#main_visual .main_img img { margin-top:0; }
#main_visual #main_title { top:60%; }
#main_visual h1 span { font-size:0.7em; }
#main_visual p { font-size:0.6em; }

/*お問い合わせ*/
.contact_box .column03 .box.tel { /*display:inline-block;*/ font-size:0.85em; }

/*table*/
#conts table { width:100%; margin-bottom:0; }
#conts table th { display:block; width:100%; padding-bottom:0; }
#conts table td { display:block; width:100%; padding-bottom:15px; }

table#confirm th { max-width:100%; }

/*map*/
.map iframe { height:280px; }

}

@media screen and (max-width : 370px){
.contact_box .column03 .box.tel { font-size:0.8em; }
}