@charset "utf-8";
/* CSS Document */
#pchead, aside, #fottercontents, #area, .spnone, .sphidden{display: none}
img{width: 100%;height:auto;vertical-align: middle}
img.imgwauto, .imgwm50{width: auto!important;height: auto;display: block;margin: 10px auto;max-width: 100%}
img.imgwauto {width: auto!important;height: auto;}
header{padding-top: 50px}
.blogarea{padding-left: 10px;padding-right: 10px;overflow: hidden}
.blog p > a{background: #eaecad;font-weight: 700;color: #7D801D!important;display: block;margin: 10px 0; padding: 10px;border-radius: 10px}

.leftbox{display: block;text-align: center;background: url(../images/slider_bg.jpg) no-repeat center center;background-size: contain}
.mobilereason{margin-bottom: 20px}
.mobilereason li a{display: block;text-align: center;font-size: 25px!important;color: #fff;font-weight: 700;text-decoration: none;min-height: 30px;min-width: 150px;padding: 10px;}
.mobilereason li:nth-child(1) a, .timesp a{background: #4b0c15;}
.mobilereason  li:nth-child(1) a:hover, .timesp a:hover {background: #601D27}
.mobilereason li:nth-child(2) a, .mobilereason li:nth-child(2) a:visited {background: #f57b0c;border: 1px solid #ac7c1f;}
.teltitle{background: #969924;padding: 10px 0;color: #fff;text-align: center;font-weight: 800;margin-top: 10px}
.tel, .openclose{margin: 5px 0}
.mbanner {display: flex;flex-wrap: wrap;justify-content:space-between}
.mbanner a{width: 49.5%;margin: 3px 0}
#copyright{padding: 30px 0}

#spfooter .menu li a {text-decoration: none;color: #555;padding: 14px 10px 14px 24px;display: block;overflow: hidden;line-height: 1.5em;border-bottom: 1px dashed #ebff9a;
display: block;color: #fff;text-align: center;background-color: #969924;}
#spfooter .menu li a:hover {transition: .5s ease;background-color: #BEC22D;color: #000}

/*====table====*/
table {width:calc(100% - 5px)}
tr, th, td {display: block;}
table {border-collapse: collapse;line-height: 1.4em;margin: 0 0 20px;border-left: 1px solid #CCC;border-right: 1px solid #CCC;border-top: 1px solid #CCC;text-align:center}
th {font-weight: 400;padding: 8px;border-bottom: 1px solid #CCC;background-color: #CFD9EF}
td {padding: 8px;border-bottom: 1px solid #CCC;background: #FFF;font-weight: 400}
.price thead{display:none;}
.price td::before {content: attr(data-label);color: #d63638;display: block;margin-bottom: 0.25rem;}
.sepborder{border-bottom:3px solid #CCC}
.tbg{background:#cfd9ef}
/*===Share===*/
#share ul {height: auto;display: flex;justify-content:space-around;margin: 10px 0}
#share li {font-size: 14px;text-align: center;width: 84px;margin-right: 1%;
margin-bottom: 8px;border-radius: 3px;list-style: none}
#share li.share-twitter {background: #55acee;box-shadow: 0 2px #2795e9}
#share li.share-twitter:hover {background: #83c3f3}
#share li.share-facebook {background: #3b5998;box-shadow: 0 2px #2d4373}
#share li.share-facebook:hover {background: #4c70ba}
#share li.share-google {background: #dd4b39;box-shadow: 0 2px #c23321}
#share li.share-google:hover {background: #e47365}
#share li.share-hatena {background: #2c6ebd;box-shadow: 0 2px #225694}
#share li.share-hatena:hover {background: #4888d4}
#share li.share-pocket {background: #f13d53;box-shadow: 0 2px #e6152f}
#share li.share-pocket:hover {background: #f26f7f}
#share li.share-line {background: #00c300;box-shadow: 0 2px #009d00}
#share li.share-line:hover {background: #2bd92b}
#share a {display: block;height: 27px;padding-top: 6px;color: #fff;text-decoration: none}
#share a:hover {text-decoration: none;color: #fff}

/*====index====*/
.tservice dt {width: 65%;margin: auto;}
.tservice dd{margin-bottom: 10px;border-bottom: 2px dashed #D3D3D3;margin-bottom: 20px;padding: 20px 0}
.topprice {border: 2px solid #ccc;margin-bottom: 5px;text-align: center}

/*===流れ===*/
.nagare4 dd, .nagare5 dd, .box {padding: 10px;border: 1px solid #ccc;background: #fcfcfc;
box-sizing: border-box;border-radius: 3px;}


/*===Page top===*/
@media screen and (max-width:700px){.backtotop {position: fixed;right: -12%!important;display: none;bottom:1%!important;}}
.backtotop {position: fixed;right: -5%;display: none;bottom:10%}
.backtotop img {width: 50%!important}
.backtotop a {display: block;padding: 10px 5px;margin: 0}