@charset "utf-8";
/* CSS Document */
p.no_hit {
    margin: 0;
    padding: 45px 30px;
    text-align: center;
    position: relative;
    font-size: 17px;
    font-weight: bold;
}
.SearchWrap{
	width: 992px;
    background: #E9DDBD url(/asset/image/toptexture.png) repeat;
    background-color: rgb(233, 221, 189);
    padding: 10px;
    border-radius: 10px;
    margin: 30px auto 50px;
	}
.SearchWrap .SearchBox{
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(255,255,255,0.3) 100%);
    border-radius: 10px;
    padding: 20px 30px;
    position: relative;
}

.selectItem{}
.selectItem ul{
	margin: 0 0 30px;
    padding: 0;
	display: flex;
    flex-wrap: wrap;
}
.selectItem li{list-style-type:none; margin: 0 15px 15px 0;}
.selectItem li:nth-of-type(1){}
.selectItem li label{margin: 0;}
.selectItem h3{margin: 0 0 20px; font-weight: bold;}	
.selectItem h4{margin: 0 0 20px;}	
	
.selectBtn {
	display: flex;
	align-items: baseline;
	margin: 0 0 1em;
}
.selectBtn a {
	display: inline-block;
	width: 100px;
	text-align: center;
	color: #333939;
	margin: 0 10px 0 0;
	padding: .5em;
	background: #efefef;
	border-radius: 3px;
	border: 1px #ccc solid;
	text-decoration: none;
	line-height: 1;
	box-sizing: border-box;
	flex-shrink: 0;
}
.selectTxt {
	display: inline-block;
}
.checkbox + span {
	display: inline-block;
	position: relative;
	padding-left: 17px;
	font-size: 12px;
	pointer-events: none;
}
	
/*-----検索エリア------*/
	
.SearchArea{
    width: 992px;
    margin: 30px auto 20px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    position: relative;
}

.SearchArea .inner{
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    justify-content: space-between;
}
	
/*----フォームリセット用------*/

input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type='checkbox'],
input[type='radio'] {
  display: none;
}

input[type='submit'],
input[type='button'],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}	
	
/*-----タブメニュー-----*/
	
.tab {
  display: none;
}
.tab:checked:nth-of-type(1) ~ .tab_content2:nth-of-type(1) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(2) ~ .tab_content2:nth-of-type(2) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(3) ~ .tab_content2:nth-of-type(3) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(4) ~ .tab_content2:nth-of-type(4) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
.tab:checked:nth-of-type(5) ~ .tab_content2:nth-of-type(5) {
  opacity: 1;
  transition: 0.5s opacity ease-in, 0.8s transform ease;
  position: relative;
  top: 0;
  z-index: 100;
  transform: translateY(0px);
  text-shadow: 0 0 0;
}
label[for="tab1"] {
    background: url(https://kizuna3.com/img/tabBtn05b.png);
    background-size: 100%;
    background-repeat: no-repeat;
}

.tab:not(:first-of-type):not(:last-of-type) + label {
  /*border-radius: 0;*/
}

.tab:last-of-type:not(:first-of-type) + label {

}
.tab:checked + label {

}
.tab + label {
    width: calc(25% - 7px);
    margin: 0 0 20px;
    position: relative;
    top: 0;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    background: url(https://kizuna3.com/img/tabBtn01.png);
    background-size: 100%;
    background-repeat: no-repeat;
    aspect-ratio: 356 / 73;
}
.tab + label:hover {
	color: #fb76be;
}
.tab_content2 {
    padding: 0;
    /* background-color: #f5f5f5; */
    position: absolute;
    width: 100%;
    z-index: -1;
    opacity: 0;
    left: 0;
    transform: translateY(-3px);
    border-radius: 10px;
    /* border: 2px solid #f5d5a7; */
    /*background: linear-gradient(to bottom, rgb(255 255 255) 0%,rgb(251 251 251) 100%);*/
}
.tab_content2 ul{
    width: 98%;
    margin: auto;
    padding: 15px 0 0;
    display: flex;
    flex-wrap: wrap;
}
.tab_content2 li{
    list-style-type: none;
    margin: 0 15px 15px 0;
}
.tab_content2 li span span:nth-of-type(1){display: none;}
.tab_content2 ul.type_button li label{
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    appearance: none;
    border-radius: 8px;
    border-width: 0;
    box-sizing: border-box;
    color: #000000;
    cursor: pointer;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    position: relative;
    text-align: left;
    text-decoration: none;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 13px;
    font-weight: normal;
    margin: 0;
    border: 1px solid #d5d5d5;
    padding: 12px 10px;
    background: #fff;
}
.tab_content2 ul.type_button li label.check{
    color: #fff;
    background-color: #fb76b2;
    border: 1px solid #fb76b2;
}
.tab_content2 ul.type_button li label input[type='checkbox']{
	display: block;
    margin: 0;
    top: -11px;
    left: -9px;
}
.tab_content2 h3{
	color: #28c6c0;
    font-size: 20px;
}
.tab_content2 h3:nth-of-type(1){}
.tab_content2 h3:nth-of-type(2){border-top: 1px solid #ebebeb;}
.tab_content2 h3:nth-of-type(3){border-top: 1px solid #ebebeb;}
.tab_content2 h3:nth-of-type(4){border-top: 1px solid #ebebeb;}
.tab_content2 h3:nth-of-type(5){border-top: 1px solid #ebebeb;}

.tab_content2.cont02 .tooltip_icon:before{transform: translate(15px,-10px);}
.tab_content2.cont02 h4 + span .tooltip_icon:before{transform: translate(15px,-18px);}

.tab_content2 h4{margin: 0;}

.selectTxt_area{
	width: 100%;
    position: fixed;
	bottom: 0;
	z-index: 100;
}

ul.selectTxt{
    margin: 15px 0 0;
    padding: 0;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: center;
}
ul.selectTxt:empty{margin: 0;padding: 0;}
ul.selectTxt li{
    color: #353535;
    font-weight: bold;
    list-style-type: none;
    border: 1px solid #fb76b2;
    margin: 0 0 10px 5px;
    padding: 5px;
    display: inline-block;
    background-color: #fff;
    font-size: 15px;
}
ul.selectTxt h3{
	color: #f5577c;
    font-size: 20px;
    font-weight: bold;
    background: center;
    padding: 5px;
    margin: 10px;
}
.SelectMenu{
    width: 33.3%;
    height: 5px;
    background: #fb76be;
    display: block;
    position: absolute;
    top: 61px;
    z-index: 300;
    transition: all .3s ease-in;
    -o-transition: all .3s ease-in;
    -webkit-transition: all .3s ease-in;
    -moz-transition: all .3s ease-in;
}
#tab1:checked ~ .SelectMenu{
	left: 0;
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
}
#tab2:checked ~ .SelectMenu{
	left: 33.3%;
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;	
}	
#tab3:checked ~ .SelectMenu{
	left: 66.6%;
	transition: all .3s ease-in;
	-o-transition: all .3s ease-in;
	-webkit-transition: all .3s ease-in;
	-moz-transition: all .3s ease-in;
}
label[for="tab1"]{
    background: url(https://kizuna3.com/img/tabBtn05b.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
label[for="tab2"]{
    background: url(https://kizuna3.com/img/tabBtn02b.png);
	background-size: 100%;
    background-repeat: no-repeat;
}
label[for="tab3"]{
    background: url(https://kizuna3.com/img/tabBtn03b.png);
	background-size: 100%;
    background-repeat: no-repeat;
	margin: 0;
}
label[for="tab4"]{
    background: url(https://kizuna3.com/img/tabBtn04b.png);
	background-size: 100%;
    background-repeat: no-repeat;
	margin: 0;
}
.tab:checked + label[for="tab1"]{
    background: url(https://kizuna3.com/img/tabBtn05.png);
    background-size: 100%;
    background-repeat: no-repeat;
}
.tab:checked + label[for="tab2"]{
    background: url(https://kizuna3.com/img/tabBtn02.png);
	background-size: 100%;
    background-repeat: no-repeat;
}
.tab:checked + label[for="tab3"]{
    background: url(https://kizuna3.com/img/tabBtn03.png);
	background-size: 100%;
    background-repeat: no-repeat;
}
.tab:checked + label[for="tab4"]{
    background: url(https://kizuna3.com/img/tabBtn04.png);
	background-size: 100%;
    background-repeat: no-repeat;
}

/*----チェックボックスデザイン------*/
.content {
  width: 20rem;
  margin: -4rem auto 0 auto;
  padding: 1rem;
  background: #fff;
  border-radius: 0.125rem;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
}

.list {
  margin: 0.5rem;
}

.list__item {
  margin: 0 0 0.5rem 0;
  padding: 0;
}

.label--checkbox {
  position: relative;
  margin: 0.5rem;
  font-family: Arial, sans-serif;
  line-height: 135%;
  cursor: pointer;
}

.checkbox {
  position: relative;
  top: -0.375rem;
  margin: 0 1rem 0 0;
  cursor: pointer;
}
.checkbox:before {
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    content: "";
    position: absolute;
    left: 2px;
    z-index: 1;
    width: 18px;
    height: 18px;
    border: 1px solid #d5d5d5;
    background-color: #fff;
}
.checkbox:checked:before {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
    height: 0.5rem;
    border-color: #ffffff;
    border-top-style: none;
    border-right-style: none;
    background-color: transparent;
}
.checkbox:after {
  content: "";
  position: absolute;
  top: -0.125rem;
  left: 0;
  width: 1.1rem;
  height: 1.1rem;
  background:#fff;
  cursor: pointer;
}
.tab_content2 ul.type_button li label.check .checkbox:before{
  border: 2px solid rgb(255, 255, 255);
  border-top-style: none;
  border-right-style: none;
}
.tab_content2 ul.type_button li label.check .checkbox:after{background-color: #fb76b2;}

.button--round {
  -webkit-transition: 0.3s background ease-in-out;
  -moz-transition: 0.3s background ease-in-out;
  transition: 0.3s background ease-in-out;
  width: 2rem;
  height: 2rem;
  background: #5677fc;
  border-radius: 50%;
  box-shadow: 0 0.125rem 0.3125rem 0 rgba(0, 0, 0, 0.25);
  color: #fff;
  text-decoration: none;
  text-align: center;
}
.button--round i {
  font-size: 1rem;
  line-height: 220%;
  vertical-align: middle;
}
.button--round:hover {
  background: #3b50ce;
}

.button--sticky {
  position: fixed;
  right: 2rem;
  top: 16rem;
}

.content {
  -webkit-animation-duration: 0.4s;
  animation-duration: 0.4s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: slideUp;
  animation-name: slideUp;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

@-webkit-keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes slideUp {
  0% {
    -webkit-transform: translateY(6.25rem);
    transform: translateY(6.25rem);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
	
.accordion {
    width: 100%;
    margin: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.accordion.fix h3{pointer-events: none;}



.accordion h1, h2, h3 {
  cursor: pointer;
}

.accordion h1 {
  padding: 15px 20px;
  background-color: #333;
  font-family: Lobster;
  font-size: 1.5rem;
  font-weight: normal;
  color: #1abc9c;
}
.accordion h1:hover {
  color: #4afcdc;
}

.accordion h1:not(:last-of-type) {
  border-bottom: 1px dotted #fffff2;
}
.tab_content2 .accordion div.accordion-item{
	position: relative;
}
.tab_content2 .accordion div.sub_open{display: block !important;}

.tab_content2 .accordion div div.accordion-item{border: none;}

.accordion div.accordion-item{
  display: none;
}
.accordion.fix div.accordion-item{display: block;}

.accordion h2 {
  padding: 5px 25px;
  background-color: #1abc9c;
  font-size: 1.1rem;
  color: #333;
}
.accordion h2:hover {
  background-color: #09ab8b;
}
.tab_content2 .accordion h3.hover {
	color: #fff;
	background: #28c6c0;
	transition: 0.5s;
}
.accordion h4 {
    width: 100%;
    padding: 15px 10px;
    background-color: #e9fffe;
    font-size: 17px;
    color: #090909;
}
.accordion h4:hover {
  /*background-color: #e0b040;*/
}

.accordion .opened-for-codepen {
  display: block;
}
.tab_content2 .accordion h3{
    padding: 0 10px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    position: relative;
}

.tab_content2 .accordion h3:nth-of-type(1):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/wifi.svg);
    mask-image: url(https://kizuna3.com/img/wifi.svg);
}	
.tab_content2 .accordion h3.open:nth-of-type(1):before,.tab_content2 .accordion h3.hover:nth-of-type(1):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/wifi.svg);
    mask-image: url(https://kizuna3.com/img/wifi.svg);		
}

.tab_content2 .accordion h3 span{
    padding: 15px 0;
    height: 100%;
    display: block;
    pointer-events: none;
    color: #fff;
    font-weight: 700;
}
.tab_content2 .accordion h3 span:after{
	content: "";
    border-left: 1px solid #d5d5d5;
    display: block;
    height: 90%;
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    right: 59px;
	pointer-events: none;
}
.tab_content2 .accordion.fix h3 span:after{display: none;}
.tab_content2 .accordion h3.open span:after{border-left: 1px solid #fff;}

.tab_content2.cont01 .accordion h3:nth-of-type(1):before{
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/pen.svg);
    mask-image: url(https://kizuna3.com/img/pen.svg);
}
.tab_content2.cont01 .accordion h3.open:nth-of-type(1):before,.tab_content2.cont01 .accordion h3.hover:nth-of-type(1):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/pen.svg);
    mask-image: url(https://kizuna3.com/img/pen.svg);	
}
	
.tab_content2.cont03 .accordion h3:nth-of-type(1):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/crystal.svg);
    mask-image: url(https://kizuna3.com/img/crystal.svg);
}
.tab_content2.cont03 .accordion h3.open:nth-of-type(1):before,.tab_content2.cont03 .accordion h3.hover:nth-of-type(1):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/crystal.svg);
    mask-image: url(https://kizuna3.com/img/crystal.svg);	
}	
.tab_content2.cont03 .accordion h3:nth-of-type(2):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/speech.svg);
    mask-image: url(https://kizuna3.com/img/speech.svg);
}
.tab_content2.cont03 .accordion h3.open:nth-of-type(2):before,.tab_content2.cont03 .accordion h3.hover:nth-of-type(2):before{
    background-color: #fff;
    -webkit-mask-image: url(https://kizuna3.com/img/speech.svg);
    mask-image: url(https://kizuna3.com/img/speech.svg);	
}	
	
.tab_content2 .accordion h3:nth-of-type(2):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/photo.svg);
    mask-image: url(https://kizuna3.com/img/photo.svg);
}
	
.tab_content2 .accordion h3.open:nth-of-type(2):before,.tab_content2 .accordion h3.hover:nth-of-type(2):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/photo.svg);
    mask-image: url(https://kizuna3.com/img/photo.svg);		
}
	
.tab_content2.cont01 .accordion h3:nth-of-type(2):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/list.svg);
    mask-image: url(https://kizuna3.com/img/list.svg);
}
	
.tab_content2.cont01 .accordion h3.open:nth-of-type(2):before,.tab_content2.cont01 .accordion h3.hover:nth-of-type(2):before{
	background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/list.svg);
    mask-image: url(https://kizuna3.com/img/list.svg);	
}	
	
.tab_content2 .accordion h3:nth-of-type(3):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/phone.svg);
    mask-image: url(https://kizuna3.com/img/phone.svg);
}
	
.tab_content2 .accordion h3.open:nth-of-type(3):before,.tab_content2 .accordion h3.hover:nth-of-type(3):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/phone.svg);
    mask-image: url(https://kizuna3.com/img/phone.svg);		
}		
.tab_content2 .accordion h3:nth-of-type(4):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/diviner.svg);
    mask-image: url(https://kizuna3.com/img/diviner.svg);
}
	
.tab_content2 .accordion h3.open:nth-of-type(4):before,.tab_content2 .accordion h3.hover:nth-of-type(4):before{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/diviner.svg);
    mask-image: url(https://kizuna3.com/img/diviner.svg);		
}			
.tab_content2 .accordion h3:nth-of-type(5):before{
    content: "";
    width: 30px;
    height: 30px;
    display: block;
    margin-right: 10px;
    background-color: #28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/heart.svg);
    -webkit-mask-image: url(https://kizuna3.com/img/heart.svg);
    mask-image: url(https://kizuna3.com/img/heart.svg);
}
	
.tab_content2 .accordion h3.open:nth-of-type(5):before,.tab_content2 .accordion h3.hover:nth-of-type(5):before{
    background-color: #fff;
    -webkit-mask-image: url(https://kizuna3.com/img/heart.svg);
    mask-image: url(https://kizuna3.com/img/heart.svg);		
}

.tab_content2 .accordion h3:after{
    content: "";
    width: 60px;
    height: 95%;
    display: block;
    background-size: 20px;
    position: absolute;
    right: 0px;
    background-color: #c7c7c7;
    -webkit-mask-image: url(https://kizuna3.com/img/arrow.svg);
    mask-image: url(https://kizuna3.com/img/mask-);
    -webkit-mask-size: 27px;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-size: 27px;
    mask-repeat: no-repeat;
    mask-position: center;
}
.tab_content2 .accordion.fix h3:after{display: none;}
.tab_content2 .accordion h3.open:after,.tab_content2 .accordion h3.hover:after{
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/arrow.svg);
    mask-image: url(https://kizuna3.com/img/mask-);
}
.tab_content2 .accordion h3.open:after{
    transform: rotate( 180deg );
}
.tab_content2 .accordion h3.open span:before{border-left: 1px solid #ffffff;}

/*-----占い師リスト-----*/
ul.performer_list{}
ul.performer_list li{}
ul.performer_list li a{
	display: flex;
    flex-wrap: wrap;
    align-items: center;
    border: 1px solid #c0c0c0;
    padding: 10px;
    appearance: none;
    background-color: #c291e8;
    border-radius: 4px;
    border-width: 0;
    box-shadow: #9254c2 0 -3px 0 inset;
    box-sizing: border-box;
    color: #ffffff;
    cursor: pointer;
    justify-content: center;
    line-height: 1;
    list-style: none;
    overflow: hidden;
    padding-left: 16px;
    padding-right: 16px;
    position: relative;
    text-align: left;
    text-decoration: none;
    transition: box-shadow .15s,transform .15s;
    -webkit-user-select: none;
    touch-action: manipulation;
    white-space: nowrap;
    will-change: box-shadow,transform;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
}
/*-----占術・お悩み別で探す------*/	
	
ul.fortune_list{}
ul.fortune_list li{
    border: #c7edec 1px solid;
    border-radius: 4px;
    overflow: hidden;	
}
ul.fortune_list p{ margin: 0;font-size: 18px;}
ul.fortune_list img{margin-right: 10px;}
ul.fortune_list li a{
    font-size: 15px;
    display: flex;
    flex-wrap: wrap;
    padding: 10px;
    background: #fff;
    align-items: center;
}	
/*-----検索ボタン-----*/

.SearchArea .button_regular a{background: #fb76be;}
.SearchArea button[type="submit"]{
    font-weight: bold;
    font-size: 20px;
    text-shadow: 1px 1px 0px #cc4162;
    background: #fb76be;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 0 #b34c65;
    box-shadow: 0 3px 0 #b34c65;
    padding: 14px 8px;
    color: #FFF;
    width: 92%;
    margin: 0 auto 30px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.SearchArea button[type="submit"]:before{
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    margin-right: 10px;
    background-color: #ffffff;
    -webkit-mask-image: url(https://kizuna3.com/img/loupe.svg);
    mask-image: url(https://kizuna3.com/img/loupe.svg);
}
.SearchArea button[type="submit"]:hover{
	background: #d15f9d;
    text-decoration: none;
    -webkit-box-shadow: 0 0 0 #fff;
    box-shadow: 0 0 0 #fff;
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
	transition: 0.2s;
}
.SearchArea input[name="word"]{
    display: block;
    width: 95%;
    padding: 8px 12px;
    font-size: 18px;
    line-height: 1.2;
    color: #555;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #d5d5d5;
    border-radius: 4px;
    margin: auto;
}
.input-group{padding: 10px}

/*-----ツールチップ-----*/	
.tooltip_wrap{
	position: absolute;
    margin: auto;
    top: 15px;
    left: 29%;
    display: block;
}
.tooltip_wrap.no2{left: 63%;}
.tooltip_wrap.no3{left: 95%;}	
.tooltip_icon{
	position: relative;
    cursor: pointer;
    display: flex;
    justify-content: center;
    opacity: 1;
    z-index: 400;
}
.tooltip_icon:before{
    content: "";
    width: 25px;
    height: 25px;
    display: block;
    transition: 0.5s;
    background-color: #fff;
    -webkit-mask-image: url("https://kizuna3.com/img/tooltip.svg");
    mask-image: url("https://kizuna3.com/img/tooltip.svg");
    transform: translate(-10px,-15px);
}
.accordion h4 + .tooltip_wrap{
position: relative;
}
.accordion h4 + .tooltip_wrap .tooltip_icon:before{
    background-color:#28c6c0;
    -webkit-mask-image: url(https://kizuna3.com/img/tooltip.svg);
    mask-image: url(https://kizuna3.com/img/tooltip.svg);
}
 
.accordion h4 + .tooltip_wrap .tooltip_icon{
  position: absolute;
  top: -50px;
  left: 65%;
  cursor: pointer;
  display: flex;
  justify-content: center;
  opacity: 1;
  z-index: 400;
}
.tab_content2 .accordion h3 + .tooltip_wrap{width: 100%; position: relative;top: 0;}
.tab_content2 .accordion h3 + .tooltip_wrap .tooltip_icon{
	position: absolute;
    top: -45px;
	left: 65%;
}
.tab_content2 .accordion h3.open + .tooltip_wrap .tooltip_icon:before,.tab_content2 .accordion h3.hover + .tooltip_wrap .tooltip_icon:before{
    content: "";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    transition: 0.5s;
    -webkit-mask-image: url(https://kizuna3.com/img/tooltip.svg);
    mask-image: url(https://kizuna3.com/img/tooltip.svg);
}
.tooltip_icon img{ width:100%; height:auto;}
.tooltip_icon p{
    font-size: 16px;
    line-height: 1.4;
    margin: 0 0 10px;
    padding: 0;
}
.description {
	display: none;
    position: absolute;
    top: 31px;
    padding: 10px;
    font-size: 12px;
    line-height: 1.6em;
    color: #333;
    border-radius: 5px;
    background: #fff;
    width: 350px;
    z-index: 400;
    border: 1px solid #28c6c0;
    box-shadow: 0 0 6px 5px rgb(0 0 0 / 5%);
}
.description:before {
	content: "";
    position: absolute;
    top: -20px;
    right: 46%;
    border: 10px solid transparent;
    border-top: 10px solid #fff;
    margin-left: -10px;
    transform: rotateZ(180deg);
    z-index: 1;
}
.description:after {
	content: "";
    position: absolute;
    top: -21px;
    right: 46%;
    border: 10px solid transparent;
    border-top: 10px solid #28c6c0;
    margin-left: -10px;
    transform: rotateZ(180deg);
}
.tooltip_icon:hover .description{
	display: block;
    top: 30px;
}
.tab_content2 .tooltip_icon:hover + .description{
    font-size: 15px;
    display: block;
    z-index: 500;
    transform: translate(142px,-33px);
}

/*-----プルダウン-----*/
.output{position: absolute;margin: 0 auto;}
.output div.code{
    display: none;
    animation-name: fadein;
    animation-duration: 0.5s;
    background: #ffffff;
    padding: 15px;
    border: 2px solid #f4d4a6;
}
.output div.code[style="display: block;"]{
    width: 450px;
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    transform: translate(20px,10px);
    background: #fffcf4;
}
.output div.code[style="display: block;"] .name{text-align:center;}

.output div.code:empty{padding: 0;border: none;}
@keyframes fadein{
  from{
  opacity: 0;
  /*transform: translatey(10px);*/
  }
  to{
  opacity: 1;
  /*transform: translatey(0);*/
  }
}

.output div.code .thumb{
  width: 150px;
  height: 150px;
  border-radius: 100px;
  overflow: hidden;
  display: block;
  position: relative;
}
.output div.code .thumb img{
  width: 100%;
  height: auto;
  position: absolute;
  margin: auto;
  left: 0;
  right: 0;
}
.output div.code .prof{width: 80%;}
.output div.code .prof a{
    font-weight: bold;
    font-size: 18px;
    text-shadow: 1px 1px 0px #cc4162;
    background: #fb76be;
    border-radius: 6px;
    -webkit-box-shadow: 0 3px 0 #b34c65;
    box-shadow: 0 3px 0 #b34c65;
    padding: 14px 8px;
    color: #FFF;
    width: 100%;
    margin: 20px 0 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.output div.code .prof a:hover{
  background: #d15f9d;
  text-decoration: none;
  -webkit-box-shadow: 0 0 0 #fff;
  box-shadow: 0 0 0 #fff;
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
  transition: 0.2s;
}
.output div.code .prof .name span{
  font-size: 24px;
  color: #274d8b;
  margin-right: 5px;
}
.output div.code .prof .telling{
    font-size: 16px;
}
.output div.code .prof .telling span:nth-of-type(1){}
.output div.code .prof .telling span:nth-of-type(1):after{content:":";margin: 0 5px;}
.output div.code .prof .telling span:nth-of-type(2){}

.dropdown {
  position: relative;
  display:block;
  margin-top:0.5em;
  padding:0;
}

/* This is the native select, we're making everything the text invisible so we can see the button styles in the wrapper */
.dropdown select {
    width: 100%;
    margin: 0;
    background: none;
    border: 1px solid transparent;
    outline: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    appearance: none;
    -webkit-appearance: none;
    color: #555;
    padding: 7px 10px;
    line-height: 1.3;
}

/* This hides native dropdown button arrow in IE 10/11+ so it will have the custom appearance, IE 9 and earlier get a native select */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .dropdown select::-ms-expand {
    display: none;
  }
  /* Removes the odd blue bg color behind the text in IE 10/11 and sets the text to match the focus style text */
  select:focus::-ms-value {
    background: transparent;
    color: #222;
  }
}

/* Firefox >= 2 -- Older versions of FF (v2 - 6) won't let us hide the native select arrow, so we'll just hide the custom icon and go with native styling */
/* Show only the native arrow */
body:last-child .dropdown::after, x:-moz-any-link {
  display: none;
}
/* reduce padding */
body:last-child .dropdown select, x:-moz-any-link {
  padding-right: .8em;
}

/* Set overflow:hidden on the wrapper to clip the native select's arrow, this clips hte outline too so focus styles are less than ideal in FF */
_::-moz-progress-bar, body:last-child .dropdown {
  overflow: hidden;
}
/* Show only the custom icon */
_::-moz-progress-bar, body:last-child .dropdown:after {
  display: block;
}
_::-moz-progress-bar, body:last-child .dropdown select {
  /* increase padding to make room for menu icon */
  padding-right: 1.9em;
  /* `window` appearance with these text-indent and text-overflow values will hide the arrow FF up to v30 */
  -moz-appearance: window;
  text-indent: 0.01px;
  text-overflow: "";
  /* for FF 30+ on Windows 8, we need to make the select a bit longer to hide the native arrow */
  width: 110%;
}

/* Firefox 7+ focus style - This works around the issue that -moz-appearance: window kills the normal select focus. Using semi-opaque because outline doesn't handle rounded corners */
_::-moz-progress-bar, body:last-child .dropdown select:focus {
  outline: 2px solid rgba(180,222,250, .7);
}

/* Opera - Pre-Blink nix the custom arrow, go with a native select button */
x:-o-prefocus, .dropdown::after {
  display:none;
}


/* Firefox focus has odd artifacts around the text, this kills that */
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}

option {
  font-weight:normal;
}

.button {
    width: 100%;
    margin: auto;
    border: 1px solid #d5d5d5;
    border-radius: 100px;
    overflow: hidden;
    background: #fff;
}
.button:before{
  content: "";
  width: 20px;
  height: 20px;
  display: block;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 15px;
  background-color: #afafaf;
  -webkit-mask-image: url(https://kizuna3.com/img/arrow.svg);
  mask-image: url(https://kizuna3.com/img/arrow.svg);
}

ul.type_button{padding: 15px 10px 0;}
.tab_content2 ul.type_button li.check label{
    color: #fff;
    background-color: #fb76b2;
    border: 1px solid #fb76b2;
}
.tab_content2 ul.type_button li.check label .checkbox:after{
	background-color: #fb76b2;
}
.tab_content2 ul.type_button li.check label .checkbox:before{
	border: 2px solid rgb(255, 255, 255);
    border-top-style: none;
    border-right-style: none;
}

.tab_content2 .accordion h3{width: 100%;}
.tab_content2 .accordion h3:before{
    background-color: #fff !important;
    background-repeat: no-repeat;
	margin-left: 10px;
}
.tab_content2 .accordion h3:after{background-color: #ffffff !important;}

.small{display: none;}
.selectTxt .title{
	font-size: 15px;
    width: 200px;
    background-color: #ef6b73;
    border-radius: 5px;
    color: #fff;
    content: '選択した条件';
    text-align: center;
    padding: 5px 20px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: -20px;
    border: none;
	font-weight: normal;
}
.selectTxt .title:before{
    width: 0;
    border-top: 12px solid #ef6b73;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    content: '';
    position: absolute;
    margin: auto;
    bottom: -10px;
    left: 0;
    right: 0;
}

.PList_fee_icon2{display: none;}

select {
  /* 初期化 */
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
  background: none;
  border: none;
  color: #333;
  font-size: 16px;
  width: 100%;
  height: 100%;
  padding: 0 10px;
}
select:focus {
    outline: none;
}
.wrap-h4{width: 100%;}
.search-result__hit-num{
    display: flex;
    justify-content: center;
    position: relative;
    z-index: 10;
    font-size: 20px;
    color: #000;
    flex-wrap: wrap;
}


.accordion.type2{
    background: #fff;
    border: #d5d5d5 1px solid;
}

.column-01,.column-02{
    width: calc(50% - 5px);
}
.column-02{}
.column-02 h3:before{
    -webkit-mask-image: url(https://kizuna3.com/img/list.svg) !important;
    mask-image: url(https://kizuna3.com/img/list.svg) !important;
}
[class^="cont01-item-"]{
    padding: 15px;
    background: #fff;
    border: #d5d5d5 1px solid;
    border-top: none;
}
.cont01 .tooltip_icon:before{transform: translate(-10px,5px); background-color: #ffffff;}

.tab_content2 .column-01 h3,.tab_content2 .column-02 h3{background: #28c6c0;}
[class^="cont02-item-"] {position: relative;}
.cont02-item-01,.cont02-item-02,.cont02-item-03{width: 50%;}
.cont02 h3{background: #28c6c0;}
.cont02-item-03,.cont02-item-04{width: 100%;}
.cont02 .tooltip_wrap .tooltip_icon:before{background: #fff;}
.cont02-item-01{border-right: #d5d5d5 1px solid;}
.cont02-item-04{
	display: flex;
    flex-wrap: wrap;
}
.item-04-sub{width: 50%;}
.accordion.type2 h3 + .tooltip_wrap .tooltip_icon:before{transform: translate(20px,4px);}
.accordion.type2 h4 + .tooltip_wrap .tooltip_icon:before{transform: translate(-10px,-2px);}
.item-04-sub.no1,.item-04-sub.no3{border-right:#d5d5d5 1px solid;}
.item-04-sub.no5{width: 100%;}
.item-04-sub.no5 h4 + .tooltip_wrap .tooltip_icon:before{transform: translate(20px,-2px) !important;}
.tab_content2.cont03 h3{background: #28c6c0;}


.search-result{
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    background: #ffffff;
    z-index: 50001;
    padding: 20px 10px;
    box-shadow: 1px 10px 11px 3px #000;
}
.selectTxt:empty,.search-result__hit-num:empty,search-result:empty{display: none;}

ul.teller-list li.unhit{display:none !important;}
ul.teller-list li.unhit.hit{
    display: flex !important;
    width: 100%;
    justify-content: center;
    margin: 0;
    padding: 0;	
}
ul.teller-list li#hitless{display:none;}
ul.teller-list li#hitless.unhit2,ul.teller-list.search li#hitless.hit{
    width: 95%;
    display: block;
    padding: 0;
	margin: 0 auto 3vw;
}

.tab_content2 .accordion h3.photo:before{
	-webkit-mask-image: url(https://kizuna3.com/img/photo.svg);
	mask-image: url(https://kizuna3.com/img/photo.svg);	
}
.tab_content2 .accordion h3.price:before{
	-webkit-mask-image: url(https://kizuna3.com/img/phone.svg);
	mask-image: url(https://kizuna3.com/img/phone.svg);
}
.tab_content2 .accordion h3.price:before{
	-webkit-mask-image: url(https://kizuna3.com/img/phone.svg);
	mask-image: url(https://kizuna3.com/img/phone.svg);
}
.tab_content2 .accordion .cont02-item-04 h3:before{
	-webkit-mask-image: url(https://kizuna3.com/img/diviner.svg);
    mask-image: url(https://kizuna3.com/img/diviner.svg);
}
.tab_content2 .accordion h3.request:before{
    -webkit-mask-image: url(https://kizuna3.com/img/heart.svg);
    mask-image: url(https://kizuna3.com/img/heart.svg);
}

.keyword-wrap{
    width: 100%;
    display: flex;
    justify-content: center;
    margin: 0 0 10px;
}
.keyword-wrap .keyword{
    color: #ef2554;
    font-weight: bold;
}

@media screen and (min-width:768px) {
.accordion h4 + .tooltip_wrap .tooltip_icon:hover + .description{
    font-size: 15px;
    display: block;
    top: -11px;
    left: 47%;
    z-index: 500;
	transition: 0.5s;
}
ul.teller-list.search li#hitless.hit{margin: 0;}
.tab_content2 .tooltip_icon:hover + .description.p2{transform: translate(495px,-33px);}
.tab_content2 .tooltip_icon:hover + .description.p3{transform: translate(-87px,-3px);}
.tab_content2 .tooltip_icon:hover + .description.p4{transform: translate(33px,0px);}
.cont02-item-01 .tooltip_icon:before,.cont02-item-02 .tooltip_icon:before{transform: translate(-10px,5px) !important;}
}


.sub-appeal-wrap{
	width: 992px;
	margin: auto;
	background: #fff;
	border: #d5d5d5 1px solid;
	padding: 0 0 20px;
	position: relative;
}
.sub-appeal-wrap h3{
    color: #fff;
    font-size: 20px;
    background: #28c6c0;
    padding: 0 15px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 20px;
}
.sub-appeal-wrap h3:before{
    content: "";
    width: 23px;
    height: 23px;
    display: block;
    margin-right: 10px;
    background: url(https://kizuna3.com/img/icon-calendar2.png);
    background-size: 100%;
}
.sub-appeal-wrap h3 span{
    padding: 15px 0;
    height: 100%;
    display: block;
    pointer-events: none;
    color: #fff;
    font-weight: 700;	
}
.sub-appeal-wrap .tooltip_wrap{
    right: 3px;
    left: auto;
    top: 27px;	
}
.sub-appeal-wrap .tooltip_icon:before{
width: 25px;
height: 25px;
}
.sub-appeal-wrap p.text{
    font-size: 17px;
    width: 95%;
    margin: auto;
    text-align: center;
}
.sub-appeal-wrap img{
    width: 450px;
    height: auto;
    display: block;
    margin: 20px auto 0;
	}
.sub-appeal-wrap .tooltip_wrap .tooltip_icon:hover + .description{
    font-size: 15px;
    display: block;
    z-index: 500;
    transform: translate(150px,0px);
    right: 0;
    top: 25px;
}

.tab-wrap{
    margin: 4vw 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.tab-wrap label{
    width: 45%;
    color: #fff;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #fff;
    border-radius: 100px;
    padding: 3vw;
    font-size: 4vw;
    font-weight: bold;
}
.tab-wrap input:checked+label{
    text-shadow: 1px 1px 0px #df63a7;
    background-image: linear-gradient(135deg, #ff7eba 0%, #ffa3d1 100%);
    box-shadow: 0 10px 15px -10px rgb(252 132 200);
	color: #fff;
    border: 2px solid #fff;
}
	
.tab-wrap label:nth-of-type(1) {
    margin-right: 3%;
	text-shadow: 1px 1px 0px #8178cf;
    background-image: linear-gradient(135deg, #968ae3 0%, #b5b8ff 100%);
    box-shadow: 0 10px 15px -10px rgb(155 146 232);
}
.tab-wrap label:nth-of-type(2) {
    text-shadow: 1px 1px 0px #8178cf;
    background-image: linear-gradient(-135deg, #968ae3 0%, #b5b8ff 100%);
    box-shadow: 0 10px 15px -10px rgb(155 146 232);
}
.tab-wrap label:before {
    content: "";
    background: url(https://kizuna3.com/img/check-box06.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12%;
    height: 0;
    padding-bottom: calc(12%*50/50);
    display: block;
    margin-right: 2.5vw;
    transform: translateY(-0.5vw);
}
.tab-wrap input:checked+label:before {
    content: "";
    background: url(https://kizuna3.com/img/check-box05.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 12%;
    height: 0;
    padding-bottom: calc(12%*50/50);
    display: block;
    margin-right: 2.5vw;
    transform: translateY(-0.5vw);
}
input[name="tab-item"] {
    display: none;
}
	
body ul.teller-list.search li{display: none;}
ul.teller-list.search li.hit{display: block;}
li[data-value="138311957"] .tag-consult,li[data-value="138311957"] .tag-review{display: none !important;}
	
/*カレンダー*/
.sub-appeal-wrap{padding: 0;}
.sub-appeal-wrap h3 {margin-bottom: 0;}	
:root {
	--base-color1:#d9d9d9;
}
.calendar {
	width: 100%;
	margin: auto;
	border: /*1px solid var(--base-color1)*/;
}
.calendar tr{border-bottom:1px solid var(--base-color1);}
.calendar tr:nth-child(2) td{
	width: 10%;
	border-bottom: 1px solid var(--base-color1);	
}	
.calendar tr:nth-last-child(1){border-bottom:none;}
.calendar td{
	border-right: 1px solid var(--base-color1);
	padding: 5px;
	position: relative;
	height: 33px;
	font-size: 15px;
}
.calendar td:nth-last-child(1){border-right:none;}
.calendar td[colspan="3"]{
	font-size: 17px;
	color: #696969;
	padding: 8px;
}
.calend_ok{
	background: #d0f9ff;
}
.calend_ok a,.calend_now a{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px;	
}
.calend_ok a:hover{text-decoration: none; background: #FFC;transition: 0.5s;}
.calend_now{
	background: #FFC;
}
.nav-prev,.nav-next{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	cursor: pointer;
	color: #fd87b1;
}
.nav-next{padding-left: 10px;}
.nav-prev{padding-left: 10px;}
.nav-prev:hover,.nav-next:hover{
	color: #fff;
	background: #fd87b1;
	transition: 0.5s;	
}	
.sub-appeal-wrap h3 span span{display: inline;}

@media screen and (max-width: 767px) {
.sub-appeal-wrap{
    width: 100%;
    padding: 0;	
}
.sub-appeal-wrap h3 span{
font-size: 4vw;
padding: 2.5vw 0;		
}
.sub-appeal-wrap p.text{font-size: 3.7vw;text-align: left;}
.sub-appeal-wrap img{
    margin: 3vw auto 0;
    display: block;
    width: 95%;
    height: auto;
}	
.sub-appeal-wrap h3:before{
width: 5vw;
height: 5vw;		
}
.sub-appeal-wrap .tooltip_wrap {
    right: 0;
    left: auto;
    top: 0;
}
.sub-appeal-wrap .tooltip_wrap .tooltip_icon{top: -13vw !important;}
.sub-appeal-wrap .tooltip_wrap .tooltip_icon:hover + .description {
    font-size: 15px;
    transform: translate(-1vw, -21px);
    right: 0;
    top: 0px;
    font-weight: normal;
    width: 100%;
}
.sub-appeal-wrap .tooltip_icon:before{
width: 6vw;
height: 6vw;
}
	
	
}