/*
Theme Name: type1
Description: inu-design
Author: inu-design
Version: 1.0
*/

/*いぬやど限定会員特典一覧*/
.gift-bk.under {
	background: #f6f6f6;
	padding: 150px 0 100px;
}
.sp-item {
	display: flex;
    flex-wrap: wrap;
	justify-content: center;
}
.sp-item.sp-under .post {
	width: 23%;
}
.gift-box .post {
	margin: 10px;
	width: 296px;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
	.gift-bk.under {
		padding: 120px 0 60px;
	}
	.sp-item {
	justify-content: space-between;
}
	.c_slider {
		width: 96%;
		margin: 0 auto;
	}
	.gift-box h3 {
		padding: 5px 5px;
	}
	.gift-box .post {
	margin: 10px;
	width: 100%;
}
	.gift-box .thum img {
		height: 200px;
		object-fit: cover;
	}
	.sp-item.sp-under.sc_list {
		flex-wrap: nowrap;
		overflow-x: scroll;
	}
	.sp-item.sp-under .post {
		min-width: 280px;
	}
}



/*各エリア一覧*/
/*注目エリア*/
.under_area {
	padding: 150px 0 100px;
}
.under_area .sp-item.sp-under {
	width: 96%;
    margin: 0 auto;
}
.under_area .f_thum {
	display: flex;
	flex-wrap: wrap;
	width: 16%;
	box-shadow: 3px 2px 8px #ddd;
	margin: 3px;
}
.under_area .f_box {
    width: 100%;
}
.under_area .f_box .f_area {
	font-weight: bold;
	text-align: center;
	padding: 8px;
}
/*Smartphone*/
@media screen and (max-width: 767px) {
	.under_area .f_thum {
		width: 32%;
		margin: 0 0 10px 0;
	}
	.under_area .f_box .f_area {
	font-size: 14px;
		position: static;
		padding: 3px;
}
}
/*一覧　右へスクロール*/
.post-box.sc_list {
	flex-wrap: nowrap;
    overflow-x: scroll;
    display: flex;
}
.post-box.sc_list .post {
	width: 100%;
    overflow: unset;
    max-width: 360px;
    min-width: 290px;
    margin-right: 15px;
}
/*Smartphone*/
@media screen and (max-width: 767px) {
	.post-box.sc_list .post {
		min-width: 160px;
	}
}



/*いぬやどアンバサダー　シングルページ*/
.content-box .inuyado_amb {
	width: 380px;
    justify-content: space-between;
    margin-bottom: 45px;
}

.content-box .inuyado_amb .amb_icon {
	width: 135px;
	height: 135px;
}

.content-box .inuyado_amb .amb_name {
	vertical-align: middle;
}

.content-box .inuyado_amb .amb_icon img {
	width: 100%;
	border-radius: 67px;
}

.content-box .inuyado_amb .instaicon_area {
	position: relative;
	    margin-left: 40px;
}
.content-box .inuyado_amb .instaicon_area img.instaicon {
	width: 40px;
	height: 40px;
	position: absolute;
	top: -4px;
    left: -45px;
}
.content-box .repoarea {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.content-box .repoarea li {
	width: 32%;
}
.content-box .repoarea li img {
	width: 100%;
}
.content-box .repoarea li h4 {
	margin: 12px;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
.content-box .inuyado_amb {
	width: 96%;
	margin: 0 auto 45px;
}
.content-box .repoarea li {
	width: 47%;
}
}

.rm_name {
	background: #f6f6f6;
}


/*revico 全てのレビューを見る*/
  a.review-page {
		position: absolute;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
  }

/*Smartphone*/
@media screen and (max-width: 767px) {
	a.review-page {
			width: 64%;
			padding-bottom: 130px;
	}
}


/*revico 一覧*/
#revico-form .revico-form-shop-info-wrapper {
margin: 150px auto 40px;
}

/*Smartphone*/
@media screen and (max-width: 767px) {
#revico-form .revico-form-shop-info-wrapper {
margin: 120px auto 40px;
}
}

#revico-comment-seo .revico-comment-footer {
margin: 0 auto;
}



/* いぬやど会員　広告用 */

.balloon6 {
	color: #333!important;
    background: #ffed7c!important;
    border-radius: 50px;
  }
  .balloon6 p {
	  padding: 0 50px!important;
	}
	.balloon6:before {
		display: none!important;
	}

  #strengths ul.s_box3_mt {
	width: 100%;
    margin: 100px 0;
    display: flex;
    justify-content: space-between;
}
  #strengths ul.s_box3_mt li {
    width: 32%;
}
@media screen and (max-width: 767px) {
	#strengths ul.s_box3_mt {
	flex-wrap: wrap;
	justify-content: center;
}
	#strengths ul.s_box3_mt li {
		width: 100%;
	}
}

/*会員登録ボタン用*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
}

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 62.5%;/*rem算出をしやすくするために*/
}

.bigbtn,
a.bigbtn,
button.bigbtn {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

a.bigbtn01 {
  border: 1px solid #1b7e40;
  border-radius: 1rem;
  background: #1b7e40;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(50%, #1b7e40), to(#20b958));
  background: -webkit-linear-gradient(bottom, #1b7e40 50%, #20b958 100%);
  background: linear-gradient(0deg, #1b7e40 50%, #20b958 100%);
  -webkit-box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
  box-shadow: inset 0 1px 1px rgba(255, 255, 255, .6), 0 5px 10px rgba(0, 0, 0, .1);
}



/*イベント用LP*/
.event-bn {
	width: 60%;
	max-width: 600px;
	margin: 60px auto 0;
}
.event-bn img {
	width: 100%;
}
@media screen and (max-width: 767px) {
	.event-bn {
		width: 100%;
		max-width: 100%;
		margin: 30px auto 0;
	}
}



/*ドッグラン広告用css*/
  span.br_span {
    display: inline-block;
  }

  .bg_dogrun {
    background: #f6f6f6;
    background-color: #efeadf;
    background-image: url("data:image/svg+xml,%3Csvg width='42' height='44' viewBox='0 0 42 44' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Page-1' fill='none' fill-rule='evenodd'%3E%3Cg id='brick-wall' fill='%23fefcf3' fill-opacity='0.4'%3E%3Cpath d='M0 0h42v44H0V0zm1 1h40v20H1V1zM0 23h20v20H0V23zm22 0h20v20H22V23z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
  }

  #inuyado-dogrun .ttl_area.ttl_inuyado {
    width: 100%;
    height: 420px;
    margin: 0 auto;
  }

  #inuyado-dogrun .ttl_area.ttl_inuyado img {
    width: 100%;
    height: 420px;
    object-fit: cover;
  }

  #inuyado-dogrun .ttl_area ul.outer li.txt {
    flex: 0 0 95%;
    text-align: center;
    margin-right: 0;
  }

  #inuyado-dogrun .ttl_area ul.outer li.txt h2 {
    font-size: 28px;
    text-align: center;
    color: #fff;
  }

  .flx_inner.dogrun_txt {
    width: 45%;
    margin: 0 auto 50px;
    line-height: 2.2;
  }

  .bg_green.menberlogin {
    padding: 50px 0 80px;
  }

  .dogrun_info {
    width: 86%;
    margin: 0 auto 60px;
  }

  .dogrun_info .single-table1:first-of-type {
    border-top: #cccccc 1px solid;
  }

  .dogrun_info .single-table1 dt {
    width: 26%;
    padding: 1.2em 0;
	  font-size: 14px;
  }

  .dogrun_info .single-table1 dd {
    width: 74%;
    padding: 1em 0;
  }

  .dogrun_info .single-table1 {
    border-bottom: #cccccc 1px dotted;
    font-family: Arial, sans-serif;
  }

  .dogrun_info .single-table1:last-of-type {
    border-bottom: #cccccc 1px solid;
  }

  .dogrun_faq {
    width: 60%;
    margin: 0 auto;
  }
	.coupon-box {
		width: 600px;
		margin: 0 auto;
	}
	.coupon-box img {
		width: 100%;
	}
	.login-btn-big {
		background: #ffffff;
    text-align: center;
    border-radius: 28px;
	margin: 60px auto;
    width: 312px;
    border: 2px solid #C97A8C;
	}
	
	.login-btn-big a {
		display: block;
		padding: 12px;
	}
	
  /*Smartphone*/
  @media screen and (max-width: 767px) {
    #inuyado-dogrun .ttl_area.ttl_inuyado {
      height: 305px;
      align-items: center;
      margin: -27px auto 0;
    }

    #inuyado-dogrun .ttl_area.ttl_inuyado img {
      height: 305px;
    }

    #inuyado-dogrun .ttl_area ul.outer li.txt {
      margin-top: 0;
    }

    #inuyado-dogrun .ttl_area ul.outer li.txt h2 {
      font-size: 12px;
      width: 90%;
      margin: 0 auto;
    }

    .flx_inner.dogrun_txt {
      width: 88%;
    }

    .dogrun_faq {
      width: 100%;
    }
	.coupon-box {
		width: 80%;
	}
  }