@charset 'utf-8';

  /*----------------------
  pc用css
  ----------------------*/
.sp_display {
  display: none;
}
#price #priceNavi.sp_display,
#company div.sp_display {
  display: none !important;
}

  /*----------------------
  sp用css
  ----------------------*/
@media screen and (max-width: 600px) {
  .pc_display,
  .pagetop a {
    display: none;
  }
  #price #priceNavi.pc_display,
  #company div.pc_display {
    display: none !important;
  }
  .sp_display {
    display: block;
  }
  #price #priceNavi.sp_display,
  #company div.sp_display {
    display: block!important;
  }

  /* common */
  body {
    border: none;
    font-family: "Yu Gothic Medium", YuGothic, "游ゴシック Medium", "ヒラギノ角ゴPro W3", "游ゴシック体", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
 }
  header,
  .contentWrap,
  .outWrapLine,
  .outWrap,
  #copy_sp,
  #pageWrap #pageTitle_sp,
  img {
    width: 100%;
  }
  #pageWrap #pageTitle_sp {
    height: auto;
    padding-top: 0;
  }
  .sp_wrap {
    padding-right: 4%;
    padding-left: 4%;
  }
  .sp_headline {
    padding: 1rem 1.5rem .9rem !important;
    color: #fff;
    font-size: 1.5rem;
    letter-spacing: 1.3px;
    line-height: 1.3 !important;
    text-align: center !important;
  }
  .sp_headline span {
    font-weight: bold !important;
    font-size: 2.3rem !important;
    letter-spacing: 0 !important;
  }
  .sp_headline2 {
    padding: 1rem 1.5rem .9rem !important;
    color: #fff;
    font-size: 2rem !important;
    line-height: 1.3 !important;
    margin-bottom: 3rem !important;
  }

  /* header
  ---------------------------------------------------------- */
  header {
    padding: 1rem 5%;
    border-top: 4px solid #521010;
    line-height: 1;
  }
  header nav ul {
    width: 100%;
  }
  header nav ul,
  header nav li {
    background: none;
  }

  /*固定ヘッダー*/
  .headerFixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 99;
    background: url(../img/all_bg.gif);
    opacity: 0.9;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
  }

  /*エリア固定*/
  .areaFixed {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 100;
    background: url(../img/all_bg.gif);
    padding: 0 4%;
    opacity: 0.9;
    box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
  }

  /* サイトロゴ */
  header h1 img {
    width: 170px;
  }
  .sp_header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  /*ドロワー*/
  #searchMenu{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    width: 250px;
    height: 100%;
    max-height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-right: 1px solid #E0E0E0;
    border-left: 2px solid #956465;
    background: #fff;/*色変更rgba(255,255,255,0.9)*/
    -webkit-transform: translateX(250px);
    transform: translateX(250px);
    -webkit-transform-style: preserve-3d;
    transform-style: preserve-3d;
    will-change: transform;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    color: #521010;
    overflow: hidden;
    overflow-y: auto;
    z-index: 999;
    margin: 0;
    font-weight: bold;
  }
  #searchMenu.is-visible{
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
  #searchMenu.is-visible~.mdl-layout__obfuscator {
    background: url(../img/all_bg.gif);
    opacity: .6;
    visibility: visible;
    height: 100%;
  }
  .header_fix .sp_display {
    position: relative;
  }
  #searchMenuBtn {
    width: 30px;
  }
  #searchMenuBtn img{
    width: 100%;
  }
  .mdl-layout__obfuscator {
    background-color: rgba(0, 0, 0, 0);
    position: fixed;
    top: 0;
    left: 0;
    height: auto;
    width: 100%;
    z-index: 998;
    visibility: hidden;
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    -webkit-transition-timing-function: cubic-bezier(.4,0,.2,1);
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    overflow-y: hidden;
  }
  #searchMenu ul {
    padding: 1.7rem 5%;
    margin-top: 0;
    margin-bottom: 0;
  }
  #searchMenu ul li.close01 {
    width: 18%;
    margin-left: 80%;
    border: none;
  }
  #searchMenu ul li:not(:first-child) {
    padding: 0 5%;
  }
  #searchMenu ul li:nth-child(n+2):nth-last-child(n+2) a {
    background: url(../img/icon_arrow01.png) no-repeat left center,
                url(../img/sp/sp_bg_line.png) left bottom repeat-x;
    color: #521010;
    display: block;
    padding: 1rem 0 1.3rem 3rem;
    text-decoration: none;
    font-size: 1.5rem;
  }
  #searchMenu ul li:last-child a {
    display: inline-block;
    padding: 2rem 0;
    border-radius: 12px;
    margin-top: 3rem;
    width: 100%;
    background: #521010;
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    text-align: center;
  }
  #searchMenu ul li.nav_tit1 {
    font-weight: bold;
    color: #fff;
    border-bottom:  solid 1px #fff;
    margin: 2% 4%;
    padding: 4%;
  }
  @media screen and (max-width: 600px) {
    #wpadminbar {
      position: fixed!important;
    }
  }

  /* #pageTitle_sp
  ---------------------------------------------------------- */
  #pageTitle_sp.sp_display {
    min-height: 10rem !important;
    padding: 3rem 0 3rem 10% !important;
    background-size: contain;
    background-position: right center;
  }
  #pageTitle_sp h2 {
    color: #521010;
    font-size: 1.2rem;
    letter-spacing: 1.3px;
    line-height: 1.6;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
  }
  #pageTitle_sp h2 span {
    font-size: 2.3rem !important;
    letter-spacing: 0 !important;
  }
  #pageTitle_sp.service {
    background-image: url(../service/img/sp_bg1_service.jpg);
  }
  #pageTitle_sp.price {
    background-image: url(../price/img/sp_bg1_price.jpg);
  }
  #pageTitle_sp.shop {
    background-image: url(../shop/img/sp_bg1_shop.jpg);
  }
  #pageTitle_sp.company {
    background-image: url(../company/img/sp_bg1_company.jpg);
  }
  #pageTitle_sp.social {
    background-image: url(../social/img/sp_bg1_social.jpg);
  }
  #pageTitle_sp.recruit_sp {
    background-image: url(../recruit_sp/img/sp_bg1_recruit_sp.jpg);
  }
  #pageTitle_sp.branch {
    background-image: url(../branch/img/sp_bg1_branch.jpg);
  }
  #pageTitle_sp.privacy {
    background-image: url(../privacy/img/sp_bg1_privacy.jpg);
  }
  #pageTitle_sp.contact {
    background-image: url(../contact/img/sp_bg1_contact.jpg);
  }
  #pageTitle_sp.feature {
    background-image: url(../feature/img/sp_bg1_feature.jpg);
  }
  #pageTitle_sp.kimono {
    background-image: url(../kimono/img/sp_bg1_kimono.jpg);
  }
  #pageTitle_sp.dog {
    background-image: url(../dog/img/sp_bg1_dog.jpg);
  }
  #pageTitle_sp.custom {
    background-image: url(../custom/img/sp_bg1_custom.jpg);
  }
  #pageTitle_sp.universal {
    background-image: url(../universal/img/sp_bg1_universal.jpg);
  }

  /* ページ下部common
  ---------------------------------------------------------- */
  /* おすすめサービス */
  .outWrapLine .lineList,
  .outWrapLine .lineList h2 {
    width: 100%;
  }
  .outWrapLine .lineList {
    padding: 3rem 0 2rem;
  }
  .outWrapLine .lineList h2 {
    margin-bottom: 1.5rem !important;
  }
  .outWrapLine .sp_headline {
    color: #c00;
    font-weight: bold;
  }
  .outWrapLine .sp_headline span {
    color: #521010;
  }
  .outWrapLine .lineList li {
    width: auto;
    margin-bottom: 1.2rem;
    float: none;
  }
  .outWrapLine .lineList li.center {
    margin-right: 0;
    margin-left: 0;
  }

  /* グループバナー */
  .outWrap aside,
  .outWrap aside ul {
    width: 100%;
  }
  .outWrap ul {
    overflow: hidden;
  }
  .outWrap aside li {
    float: left;
    width: 49%;
    margin: 0 2% 0 0 !important;
  }
  .outWrap aside li:nth-child(-n+2) {
    margin-bottom: .8rem !important;
  }
  .outWrap aside li:nth-child(even) {
    margin-right: 0 !important;
  }
  .outWrap .clr::after{
    content: "";
    display: block;
    clear: both;
  }

  /* footer */
  footer {
    padding: 3rem 4% 1.5rem;
    text-align: center;
  }
  footer .sp_display p a {
    display: inline-block;
    padding: 2.7rem 0 2.7rem 2.3rem;
    border-radius: 12px;
    margin: 0 0 3rem;
    width: 80%;
    background: #521010 url(../img/sp/sp_icon_arrow01.png) no-repeat left 4.5rem center;
    color: #fff;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
  }
  footer #copy_sp,
  footer #copy_sp address {
    padding-top: 0;
  }
  footer #copy_sp address {
    float: none;
    display: block;
  }

  /* #underContact */
  #underContactWrap #underContact {
    padding: 2.4rem 0 5rem;
  }
  #underContactWrap #underContact,
  #underContact #title,
  #underContact #btn_sp{
    width: 100%;
    float: none;
  }
  #underContact #title img {
    width: auto;
  }
  #underContact #title .address {
    padding: 1rem 0 3rem;
  }
  #underContact #btn_sp{
    padding: 1.5rem 4% 2rem;
  }
  #underContact #btn_sp .bar {
    width: 100%;
    padding: 1.3rem;
    font-size: 1.6rem;
    color: #fff;
    font-weight: bold;
    line-height: 1.4;
    margin-bottom: 2rem;
  }
  #underContact #btn_sp li {
    float: none !important;
    line-height: 1.6;
  }
  #underContact #btn_sp img {
    width: auto;
  }
  #underContact #btn_sp li:nth-child(-n+2) {
    text-align: center;
  }
  #underContact #btn_sp li:nth-child(2) {
    padding-bottom: 1rem;
    border-bottom: 1px solid #521010;
    margin-bottom: 1.5rem;
    font-size: 1.6rem;
    font-weight: bold;
  }
  #underContact #btn_sp li:nth-child(2) span {
    color: #521010;
  }
  #underContact #btn_sp li:nth-child(3) {
    font-size: 1.4rem;
    line-height: 1.4;
  }
  #underContact #btn_sp li:first-child a {
    width: 100%;
    height: auto;
    background: transparent;
    padding-top: 0;
    margin-bottom: 1rem;
  }
  #underContact #btn_sp li:nth-child(3) a {
    display:inline-block;
    width: 80%;
    height: auto;
    padding: 1.5rem 2rem;
    border: 4px solid #956465;
    background: #fff;
    margin-top: 1.5rem;
    font-size: 2rem;
    font-weight: bold;
    color: #956465;
  }
  #underContact #btn_sp li:nth-child(3) p {
    text-align: center;
  }

  /* top
  ---------------------------------------------------------- */
  /* header */
  header nav li {
    float: none;
  }

  /* mv */
  .mainWrap,
  .topMain {
    width: 100%;
    height: auto;
    position: static;
    margin-left: 0;
  }
  .mainWrap a {
    margin-top: 0;
  }
  .mainWrap:before,
  .mainWrap:after {
    display: none;
  }
  .mainWrap.sp_display  {
    background: #fff;
  }
  .mainWrap.sp_display p:last-child {
    margin-top: -4rem;
    padding-bottom: 3rem;
  }
  .mainWrap.sp_display p:last-child a {
    display: inline-block;
    padding: 2rem 0 2rem 2.3rem;
    border: 3px solid #521010;
    border-radius: 12px;
    width: 70%;
    background: rgba(255, 255, 255, .8) url(../img/icon_arrow01.png) no-repeat left 3rem center;
    color: #521010;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
  }

  /* PRICE */
  #top #price_sp {
    width: auto;
    padding-top: 0;
    margin: 3rem auto 1rem;
  }
  #top #price_sp.sp_headline {
    color: #c00;
  }
  #top #price_sp.sp_headline span {
    color: #521010;
  }
  #top #itemList {
    width: 100%;
    display: block;
  }
  #top #itemList h4 {
    font-weight: normal;
  }
  #top #itemList div {
    height: auto;
    padding: 1.5rem 4% .7rem;
  }
  #top #itemList ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    -webkit-box-pack: justify;
    justify-content: space-between;
  }
  #top #itemList li {
    margin-left: 0;
    padding-top: .5rem;
    padding-bottom: .5rem;
    -ms-flex-preferred-size: 30%;
    flex-basis: 30%;
    font-size: 1.4rem;
    font-weight: bold;
    color: #521010;
  }
  #top #itemList > li {
    padding-top: 0;
    padding-bottom: 0;
  }
  #top #itemList > li:nth-child(-n+2) {
    margin-bottom: 2rem;
  }
  #top #itemList .buttonhole {
    font-size: 1.3rem;
    line-height: 2.2;
  }
  #top #itemList .sp_display ul::after {
    content: "";
    display: block;
    width: 32%;
  }

  /* INFORMATION */
  #top #info_sp {
    margin-bottom: 1rem;
    width: auto;
    color: #521010;
    font-size: 2.3rem;
    line-height: 1;
    text-align: left !important;
  }
  #top #news_sp li {
    display: inline !important;
    width: 100% !important;
  }

  /* service
  ---------------------------------------------------------- */
  #service_sp {
    padding-bottom: 5rem;
  }
  #service_sp h3:nth-of-type(2) {
    margin-top: 4rem;
    margin-bottom: 4rem !important;
  }
  #service_sp h3:nth-of-type(2) img {
    width: 80%;
  }
  #service_sp .catch,
  #service_sp .catch2 {
    padding-bottom: 2rem;
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.6;
  }
  #service_sp .layout1 {
    padding-bottom: 0;
  }
  #service_sp .layout1 p,
  #service_sp .layout2 p {
    width: 100%;
    line-height: 1.6;
  }
  #service_sp .layout1 p,
  #service_sp .layout2 p,
  #service_sp .layout1 img,
  #service_sp .layout2 img {
    float: none;
  }
  #service_sp p.catch + div,
  #service_sp .layout2 > div {
    width: 80%;
    margin: auto auto 2rem;
  }

  /* .readmore */
  .more_btn,
  .close_btn {
    margin-top: 2rem;
    text-align: center;
  }
  .more_btn img {
    width: 27%;
  }
  .close_btn img {
    width: 16%;
  }

  /* price
  ---------------------------------------------------------- */
  #price {
    padding-top: 3rem;
  }
  #price h3 {
    font-weight: normal;
  }
  #price #priceNavi img,
  #price #priceNavi,
  #price .priceList li {
    width: 100%;
  }
  #price .priceList img {
    width: auto;
  }
  #price #priceNavi {
    margin-bottom: 3rem;
  }
  #price #priceNavi li {
    width: 49%;
    margin: 0 0 .8rem 0 !important;
  }
  #price #priceNavi li:nth-child(even) {
    float: right;
  }
  #price .priceList {
    padding-bottom: 3rem;
  }
  #price .priceList li {
    margin-bottom: 2rem !important;
  }
  #price .priceList li.center {
    margin: 0;
  }
  #price .priceList .sp_display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    background-color: #c1a9a9;
    border-radius: 10px 10px 0 0;
    padding: .7rem;
  }
  #price .priceList .sp_display img {
    width: 47px;
  }
  #price .priceList .sp_display h4 {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    border: none;
    padding: 0;
    margin-left: -10%;
    background: transparent;
    color: #fff;
    font-size: 2.3rem;
    font-weight: bold;
    text-align: center;
  }
  #price .priceList dl {
    height: auto;
    padding-bottom: 20px;
  }


  /* shop
  ---------------------------------------------------------- */
  #shop {
    padding-bottom: 6rem;
  }
  #shop #shopNavi {
    width: 100%;
    margin-bottom: 3rem;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  #shop #shopNavi li {
    width: 24%;
    margin-right: 0;
    margin-bottom: .8rem;
  }
  #shop #shopNavi li:first-child {
    margin-left: 0;
  }
  #shop h3 img {
    width: 25%;
  }
  #shop h4 {
    margin-bottom: 0 !important;
  }
  /* itemList */
  #shop .itemList.sp_display {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 2rem 5%;
  }
  #shop .itemList.sp_display li {
    -ms-flex-preferred-size: 47%;
    flex-basis: 50%;
    margin-bottom: 1rem;
  }
  #shop .itemList.sp_display img {
    width: 90%;
  }
  #shop .itemList.sp_display li:nth-last-child(-n+1) {
    margin-bottom: 0;
  }
  /* shopList */
  #shop .shopList li {
    width: 100%;
    float: none;
  }
  #shop .shopList li:not(:last-child) {
    margin-bottom: 1.5rem;
  }
  #shop .shopList:last-child li {
    margin-bottom: 0;
  }
  #shop .shopList .photo {
    width: 33%;
    margin-right: 0;
    padding-bottom: 0;
  }
  #shop .shopList .about {
    width: auto;
    float: none;
  }
  #shop .shopList .shopBox {
    width: 62%;
    float: right;
    margin-bottom: .5rem;
  }
  #shop .shopList .shopBox p.tel {
    font-size: 2.2rem;
  }
  #shop .shopList .icon {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  #shop .shopList .icon dd {
    -ms-flex-preferred-size: 30%;
    flex-basis: 11%;
  }
  #shop .shopList .icon dd:nth-last-child(n+2) {
   margin-right: .7rem;
  }
  #shop .shopList .icon img {
    width: 100%;
  }
  #shop .shopList .icon img[alt="白紙"] {
    display: none;
  }

  /* company
  ---------------------------------------------------------- */
  #company {
    padding-bottom: 0;
  }
  #company h3:first-child img {
    width: 32%;
  }
  #company h3.sp_display:nth-of-type(3) img {
    width: 80%;
  }
  #company h3:nth-of-type(4) img {
    width: 55%;
  }
  #company .catch {
    text-align: left;
    font-size: 1.8rem;
    line-height: 1.6;
  }
  #company div {
    width: 100%;
    display: block;
  }
  #company ol {
    display: block;
  }
  #company li {
    display: inherit;
  }
  #company li,
  #company li span {
    position: static;
  }
  #company li,
  #company li:first-child {
    padding: 1.5rem 10%;
  }
  #company li:first-child {
    width: 100%;
  }

  /* recruit_sp
  ---------------------------------------------------------- */
  #recruit_sp {
    padding-bottom: 2rem;
  }
  #recruit_sp .box1,
  #recruit_sp ul {
    width: 100%;
  }
  #recruit_sp .catch {
    text-align: left;
    line-height: 1.6;
  }
  #recruit_sp h3 {
    padding: 3rem 0px 2.3rem;
    font-size: 1.8rem;
    line-height: 2;
  }
  #recruit_sp h3 span {
    font-size: 1.6rem;
  }
  #recruit_sp .box1 p:first-child {
    line-height: 1.4;
    margin-bottom: 1rem;
  }
  #recruit_sp .box1 p {
    width: 100% !important;
    display: block;
    line-height: 1.8;
  }
  #recruit_sp ul {
    font-size: 1.6rem !important;
    line-height: 1.6;
  }
  #recruit_sp li {
    background-position: 0 10%;
    line-height: 1.5;
  }
  #recruit_sp .brown {
    line-height: 1.6;
  }

  /* privacy
  ---------------------------------------------------------- */
  #privacy {
    font-size: 1.6rem;
    padding-bottom: 1rem;
  }
  #privacy,
  #privacy dd.fin span {
    line-height: 1.6;
  }
  #privacy dd.fin {
    line-height: 1.8;
  }

  /* branch
  ---------------------------------------------------------- */
  #branch {
    padding-bottom: 5rem;
  }
  #branch .catch {
    text-align: left;
    line-height: 1.6;
  }
  #branch .black,
  #branch .brown2 {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  #branch .catch,
  #branch .brown {
    line-height: 1.6;
  }
  #branch dl {
    width: 100%;
    padding: 25px;
  }
  #branch dt {
    line-height: 1.4;
    margin-bottom: .5rem;
  }
  #branch dd {
    padding-bottom: 2.5rem;
    line-height: 1.6;
  }
  #branch dd:last-child {
    padding-bottom: 0;
  }

  /* social
  ---------------------------------------------------------- */
  #socialNew li,
  #mainContent,
  #mainContent h3,
  #sideContent {
    width: 100% !important;
    float: none !important;
  }
  #socialNew {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  #socialNew > li {
    margin-bottom: 4.5rem !important;
  }
  #socialNew li.left {
    padding-top: 2rem;
  }
  #socialNew li.right {
    padding-top: 1rem;
  }
  #mainContent h3 {
    padding: 2.4rem 0 1.5rem;
  }
  #mainContent section:first-child {
    margin-top: 0;
  }

  /*accordion2*/
  .accordion2 {
    margin-top: 5rem;
    margin-bottom: 3rem;
    background: #fff;
    border: 2px solid #956465;
    color: #521010;
    font-size: 1.4rem;
  }
  .accordion2_summary1 {
    padding: 1rem 10% 1rem 16%;
    background: #956465 url(../social/img/sp_ico1.png) no-repeat 7% center;
    color: #fff;
    font-size: 1.8rem;
  }
  .accordion2_content1 {
    padding: 1rem 10%;
  }
  .accordion2_content1 li a {
    display: block;
    background: url(../img/icon_arrow01.png) no-repeat left center,
                url(../img/sp/sp_bg_line.png) left bottom repeat-x;
    padding: 1rem 0 1.3rem 3rem;
  }
  .accordion2_content1 li:last-child a {
    background: url(../img/icon_arrow01.png) no-repeat left center;
  }

  .branchAction {
    margin-top: 2.5rem;
  }
  .branchAction dt {
    margin-bottom: 1.7rem;
    text-align: center;
  }
  .branchAction dt:not(:first-child) {
    border-top: 1px solid #ccc;
    padding-top: 3rem;
  }
  .branchAction dt img {
    width: auto;
  }
  .branchAction dd:nth-of-type(odd) {
    width: 7rem;
    clear: both;
    float: left;
  }
  .branchAction dd:nth-of-type(even) {
    padding-left: 7rem;
    margin-bottom: 2rem;
  }
  .branchAction .mb1r {
    margin-bottom: 1rem !important;
  }
  .branchAction dd:last-child {
    margin-bottom: 0;
  }
  .branchAction.clearfix::after {
    content: "";
    display: table;
    clear: both;
  }

  /* contact
  ---------------------------------------------------------- */
  #contact {
    padding-bottom: 6rem;
  }
  #contact .catch {
    text-align: left;
    line-height: 1.6;
  }
  #contact p.catch + div,
  #contact .layout2 > div,
  #contact ul,
  #contact input[type="text"],
  #contact input[type="tel"],
  #contact input[type="email"],
  #contact textarea {
    width: 100%;
  }
  #contact input[type="text"],
  #contact input[type="tel"],
  #contact input[type="email"],
  #contact textarea {
    font-size: 1.6rem;
  }
  #contact ul,
  #contact ol,
  #contact li {
    display: block;
  }
  #contact h3 {
    padding-bottom: 2rem;
  }
  #contact .box {
    margin-bottom: 0;
    padding: 3rem 0 3.5rem;
  }
  #contact .box + h3 {
    margin-top: 3rem;
    padding-bottom: 1rem;
  }
  #contact h4 {
    background-color: transparent;
    padding: 0;
  }
  #contact .box .sp_display {
    background: #956465;
    padding: 4rem 0 3rem;
    text-align: center;
  }
  #contact .box .sp_display img {
    width: auto;
    margin-bottom: 1rem;
  }
  #contact .box .sp_display p {
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    color: #fff;
  }
  #contact .attention {
    padding-bottom: 3rem;
  }
  ul#mfp_phase_stat {
    display: none !important;
  }
  #contact ol:last-child li:last-child {
    padding-bottom: 3rem;
    text-align: center;
  }
  #contact li:first-child,
  #contact li {
    width: 100%;
    padding: 1.5rem 10%;
  }
  #contact li:first-child {
    border-right: none;
  }
  #contact button img {
    text-align: center;
  }

  /* feature
  ---------------------------------------------------------- */
  #feature {
    padding-bottom: 5rem;
  }
  #feature .catch {
    text-align: left;
    line-height: 1.6;
  }
  #feature li div p {
    width: 100%;
  }
  #feature li div p,
  #feature li div img {
    float: none;
  }
  #feature h3 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #feature li div p {
    margin-bottom: 2rem;
    line-height: 1.6;
  }
  #feature li div img {
    margin-right: 0;
  }

  /* kimono
  ---------------------------------------------------------- */
  #kimono {
    padding-bottom: 5rem;
  }
  #kimono .catch {
    text-align: left;
    line-height: 1.6;
  }
  #kimono h3 {
    font-size: 1.8rem;
    line-height: 1.4;
  }
  #kimono .black {
    font-size: 1.6rem;
    line-height: 1.6;
  }
  #kimono .attention {
    margin-bottom: 4rem;
  }
  #kimono li:first-child,
  #kimono li,
  #kimono li p,
  #kimono li img {
    float: none;
  }
  #kimono li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-left: 0;
    text-align: center;
  }
  #kimono li,
  #kimono li div,
  #kimono li p {
    width: 100%;
  }
  #kimono li img {
    width: auto;
  }
  #kimono li p {
    border-bottom: none;
    margin-top: 1rem;
    padding-bottom: 3rem;
    font-size: 1.5rem;
  }
  #kimono .brown2 {
    margin-top: 0;
    line-height: 1.6;
  }

  /* dog
  ---------------------------------------------------------- */
  #dog {
    padding-bottom: 5rem;
  }
  #dog .catch {
    text-align: left;
    line-height: 1.6;
  }
  #dog h3 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #dog h4 {
    font-size: 2rem;
    line-height: 1.3;
    padding: 1rem 1.5rem .8rem;
    margin-bottom: 3rem;
  }
  #dog .black,
  #dog .black + p {
    font-size: 1.6rem;
  }
  #dog .attention {
    margin-top: 1rem;
    margin-bottom: 4rem;
  }
  #dog .brown {
    margin-bottom: 1rem;
    text-align: left;
  }
  #dog .black + p,
  #dog .brown,
  #dog .brown2 {
    line-height: 1.6;
  }
  #dog .black {
    line-height: 1.8;
  }
  #dog ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  #dog li {
    float: none;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  #dog li:nth-child(2) {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
    margin-bottom: 0;
  }

  /* custom
  ---------------------------------------------------------- */
  #custom {
    padding-bottom: 5rem;
  }
  #custom .catch,
  #custom .brown {
    text-align: left;
    line-height: 1.6;
  }
  #custom h3 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #custom .black {
    font-size: 1.6rem;
    line-height: 1.8;
  }
  #custom .brown {
    margin-bottom: 1rem;
  }
  #custom .brown2 {
    margin-bottom: 3rem;
    text-align: left;
    font-size: 1.6rem;
    font-weight: normal;
  }
  #custom .brown3 {
    margin-top: 4rem;
    line-height: 1.6;
  }
  #custom ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
  #custom ul.clrNone.clr:after {
    display: none;
  }
  #custom li {
    float: none;
    margin-left: 0;
    -ms-flex-preferred-size: 49%;
    flex-basis: 49%;
  }
  #custom li:nth-child(-n+2) {
    margin-bottom: 2rem;
  }

  /* universal
  ---------------------------------------------------------- */
  #universal {
    padding-bottom: 5rem;
  }
  #universal .catch {
    text-align: left;
  }
  #universal .catch,
  #universal .black2,
  #universal .brown {
    line-height: 1.6;
  }
  #universal h3 {
    font-size: 2rem;
    line-height: 1.4;
  }
  #universal .black,
  #universal .black2 {
    font-size: 1.6rem;
  }
  #universal .black {
    margin-bottom: 5rem;
    line-height: 1.8;
  }
  #universal li {
    float: none;
    margin-bottom: 3rem;
    text-align: center;
  }
  #universal li:last-child {
    margin-bottom: 0;
  }
  #universal li.center {
    margin-left: 0;
    margin-right: 0;
  }
  #universal li img,
  #universal li p {
    width: 100%;
  }
  #universal li img {
    width: 80%;
  }
  #universal li p {
    font-size: 1.5rem;
    text-align: center;
  }
  #universal .brown {
    padding-top: 3rem;
  }

}


@media screen and (max-width: 480px) {
  #shop #shopNavi {
    display: block;
  }
  #shop #shopNavi li {
    width: 49%;
    margin: 0 0 .8rem 0 !important;
  }
  #shop #shopNavi li:nth-child(even) {
    float: right;
  }
}