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

.Search_Flame {
    margin: 0 0 3vw 0;
    background: #fffee2;
    padding: 3vw 2vw;
    box-shadow: 0 0 1vw rgba(0, 0, 0, 0.2);
    font-size: 4.1vw;
    border-radius: 1vw;
}
/* 占い師名検索 */
.Search_form {
  margin: 0;
  text-align: center; 
}
.Search_FBtn {
    width: 100%;
    margin: 0 0 3vw 0;
	font-size: 4.4vw;
    background-color: #a7aedd;
    display: block;
    border-radius: 2vw;
    padding: 2vw;
    color: #FFF;
    border: none;
}
.Search_form .Search_formName {
    margin: 0 0 3vw 0;
    border: #e1e1e1 1px solid;
    width: 90%;
    font-size: 4.4vw;
    padding: 3vw 4% 3vw 4%;
    color: #654a1b;
    background: #FFF; 
}

.Search_UnderWrap {
  margin-top: 4%; }

.Search_pager {
  margin-top: 0;
  margin-bottom: 0;
  }
  .Search_pager ul .S_pager_NoLink {
    display: table;
    vertical-align: middle; }


/* ジャンル詳細検索 */
.search_area_wrap{ 
	width: calc(100% - 2px);
    margin:auto;
    border: solid 1px #876a2b;
    border-radius: 0 0 5px 5px;
    background: #fff;
	border-top: none;
	box-sizing: border-box;
}
.search_area_wrap h2{line-height: 0;}
@-moz-document url-prefix() {/*Firefoxのみ*/
	.searchTool .searchMain .searchItemSelect, .searchTool .searchSub .searchItemSelect{ padding-top:10px !important;}
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {/*IEのみ*/
  .searchTool .searchMain .searchItemSelect, .searchTool .searchSub .searchItemSelect{ padding-top:10px !important;}
　.searchTool .searchMain .searchItemSelect,.searchTool .searchSub .searchItemSelect{　padding-top:0px !important;}
}

.search_area_top{    
}
.searchTool article,.searchTool img,.searchTool input,.searchTool label,.searchTool ol,.searchTool p,.searchTool section,.searchTool select{
margin:0;padding:0;outline:0;border:0;vertical-align:baseline;
}　
.searchTool ul{ margin:0 !important;}
.searchTool ol,ul{
list-style:none;
}
.searchTool *{
box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);
}
.searchTool option,select{
	font-size: 0.7rem !important;
	border-radius:0;color:inherit;
	vertical-align:middle;
	font-size:inherit;
	/*-webkit-appearance:none;*/
	/*appearance:none;*/
}

.searchTool{
	padding:2vw 3vw 1vw;
    /* border-radius: 5px; */
    /* background-color: #fbfbfb; */
    /* border: solid 1px #cbcbcb; */
    /* background: url(img/form_bg_02.png); */
    /* background-repeat: no-repeat; */
    /* background: #fffde8; */
}
.searchTool .searchMain .searchItemWrap,.searchTool .searchSub .searchItemWrap{
	position: relative;
    background: #fff;
    border: 1px solid #876a2b;
    border-top: none;
}
.searchTool .searchMain .searchItemWrap.tap .searchItemSelect,.searchTool .searchSub .searchItemWrap.tap .searchItemSelect{
opacity:.8;
}
.searchTool .searchMain .searchItemName,.searchTool .searchSub .searchItemName{
position:relative; z-index:1; color:#404040; pointer-events:none;
}
.searchTool .searchMain .searchItemSelect,.searchTool .searchSub .searchItemSelect{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 10px;
    width: 100%;
    height: 100%;    
    color: #666;
    font-weight: 700;
    /*-webkit-transition: all .2s;*/
    /*transition: all .2s;*/
}
.searchTool .searchMain .searchButton,.searchTool .searchSub .searchButton{
-webkit-transition:all .2s;transition:all .2s;
}
.searchTool .searchMain .searchButton.tap,.searchTool .searchSub .searchButton.tap{
opacity:.8;
}
.searchTool .searchMain::-webkit-scrollbar,.searchTool .searchSub::-webkit-scrollbar{
display:none;
}
.searchTool .searchMain{
	font-size: 0;
    margin-bottom: 6px;
    padding: 0;
    width: 100%;
    margin: 10px auto 0px;
}
.searchTool .searchMain .searchItem{
-webkit-box-flex:1;-webkit-flex:1;flex:1 1 0%;
}
.searchTool .searchMain .searchItemWrap{
	/*height:35px;*/
	border-radius: 0 0 5px 5px;
}
.searchTool .searchMain .searchItemName{
	font-size: 19px;
    line-height: 0;
    /* background: #3eb9ad; */
    width: 100%;
    color: #5e471e;
    border-radius: 5px 5px 0 0;
    text-align: center;
}
.searchTool .searchMain .searchItemName img{ max-width:100%; width:100%; height:auto;}
.searchTool .searchMain .searchItemWrap {
    background-color: #f7f7f7 !important;
}
.searchTool .searchMain .searchButton {
    webkit-border-radius: 0px 7px 7px 0px / 7px 7px 7px 7px;
	position: relative;
    right: 1px;
	}
.searchTool .searchMain .searchItemSelect{
	font-size:1.6rem;
	line-height:56px;
	-webkit-border-radius: 7px 0px 0px 7px / 7px 7px 7px 7px;
	/* box-shadow 
	box-shadow:1px 1px 7px -3px #000000 inset;
	-moz-box-shadow:1px 1px 7px -3px #000000 inset;
	-webkit-box-shadow:1px 1px 7px -3px #000000 inset;*/
}
.searchTool .searchMain .searchButton{
	vertical-align: top;
	/*-webkit-box-flex: initial; */
    line-height: 0;
    /* -webkit-flex: initial; */
    flex: initial 1 0%;
    width: 20%;
    height: 35px;
    border: none;
    border-radius: 0 5px 5px 0;
    background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' …c1.686 1.686 2.529 3.715 2.529 6.086s-.843 4.4-2.529 6.086z'/%3E%3C/svg%3E);
    background-position: 50%;
    background-size: 16px 16px;
    background-repeat: no-repeat;
}
.searchTool .searchMain .inputSubmitSearch{
	width: 100%;
    height: inherit;
    color: #ffffff;
    background: url(https://icongr.am/fontawesome/search.svg?color=ffffff);
    background-repeat: no-repeat;
    background-position: center right 20%;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    background: url(https://icongr.am/fontawesome/search.svg?color=ffffff) no-repeat 20% center,linear-gradient(to bottom, #e65eaa 0%, #d03993 14%, #be267f 76%, #a51770 100%);
    background-size: 13%,101%;
    border: #c6ad61 2px solid;
    border-radius: 0 5px 5px 0;
	text-shadow: 2px 2px 0px #922966;
}
.searchTool .searchSub{
padding:0;
}
.searchTool .searchSub .searchItem{
float:left; padding:0; width:100%; margin-top: 4vw; margin-bottom: 1vw;
}
.searchTool .searchSub .searchItem .searchItemWrap{
	/*height: 36px; */
    border-radius: 0 0 5px 5px;
    padding: 3.5vw 0;
	/*box-shadow: 4px 4px 2px -2px #dedede inset;*/
}
.searchTool .searchSub .searchItem .searchItemName{
	font-size: 18px;
    font-weight: bold;
    line-height: 0;
    /* background: #3eb9ad; */
    color: #5e471e;
    width: 100%;
    padding: 0;
    margin: 0;
    text-align: center;
}
.searchTool .searchSub .searchItem .searchItemName img{max-width: 100%; width: 100%; height:auto;}
.searchTool .searchSub .searchItem .searchItemSelect{

}
.searchTool .searchSub .searchItem .inputSubmitSearch{
	width: 70%;
    display: block;
    margin: 0 auto;
    border-radius: 5px;
    background-position: 69% center;
    background-repeat: no-repeat;
    color: #ffffff;
    line-height: 4vw;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    padding: 3vw 0;
    border: #8e3a3a 1px solid;
    background: url(https://icongr.am/fontawesome/search.svg?color=ffffff) no-repeat 23% center,linear-gradient(to top, rgb(137, 41, 41) 0%, rgb(225, 88, 88) 100%);
    background-size: 5%,100%;
    text-shadow: 1px 2px 0px rgb(99, 49, 49);
}
.searchTool .searchSub .searchItem .inputSubmitSearch:after{
}
.searchTool .searchSub:after{
display:block;clear:both;content:"";
}
.searchTool .searchMainHeading{
display:none;
}
.searchTool .searchSubHeading{
display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-align:center;-webkit-align-items:center;align-items:center;height:30px;color:#999;text-align:center;font-weight:400;font-size: 1.0rem;line-height:30px;
}
.searchTool .searchSubHeading:after,.searchTool .searchSubHeading:before{
-webkit-box-flex:1;-webkit-flex-grow:1;flex-grow:1;border-top:1px dashed;content:"";
}
.searchTool .searchSubHeading:before{
margin-right:.5em;
}
.searchTool .searchSubHeading:after{
margin-left:.5em;
}
.searchTool .searchSub li:nth-child(5){width: 100%;}       
p.Punctuation{
	display:none;
	text-align: center;
    margin: 4vw 0 4vw -3vw;
    font-size: 3vw;
    color: #737373;
    width: calc(100% + 6vw);
    /* background: #000; */
}
p.Punctuation span{
	padding: 0 1%;
    color: #876a2b;
    font-weight: bold;
}
p.Punctuation:before{
content:"";
    display: inline-block;
    width: 32%;
	border-bottom:dotted 1px #876a2b;
	vertical-align: middle;
}
p.Punctuation:after{
content:"";
    display: inline-block;
    width: 32%;
	border-bottom:dotted 1px #876a2b;
	vertical-align: middle;
}
ul.searchMain li:nth-child(1){font-weight: bold;}
ul.searchMain li:nth-child(2){width: 100%; display:inline-block;}
ul.searchMain li:nth-child(3){display:inline-block;}
.searchTool input.Search_formName{
	width: 100%;
    height: 100%;
    font-size: 3vw;
    padding: 2vw 2vw;
    border-radius: 0 0 5px 5px;
    /* font-weight: bold; */
    position: static;
    opacity: 1;
	/*box-shadow: 4px 4px 2px -2px #dedede inset;*/
}
.btn-select {
  text-align: center;
  position: relative;
  cursor: pointer; /* IEでcursorがチラついたので */
}
.label1,.label2,.label3,.label4,.label5{
  color: #847555;
  font-weight: bold;
  position: absolute;
  width: 100%;
  z-index: 1;
  top: 25%;
  font-size: 4vw;
  margin-top: 0.5vw;
}   
p.label1::after,p.label2::after,p.label3::after,p.label4::after{ 
	content: "";
    background: url(https://icongr.am/octicons/pencil.svg?color=896c2e);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 4vw;
    height: 4vw;
    position: absolute;
    right: 2vw;
}
.searchTool .searchMain .searchItemWrap::after{
	content: "";
    background: url(https://icongr.am/octicons/pencil.svg?color=896c2e);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 4vw;
    height: 4vw;
    position: absolute;
    right: 2vw;
	top: 2vw;
}
          
.searchItemSelect {
  /*-webkit-appearance: none;*/
     /*-moz-appearance: none;*/
          /*appearance: none;*/
  display: block;
  cursor: pointer;
  opacity: 0;
  position: relative;
  z-index: 2;
}
/* IE10以上で矢印を消す */
.searchItemSelect::-ms-expand {
  display: none; 
}

/* フォーカス時 */
.searchItemSelect:focus {
  z-index: -1;
  opacity: 1;
}
.searchTool .searchMain .searchButton { background-color: #db479e; }
.searchTool .searchSub .inputSubmitSearch { background-color: #0fa3b1; }
.searchTool .searchMain .searchItemWrap { background-color: #0fa3b1; }

input, textarea {
 -webkit-user-select : auto;}

dl.accordion2{width: 95%; margin: 0 auto;}
dl.accordion2 h2{
	background: url(../img/sp_banner_search3_ba.png);
    background-size: 100%;
    background-repeat: no-repeat;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*124/750);
}
dl.accordion2 h2 span{
	overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    position: absolute;
    width: 100%;
}
dl.accordion2 h2.open{
	background: url(../img/sp_banner_search3_ba.png);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 -13.3vw;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: calc(100%*124/750);
}

dl.accordion2 h2:before{  
	content: "";
    background: url(../img/animation_loupe2.gif);
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: 0 1.6vw;
    display: block;
    position: absolute;
    width: 11.9vw;
    height: 0;
    /* background: #000; */
    left: 4.1vw;
    padding-bottom: calc(13.99vw*95/95);
}
dl.accordion2 h2:after{ 
	content: "";
    background: url(../img/animation_click2.gif);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: 0;
    display: block;
    position: absolute;
    width: 8.5vw;
    height: 100%;
    /* background: #000; */
    right: 3.8vw;
}
dl.accordion2 h2.open:before,dl.accordion2 h2.open:after{ display:none;}

dl.accordion2 dd{display: none;}

.first_search{ 
	position:relative;
    width: 95%;
    margin: 3vw auto 3vw;
}
.first_search .searchItemWrap{
	position: relative;
    background: #fff;
    border: 1px solid #876a2b;
    border-top: none;
    border-radius: 0 0 5px 5px;
    padding: 3.5vw 0;
}
.first_search .searchItemWrap::after{
	content: "";
    background: url(https://icongr.am/octicons/pencil.svg?color=896c2e);
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block;
    width: 4vw;
    height: 4vw;
    position: absolute;
    right: 2vw;
    top: 2vw;
}
.first_search img{ width:100%; height:auto;}
.first_search .searchItemSelect{
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

    padding: 0 10px;
    width: 100%;
    height: 100%;
    color: #666;
    font-weight: 700;
    /* -webkit-transition: all .2s; */
    /* transition: all .2s; */
}
.first_search .inputSubmitSearch{
	width: 100%;
    display: block;
	margin: 3vw auto 0;
    border-radius: 5px;
    background-position: 69% center;
    background-repeat: no-repeat;
    color: #ffffff;
    line-height: 4vw;
    font-size: 4vw;
    font-weight: bold;
    text-align: center;
    padding: 3vw 0;
    border: #8e3a3a 1px solid;
    background: url(https://icongr.am/fontawesome/search.svg?color=ffffff) no-repeat 23% center,linear-gradient(to top, rgb(137, 41, 41) 0%, rgb(225, 88, 88) 100%);
    background-size: 5%,100%;
    text-shadow: 1px 2px 0px rgb(99, 49, 49);
}
.p_search{
	font-size: 4vw;
    text-align: center;
    font-weight: bold;
    margin: 0 0 2vw;
    color: #876a2b;
}

/* SEOコンテンツ */
.Scolumn_h2{
    display: flex;
    justify-content: center;
    align-items: center;
	background-repeat: no-repeat;
    font-size: 4.0vw;
    margin: 0 1vw 3vw 1vw;
    padding: 5vw 0;
}
.sen_explan_txt{
    font-size: 3.4375vw;
    line-height: 5.625vw;
    margin: 3% 0 3% 0;
    color: #654a1b; 
}
.sen_explan_txt2{
    font-size: 4.0625vw;
    line-height: 5.625vw;
    margin: 2% 0 -1% 0;
    color: #af1063; 
}
.sen_point_txt{
    font-size: 4vw;
    line-height: 1.2;
    margin: 2% 0 2% 0;
    color: #654a1b; 
}
.sen_explan_txt3{
    font-size: 4.4vw;
    line-height: 5.625vw;
    margin: 2vw 0 2vw 0;
    color: #654a1b;   
}
.sen_explan_centxt{
    text-align: center;
    font-size: 4.4vw;
    line-height: 5.625vw;
    margin: 2vw 0 2vw 0;
    color: #654a1b;   
}
.sen_explan_centxt span{
    color: #d00e4d;
    font-weight: bold;
}
.sen_explan_tit{
    font-size: 14px;
    font-size: 4.375vw;
    margin: 4% 2% 2% 2%;
    color: #af1063; 
    font-weight: bold;
}
.h3_sen_explan_Wrap {
    padding: 2% 0 2% 2%;
    margin: 2% 0;
}
.h3_sen_explan {
    color: #FFF;
    padding: 1% 0 0 0;
    font-size: 14px;
    font-size: 4.375vw;
}
.h3_sen_explan_col1 {
    background: #b93537;
    background: -moz-linear-gradient(top, #b93537 0%, #b93537 13%, #a92835 32%, #982033 52%, #761829 86%, #62151b 100%);
    background: -webkit-linear-gradient(top, #b93537 0%,#b93537 13%,#a92835 32%,#982033 52%,#761829 86%,#62151b 100%);
    background: linear-gradient(to bottom, #b93537 0%,#b93537 13%,#a92835 32%,#982033 52%,#761829 86%,#62151b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b93537', endColorstr='#62151b',GradientType=0 );
}