/*
Theme Name: cat
Theme URI:  https://az-create.co.jp/
Author:     AZ CREATE.Co.,Ltd
Author URI: https://az-create.co.jp/
Template:   swell
Version:    1.0
License:    GNU General Public License v2 or later
*/

/*------------------------------------------------------------------------------------ ヘッダー ------------------------------------------------------------------------------------*/

.l-header__bar {
  display: none;
}

/* ------------------------------------------------------------------------------------メインビジュ------------------------------------------------------------------------------------ */

#main_visual {
  padding: 10px 50px 50px;
}
.p-mainVisual__slide {
  border-radius: 50px;
}

/* ---------------------------------------------------------------------------------HOMEページ------------------------------------------------------------------------------------ */
.d-none .p-postList__body{
    display: none;
}
    
.h-c-1 .c-l {
  position: relative;
}
.h-c-1 .c-l::after {
  background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/8013e2c2767641560bad06c8c091b23e.png)
    center center no-repeat;
  content: "";
  width: 326px;
  height: 264px;
  position: absolute;
  top: -10%;
  left: -5%;
  z-index: -10;
}

.h-c-1 .c-r::after {
  position: relative;
}
.h-c-1 .c-r::after {
  background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/af5d2fe0224402b563c25402018deb65.png)
    center center no-repeat;
  content: "";
  width: 500px;
  height: 500px;
  position: absolute;
  top: -15%;
  right: -5%;
  z-index: -10;
}
.c2-r .swell-block-columns__inner {
  display: flex;
  justify-content: end;
}
.c2-t {
  background: #f7f6f5;
  padding: 130px 200px;
  border-radius: 130px;
}


.c2-l {
  margin-top: -85px !important;
  z-index: -10;
  position: relative;
}
.c2::before {
  background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/2-1.png)
    center center no-repeat;
  content: "";
  width: 500px;
  height: 500px;
  position: absolute;
   bottom: -29%;
   right: -5%;
  z-index: -100;
}
.c2::after {
  background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/af5d2fe0224402b563c25402018deb65.png)
    center center no-repeat;
  content: "";
  width: 500px;
  height: 500px;
  position: absolute;
  top: -10%;
  left: 73%;
  z-index: -10;
}

.home .c1 .wp-block-group {
  border-radius: 30px;
}




.c2-b::after {
		background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/d0b300021578324396244be5ad0c6d0e.png) center center no-repeat;
  content: "";
  width: 283px;
  height: 267px;
  position: absolute;
    bottom: 12%;
    left: -13%;
  z-index: -100;
}
.c2-b::before {
	background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/8450def4d46c79abc0ffa7fc9a9d2269.png) center center no-repeat;
  content: "";
  width: 267px;
  height: 283px;
  position: absolute;
    bottom: -200%;
    left: -30%;
  z-index: -10;
}
.c2-t::after {
		background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/4e45a03c30f105d16f2a51baab8201ab.png) center center no-repeat;
  content: "";
  width: 283px;
  height: 267px;
  position: absolute;
    bottom: 31%;
    left: -21%;
  z-index: -10;
}
.c2-t::before {
	background: url(https://sample-webdesign1.com/cat-breeder/wp-content/uploads/2024/09/8450def4d46c79abc0ffa7fc9a9d2269.png) center center no-repeat;
  content: "";
  width: 267px;
  height: 283px;
  position: absolute;
    top: -10%;
    right: -20%;
  z-index: 100;
}

@media screen and (max-width: 600px) {

}

/* ---------------------------------------------------------------------------------購入の流れページ------------------------------------------------------------------------------------ */
.br-30 {
  width: 30%;
  border-radius: 50px;
  padding: 10px !important;
  text-align: center;
}

/* --------------------------------------------------------------------------------お問い合わせページ --------------------------------------------------------------------------------*/
.CF7_table ::placeholder {
	color:#797979;
}
.wpcf7-form-control {
	width: 100%;
}
.CF7_table {
	font-size: 0.9em;
	background: #fff;
}
.CF7_table th {
  vertical-align: top;
}      
.CF7_table tr {
	border-bottom: 1px solid #bdbdbd;
}


.entry-form {
	background: #dfdfdf;
	padding: 40px  60px;
}
/*「必須」文字*/
.CF7_req{
	font-size:.8em;
	padding: 3px 9px;
	background: #e3c16f;/*イエロー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/*「任意」文字*/
.CF7_unreq{
	font-size:.8em;
	padding:  3px 9px;
	background: #bdbdbd;/*グレー*/
	color: #fff;
	border-radius: 3px;
	margin-right:1em;
}

/* タイトル列 */
@media screen and (min-width: 768px){
	.CF7_table th{
	width:30%;/*横幅*/
	background-color:#fff;/*ブルーグレー*/
	}
}

/* レスポンシブ */
@media screen and (max-width: 768px){
	table.CF7_table{
	width:95%;
	}
	.CF7_table tr, .CF7_table td, .CF7_table th{
	display: block;
	width: 100%;
	line-height:2.5em;
	}
	.CF7_table th{
	background-color:#e3c16f;
	}
}

/* 「送信する」ボタン */
.wpcf7 input.wpcf7-submit {
	background-color:#e3c16f;
	width: 50%;
	border:0;
	color:#fff;
	font-size:1.2em;
	font-weight:bold;
	margin:0 auto;
	font-size: 16px;
}
.wpcf7 input.wpcf7-submit:hover {
	background-color:#fff;
	color: #e3c16f;
	border: 1px solid #e3c16f;
}

.CF7_btn{
 text-align:center;
 background: #fff;
 padding: 30px;
}

.wpcf7-spinner{
	width:0;
	margin:0;
}

/* ---------------------------------------------------------------------------------footer--------------------------------------------------------------------------------- */
.f-img {
  border-radius: 100px 100px 0 0 !important;
}
[data-partsid="80"] .swell-block-linkList__link {
  padding: 5%;
}
/* ----------------------------------------------------------------------------------------------共通---------------------------------------------------------------------------------------------- */
/* padding　Sサイズ */
.pd-s {
  padding: 20px !important;
}
/* letter-spacing line-height　Lサイズ*/
.ls-l {
  line-height: 1.5 !important;
  letter-spacing: 5px !important;
}
/* swellボタン */
@media screen and (max-width: 600px) {
  .swell-block-button {
    --the-width: 60% !important;
  }
}
/* スマホ開閉メニュー */
.p-spMenu__body,
.c-widget__title.-spmenu {
  color: #6f3601;
}
/*  追従ヘッダー*/
.l-fixHeader__inner {
  padding: 10px 50px;
}
/*  スライダー*/
.kb-gallery-wrap-id-10_7fee0b-5c .splide__track {
  position: relative;
  z-index: 10000 !important;
}

/* ボタン */
.br-15 a {
  border-radius: 15px;
}
.padding-20 a {
  padding: 20px;
}

/* テーブル */
.wp-block-table td,
.wp-block-table th {
  padding: 1.3em 0.75em !important;
}
/* 縦書き文字 */
.vertical-rl {
	writing-mode: vertical-rl;
}