/* Smartphone portrait */
#admin-menu-wrapper {display: none;}

#page {
  box-shadow: 0 0 0 rgba(0, 0, 0, 0) !important;
}

#header {
  max-height: 1000px;
  padding: 0;
  background-image: none;
}

#branding,
#header .region-header {
  float: none;
  background: transparent !important;
  max-height: 1000px;
  width: 100%;
  clear: both;
  margin: 10px 0;
}

.header-inner #branding{
width:100% !important;
}


#header  .region-header {
  margin: 10px 0;
}

#logo {
  margin: 5px auto;
  padding: 0;
display: none;
}

#site-name {
  font-size: 1.6em;
  padding: 10px 0 10px 10px;
width:70%;
}

#site-slogan {
  font-size: 1em;
  text-transform: none;
    margin-top:5px;
}
#site-slogan br{
    display: none !important;
}

.h-group #name-and-slogan {
    float: left;
    width: 76%;
}
}

.region-secondary-content .block {
  margin-bottom: 0;
  font-size: 1em;
}

#menu-bar {
  padding: 0;
}

#menu-bar .block {
  clear: both;
  float: none;
}

#menu-bar .menu-wrapper ul ul {
  position: relative;
  top: 0;
  width: 100% !important;
}

#menu-bar .menu-wrapper > ul,
#menu-bar .menu-wrapper > ul > li {
  display: block;
  float: none;
  margin: 0;
  border-bottom: 1px solid rgba(255,255,255,0.5);
}

#menu-bar .menu-wrapper ul ul li {
  border-bottom: 1px solid #fff;
  float: none !important;
}

#menu-bar .menu-wrapper ul ul li.first {
  border-top: 1px solid #fff;
}

#menu-bar .sf-menu {
  height: auto;
  padding: 0;
}



/*
------------------------------------------*/

#content  {
    padding: 10px 0px;
    line-height: 1.6;
}



/*  法律相談
-------------------------------------*/

#senmonbox_waku {
    width: 97%;
    float: none;
}


/* --- top
---------------------------*/
.tobiraebox {
    background-size: auto;
}

.tobiraebox #regist_btn img {
    width: 29%;
    position: absolute;
    top: 147px;
    right: 105px;
}

.tobiraebox .top-loginbtn {
    width: 36%;
    margin-left: unset;
    position: absolute;
    right: 16px;
    top: 12px;
}

.tobiraebox .soudan_bnr {
    width: 40%;
    position: absolute;
}


.not-logged-in #page #colums #main-content, .no-sidebars #page #colums #main-content {
    padding:8px !important;
}


/*-- サービス情報内 ページ内リンク
---------------------------------*/

#page .pagelink li {
  width : 50%; /* 未対応ブラウザ用フォールバック */
  width : -webkit-calc(100% / 2);
  width : calc(100% / 2);
}




/* <front> ログイン後 新着情報等複数列配置 レスポンシブ
--------------------------------------- */
.res-column li.views-row {
    float: left;
    width: 43.66%;
}