@charset "UTF-8";

/*background: #f3f2ea;*/

body {
background: #fff !important;
text-shadow:1px 1px 0px #fff;
}

h1,
header,
.ornament,
.breadcrumb,
section,
footer{
width:96%;
max-width:1400px;
margin:1em auto;
padding:0.5em 1%;
border-radius:3px;
}

section.topic,
.breadcrumb{
margin:3em auto;
background:rgba(255, 255, 255, .5);
box-shadow:0 1px 4px rgba(0, 0, 0, 0.02);
overflow:hidden;
}

section.topic:before{
content:"TOPICS";
margin:0 5em 0  3em;
color: #a08326;
}

.breadcrumb ul li{display:inline-block;}
.breadcrumb ul li:last-child{margin-right: 1em;}

.breadcrumb ul li:first-child:before,
.breadcrumb a:after,
ul.section li:before{
content:"\f015";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
display:inline-block;
}

.breadcrumb ul li:first-child:before{content:"\f015";}

.breadcrumb a:after,
ul.section li:before{
content:"\f105";
margin-left:0.75em;
margin-right:0.75em;
color: #a08326;
}

ul.section li:before{content:"\f078";}
.breadcrumb{font-weight:bold;}
.breadcrumb a:link{font-weight:normal;}

.breadcrumb{
overflow-x:scroll;
white-space:nowrap;
font-weight:bold;
}

#advice_bg .breadcrumb{background-color:#fff;}

.breadcrumb div{line-height:2.5;display:inline-block;}
#home #bread::-webkit-scrollbar{height:0;}
.breadcrumb::-webkit-scrollbar{height:7px;}
.breadcrumb::-webkit-scrollbar-track{background-color:#fff;}
.breadcrumb::-webkit-scrollbar-thumb{background-color:rgba( 0, 0, 0, 0.2);}

section.topic:before{
content:"TOPICS";
margin:0 5em 0  3em;
color: #a08326;
}

section.contents{
background:url(https://honbucho.com/img/bg.svg) repeat, linear-gradient(135deg, rgba(73, 49, 4, 1), rgba(17, 0, 0, 1), rgba(73, 49, 4, 1)) ;
background-position : center top;
padding:1%;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
overflow:hidden;
height:auto;
}

article,
.clms3{
background:rgba(255,255,255,.9);
border-radius:3px;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
padding:1.5%;
overflow:hidden;
}

.clms3{
width:32.3%;
float:left;
margin:0 1.5% 0 0;
background:url(https://honbucho.com/img/bg_crown.svg) no-repeat center 3%, rgba(255,255,255,.9) ;
background-size:80px;
padding:40px 1.5% 1.5%;
}
.clms3:last-child{margin:0;}

.clms3 .title,
.clms3 .lead,
.clms3 .price{
text-align:center;
font-size:128.5%;/* 18px*/
color:#4F3926;
margin:0;
}

.clms3 .price{
font-size:225%;
color:#b4242c !important;
}

.clms3 .lead{
width:70%;
color:#fff;
margin:0 auto;
background: linear-gradient(135deg, rgba(73, 49, 4, 1), rgba(17, 0, 0, 1), rgba(73, 49, 4, 1)) ;
border-radius:5px;
text-shadow:none;
}
.clms3 a:link{display:block !important;}

.clms3 a:hover{
text-decoration:none !important;
opacity: 0.6;
filter: alpha(opacity=60);
}


.clms2:last-child{margin:0;}

.clms2_01,
.clms2_02,
.clms2_03,
.clms2_04,
.clms2_05,
.clms2_06,
.clms2_07,
.clms2_08{
width:32.65%;
float:left;
margin:0 1% 1% 0;
padding:1%;
background-position : center top;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
overflow:hidden;
height:auto;
border-radius:5px;
}

.clms2_01 a,
.clms2_02 a,
.clms2_03 a,
.clms2_04 a,
.clms2_05 a,
.clms2_06 a,
.clms2_07 a,
.clms2_08 a{
width:100%;
height:auto;
overflow:hidden;
display:block;
background:rgba(255,255,255,.9) ;
border-radius:5px;
}

.clms2_03,
.clms2_07{
margin-right:0 !important;
}


.clms2_01,
.clms2_04,
.clms2_07{background:url(https://honbucho.com/img/bg.svg) repeat, linear-gradient(135deg, rgba(151, 18, 80, 1), rgba(215, 0, 117, 1), rgba(103, 1, 48, 1)) ;}
.clms2_02,
.clms2_05{background:url(https://honbucho.com/img/bg.svg) repeat, linear-gradient(135deg, rgba(44, 72, 86, 1), rgba(57, 105, 126, 1), rgba(40, 46, 58, 1)) ;}
.clms2_03,
.clms2_06{background:url(https://honbucho.com/img/bg.svg) repeat, linear-gradient(135deg, rgba(73, 49, 4, 1), rgba(17, 0, 0, 1), rgba(73, 49, 4, 1)) ;}



.clms2_08,
.clms2_08 a{
box-shadow:none;
background:#f3f2ea;
padding:0% !important;
margin-top:1em;
}


/* ------------8bnnrs.php-------------- */

.clms2_01_8bnnrs,
.clms2_02_8bnnrs,
.clms2_03_8bnnrs,
.clms2_04_8bnnrs,
.clms2_05_8bnnrs,
.clms2_06_8bnnrs,
.clms2_07_8bnnrs,
.clms2_08_8bnnrs{
width:32.65%;
float:left;
margin:0 1% 1% 0;
padding:0% !important;
background-position : center top;
overflow:hidden;
height:auto;
}

.clms2_01_8bnnrs a,
.clms2_02_8bnnrs a,
.clms2_03_8bnnrs a,
.clms2_04_8bnnrs a,
.clms2_05_8bnnrs a,
.clms2_06_8bnnrs a,
.clms2_07_8bnnrs a,
.clms2_08_8bnnrs a{
width:100%;
height:auto;
overflow:hidden;
display:block;
padding:0% !important;
}

.clms2_03_8bnnrs,
.clms2_07_8bnnrs{
margin-right:0 !important;
}


/* ------------8bnnrs.php-------------- */

section.main_img{
padding:0 !important;
clear:both;
overflow:hidden;
margin:0 auto 3em !important;
background: #fff !important;
}

section.main_img img.w100{border-radius:5px;}

ul.main_img_bnnr{
width:60%;
max-width:1400px;
margin:-5em auto 0;
position:relative;
z-index:2;
padding-bottom:0.75em;
clear:both;
}

.main_img_bnnr li {width:100%;}

.main_img_bnnr a {
display: block;
padding: 2% 5%;
cursor: pointer;
text-align: center;
vertical-align: middle;
text-decoration: none;
border-radius: 0.5rem;
background: linear-gradient(#fca732 0%, #fca732 50%, #f78200 51%, #f78200 100%);
border: solid 5px #fff;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
text-shadow: 3px 0 3px #390000, 0 3px 3px #390000, -3px 0 3px #390000, 0 -3px 3px #390000;
background: #fff !important;
}

.main_img_bnnr_advice a {
border: solid 5px #e8641b !important;
}

.main_img_bnnr a:hover {
opacity: 1 !important;
background: linear-gradient(#ffa624 0%, #ffa624 50%, #ffa624 51%, #ffa624 100%);
border: solid 5px #be942a;
}

.main_img_bnnr img {width:95%;}

.reflection{
display:inline-block;
position:relative;
overflow:hidden;
}
.reflection:after {
content:"";
height:100%;
width:30px;
position:absolute;
top:-180px;
left:0;
background-color: #fff;
opacity:0;
-webkit-transform: rotate(45deg);
-webkit-animation: reflection 2s ease-in-out infinite;
} 
@keyframes reflection {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}


.main_title_advice,
.main_title_plan{
height: auto;
padding: 9.5% 1% 0.5em 2%;
border:1px solid #ccc;
}
.main_title_advice,
.main_title_advice h2,
.main_title_plan,
.main_title_plan h2{
font-size: 120%;
font-weight: bold;
}
@media screen and (max-width: 767px) {
.main_title_advice,
.main_title_plan{
background-size: 60%;
padding: 11.5% 1% 0.5em 2%;
}
}

.main_title_advice{
background:url('../img/advice/bg_advice.svg'),
 url('../img/title_bg.png');
background-size: 50%;
background-repeat:no-repeat, repeat-x;
background-position:20px top, center bottom;
background-color:#f3f2ea;
border:1px solid #ccc;
}

.main_title_plan{
background:url('../img/plan/bg_plan.svg'),
 url('../img/title_bg.png');
background-size: 50%;
background-repeat:no-repeat, repeat-x;
background-position:20px top, center bottom;
background-color:#fff;
border:1px solid #ccc;
}


.btn_link_estim a{
display:block !important;
border-radius:5px !important;
color:#fff !important;
text-decoration:none !important;
border:none !important;
}

.btn_link_estim,
a.btn_link_estim,
button.btn_link_estim {
width:90% !important;
height:auto;
line-height:1.4;
margin:-2em auto 0;
padding:0.5em 0;
display:block;
clear:both;
text-shadow:none;
background:#b4242c;
font-size: 3rem;
font-weight: 700;
cursor: pointer;
text-align: center;
vertical-align: middle;
text-decoration: none;
letter-spacing: 0.1em;
color:#fff !important;
border-radius: 0.5rem;
transition-property: all;
transition: 0.3s linear;
font-family: "san-serif";
position:relative;
z-index:2;
}

a.btn--red.btn--cubic {border-bottom: 5px solid #9f000c;}

a.btn--red.btn--cubic:hover {
border-bottom: 5px solid #9f000c;
color:#b4242c !important;
background:#fff;
}

a.btn--radius {border-radius: 100vh;}

.fa-position-right {
position: absolute;
top: calc(50% - .5em);
right: 1rem;
}

img.slide_img{
max-width:100%;
display:block;
margin:0 auto;
border-radius:5px;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
}

article p:last-child{margin-bottom:0 !important;}

h1{
font-size:80%;
margin:0 auto .25em;
padding:0 1% 0 0;
text-align:left;
}

header,
footer{
height:auto;
overflow:hidden;
}

header{
position:relative;
z-index:3;
}

header img.logo{
display:block;
float:left;
max-width:250px;
width:95%;
}

.reccmnd .tel,
header .tel{
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
font-size:200%;
margin:-0.25em 0 0.25em;
font-weight:bold;
color: #DA8E00;
background: -webkit-linear-gradient(90deg, #B67B03, #B67B03, #EDAC06, #B67B03, #B67B03, #DAAF08, #B67B03, #B67B03, #B67B03, #B67B03, #B67B03, #EDAC06);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
text-shadow:none;
float:right;
}

.tel i{margin-right:0.5em;}

header img a:hover{
opacity:0.9;
filter:alpha(opacity=90);
}

header .time{
clear:both;
float:left;
margin-top:1em;
font-size:140%;
}

/* ------------メニュー-------------- */

ul.menu{
width:100%;
display:table;
table-layout:fixed;
margin:0 auto;
padding:0.25em 1% 0.5em;
border-collapse:separate;
border-spacing:5px 0;
font-size:121%;
}

ul.menu li{
display:table-cell;
vertical-align:top;
padding:0.25em 0;
text-align:center;
}

ul.menu li span.menu_txt{
font-size:93%;/* 15px要素内の14px*/
display:block;
margin-bottom:0.25em;
}

ul.menu li a span.menu_txt{color: #a08326;}

ul.menu li a {
display:block;
text-decoration:none;
}

ul.menu li span.menu_icon{display:none;}


#nav-drawer{
width:96%;
max-width:1400px;
margin:1em auto -20px;
padding:0.5em 1%;
text-align:right;
}
.nav-unshown{display:none;}

#nav-open,
.estim{
position: absolute;
max-width:70px;
margin:40px 0 0 -62px;
top:0;
z-index:900;
}

.estim{margin-left:-150px;}

#nav-close{
display:none;
position:fixed;
z-index:999;
top:0;
right:0;
width:75px;
height:75px;
transition:.3s ease-in-out;
cursor:pointer;
background:url(https://honbucho.com/img/menu_close.svg) no-repeat left top;
background-size:contain;
}

#nav-content{
overflow:auto;
position:fixed;
top:0;
left:0;
z-index:998;
width:100%;
height: 100vh !important;
background:rgba(243,242,234,0.98);
transition:.3s ease-in-out;
-webkit-transform:translateX(-105%);
transform:translateX(-105%);
}

#nav-content img{
width:80%;
margin:0 auto 2em;
}

#nav-content ul{
width:90%;
margin:5% auto 3em;
}

#nav-content ul li{
color:#fff;
margin-bottom:0.65em;
line-height:1.4;
font-weight:bold;
padding-left:1em;
text-indent:-1em;
text-align:left; 
}
#nav-content ul li a{color:#fff;}

#nav-content ul li:before{
content:"\f0da";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
color:#a08326;
}

#nav-input:checked ~ #nav-close{display:block;}
#nav-input:checked ~ #nav-content{-webkit-transform:translateX(0%);transform:translateX(0%);box-shadow:6px 0 25px rgba(0,0,0,.15);}






.make_border_left,
.make_border_right{
width:50%;
height:1px;
}

.make_border_left{
background:linear-gradient(-90deg, #b0973a, #f3f2ea);
float:left;
}

.make_border_right{
background:linear-gradient(-90deg, #f3f2ea, #b0973a);
float:left;
}

hr{
width:96%;
max-width:1400px;
margin:0 auto 1em;
height:25px;
padding:0;
border-bottom:none;
display:-webkit-box;
display:-webkit-flex;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-webkit-align-items:center;
-ms-flex-align:center;
align-items:center;
color: #a08326;
border:none;
background:url(https://honbucho.com/img/ornament.svg) no-repeat;
background-position : center top;
background-size: contain;
}

hr:before,
hr:after {
border-top:1px solid;
content:"";
display:inline; /* for IE */
-webkit-box-flex:1;
-webkit-flex-grow:1;
-ms-flex:1;
flex-grow:1;
}

hr:before {margin-right:3em;}
hr:after {margin-left:3em;}

/* ------------コンテンツ-------------- */

ul.box{
display:table;
table-layout:fixed;
width:100%;
margin:3em auto 6em;
border-collapse:separate;
border-spacing:2em 0;
clear:both;
}

ul.box li{
display:table-cell;
vertical-align:top;
padding:1%;
border: solid 1px #a08326;/* 内側の線になる一本線の枠線をひく*/
outline: solid 2px #a08326;/* 外側の線になる一本線の枠線をひく*/
outline-offset: 3px;/* 外側の線と内側の線の空き具合を調整*/
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
border-radius:3px;
}

ul.box li.bg1{background:url(https://honbucho.com/img/bg1.svg) no-repeat}
ul.box li.bg2{background:url(https://honbucho.com/img/bg2.svg) no-repeat}
ul.box li.bg3{background:url(https://honbucho.com/img/bg3.svg) no-repeat}
ul.box li.bg4{background:url(https://honbucho.com/img/bg4.svg) no-repeat}
ul.box li.bg5{background:url(https://honbucho.com/img/bg5.svg) no-repeat}
ul.box li.bg6{background:url(https://honbucho.com/img/bg6.svg) no-repeat}

ul.box li.bg1,
ul.box li.bg2,
ul.box li.bg3,
ul.box li.bg4,
ul.box li.bg5,
ul.box li.bg6{
background-position:center 25%;
background-size:25px;
}

ul.box li h2.ttl{
width:auto;
line-height:2em;
border-radius:1em;
display:block;
margin:-1.8em auto 1em;
text-align:center;
font-size:114%;/* 16px*/
font-weight:bold;
color:#fff;
background:#a08326;
text-shadow:none;
position:relative;
z-index:2;
}

ul.box li a{
display:block !important;
text-decoration:none;
} 

ul.box li:hover {
color: #5a5129 !important;
text-decoration:none;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.5);
}

ul.box li p{
font-weight:normal;
margin:18% 0 1em;
text-align:left;
font-size:107%;/* 15px*/
}

ul.section{margin-bottom:3em;}

.content .Heading{margin-top:1.25em;}

.content .content_ttl,
.content_sub_ttl,
.main_img .content_ttl{
margin:1.5em 0 1em;
font-weight:bold;
color: #4F3926;
}

.content_sub_ttl{font-weight:bold;}

.content .content_ttl:before,
.main_img .content_ttl:before{
content:"\f111";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
color: #a08326;
}

.content_sub_ttl{font-size:110%; border-left:3px solid #a08326; padding-left:0.75em;}

.content span.small{
font-size:90%;
margin-top:1em;
}

.content_l{
width:75% !important;
float:left;
padding-bottom:5em;
margin-bottom:5em;
border-bottom:1px solid #b0973a;
}

.content_r,
.content_r2{
width:23% !important;
float:right;
padding:1%;
border-radius:5px;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.2);
margin:3em 0;
}

.content_r2{margin:0;}

.content_r ul,
.content_r2 ul{margin:0 0 1.5em;}

.content_r ul li,
.content_r2 ul li{
margin:0.75em;
padding-left:1em;
text-indent:-1em;
}

.content_r ul li.sub,
.content_r2 ul li.sub{
font-size:90%;
margin-left:1.5em;
padding-left:1.5em;
text-indent:-1.5em;
line-height:1.6;
}

.content_r ul li:before,
.content_r ul li.sub:before,
.content_r2 ul li:before,
.content_r2 ul li.sub:before{
content:"\f105";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
color: #a08326;
}
.content_r ul li.sub:before,
.content_r2 ul li.sub:before{content:"\f101";}

/* ------------フッター-------------- */

footer{
padding-top:5em;
border-radius:0;

}

footer hr{
width:100%;
margin:0 auto 2em;
background:url(https://honbucho.com/img/bg_crown.svg) no-repeat;
background-position : center top;
background-size: contain;
}

footer .logo{
max-width:350px;
width: 90%;
display:block;
margin:0 auto 2em;
}

footer ul{
width:100%;
clear:both;
margin-bottom:2em;
overflow:hidden;
}

footer ul li,
.contents ul li{
float:left;
margin:0 2em 0.5em 0;
}

footer ul li:before,
.btnList li.contact_wrap_tel span:before,
.btnList li.contact_wrap_web span:before,
.contents ul li:before{
content:"\f0da";
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
display:inline-block;
}

footer ul li:before,
.contents ul li:before{color: #a08326 !important;}

small{
width:100%;
clear:both;
display:block;
line-height:6em;
text-align:center;
padding-bottom: 6em;

}

.btnList{
position:fixed;
bottom:0;
right:0;
width:100%;
line-height:3em;
background:#fff;
padding:0.5%;
font-size:75%;
font-weight:bold;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
z-index:98;
}

.btnList a:link,
.btnList a:visited{color: #a08326;}
.btnList li.contact_wrap_tel span:before{content:"\f10b";}
.btnList li.contact_wrap_web span:before{content:"\f108";}

.btnList li.contact_wrap_tel a,
.btnList li.contact_wrap_web a{
width:49%;
padding:0.25em 1%;
background:#fff;
text-align:center;
font-weight:bold;
border-radius:3px;
}

.btnList li.contact_wrap_tel a{float:left;color: #334E21 !important;border:1px solid #334E21;}
.btnList li.contact_wrap_web a{float:right;color: #B23824 !important;border:1px solid #B23824;}

.btnList li a{
display:block;
text-decoration:none;
}
.btnList li a:hover{box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;color: #5a5129 !important;}


/* ------------指差し見積もりフォーム-------------- */

#estim_form{width:100%;margin:0 auto -7em;color: #333;text-align:left !important; overflow:hidden; font-size:110%}
#estim_form .hands,#pointer{margin-top:5px;width:56px;height:64px;position:absolute;right:40%;top:0;background:url(https://honbucho.com/estim_form/img/hand_first.svg) no-repeat top left;background-size:95% auto;z-index:1;transform:rotate(0deg);-webkit-transform:rotate(0deg);opacity:0.8;animation:hands-updown 1.5s linear 0s infinite;-webkit-animation:hands-updown 1.5s linear 0s infinite;transition:top 0.5s;transform-origin: center right;}



#estim_form p.arrow_box {max-width:300px!important;display:none;position:absolute;padding:16px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;background:#a08326;color: #fff;text-shadow:none; z-index: 9999;white-space: wrap;}
#estim_form p.arrow_box:after {position:absolute;bottom:100%;left:50%;width:0;height:0;margin:0 0 0 -10px;border:solid transparent;border-color:rgba(51, 51, 51, 0);border-bottom-color: #a08326;border-width: 10px;pointer-events: none;content: " ";}
#estim_form span:hover + p.arrow_box {display:block; overflow: hidden;}



#estim_form input[type="number"]::-webkit-outer-spin-button,
#estim_form input[type="number"]::-webkit-inner-spin-button {-webkit-appearance:none;margin:0;}
#estim_form input[type="number"] {-moz-appearance:textfield;}
#estim_form .form_hand,
.content table{width:100%;border-collapse: separate;border-spacing: 0;margin-top:1em;font-size:110%; text-shadow:none;border-bottom:1px solid #d1b65e;}
#estim_form .form_hand th,
#estim_form .form_hand td,
.content table th,
.content table td{padding:2% !important;border-top:1px solid #d1b65e;border-right:1px solid #d1b65e; vertical-align:middle; width: auto;}
#estim_form .form_hand th,
.content table th{font-weight:bold;color:#a08326;}
#estim_form .form_hand td,
.content table td{border-right:none; text-align: left !important;}

#estim_form input[type="text"]{width:100% !important;border-radius:3px;border:1px solid #ccc;padding:1% 2%;box-sizing:border-box;}
#estim_form textarea{width:100%;border-radius:3px;border:1px solid #ccc;padding:1% 2%;box-sizing:border-box;}
#estim_form input.text_zip21{width:30%!important;}
#estim_form input.text_zip22{width:40%!important;}
#estim_form #datepicker{width:100%!important;display: inline-block;margin:0;padding:1% 2%;}
#estim_form .pref, #estim_form .city, .text_kana1, .text_name1, .text_tel1, #datepicker_estim, .text_mail{width:100%! important;border-radius:3px!important;border:1px solid #ccc!important;padding:1% 2%; line-height:3em;height:3em;font-size:100%!important;}
#estim_form .city{margin-top:0.5em;}
#estim_form label{display:block;border-radius:3px!important;border:1px solid #ccc!important;width:100% !important;padding:1% 2% !important;background:#fff;font-size:100%!important;}
#estim_form label:first-child{margin-bottom:0.5em !important;}
#estim_form label:last-child{margin-top:0.5em !important;}
#estim_form button{width:100% !important;margin:1em auto 0;display:block;border-radius:3px!important;border:1px solid #ccc!important;font-size:200%;text-align:center;background: linear-gradient(#f5f5f5, #ccc);}
#estim_form button.reset{font-size:150%; margin-bottom:2em}
#estim_form button:hover{background:linear-gradient(#ccc, #f5f5f5);}
#estim_form .form_hidden{display:none;}
#estim_form img.center{max-width:100%;display:block;margin:2em auto 3em;}
#estim_form .atten{font-size:80%; margin-top:0.5em; color:#C00; display:block; line-height:1.1 !important;}
#estim_form .contents{width:100%;height:auto;margin:4em auto 1em;clear:both;}
#estim_form .tel{padding-left:0.5em;}
.past{
opacity:0.4;
filter:alpha(opacity=40);}
#estim_form .form_hand th{ min-width:11em !important}

#estim_form input[type="select"]{
width:100% !important;
  }

input.readonly::-webkit-input-placeholder {
    color: red;
    font-weight: bold;
}
input.readonly:-moz-placeholder {
    color: red;
    font-weight: bold;
}
input.readonly::-moz-placeholder {
    color: red;
    font-weight: bold;
}
input.readonly:-ms-input-placeholder {
    color: red;
    font-weight: bold;
}

.mfp_err_estim{
display:none !important;
}
.readonly{
ime-mode: disabled !important;
-webkit-touch-callout: none !important;
-webkit-user-select: none !important;
-khtml-user-select: none !important;
-moz-user-select: none !important;
-ms-user-select: none !important;
user-select: none !important;
margin: 0.5em 0 0 !important;
}






input.btn_link,
.btn_link,
.btn_back{
width:80% !important;
height:auto;
line-height:50px;
margin:2em auto 4em;
text-align:center;
color:#fff !important;
font-size:160%;
background:#a08326;
display:block;
clear:both;
text-shadow:none;
border:none;
border-radius:5px;
transition-property: all;
transition: 0.3s linear;
}

.contents .btn_link{margin:2em auto 1.25em;}

.btn_back{
width:40% !important;
font-size:140%;
}

input.btn_link,
.btn_link a{
display:block !important;
border-radius:5px !important;
color:#fff !important;
text-decoration:none !important;
border:none !important;
}

input.btn_link:hover,
.btn_link:hover,
.btn_link a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration:none !important;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.8);color: #5a5129 !important;
text-shadow:1px 1px 0px #fff !important;
border:none !important;
}

.btn_back:before{content:"◀︎";}

.btn_link a:before{
font-family:"Font Awesome 5 Free";
font-weight:900;
margin-right:0.5em;
content:"\f07a";
}
.btn_link a:before{content:"\f0e0" !important;}

.ui-datepicker table {text-shadow:none;}
.ui-datepicker table a:link{
color:#FFF !important;
border-radius:3px;
text-align:center !important;
padding-left:0 !important;
padding-right:0 !important;
}
.ui-datepicker-calendar td a{
background:linear-gradient(90deg, rgba(180, 149, 49, 1), rgba(194, 162, 57, 1)) !important;
border:1px solid #a08326 !important;
}
.ui-datepicker-calendar td a:hover{
background:linear-gradient(90deg, rgba(194, 162, 57, 1),rgba(180, 149, 49, 1)) !important;
border:1px solid #a08326 !important;
}
.ui-datepicker-calendar td.ui-state-disabled span{
background:#CCC !important;
border:1px solid #CCC !important;
text-align:center !important;
padding-left:0 !important;
padding-right:0 !important;
}
.ui-datepicker-calendar td.ui-datepicker-today a,
a.ui-corner-all:hover{
background:#a08326 !important;
border:1px solid #666 !important;
}


.content table{margin:1em 0;font-size:100% !important;table-layout: auto;}
.content th{}

.content table th,
.content table td{
text-align: center;
padding:1% 2% 1% 1%!important; 
word-break: break-all;
word-wrap: break-all;}

img.advice_logo{
display:block;
max-width:400px;
width:50%;
margin:0 auto 1em;
}

.content .tel_info{text-align:center;}
.header_sub{display:none;}

.content_l .Heading br,
.br_sp br{display:none;}

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


h1{
font-size:60%;
margin:0 auto;
}

section.main_img{margin:0.5em auto !important; background: #fff !important;}

ul.main_img_bnnr{width:90%; margin:-0.35em auto 0;}


.content_l .Heading br,
.br_sp br{display:block;}

.Heading,
.br_sp{
text-align:left !important;
margin-top:1.5em !important;
}

.br_sp:before,
.br_sp:after{content:none !important;}

h1,
header,
.ornament,
ul.breadcrumb,
section,
footer{width:94%;}

section,
.breadcrumb{margin:0 auto !important; font-size:90%;}

/* フリックできるパンくずリスト */
#home #bread{ display:none;}
.breadcrumb{
overflow-x:scroll;
border-bottom:1px solid #eee;
border-top:1px solid #eee;
color:#404040;
white-space:nowrap;
font-weight:bold;
margin-bottom: 1em !important;
}

#advice_bg .breadcrumb{
background-color:#fff;
}

.breadcrumb div{line-height:2.5;display:inline-block;}
#home #bread::-webkit-scrollbar{height:0;}
.breadcrumb::-webkit-scrollbar{height:7px;}
.breadcrumb::-webkit-scrollbar-track{background-color:#fff;}
.breadcrumb::-webkit-scrollbar-thumb{background-color:rgba( 0, 0, 0, 0.2);}

.breadcrumb div:before,
.breadcrumb div a,
.breadcrumb div a:after{color:#404040;}
.breadcrumb div:after{content:"　";}


.Heading{margin:0.5em 0;}
.content .Heading{margin-top:0.5em;}

.mt3em,
#estim_form .form_hand,
.content table{margin-top:1.5em !important;}

.m3em,
.m4em,
.m5em{margin-bottom:1.5em !important;}

.header_sub{display:none}

header img.logo,
.header_sub img.logo{
float: inherit;
max-width:120px !important;
clear:both;
margin:-5px 0 0em;
}

header{
margin:0.5em auto -0.25em !important;
padding:0.5em 1% 0;
}

header p{
line-height:1.4 !important;
margin-bottom:0.25em;
}

.btn_link_estim,
a.btn_link_estim,
button.btn_link_estim {
font-size: 1.5rem;
}

header div{
width:100%;
text-align:center;
float: inherit;
margin:0 auto;
font-size:110%;
}

header .tel{
margin:0 0 0.25em;
}
header .time{
margin:-0.25em auto 0.5em;
}

header .tel i{
background: inherit;
-webkit-background-clip: inherit;
-webkit-text-fill-color: inherit;
color: #DA8E00 !important;
}

.header_sub{
background:rgba(243,242,234,0.9);
position: relative;
width: 100%;
box-shadow:0 1px 4px rgba(0, 0, 0, 0.25);
}

.header_sub_fixed{
display:block;
position: fixed;
top: 0;
left: 0;
padding:0px 0;
z-index:300;
}

.header_sub img.logo{margin:10px 0 10px 4%;}

#nav-open,
.estim{
margin-top:0px;
top:25px;
right:10px;
cursor:pointer;
max-width:70px;
}
.estim{right:83px;}

.header_sub #nav-open,
.header_sub .estim{margin:13px 0 ;}

.header_sub #nav-open{
margin-top: -10px;
}

#nav-close{
margin-top:15px;
width:50px;
height:50px;
}

#nav-content{padding:5em 3% ;}

#nav-content ul{
width:90%;
margin:0 auto 5%;
}

#nav-content ul li{margin-bottom:1.75em;}

ul.menu{
padding:0.25em 0.5% 0.5em;
font-size:104%;
}

section.topic:before{
content:"TOPICS :";
margin:0 1em;
}

section.contents{padding:3%;}

.clms3{
width:100%;
float: inherit;
margin:0 0 1em 0;
background-size:80px;
padding:30px 1.5% 1.5%;
}

.content_l{
width:100% !important;
float: inherit;
padding-bottom:1em;
margin-bottom:1em;
border-bottom:0px solid #ddd;
}

.content_r,
.content_r2{display:none;}

article{
text-align:justify;
padding:3%;
}

ul.box{
display:block;
margin:3em auto;
}

ul.box li{
display:block;
width:100%;
clear:both;
margin:3em auto 5em;
padding-left:3%;
padding-right:2%;
text-align:justify;
}

ul.box li span.ttl{
width:90%;
margin:-1.3em auto 1em;
font-size:130%;
}

#estim_form .tel{
padding-left:0;
display:block;
clear:both;
}

footer ul{margin-bottom:0.5em;}

footer ul li{
width:48%;
margin:0 2% 0.5em 0;
}

footer ul:first-child li{width:100%;}

table.form_hand th,
table.form_hand td,
.content table.non_scroll th,
.content table.non_scroll td{
width:100% !important;
display:block;
clear:both;
border-right:none !important;
}

table.form_hand th,
.content table.non_scroll th{margin-top:1em;}
.content table.non_scroll th{width:100% !important;}
.contents article .txt_c{text-align:left !important;}

.btn_link{width:80% !important;}

.contents .btn_link{
margin:1em auto 0.5em;
text-align:center;
color:#fff !important;
font-size:160%;
background:#a08326;
display:block;
clear:both;
text-shadow:none;
border:none;
border-radius:5px;
transition-property: all;
transition: 0.3s linear;
font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", serif;
}



.btn_link.no_cntnts{
width:50% !important;
line-height:2em;
color:#4F3926 !important;
font-size:120%;
background:none;
border-radius:0px !important;
border: solid 1px #a08326;/* 内側の線になる一本線の枠線をひく*/
outline: solid 2px #a08326;/* 外側の線になる一本線の枠線をひく*/
outline-offset: 3px;/* 外側の線と内側の線の空き具合を調整*/
}

.btn_link.no_cntnts a{
border-radius:0px !important;
border: solid 1px #a08326;/* 内側の線になる一本線の枠線をひく*/
outline: solid 2px #a08326;/* 外側の線になる一本線の枠線をひく*/
outline-offset: 3px;/* 外側の線と内側の線の空き具合を調整*/
color:#4F3926 !important;
}

.btn_link.no_cntnts:hover
.btn_link.no_cntnts a:hover{
opacity: 0.8;
filter: alpha(opacity=80);
text-decoration:none !important;
box-shadow:none !important;
color: #5a5129 !important;
text-shadow:none !important;

border: solid 1px #a08326;/* 内側の線になる一本線の枠線をひく*/
outline: solid 2px #a08326;/* 外側の線になる一本線の枠線をひく*/
outline-offset: 3px;/* 外側の線と内側の線の空き具合を調整*/
}

.scroll{
overflow:auto !important;
white-space:nowrap !important;
margin-bottom:1em !important;
}
.scroll::-webkit-scrollbar{height:5px;}
.scroll::-webkit-scrollbar-track{background:#F1F1F1;}
.scroll::-webkit-scrollbar-thumb{background:#BCBCBC;}

hr{
margin:0 auto;
height:20px;
}

#estim_form .form_hand{margin-top:0em !important;}

.btnList li.contact_wrap_tel a,
.btnList li.contact_wrap_web a{ font-size:160%; font-weight: 900;}

.clms2_01,
.clms2_02,
.clms2_03,
.clms2_04,
.clms2_05,
.clms2_06,
.clms2_07,
.clms2_08{
width:100%;
float: inherit;
clear:both;
margin:0 auto 1% !important;
padding:3%;
}

.clms2_01_8bnnrs,
.clms2_02_8bnnrs,
.clms2_03_8bnnrs,
.clms2_04_8bnnrs,
.clms2_05_8bnnrs,
.clms2_06_8bnnrs,
.clms2_07_8bnnrs,
.clms2_08_8bnnrs{
width:100%;
float: inherit;
clear:both;
margin:0 auto 1% !important;
padding:3%;
}
}


@media screen and (max-width: 750px) {
#nav-open,
.estim{max-width:50px;}
}

.no_cntnts a:before{content:none !important;}
.highlight {
    background: linear-gradient(transparent 50%, #ffb866a8 0%);
    line-height: 1.3em;
}



footer .logo{
max-width:150px;
width: 90%;
display:block;
margin:0 0 2em 0;
}

.bnnr_top_text{
z-index: 2;
border-radius: 5px;
margin: 0 auto -2.3em;
padding: 0.5em 1.5em;
text-align: center;
color: #fff !important;
text-decoration: none;
text-shadow: none;
position: relative;
width:fit-content;
font-weight: bold;
font-size: 95%;
}
.bnnr_top_bakuyasu{background: #e56084;}
.bnnr_top_bakuyasu:before{content: "荷物も移動距離も少ない方におすすめ";}

.bnnr_top_setsuyaku{background: #00B1A2;}
.bnnr_top_setsuyaku:before{content: "とにかく安く引越したい方におすすめ";}

.bnnr_top_normal{background: #008DCB;}
.bnnr_top_normal:before{content: "一番人気のプランを選びたいあなたへ";}

.paln_bnnr:hover,
.bnnr_top_text a:hover{
text-decoration: none !important;
opacity: 0.7;
}


#advice_bg section.content{margin-top: -2em;}
#advice_bg #mokuji .contents{
width:100% !important;
margin:3em 0 0 !important;
}
#advice_bg #mokuji .contents ul.section li{clear: both;}
#advice_bg a.paln_bnnr img{
display: block !important;
max-width: 500px;
width: 100% !important;
margin: 2em auto !important;
}

#advice_bg section.content{margin-top: -2em;}
#advice_bg #mokuji .contents{
width:100% !important;
margin:3em 0 0 !important;
}
#advice_bg #mokuji .contents ul.section li{clear: both;}
#advice_bg a.paln_bnnr img{
display: block !important;
max-width: 500px;
width: 100% !important;
margin: 2em auto !important;
}
#advice_bg .ininjou {
width: 50%;
height: auto;
margin: 10px auto 30px;
padding: 5%;
text-align: center;
background: none repeat scroll 0 0 #F9F9F9;
border-radius: 2px;
position: relative;
}
@media only screen and (max-width:920px){#advice_bg .ininjou {width: 80%;}}

#advice_bg .ininjou:before, .ininjou:after {
background: none repeat scroll 0 0 #777777;
bottom: 18px;
box-shadow: 0 15px 10px #777777;
content: "";
left: 10px;
max-width: 300px;
position: absolute;
top: 80%;
transform: rotate(-3deg);
-webkit-transform: rotate(-3deg);
-moz-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
-o-transform: rotate(-3deg);
width: 50%;
z-index: -1;
}
#advice_bg .ininjou:after {
left: auto;
right: 10px;
transform: rotate(3deg);
-webkit-transform: rotate(3deg);
-moz-transform: rotate(3deg);
-ms-transform: rotate(3deg);
-o-transform: rotate(3deg);
}
#advice_bg .ininjou .text_right p {text-align:right !important;}