*{
  margin:0;
  padding:0;
}
body{
  width:100%;
  height:100%;
  font-size: 16px;
  font-weight:bold;
  background-image:linear-gradient(-45deg,
#EEDEE1 5%, /*Aの色*/
#fff 25%, /*Bの色*/
#fff 50%, /*Bの色*/
#EEDEE1 50%, /*Aの色*/
#EEDEE1 75%, /*Aの色*/
#fff 75%); /*Bの色*/
/*ベンダープレフィックスここから*/
background-image:-moz-linear-gradient(135deg,#EEDEE1 25%,#fff 25%,#fff 50%,#EEDEE1 50%,#EEDEE1 75%,#fff 75%);
background-image:-webkit-linear-gradient(135deg,#EEDEE1 25%,#fff 25%,#fff 50%,#EEDEE1 50%,#EEDEE1 75%,#fff 75%);
/*ベンダープレフィックスここまで*/
background-size: 13px 13px; /*パターンの大きさ*/

  /*background-size: auto auto;
  background-color: rgba(255, 255, 255, 1);
  background-image: repeating-linear-gradient(110deg, transparent, transparent 6px, rgba(238, 222, 225, 1) 6px, rgba(238, 222, 225, 1) 9px );
  background-image:-moz-repeating-linear-gradient(-20deg, transparent, transparent 6px, rgba(238, 222, 225, 1) 6px, rgba(238, 222, 225, 1) 9px );
  background-image:-webkit-repeating-linear-gradient(-20deg, transparent, transparent 6px, rgba(238, 222, 225, 1) 6px, rgba(238, 222, 225, 1) 9px );*/
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
img{
  width:100%;
}
a{
  text-decoration: none;
}
ul{
  list-style: none;
}
a{
  text-decoration: none;
}
h3{
  font-size:30px;
}


/*-------- 共通部分 -------*/

.big_title{
  background-size:cover;
  background-repeat:no-repeat;
  text-align: center;
  padding-bottom:100px;
}
.white_bg1{
  background-image:url("../images/title_bg_w1.png");
}
.white_bg2{
  background-image:url("../images/title_bg_w2.png");
}
.pink_bg1{
  background-image:url("../images/title_bg_p1.png");
}
.pink_bg2{
  background-image:url("../images/title_bg_p2.png");
}
.big_title h2{
  font-size:47px;
  color:#E26D84;
  letter-spacing: 10px;
}
.big_title p{
  font-size:24px;
  color:#8F1D35;
  letter-spacing: 3px;
}
.inner_wrap{
  position:relative;
  width:90%;
  margin: 0 auto;
  max-width:1000px;
  padding:10px 0 150px 0;
}





/*-------- メインビジュアル -------*/
  
header .main-visual{
  background-image:url("../images/main_v.png");
  background-size:contain;
  background-position:bottom;
  background-repeat:no-repeat;
  height:0;
  padding-top:62.5%;
  width:100vw;
  position:relative;
}
header h1{
  position:absolute;
  top: 55%;
  right: 5%;
}
header h1 img{
  width:180px;
}
/*header #canvas{
  width:100%;
  height:100vh;
  object-fit: cover;
}*/



/*-------- ナビ（ハンバーガー） -------*/
  
nav {
  display: block;
  position: fixed;
  top: 0;
  left: -500px;
  bottom: 0;
  width: 500px;

  background: #ffffff;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  transition: all .5s;
  z-index: 9998;
  opacity: 0;
  background:#EEDEE1;
}
nav img{
  width:150px;
}
.open nav {
  display:flex;
  flex-direction: column;
  justify-content: center;
  left: 0;
  opacity: 1;
}
nav .inner {
  padding-left:110px;
}
nav .inner ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
nav .inner ul li:first-child{
  margin-bottom:30px;
}
nav .inner ul li:first-child a{
  display:inline;
}
nav .inner ul li {
  position: relative;
  margin: 0;
}
nav .inner ul li .small {
  font-size:14px;
  font-weight:normal;
  letter-spacing:1px;
}
nav .inner ul li a {
  display: block;
  color: #8F1D35;
  font-size: 25px;
  padding: 15px 0;
  letter-spacing:4px;
  transition-duration: 0.2s;
  transition:0.3s;
}
nav .inner ul li a:hover {
  color:#af3550;
}
.toggle_back{
  position: fixed;
  z-index:9999;
  left:0px;
  top: 48.5vh;
  width:75px;
  height:63px;
  line-height:63px;
  background:#8F1D35;
  transition:0.3s;
}
.toggle_back:hover{
  background:#af3550;
}
.toggle_btn {
  display: block;
  position: fixed;
  left:0px;
  top: 48.5vh;
  width: 75px;
  height:63px;
  transition: all .5s;
  cursor: pointer;
  z-index: 9998;
}
.toggle_btn span {
  display: block;
  position: absolute;
  left:14px;
  width: 45px;
  height: 2px;
  background-color: #fff;
  border-radius: 4px;
  transition: all .5s;
}
.toggle_btn span:nth-child(1) {
  top: 20px;
}
.toggle_btn span:nth-child(2) {
  top: 30px;
}
.toggle_btn span:nth-child(3) {
  top: 40px;
}
.open .toggle_btn span {
  background-color: #fff;
}
.open .toggle_btn span:nth-child(1) {
  -webkit-transform: translateY(10px) rotate(-315deg);
  transform: translateY(10px) rotate(-315deg);
}
.open .toggle_btn span:nth-child(2) {
  opacity: 0;
}
.open .toggle_btn span:nth-child(3) {
  -webkit-transform: translateY(-10px) rotate(315deg);
  transform: translateY(-10px) rotate(315deg);
}
#mask {
  display: none;
  transition: all .5s;
}
.open #mask {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .8;
  z-index: 9990;
  cursor: pointer;
}



/*-------- アイコン -------*/
#osusume_point .icons{
  display:flex;
  justify-content:space-between;
  align-items: center;
}
#osusume_point .icons .icon{
  position:relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width:24%;
  padding-top:24%;
  background:#fff;
  border-radius:50%;
  font-size:18px;
  letter-spacing: 1px;
  text-align:center;
}
#osusume_point .icons .icon_naka{
  position:absolute;
  top:0;
}

#osusume_point .icons .icon img{
  width:40px;
  height:auto;
  margin:30px 0 15px 0;
}
#osusume_point .icons .icon .red{
  color:#8F1D35;
}
#osusume_point .icons .icon .pink{
  color:#E26D84
}
#osusume_point .icons .icon .small{
  font-size:14px;
  margin-top:10px;
}


#osusume_point h2{
  height:70px;
  line-height:70px;
  background:#E26D84;
  border-radius:15px;
  color:white;
  text-align:center;
  font-size:22px;
  margin:80px 0 25px 0;
}
#osusume_point .points{
  background:#fff;
  border-radius:20px;
}
#osusume_point .points .points_inner{
  display:flex;
  flex-wrap:wrap;
  width:90%;
  margin:0 auto;
  padding:40px 0 20px 0;
}
#osusume_point .points .point01{
  display:flex;
  align-items: center;
  margin-bottom:20px;
}
#osusume_point .points .point01:nth-child(1),
#osusume_point .points .point01:nth-child(3),
#osusume_point .points .point01:nth-child(5){
  width:40%;
}
#osusume_point .points .point01:nth-child(2),
#osusume_point .points .point01:nth-child(4),
#osusume_point .points .point01:nth-child(6){
  width:60%;
}

#osusume_point .points .point01 img{
  width:35px;
  height:auto;
  margin-right:15px;
}


/*-------- 稼動状況 -------*/
#laundry{
  text-align: center;
  background:#fff;
  padding-bottom:100px;
}
#laundry .content{
  line-height:35px;
}
#laundry .machine{
  width:95%;
  margin: 50px auto;
  max-width:1200px;
}
#laundry .machine .machine-list{
  display:flex;
  align-items:top;
  border: 4px solid #848484;

}
#laundry .machine .machine-list li.dry_wrap{
  width:20%;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}
#laundry .machine .machine-list li.washdry{
  width:20%;
  border-left: 4px solid #848484;
  font-size:18px;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}
#laundry .machine .machine-list li:nth-child(2){
  border-left:none;
}
#laundry .machine .machine-list li.dry_wrap .dry{
  border-right:4px solid #848484;
  border-bottom:4px solid #848484;
  height:180px;
  display:flex;
  flex-direction: column;
  justify-content: space-around;
}
#laundry .machine .machine-list li.dry_wrap .dry:last-child{
  border-bottom:none;
}
#laundry .machine .machine-list .dry .name{
  padding-top:0;
}
#laundry .machine .machine-list .drum{
  background-repeat: no-repeat;
  background-position: center center;
  height: 180px;
  line-height: 160px;
}

#laundry .machine .machine-list .dry .drum{
  background-image: url("../images/dry.png");
  background-size: 92px auto;
  height:100px;
  line-height:80px;
}
#laundry .machine .machine-list li.washdry_s .drum{
  background-image: url("../images/washdry_s.png");
  background-size: 110px auto;
}
#laundry .machine .machine-list li.washdry_m .drum{
  background-image: url("../images/washdry_m.png");
  background-size: 140px auto;
}
#laundry .machine .machine-list li.washdry_l .drum{
  background-image: url("../images/washdry_l.png");
  background-size: 170px auto;
}
#laundry .machine .machine-list li.washdry_m .premium{
  color:#8F1D35;
}



/*-------- 稼動中のgifアニメーション -------*/
#laundry .machine .machine-list li.dry_wrap .dry{
  background-color: #EEDEE1;
}
#laundry .machine .machine-list li.washdry{
  background-color: #EEDEE1;

}
#laundry .machine .machine-list .dry .drum_in{
  background-image: url("../images/kaze.gif");
  background-repeat: no-repeat;
  background-position:center 20px ;
  background-size: 70px auto;
  height:100px;
  line-height:90px;
}
#laundry .machine .machine-list li.washdry .drum_in{
  background-image: url("../images/nami.gif");
  background-repeat: no-repeat;
  background-position:center center;
  height: 180px;
  line-height: 170px;
}
#laundry .machine .machine-list li.washdry_s .drum_in{
  background-size: 100px auto;
}
#laundry .machine .machine-list li.washdry_m .drum_in{
  background-size: 130px auto;
}
#laundry .machine .machine-list li.washdry_l .drum_in{
  background-size: 160px auto;
}



/*-------- 洗えるもの -------*/

#washable .washable_flex{
  display:flex;
  justify-content: space-between;
  margin-top:80px;
}
#washable .washable_inner{
  position: relative;
  background:#fff;
  padding:140px 0 30px 0;
  border-radius: 30px;
  width:49%;
}
#washable .washable_inner h3{
  position:absolute;
  top:-40px;
  left: 0;
  right: 0;
  margin: auto;
  letter-spacing: 5px;
  text-align: center;
  color:#8F1D35;
}
#washable .washable_inner h3 img{
  width:82px;
}
#washable .washable_inner table{
  line-height:27px;
  margin: 0 auto;
  text-align: left;
}
#washable .washable_inner table th{
  vertical-align: top;
  padding-right:40px;
  padding-bottom:30px;
  font-size:18px;
  line-height:37px;
}
#washable .washable_inner table td{
  font-weight: normal;
  padding-bottom:30px;
  line-height:30px;
}
#washable .kome{
  margin-top:40px;
  text-align: center;
  letter-spacing: 1px;
}



/*-------- 料金 -------*/

#price{
  background:#EEDEE1;
}
#price .price_inner{
  text-align: center;
  margin-top:30px;
}
#price .price_inner h3{
  position:relative;
  color:#8F1D35;
  letter-spacing: 3px;
  display:inline-block;
  margin-bottom:40px;
}
#price .price_inner h3::before,
#price .price_inner h3::after{
  position: absolute;
  content: '';
  border-radius: 2px;
  width:55px;
  height:5px;
  background:#fff;
  top:20px;
}
#price .price_inner h3::before{
  left:-3em;
}
#price .price_inner h3::after{
  right:-3em;
}
#price .price_inner .price_bg{
  background:#fff;
  border-radius: 30px;
}
#price .price_inner .price_bg .price_sub_wrap{
  display:flex;
  align-items: center;
}
#price .price_inner .price_bg .price_sub_wrap{
  width:90%;
  margin:0 auto;
  padding:30px 0;
  border-bottom:2px solid #EEDEE1;
}
#price .price_inner .price_bg .price_sub_wrap:last-child{
  border-bottom:none;
}
#price .price_inner .price_bg h4.price_sub_title{
  font-size:18px;
  color:#8F1D35;
  width:35%;
}
#price .price_inner .price_bg h4.price_sub_title p{
  font-size:14px;
  color:#000;
  line-height: 30px;
}

#price .price_inner .price_bg table{
  width:65%;
}
#price .price_inner .price_bg table td{
  border-bottom:2px dashed #EEDEE1;
  text-align: left;
  line-height:50px;
}
#price .price_inner .price_bg table tr:last-child td{
  border-bottom:none;
}
#price .price_inner .price_bg table td:first-child{
  width:3em;
  padding:0 40px;
}
#price .price_inner .price_bg table td:last-child{
  text-align: right;
  padding-right:40px;
}


#price .price_inner:last-child{
  margin-top:150px;
}



#price .price_inner:last-child .price_bg table td:first-child{
  width:10em;
}



/*-------- ペット用品ランドリー -------*/

#petcl .first{
  position:relative;
  display:flex;
  justify-content: space-between;
  margin-top:50px;
}
#petcl .first .photo{
  width:51%;
}
#petcl .first .photo img{
  vertical-align:top;
}
#petcl .first .chara{
  position:absolute;
  top:-190px;
  right:0;
  z-index:2000;
}
#petcl .first .chara img{
  width:176px;
}
#petcl .first .content{
  background:#fff;
  width:41%;
  padding:30px;
  z-index:1000;
}
#petcl .first .content h4{
  font-size:22px;
  line-height:35px;
  border-bottom:1px solid #E26D84;
  padding-bottom:20px;
}
#petcl .first .content h4 span{
  color:#E26D84;
}

#petcl .first .content h5{
  font-size:18px;
  margin:20px 0;
}
#petcl .first .content p{
  font-size:14px;
  line-height:25px;
}

#petcl .second{
  display:flex;
  justify-content: space-around;
  text-align: center;
  background:#fff;
  margin-top:15px;
  padding:50px 0 30px 0;
}
#petcl .second .icon{
  border-right:2px dashed #000;
  width:25%;
}
#petcl .second .icon:last-child{
  border-right:none;
}

#petcl .second img{
  width:114px;
}
#petcl .second p{
  font-size:17px;
  line-height:34px;
  margin-top:20px;
}



/*-------- ショップアクセス -------*/
#shop{
  background:#fff;
}
#shop .poster img{
  position:absolute;
  width:180px;
  right:10%;
  top:-140px;
}
#shop .shop_inner{
  display:flex;
  justify-content: space-between;
  align-items: center;
  margin-top:70px;
}
#shop .shop_inner .photo{
  width:31%;
}
#shop .shop_inner .shousai{
  width:66%;
  border-radius: 15px;
}
#shop .shop_inner .shousai h4{
  font-size:24px;
  color:#8F1D35;
  margin-bottom:20px;
}
  #shop .shop_inner .shousai .pink_bg{
  background:#EEDEE1;
  font-size:18px;
  padding:30px 0;
  text-align: center;
  border-radius:20px;
}
#shop .shop_inner .shousai table{
  width:90%;
  margin:0 auto;
  text-align: left;
}
#shop .shop_inner .shousai table th{
  color:#8F1D35;
  padding-right:30px;
  vertical-align: top;
  width:7em;
}
#shop .shop_inner .shousai table td{
  padding-bottom:30px;
}
#shop .shop_inner .shousai table td span{
  font-size:14px;
}
#shop .shop_inner .shousai table .fa-2x{
  font-size:1.5em;
  vertical-align: middle;
  margin-right:10px;
}
#shop .shop_inner .shousai table a{
  color:#000;
}


#shop .shop_inner .shousai .ryousyu{
  display:inline-block;
  letter-spacing: 2px;
  background: linear-gradient(transparent 65%, #FFB2C1 60%);
  padding:8px;
  line-height:16px;
}
#shop iframe{
  width:100%;
  margin-top:60px;
}




/*-------- フッター -------*/

.footer_wrap{
  position:relative;

  display:flex;
	flex-direction:column;
}
#sineCanvas{
  margin-top:-160px;
  z-index:1;
  background:#fff;
  position:relative;
  width:100vw;
  height:300px;

}
footer{
  z-index: 5000;
  position:absolute;
  left: 0;
  right: 0;
  margin: auto;
  text-align: center;
  font-size:13px;
}
footer img{
  width:60px;
  margin-bottom:10px;
}