@charset "utf-8";
/* CSS Document */

html{
    font-size: 62.5%;
}
.wf-roundedmplus1c { font-family: "M PLUS Rounded 1c"; }

body{
    font-size: 1.6rem;
    line-height: 1.6;
}
*,*:before,*:after{
    box-sizing: border-box;
}
a:link,a:visited,a:hover,a:active,a:focus{
    text-decoration: none;
}
.clearfix:after{
    content: "";
    display: block;
    clear: both;
}

/*--------------------
ベース
--------------------*/

/*ヘッダー*/
.header{
    display: table;
    width: 100%;
    padding: 20px 0;
    background-color: #bad4e0;
}
.inner{
    width: 960px;
    margin: 0 auto;
}
.catch{
    display: table-cell;
    width: 350px;
    vertical-align: middle;
    font-size: 1.4rem;
    padding-left: 40px;
}
.logo{
    display: table-cell;
    width: 120px;
    text-align: left;
    vertical-align: middle;
}
.header .shop-name{
    display: table-cell;
    width: 250px;
    vertical-align: middle;
    font-size: 1.8rem;
}
.head-info{
    display: table-cell;
    width: 220px;
    vertical-align: middle;
    margin-right: 40px;
    font-size: 1.4rem;
    padding-right: 20px;
}
.reservebtn{
    margin: 5px auto 0;
    padding: 5px 5px;
    text-align: center;
    line-height: 2.4rem;
    border-radius: 10px;
    background-color: #ef8978;
    display: inline-block;
    color: #000;
    width: 200px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: 0.2s;
}
.reservebtn:after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 2px;
    margin-left: 5px;
    border: transparent 5px solid;
    border-left-color: #000;
    transition: 0.2s;
}
.reservebtn:after{
    color: #fff;
}
.reservebtn:hover{
    color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.reservebtn:hover:after{
    border-left-color: #fff;
}

/*icomoon*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?yvmf7');
  src:  url('fonts/icomoon.eot?yvmf7#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?yvmf7') format('truetype'),
    url('fonts/icomoon.woff?yvmf7') format('woff'),
    url('fonts/icomoon.svg?yvmf7#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-phone:before {
  content: "\e942";
}
.icon-phone{
    font-size: 22px;
    color: #ef8978;
    margin-bottom: 10px;
}
.icon-phone span{
    font-size: 2.4rem;
    padding-left: 20px;
    color: #000;
}

/*グロナビ*/
.gnav  {
    width: 100%; 
    margin: 0 auto 20px;
    padding: 10px 0;
    z-index: 2;
    font-size: 1.6rem;
    transition: 0.3s;
    background-color: #bad4e0;
}
.is-fixed  {
    position: fixed;
    margin: 0 auto;
    top: 0;
    z-index: 2;
    width: 100%;
    background-color: rgba(186,212,224,0.7);
    -webkit-transition: all .4s ease 0s,background .6s ease .2s;
    transition: all .4s ease 0s,background .6s ease .2s;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
    height: 70px;
}
.gnav ul{
    width: 960px;
    margin: 0 auto;
}
.gnav li{
    float: left;
    width: 160px;
}
.gnav a{
    display: block;
    height: 50px;
    padding: 10px;
    color: #000;
    font-size: 1.7rem;
    text-align: center;
    transition: 0.3s;
}
.gnav a:hover{
    background-color: #fff;
}
.gnav .lowertitle a:after{
    content: "";
    display: block;
    width: 0;
    margin: 2px auto;
    border-bottom: 3px dotted #68bbc1;
    transition: width 0.3s ease-in-out;
}
.gnav .lowertitle a:hover:after{
    width: 100%;
}
.trimming-page .gnav li:first-child,
.pethotel-page .gnav li:nth-child(2),
.staff-page .gnav li:nth-child(3),
.faq-page .gnav li:nth-child(4),
.contact-page .gnav li:nth-child(5),
.shopinfo-page .gnav li:nth-child(6){
    background-color: #fff;
}

/*ドロワー*/
button{
    display: none;
}

/*もっと見る*/

.morebtn{
    margin: 5px auto 0;
    padding: 5px 5px;
    text-align: center;
    line-height: 2.4rem;
    border-radius: 10px;
    background-color: #ef8978;
    display: inline-block;
    color: #000;
    width: 200px;
    box-shadow: 0 2px 4px rgba(0,0,0,0.3);
    transition: 0.2s;
}
.morebtn:after{
    content:"";
    display: inline-block;
    width: 0;
    height: 0;
    margin-top: 2px;
    margin-left: 5px;
    border: transparent 5px solid;
    border-left-color: #000;
    transition: 0.2s;
}
.morebtn:after{
    color: #fff;
}
.morebtn:hover{
    color: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.morebtn:hover:after{
    border-left-color: #fff;
}

/*トップへ戻る*/
.backtotop a {
    width: 60px;
    height: 60px;
    font-size: 1.4rem;
    line-height: 60px;
    text-align: center;
    position: fixed;
    right: 40px;
    bottom: 40px;
    color: #000;
    background-color: #76bbd3;
    border-radius: 50%;
    transition: 0.2s;
}

.backtotop a:hover{
    background-color: #fff;
}
/*フッター*/
.footer{
    width: 100%;
    padding: 20px 0;
    background-color: #bad4e0;
}
.footer .footinner{
    width: 960px;
    margin: 0 auto 20px;
}
.footer .sitemap{
    float: left;
    width: 320px;
    padding-top: 20px;
    padding-left: 80px;
    font-size: 1.4rem;
}
.footer .sitemap a{
    color: #000;
    transition: 0.2s;
}
.footer .sitemap a:hover{
    color: #888;
}
.footer .footinfo01{
    float: left;
    width: 320px;
    text-align: center;
    vertical-align: middle;
    margin-top: 20px;
    padding-left: 10px;
}
.footer .footinfo01 p:nth-of-type(2){
    font-size: 1.8rem;
} 

.footer .footinfo01 p:nth-of-type(3){
    font-size: 1.4rem;
} 
.footer .footinfo02{
    float: left;
    width: 320px;
    margin-top: 50px;
    text-align: center;
}
.footer .footinfo02 li:nth-of-type(2){
    font-size: 1.4rem;
    text-align: left;
    padding-left: 60px;
}
.footer .copyright{
    text-align: center;
    font-size: 1.2rem;
    line-height: 2.0;
}
h2{
    font-size: 2.4rem;
    text-align: center;
    padding-top: 40px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    background-image: url("../images/h2.png");
    background-repeat: no-repeat;
    background-position: bottom center;
}

.for-h3{
    width: 100%;
    height: 50px;
    background-image: url("../images/h3_bg.png");
    background-repeat: no-repeat;
    background-position:  calc(50% - 30%) 0;
    position: relative;
    margin-bottom: 20px;
}
h3{
	position: absolute;
	z-index: 1;
	top: 30%;
	left: 20%;
	margin-left: 25px;
	font-size: 2rem;   
}
h4{
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 20px;
}

/*ドロップシャドウ*/
.shadow{
    box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}

/*--------------------
トップページ
--------------------*/
/*jquery ヒーローイメージ*/
/*.index .hero{
    background-color: #bad4e0;
}*/
.hero-image img{
    display: block;
    width: 960px;
    height: auto;
}
/*about*/
.index .about{
    background-color: #ddecf2;
    margin-bottom: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
}

.index .aboutinner{
    width: 960px;
    margin: 0 auto 30px;
    background-color: #fff;
    padding-bottom: 30px;
}

.index .about .intro p{
    text-align: center;
}
.index .about .intro{
    margin-bottom: 100px;
    position: relative;
}
.index .aboutleft{
    position: absolute;
    left: -70px;
    top: 160px;
}
.index .aboutright{
    position: absolute;
    right: -30px;
    top: 30px;
}
.index .service{
    width: 800px;
    margin: 0 auto 50px;
}
.index .service .trimming .img-box{
    float: left;
    width: 400px;
}
.index .service .trimming .text-box{
    float: right;
    width: 400px;
    padding: 50px 30px;
    margin-bottom: 50px;
}
.index .service .trimming .text-box p:last-child,
.index .service .pethotel .text-box p:last-child{
    text-align: center;
    padding-top: 40px;
}
.index .service .pethotel .text-box{
    float: left;
    width: 400px;
    padding: 50px 30px;
    margin-bottom: 50px;
}
.index .service .pethotel .img-box{
    float: left;
    width: 400px;
}
.index .sougei,
.index .hospital{
    float: left;
}
.index .sougei p,
.index .hospital p{
    width: 200px;
    float: left;
}
.index .sougei p:last-child,
.index .hospital p:last-child{
    width: 200px;
    padding: 10px 10px 0;
}

.index .campaign{
    width: 960px;
    margin: 0 auto 50px;
}
.index .campaign p{
    text-align: center;
}
.index .campaign .text-box{
    float: left;
    width: 50%;
    height: 100%;
    padding-top: 50px;
    padding-left: 50px;
}
.index .campaign .img-box{
    float: left;
    width: 50%;
    height: 100%;
    padding-left: 20px;
    margin-bottom: 50px;
}
.index .campaign .img-box img{
    border-radius: 50%;
}
.index .campaign .campaign-ticket{
    width: 960px;
    margin: 0 auto;
}
.index .campaign .campaign-ticket img{
    float: left;
    margin-left: 20px;
    margin-bottom: 20px;
}
.index .campaign .campaign-ticket img:first-child{
    margin-left: 0;
}
.index .voice h2 .whiteback{
    display: inline-block;
    background-color: #fff;
}
.index .voice{
    background-image: url("../images/top_voice_bg.png");
    padding-bottom: 80px;
}
.index .voice .inner{
    width: 960px;
    max-height: 610px;
    overflow-y: auto;
    margin: 0 auto;
    background-color: #fff;
    border: #ccc solid 1px;
}

.index .voice .img-box{
    float: left;
    width: 300px;
    height: 100%;
    margin: 20px 20px 5px;
}
.index .voice .text-box{
    float: left;
    width: 560px;
    margin: 20px 20px 0;
    padding-top: 20px;
    padding-right: 20px;
    height: 100%;
}

/*--------------------
トリミングページ
--------------------*/
.trimming-page .trim-about{
    width: 960px;
    margin: 0 auto 50px;
}
.trimming-page .trim-about p{
    text-align: center;
}
.trimming-page .trim-about .text-box{
    float: left;
    width: 50%;
    height: 100%;
    padding-top: 50px;
    padding-left: 50px;
}
.trimming-page .trim-about .img-box{
    float: left;
    width: 50%;
    height: 100%;
    padding-left: 20px;
    margin-bottom: 30px;
}
.trimming-page .trim-about .img-box img{
    border-radius: 50%;
}
.trimming-page .trim-img{
    width: 960px;
    margin: 0 auto 50px;
}
.trimming-page .trim-img img{
    margin-left: 15px;
}
.trimming-page .price{
    width: 960px;
    margin: 0 auto 80px;
}
.trimming-page .price p{
    width: 600px;
    margin: 0 auto;
    text-align: left;
}
.trimming-page table{
    width: 600px;
    margin: 0 auto 50px;
    border: 1px solid #ddecf2;
    margin-bottom: 50px;
}
.trimming-page table:last-of-type{
    width: 400px;
    margin: 0 auto 50px;
    border: 1px solid #ddecf2;
    margin-bottom: 50px;
}
.trimming-page table th{
    text-align: left;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddecf2;
}
.trimming-page table td{
    text-align: center;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddecf2;
}
.trimming-page table tr:nth-child(2n+1){
    background-color: #f0f5f7;
}
.trimming-page table tr:first-child{
    background-color: #ddecf2;
    text-align: center;
}



/*--------------------
ペットホテルページ
--------------------*/
.pethotel-page .hotel-about{
    width: 960px;
    margin: 0 auto 50px;
}
.pethotel-page .hotel-about p{
    text-align: center;
}
.pethotel-page .hotel-about .img-box{
    float: left;
    width: 50%;
    height: 100%;
    margin-bottom: 30px;
    padding-left: 160px;
}
.pethotel-page .hotel-about .text-box{
    float: left;
    width: 50%;
    height: 100%;
    padding-left: 50px;

        padding-top: 50px;
}
.pethotel-page .hotel-about .img-box img{
    border-radius: 50%;
}
.pethotel-page .hotel-img{
    width: 960px;
    margin: 0 auto 50px;
}
.pethotel-page .hotel-img img{
    margin-left: 15px;
}
.pethotel-page .price{
    width: 960px;
    margin: 0 auto 80px;
}
.pethotel-page .price p{
    width: 600px;
    margin: 0 auto;
    text-align: left;
}
.pethotel-page table{
    width: 600px;
    margin: 0 auto 50px;
    border: 1px solid #ddecf2;
    background-color: #f0f5f7;
    margin-bottom: 50px;
}
.pethotel-page table th{
    text-align: left;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddecf2;
}
.pethotel-page table td{
    text-align: center;
    padding: 10px 0 10px 15px;
    border: 1px solid #ddecf2;
}

.pethotel-page table tr:first-child{
    text-align: center;
}


/*--------------------
スタッフページ
--------------------*/
.staff-page .main{
    width: 840px;
    margin: 0 auto 80px;
}
.staff-page h2{
    margin-bottom: 50px;
}
.staff-page h3 span{
    font-size: 1.6rem;
}
.staff-page .staff-info .left{
    float: left;
    width: 400px;
}
.staff-page .staff-info .right{
    float: right;
    width: 400px;
}
.staff-page .staff-info .dots-box{
    border-top: 4px dotted #ef8978;
    border-bottom: 4px dotted #ef8978;
    padding: 20px 20px;
    margin: 20px 0 20px;
}
.staff-page .staff-info .dots-box span{
    font-weight: bold;
}
.staff-page .staff-info .staff-img{
    text-align: center;
    margin-bottom: 20px;
}
.staff-page .message{
    padding: 20px 20px;
}
.staff-page .staff01{
    margin-bottom: 80px;
}
.staff-page .staff01 .message{
    padding-right: 40px;
    padding-left: 40px;
}

/*--------------------
よくある質問ページ
--------------------*/
.faq-page .main{
    width: 960px;
    margin: 0 auto;
}
.faq-page .iconq:before {
	content:'\f059';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
    font-size: 2rem;
    color: #fff;
    padding-right: 10px;
}
.faq-page .icona:before {
	content:'\f580';
	font-family:'Font Awesome 5 Free';
	font-weight:900;
    font-size: 2rem;
    color: #f2e4d1;
    padding-right: 10px;
}
.faq-page .accordion03{
    margin-bottom: 80px;
}

/*アコーディオン*/
.accordion-container {
  position: relative;
  width: 100%;
  border: 1px solid #bad4e0;
  outline: 0;
  cursor: pointer;
}

.accordion-container .article-title {
  display: block;
  position: relative;
  margin: 0;
  padding: 10px 20px 20px 20px;
  font-size: 1.6rem;
  background: #bad4e0;
  cursor: pointer;
}
.accordion-container .article-title:hover,
.accordion-container .article-title:active,
.accordion-container .content-entry.open .article-title {
  opacity: 0.8;
}

.accordion-container .article-title:hover i:before,
.accordion-container .article-title:hover i:active,
.accordion-container .content-entry.open i {
  color: white;
}

.article-title{
  position: relative;
}

.article-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}

.article-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}

.accordion-content {
  display: none;
padding: 20px;
  padding-left: 40px;
}

/* CSS for CodePen */
.accordion-container {
  width: 700px;
  margin: 0 auto 50px;
}



/*--------------------
お問い合わせページ
--------------------*/
.contact-page .main{
    width: 960px;
    margin: 0 auto;
}
.contact-page table{
    width: 600px;
    margin: 0 auto;
    border: 1px solid #f2e4d1;
}
.contact-page table th{
    width: 200px;
    font-size: 1.6rem;
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px 20px;
    background-color: #f2e4d1;
    vertical-align: top;
}
.contact-page table td{
    width: 400px;
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px 10px;
}
.contact-page table th span{
    color: #fff;
    background-color: #ef8978;
    border-radius: 5px;
    font-size: 1.3rem;
    padding: 2px 5px 0;
}
.contact-page textarea{
    width: 380px;
    height: 150px;
    padding: 5px;    
}
.contact-page input[type="text"],
.contact-page input[type="email"],
.contact-page input[type="tel"]{
    width: 250px;
    padding: 5px;
}
.contact-page .contactbtn{
    margin-top: 20px;
    text-align: center;
}

.contact-page .contactbtn input{
    width: 100px;
    margin: 0 5px;
    padding: 10px;
    border: none;
}
.contact-page .contactbtn input:last-child{
    background-color: #ef8978;
}

.contact-page .contactbtn input:hover{
    opacity: 0.7;
}
.contact-page form{
    margin-bottom: 80px;
}


/*--------------------
店舗情報ページ
--------------------*/
.shopinfo-page .main{
    width: 960px;
    margin: 0 auto;
}
.shopinfo-page .map{
    float: left;
    margin-left: 70px;
    margin-right: 20px;
}
.shopinfo-page .address{
    float: left;
    padding: 20px 0 0 20px;
}
.shopinfo-page .access{
    margin-bottom: 60px;
}
.shopinfo-page .registration{
    width: 960px;
    margin: 0 auto 80px;
}
.shopinfo-page table{
    width: 600px;
    margin: 0 auto;
    border: 1px solid #bad4e0;
}

.shopinfo-page table th{
    text-align: left;
    border: 1px solid #bad4e0;
    padding: 5px 15px;
    
}
.shopinfo-page table td{
    text-align: left;
    border: 1px solid #bad4e0;
    padding: 5px 15px;
}

/*--------------------
プライバシーポリシーページ
--------------------*/
.privacy-page .main{
    width: 960px;
    margin: 0 auto 80px;
    padding: 0 60px;
}
.privacy-page h3{
	position: static;
    margin-left: 0;
	font-size: 2rem;
    font-weight: bold;    
}
.privacy-page .main p{
    margin-bottom: 20px;
    padding-left: 20px;
}




/*--------------------
レスポンシブ 960px以下
--------------------*/
@media (min-width: 769px) and (max-width: 960px){

}

/*--------------------
レスポンシブ 768px以下
--------------------*/
@media screen and (max-width: 768px){
/*ドロワー*/
/*
Zarigani Design Office Drawer Menu
Copyright 2018 Zarigani Design Office

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
*/
/* === Hambuerger Button's Style Paste Here === */
/*+++ Reset +++*/
.zdo_drawer_button * {
  margin: 0;
  padding: 0;
  outline: none;
  border: none;
  font: inherit;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  text-align: left;
  text-decoration: none;
  list-style: none;
}

.zdo_drawer_button {
  display: block;
  padding: 0;
  width: 42px;
  height: 26px;
  position: relative;
  background: none;
  border: none;
  text-align: center;
  letter-spacing: 0.1em;
  cursor: pointer;
  outline: none;
}

.zdo_drawer_button .zdo_drawer_bar {
  display: block;
  width: 42px;
  height: 2px;
  transition: all 0.2s;
  transform-origin: 0% 0%;
  transform: translateY(-50%);
  position: absolute;
  left: 0;
}

.zdo_drawer_button .zdo_drawer_bar1 {
  top: 0;
}

.zdo_drawer_button .zdo_drawer_bar2 {
  top: 50%;
}

.zdo_drawer_button .zdo_drawer_bar3 {
  top: 100%;
}

.zdo_drawer_button.active .zdo_drawer_bar {
  width: 36.77px;
  left: 8px;
}

.zdo_drawer_button.active .zdo_drawer_bar1 {
  transform: rotate(0.7853981634rad) translateY(-50%);
  top: 0px;
}

.zdo_drawer_button.active .zdo_drawer_bar2 {
  opacity: 0;
}

.zdo_drawer_button.active .zdo_drawer_bar3 {
  transform: rotate(-0.7853981634rad) translateY(-50%);
  top: calc(100% - 0px);
}

.zdo_drawer_button.active .zdo_drawer_menu_text {
  display: none;
}

.zdo_drawer_button.active .zdo_drawer_close {
  display: block;
}

.zdo_drawer_text {
  width: 100%;
  position: absolute;
  bottom: -20px;
  left: 0;
  text-align: center;
  font-size: 10px;
}

.zdo_drawer_close {
  letter-spacing: 0.08em;
  display: none;
}

/*+++ Default Button Color +++*/
.zdo_drawer_button {
  color: #50a0a0;
}

.zdo_drawer_button .zdo_drawer_bar {
  background-color: #50a0a0;
}

/* === Hambuerger Button's Style End === */
.zdo_drawer_menu .zdo_drawer_button {
  /*+++ Hamburger Button Position +++*/
  position: fixed;
  top: 32px;
  right: 32px;
  z-index: 1001;
}
.zdo_drawer_menu a {
  color: inherit;
  text-decoration: none;
}
.zdo_drawer_menu a:visited {
  color: inherit;
}
.zdo_drawer_menu .zdo_drawer_bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: 999;
  background-color: rgba(51, 51, 51, 0.5);
  display: none;
  top: 0;
  left: 0;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper {
  width: 200px;
  height: 100%;
  transition: all 0.2s;
  transform: translate(312px);
  position: fixed;
  top: 0;
  right: 0;
  z-index: 1000;
  background-color: #bad4e0;
}
.zdo_drawer_menu .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}
.zdo_drawer_menu.left .zdo_drawer_button {
  right: auto;
  left: 32px;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper {
  transform: translate(-312px);
  right: auto;
  left: 0;
}
.zdo_drawer_menu.left .zdo_drawer_nav_wrapper.open {
  transform: translate(0);
}

/*+++ Default Navigation CSS +++*/
.zdo_drawer_menu .zdo_drawer_nav {
  padding: 112px 24px;
}
.zdo_drawer_menu .zdo_drawer_nav li {
  font-size: 16px;
  margin-bottom: 15px;
}

/*# sourceMappingURL=/zdo_drawer_menu.css.map */

    .header{
        width: 100%;
    }
    .header .catch{
        display: none;
    }
    .header .head-info{
        display: none;
    }
    .header .logo{
        padding-left: 50px;
    }
    .gnav li{
        float: none;        
    }
    .backtotop{
        display: none;
    }
    .footer .footinner{
        width: 100%;
    }
    .footer .sitemap{
        float: none;
        width: 100%;
        margin: 0 auto 20px;
        text-align: center;
    }

    .footer .footinfo01{
        float: none;
        width: 100%;
        margin: 0 auto;
    }
    .footer .footinfo01 p{
        margin-bottom: 20px;
    }
    .footer .footinfo02{
        float: none;
        width: 100%;
        margin: 0 auto 30px;
    }
}