@charset "UTF-8";
/*
Theme Name::家具移動サービス
Theme URI:
Description::家具移動サービスの専用テンプレートです。
Author:koshimizu ayako
Version:1.0 191008
*/

/* http://meyerweb.com/eric/tools/css/reset/ 
v2.0 | 20110126
License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
img{vertical-align: bottom;}

#content p{line-height: 1.75em;}

/********* base *********/

html{font-size: 62.5%; /* sets the base font to 10px for easier math */}

body{
	color: #000;
	font-size: 20px;
	font-size: 2.0rem;  
  /* sets the default sizing to make sure nothing is actually 10px */
	line-height: 1.4;
}

body, table, input, textarea, select, option, h1, h2, h3, h4, h5, h6{
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

a{text-decoration: none;
    color: #000;}

a:hover{opacity: 0.8;}

.dot-wrap01 a{color:#CC3300;}

.sp{display: none!important;}

@media screen and (max-width: 768px){
    img{
        width: 100%;
        vertical-align: bottom;}
	.sp{display: block!important;}
	.pc{display: none!important;}
    
}

/********* header *********/

.mv-txt{
    background: url(assets/images/main-img.jpg)no-repeat top center;
    text-align: center;
    margin-bottom: 32px;
    background-size: cover;
}
header{margin-bottom: 22px;}

#header-inner{
    width: 1100px;
    min-width: 1100px;    
    margin: 19px auto 27px;    
    display: flex;
    align-items: center;
    justify-content: space-between;    
    }
#header-inner .logo{
	width: 42%;
}
#header-inner .logo img{
  width: 80%;
}
div#header-inner > div {
    display: flex;
}

#header-inner .tel{
    font-size: 2.8rem;
    font-weight: bold;
    color: #575747;
    line-height: 1.2; 
    margin-right: 20px;
    margin-top: 6px;
}
#header-inner .tel span {
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: right;
}
.menu-main-nav-container ul{
    display: flex;
    justify-content: center;
}
.menu-main-nav-container ul li{
    padding: 0 22px;
    font-size: 1.8rem;
    border-left: 1px solid #ccc;
 }
.menu-main-nav-container ul li a{
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.menu-main-nav-container ul li a::after{
    position: absolute;
    bottom: -4px;
    left: 0;
    content: '';
    width: 100%;
    height: 2px;
    background: #86d11d;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .3s;
}
.menu-main-nav-container ul li a:hover::after {
    transform: scale(1, 1);
}

.menu-main-nav-container ul li:last-child{border-right: 1px solid #ccc;}

.menu-item-has-children {
  position: relative;
  z-index: 0;
}

.menu-item-has-children:hover {
  cursor: pointer;
}

.menu-item-has-children:hover .sub-menu {
  display: block!important;
}

.sub-menu {
  display: none!important;
  position: absolute;
  top: 27px;
  left: 0;
  width: 220px;
  background: white;
  box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
  padding: 0;
}
.menu-main-nav-container ul.sub-menu li{
    padding: 0;}

.sub-menu > .menu-item:not(:last-child) {
  /*border-bottom: 1px solid #eee;*/}


.sub-menu > .menu-item a {
  width: 100%;
  height: 100%;
  display: block;
  padding: 5px 0;
  margin-bottom: 5px;
  cursor: pointer;
}

.sub-menu li{
  border: none !important;
}

.sub-menu > .menu-item a span{
    padding: 5px;
}

.sub-menu > .menu-item a:hover {
  display: block;
  color: #1F5BA2;
}
/*.menu-item-46{
  position: relative;
}
.menu-item-46:after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  right: 50%;
  width: 14px;
  height: 14px;
  border-top: 2px solid #000;
  border-right: 2px solid #000;
  transform: translateX(-50%) rotate(135deg);
}*/

.page{min-width: 1200px;}

@media screen and (max-width:768px){
    body{
        font-size: 16px;
        font-size: 1.6rem;  
     /*  sets the default sizing to make sure nothing is actually 10px */
        line-height: 1.4;
    }

    .mid-banner{width: 100%; margin-bottom: 16px;}

    header{
        width: 100%;
        padding-bottom: 10px;
        margin-bottom: 0px;
        }
    #header-inner{  
        width: 100%;
        min-width: 100%;
        margin:0% auto 0;
        padding-bottom: 0%;}
    #header-inner h1.logo,#header-inner div.logo{
        width: 90%;
        margin-left: 3% ;
        margin-top:2%;} 
    #header-inner .logo img{
        width: 100%;    
    }
    
    .sub-menu {
      display: block!important;
      position: static;
      top: auto;
      left: 0;
      width: 100%;
      background: none;
      box-shadow: none;
      padding: 0;
    }
    .menu-main-nav-container ul.sub-menu li{
        padding: 0;}

    .sub-menu > .menu-item:not(:last-child) {
      border-bottom: 1px solid #eee;}


    .sub-menu > .menu-item a {
      width: 100%;
      height: 100%;
        display: block;
        padding: 5px 0;
    }
    #nav-content-wrap li{border: none;}
    #nav-content-wrap li:last-child{border: none;}
    #nav-content-wrap li.menu-item-46{
        width: 100%;
        border-bottom: none;
        padding: 4% 10% 0 0;
    }
    .menu-item-46:after{
        content: '';}
    .page{min-width: 100%;}
}

/********* footer *********/	
#page-top{
    position: fixed;
    top: auto;
    bottom: 32%;
    right: 1%;
 display: none;    
}
#page-top a{ display:block;}
#page-top img{width: auto!important;}

footer {
    background: #009b00;
    min-width: 1200px;
    margin-top: 22px;
    padding: 20px 0;
    color: #fff; 
    /*position: relative;*/}

footer #footer-inner {
    width: 1200px;
    margin: 0 auto;    
    display: flex;
    justify-content: space-around;
    padding: 50px 0 20px 0;
}

footer #footer-inner h2{
    font-size: 1.6rem;
}

footer a{
  color: #fff !important;
}

footer .contact-btn-line a{
    margin-left: 0;    
}
footer .logo img{
	width:100%;
}
footer .logo{
	text-align:center;
}
.foot-left{
  width:30%;
}
nav.f-nav02 {
    margin-top: 5px;
    padding-top: 10px;
    border-top: 2px solid #F0EBE4;
    font-size: 16px;
    font-size: 1.6rem;
    width: 335px;
}
nav.f-nav02 a{color: #fff;}
nav.f-nav02 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;    
}
nav.f-nav02 ul li{margin-bottom: 2.8%;}
nav.f-nav02 ul li:nth-child(odd){width: 60%;}
nav.f-nav02 ul li:nth-child(even){width: 34%;}

address {
    font-size: 18px;
}

.footer-contact{
    width: 85%;
    margin-left: 80px;}

#footer-inner .tel{
    width: 275px;
    margin: 35px auto 0;    
    font-size: 3.4rem;
    font-weight: bold;
    line-height: 1.2;
}
#footer-inner .tel span {
    display: block;
    font-size: 1.6rem;
    font-weight: normal;
    text-align: right;
}

#footer-inner ul.m-list{
    margin-top: 38px;
    display: flex;
    justify-content: center;    
    
}
#footer-inner ul.m-list li{
    font-size: 1.6rem;
}
#footer-inner ul.m-list li a{
    color: #fff;
}
    
div#copy{
    margin-top: 10px;
    font-size: 14px;
    text-align: center;
}

.contact-btn a {
    padding: 12px;
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    background: #ff8000;
    border-bottom: 2px solid #b25231;
    border-radius: 5px;
}
.contact-btn-line a {
    padding: 12px;
    display: block;
    font-size: 2.4rem;
    font-weight: bold;
    color: #fff;
    background: #00B901;
    border-bottom: 2px solid #136d14;
    border-radius: 5px;
    margin-left: 10px;
}

/*モーダル*/
*{
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}
.content{
    margin: 0 auto;
    padding: 40px;
}
.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
}
.modal__bg{
    background: rgba(0,0,0,0.8);
    height: 100vh;
    position: absolute;
    width: 100%;
}
.modal__content{
    background: #fff;
    left: 50%;
    padding: 40px;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 60%;
}
/*モーダル*/

.content-wrap h3{
  margin: 45px 0 15px 0;
  font-weight: bold;
  padding: 0.5em;/*文字周りの余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 3px #516ab6;/*下線*/


}

.content-wrap p{
  margin-bottom: 15px;

}

.content-wrap ul{
  margin-bottom: 15px;

}

.content-wrap li{
  list-style-type: disc;
  list-style-position: inside;

}

.content-wrap dl{
  margin-bottom: 15px;

}


.payment{
    margin-top: 30px;    
}


@media screen and (max-width:768px){
    footer{
        background: none;
        border-top: none;
        margin-top: 0;
        min-width: 100%;
        padding: 0;
        color: #4D4D4D;}
    div#footer-inner > div.mr20 {
        margin-right: 0;
    }
    .foot-left{
      width:100%;
      background: #3ba6c8;
      padding:20px 0;
    }
    footer #footer-inner{
        width: 100%;
        display: block;
        padding-top:8px;
        padding-bottom: 0;
    }
    footer #footer-inner h1.logo{
        width: 74.5%;
        margin: 0 auto 6%;}
    
    footer .f-fb{
        justify-content: center;
    }

    footer a{
      color: #575747 !important;
    }
    #footer-inner .logo{
      width: 87%;
      margin: 0 auto 15px auto;
    }
    footer .f-fb .contact-btn a{
      color: #fff !important;
    }
    #footer-inner .tel {
       width: 90%;
        margin:0 auto;       
       font-size: 8vw;
        font-weight: bold;
        line-height: 1.2;
        color: #fff;
        text-align: center;}
    #footer-inner .tel a{
      color: #fff !important;
    }
        
    #footer-inner .tel span {
        display: block;
        font-size: 3.3vw;
        font-weight: normal;
        text-align: center;}
      .fb03-inner .sp{
        width: 48%;
        text-align: center;
        margin: 0 auto;
      }
    
    #footer-inner ul.m-list{margin-top: 20px;}    
    #footer-inner ul.m-list li,
    #footer-inner ul.m-list li a{
        color: #fff!important;
    }     
    
      #footer-inner .contact-btn-line a{
        color: #fff !important;
        font-size: 3.8vw;
      }
    footer .f-fb .contact{ width: 40%;}
    
    .footer-contact{
    width: 100%;
    margin-left: 0px;}

    .f-nav-wrap{
        border-top: none;
        margin-top: 0;
        padding:5% 2%;
    }    
    footer #footer-inner h2{
      padding: 2% 1%;
      margin-bottom: 2px;
      font-weight: bold;
    }
    nav.f-nav02{
        width: 98%;
        margin: 0 auto;
        border-top: 1px solid #F0EBE4;
    }
    nav.f-nav02 ul li{
      width: 44%!important;
      margin-bottom: 10px;
      padding: 0 10px 0 0;
    }
    nav.f-nav02 a{
        color: #4D4D4D;
    }
      
    div#copy{
      font-size: 11px;
      text-align: center;
      background: #3ba6c8;
      color: #fff;
      padding: 6% 0;
      }
    
    #page-top{display: none!important;}
    .contact-btn a{font-size: 3.8vw;}
}
@media screen and (max-width:629px){
    /*nav.f-nav02 ul li{width: 50%!important;}*/
}

/********* main *********/

main.level2{
    margin-top: 32px;
    border-top: 5px solid #136d14;
    
}
#contents-wrap{
    display: flex;
    justify-content: space-between;
    width: 1100px;
    margin: 0 auto 70px auto;
}

#main-contents{
    width:815px;}

@media screen and (max-width:768px){
    #contents-wrap{
        width: 100%;
        display: block;
        margin-bottom: 20px;}
    #main-contents{
        width: 100%;
        margin: 0 auto 5%;}
    .level2 #main-contents{
      width: 93%;
    }
}

/********* sidebar *********/
#sidebar{width: 250px;}
#sidebar img{width: 100%;}

#sidebar h2{
    margin-bottom: 10px;   
    padding: 6px 10px;
    background: #00b901;
    text-align: center;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    border-radius: 5px;}
#sidebar aside p{
  margin-bottom: 15px;
  font-size:1.6rem;
}
aside.search {
    margin: 19px 0 28px;
}
form.searchform {
    border-bottom: 2px solid #A3A3A3;
    margin-top: 13px;
    padding-bottom: 8px;}
.searchfield {
  font-size: 20px;
  font-size: 2.0rem;
    
  width: 82%;
  margin-top: 10px;
  padding: 0 5px;
  border: none;}
 
.searchsubmit {
    background: url(assets/images/search_icon.png)no-repeat top center;
    background-size: 100%;
  padding: 0;
  cursor: pointer;
  border: none;
    width: 36px;
    height: 36px;
    text-indent: -999999px;}

.searchsubmit:hover {
  opacity: .6;}

label.screen-reader-text{
    display: none;}
input#s{
    border: none;}

#sidebar .btn2{
    padding-bottom: 15px;}

#sidebar .side-index h2{
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;}
#sidebar .side-index h2 span{
    font-size: 1.6rem;}
#sidebar .side-index h2.widget-title{
    display: none;}
div#categories-2 ul {
    margin-bottom: 10px;}
#sidebar .side-index li{
    padding: 5px 0 0;}
#sidebar .side-index li a{
    display: block;    
    font-size: 20px;
    font-size: 1.6rem;    
    padding:2px 0 8px 10px;
    color: #000;
    border-bottom: 1px solid #ccc;}
#sidebar .side-index li:last-child a{
    border-bottom:none;} 



@media screen and (max-width:768px){
    main.level2{ margin-top: 0;}
    #sidebar{
        width: 93%;
        margin: 0 auto;}
    #sidebar .side-index li{
        padding: 1% 0;}
    #sidebar .side-index li a{
        font-size: 16px;
        line-height: 1.6;}
    h2.widget-title{
        background: url(assets/images/h2-ttl01-bg-sp.jpg)no-repeat center;
        background-size: 100% 100%;
        font-size: 22px;
        padding: 2% 5% 1.5%; }

    #sidebar p.more{
        width: 40%;
        margin: 5px auto 7%;}
}


/*** pagenation ***/
ul.page-numbers{display: flex;}

.pagenation {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 40px auto;
    position: relative;
    font-size: 18px;
}

.pagenation span, .pagenation a {
    display: block;
    width: auto;
    padding: 15px;
    border-top: 2px solid #D4D4D4;
    border-bottom: 2px solid #D4D4D4;
    border-left: 2px solid #D4D4D4;
    border-right: 0px solid #D4D4D4;
    
    background-color: #fff;
    text-decoration: none;
    text-align: center;
    line-height: 16px;
}

/* ページ番号 */
.pagenation .pager{
    width: 32px;
}

/* ホバー時 & 現在のページ */
.pagenation a:hover,
.pagenation .current  {
    border-color: #D4D4D4;
    background-color: #D4D4D4;
}

/* 前へ */
.pagenation a.before,
.pagenation a.prev
{
    border-radius: 5px 0 0 5px;   
    border-right: none; 
}
/* 次へ */
.pagenation a.next {
    border-radius: 0 5px 5px 0;    
    border-right: 2px solid #D4D4D4;
}
/* 最初へ */
.pagenation a.first {}
/* 最後へ */
.pagenation a.last {}

/* Page x / y */
.pagenation span.page_num {
    display: none;
}

	@media screen and (max-width: 768px){
        #nav-drawer {
          position: relative;
          margin-left: 0;
          margin-top: -10px;
          text-align: center;
        }

        /*チェックボックス等は非表示に*/
        .nav-unshown {
          display: none;
        }

        /*アイコンのスペース*/
        #nav-open {
          display: inline-block;
        width: 56%;
        margin-top: 24px;
        }

        /*閉じる用の薄黒カバー*/
        #nav-close {
          display: none;/*はじめは隠しておく*/
          position: fixed;
          z-index: 9999;
          top: 0;/*全体に広がるように*/
          right: 0;
          width: 30%;
          height: 100%;
         /* background: black;*/
          opacity: 0;
          transition: .3s ease-in-out;
        }


        /*中身*/
        #nav-content {
          overflow: auto;
          position: fixed;
          top: 0;
          left: 0;
          z-index: 9990;/*最前面に*/
          width: 80%;/*右側に隙間を作る（閉じるカバーを表示）*/
          /*max-width: 330px;最大幅（調整してください）*/
          height: 100%;
          background: #fff;/*背景色*/
          transition: .3s ease-in-out;/*滑らかに表示*/
          -webkit-transform: translateX(-105%);
          transform: translateX(-105%);/*左に隠しておく*/
        }


        /*チェックが入ったらもろもろ表示*/
        #nav-input:checked~#nav-close {
          display: block;/*カバーを表示*/
          opacity: .5;
        }

        #nav-input:checked~#nav-content {
          -webkit-transform: translateX(0%);
          transform: translateX(0%);/*中身を表示（右へスライド）*/
          box-shadow: 100px 0px 25px 20px rgba(0, 0, 0, .5);
          z-index: 9995;
        }
        #nav-content{background: #3BA6C8 url(assets/images/close-bg.png) top right no-repeat;
        background-size: auto;}
        #nav-content-wrap {
            background: #fff;
            margin: 5% 12% 0 2%;
            padding: 3% 5%;}
        #nav-content-wrap ul{
            margin-bottom: 5%;
            flex-wrap: wrap;
            }
        #nav-content-wrap li{
            width: 100%;    
            border-bottom: 1px solid #EADBD1;
            padding: 4% 10% 4% 0;
        }
    #nav-content-wrap .btn-wrap01 {
        background: #3BA6C8;
        border-radius: 50px;
        padding: 0 10%;
        margin-bottom: 5%;}

    #nav-content-wrap .btn-wrap02 {
        background: #8EAF29;
        border-radius: 50px;
        padding: 0 10%;
        margin-bottom: 5%;}
        
    #nav-content-wrap .btn-wrap01 img{width: 100%;}
        
        
        .hamburger-top {
          height: 40px;
          margin-top: 5px;
        }

        .menu-hamburger-menu-container li {
          float: none;
          font-size: 15px;
          padding: 10px 15px 10px 15px;
          list-style: none;
          text-align: left;
          border-bottom: dashed 1px #fedbf1;
        }

        .menu-hamburger-menu-container li:last-child {
          border: none;
        }

        .menu-hamburger-menu-container li a {
          text-decoration: none;
          color: #000;
        }

        .menu-hamburger-menu-container a:before {
          font-family: FontAwesome;
          content: "\f07b";
          color: #00bb80;/*アイコン色*/
          margin-right: 5px;
        }
        
        ul#menu-sp-nav li{
            color: #414141;
            font-size: 2.1rem;
            
        }
        
        ul#menu-sp-nav li span {
            display: block;
            font-size: 1.6rem;
            color: #8EAF29;
        }
        .pagenation{
                font-size: 16px;
        }
        .pagenation span, .pagenation a{
            padding: 10px;
        }
 
}

.page-contents img{
	width:100%;
}