@charset "UTF-8";

.icon-user {
	background: url('../../images/party_search/s_user.svg') no-repeat left center / 1em auto;
	padding: 0 0 0 1.2em;
}

.icon-pin {
	background: url('../../images/party_search/s_pin.svg') no-repeat left center / 1em auto;
	padding: 0 0 0 1.2em;
}

.icon-calendar {
	background: url('../../images/party_search/s_calendar.svg') no-repeat left center / 1em auto;
	padding: 0 0 0 1.2em;
}

.icon-tag {
	background: url('../../images/party_search/s_tag.svg') no-repeat left center / 1em auto;
	padding: 0 0 0 1.2em;
}

#search .titleBlock {
	margin: 0 auto 30px;
	position: relative;
}
#search .title {
	font-size: 1.286rem;
	font-weight: bold;
	text-align: center;
	background: var(--theme-color-1-900);
	padding: 15px 0 11px;
}
#search .title .text_pink {
	color: var(--theme-color-1);
	background: url('../../images/party_search/s_search_gray.svg') no-repeat left center / 1em auto;
	display: inline-block;
	padding: 0 0 0 1.2em;
}
#search .subContents {
	width: 1060px;
	margin: 0 auto;
	position: relative;
}
#search .subContents [type="radio"] {
	display: none;
}
#search .subContents [type="radio"] + span::before {
	background: none;
}
#search .subContents [type="radio"] + span::after {
	content: " ";
	width: 14px;
	height: 24px;
	background-repeat: no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: calc(50% - 1em);
	left: 1.5em;
}
#search .subContents .type_gray input + span {
	font-size: 1.142rem;
	width: 165px;
	text-align: center;
	border: 1px solid var(--text-color-gray);
	margin: 0;
	padding: 13px 0 10px;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
}
#search .subContents .type_gray input:checked + span {
	color: #FFF;
	background: var(--text-color-gray);
}
#search .subContents input.type_pink + span {
	color: #333;
	font-size: 1.142rem;
	border: solid 1px var(--text-color-gray);
	background: #FFF;
	padding: 13px 0 10px 45px;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
}
#search .subContents input.type_pink + span::before {
	top: 50%;
	left: 5%;
	transform: translateY(-50%);
}
#search .subContents input:checked.type_pink + span {
	color: var(--theme-color-1);
	background: #FDEFF2;
}
#search .subContents [type="checkbox"] + span::before {
	content: "";
	background-image: url( "/App_Contents/images/search/checkbox_off.svg");
	width: 22px;
	height: 22px;
	background-size: 100%;
}
#search .subContents [type="checkbox"]:checked + span::before {
	background-image: url( "/App_Contents/images/search/checkbox_on.svg");
}
#search .subContents select::-ms-expand {
	display: none;
}
#search .subContents select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
#search .subContents .selectBox {
	position: relative;
}
#search .subContents .selectBox::before {
	content: "";
	width: 7px;
	height: 7px;
	border: 0;
	border-top: solid 3px #4D4D4D;
	border-left: solid 3px #4D4D4D;
	border-radius: 2px;
	transform: rotate(-135deg) translateY(-50%);
	display: inline-block;
	position: absolute;
	top: 30%;
	right: 8%;
}
#search .subContents .type_select {
	color: #333;
	font-size: 1.142rem;
	width: 162px;
	height: 50px;
	border: 1px solid var(--text-color-gray);
	border-radius: 0;
	padding: 13px 0 10px 20px;
}
#search .subContents [type="reset"] {
	color: #4D4D4D;
	font-size: .9rem;
	width: 153px;
	background: #E5E5E5;
	margin: 0 0 0 auto;
	padding: 10px 0 6px 30px;
	border-radius: 30px;
	box-sizing: border-box;
	position: relative;
}
#search .subContents .resetInner {
	padding: 33px;
}
#search .subContents .resetBox {
	color: #4D4D4D; 
	font-size: .9rem;
	background: #E5E5E5;
	margin: 0 0 30px;
	padding: 10px 20px 6px 25px;
	border-radius: 30px;
	box-sizing: border-box;
	text-align: right;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
}
#search .subContents .resetBox::before {
	content: "";
	width: 5px;
	border-top: solid 5px transparent;
	border-bottom: solid 5px transparent;
	border-left: solid 5px #4D4D4D;
	display: inline-block;
}
#search .subContents .resetBox input {
	background: transparent;
}
#search .subContents .searchBox {
	border-top: solid 1px #CCC;
	padding: 30px 0;
}
#search .subContents .searchBox h2 {
	font-size: 1.42rem;
	font-weight: bold;
	margin: 0 0 15px;
	position: relative;
}
#search .subContents .searchBox h2 i {
	color: var(--theme-color-1);
}
#search .subContents .searchBox h2 span {
	font-weight: normal;
}
#search .subContents .searchBox h2 span {
	font-size: 1rem;
	padding: 0 0 0 20px;
}
#search .subContents .searchBox .boxArea {
	padding: 10px;
	margin: 0 0 20px;
	border: 1px solid #CCC;
	display: grid;
    grid-template-columns: 1fr auto;
    align-items: flex-start;
	border-radius: 10px;
}
#search .subContents .searchBox .boxArea .filter {
	display: flex;
	flex-wrap: wrap;
	column-gap: 10px;
	row-gap: 10px;
}
#search .subContents .searchBox .boxArea .filter li {
	width: fit-content;
	color: #d71534;
    font-size: 15px;
    background: #FDEFF2;
    border-radius: 5px;
    padding: 3px 10px;
    display: flex;
    align-items: center;
    gap: 10px;
}
#search .subContents .searchBox .boxArea .filter li a {
	color: #d71534;
	text-decoration: none;
}
#search .subContents .searchBox .boxArea .selectArea {
    font-size: 15px;
    padding: 5px;
    width: 40px;
    text-align: center;
    background: #E5E5E5;
    border-radius: 5px;
	cursor: pointer;
}
#search .subContents .searchBox .boxArea .selectArea:hover {
	text-decoration: none;
}

#search .subContents .age {
	display: flex;
	justify-content: space-between;
}
#search .subContents .age .ageInner {
	width: 503px;
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
#search .subContents .age .ageInner h2 {
	width: 100%;
}
#search .subContents .age .female {
	margin-right: 6px;
}
#search .subContents .age .female span {
	border-left: none;
}
#search .subContents .age .ageInner:nth-child(2) .type_select {
	width: 230px;
}
#search .subContents .age .type_gray {
	display: flex;
}

#search .subContents .areaBox {
	padding: 32px 0 26px;
}

#search .subContents .area .chiku ul{
	margin: 0 0 10px;
	display: flex; 
	flex-wrap: wrap;
}
#search .subContents .area .chiku ul li {
	font-size: 1.142rem;
	width: 142px;
	text-align: center;
	border: 1px solid var(--text-color-gray);
	margin: 0 11px 11px 0;
	padding: 12px 0;
	display: block;
	cursor: pointer;
}
#search .subContents .area .chiku ul li:nth-child(7n) {
	margin-right: 0;
}
#search .subContents .area .chiku ul li.cr {
	color: #FFF;
	background: var(--text-color-gray);
}
#search .subContents .area .pref dl {
	border-top: dotted 1px #CCC;
	padding: 40px 0 0;
	display: flex;
	flex-wrap: wrap;
}
#search .subContents .area .pref dl h2 {
	width: 100%;
	margin: 0 0 33px;
	display: block;
}
#search .subContents .area .pref dl h2.h_area_02 {
	display: none;
}
#search .subContents .area .pref dl h2 span {
	margin: 0 0 0 20px;
}
#search .subContents .area .pref dl .prefBox {
	display: flex;
	flex-wrap: wrap;
}
#search .subContents .area .pref dl .prefList {
	width: 170px;
}
#search .subContents .area .pref dl .prefList + .prefList {
	margin: 0 0 0 8px;
}
#search .subContents .area .pref dl .prefList:nth-child(7) {
	margin: 0;
}
#search .subContents .area .pref dl dt {
	margin: 0 0 5px;
}
#search .subContents .area .pref dl dt span {
	color: #333;
	font-size: 1.3rem;
	background: #E5E5E5;
	padding: 14px 0 10px 51px;
	display: block;
}
#search .subContents .area .pref dl dt [type="checkbox"]:checked + span {
	color: #FFF;
	background: var(--theme-color-2);
}
#search .subContents .area .pref dl dt label {
	display: block;
}
#search .subContents .area .pref dl dd ul {
	border: solid 1px #BFBFBF;
}
#search .subContents .area .pref dl dd:last-child {
	margin: 0 0 20px;
}
#search .subContents .area .pref dl dd ul li{
	border-bottom: solid 1px #BFBFBF;
	padding: 0;
}
#search .subContents .area .pref dl dd ul li span {
	margin: 0;
	padding: 14px 0 10px 45px;
	display: block;
}
#search .subContents .area .pref dl dd ul li:last-child {
	border: none;
}
#search .subContents .area .pref dl dd [type="checkbox"]:checked + span {
	color: var(--theme-color-1);
	background: #FDEFF2;
}
#search .subContents .area .pref dl [type="checkbox"] + span::before {
	top: 50%;
	left: 8%;
	transform: translateY(-50%);
}

#search .subContents .date {
	display: flex;
	justify-content: space-between;
	margin: 0 0 20px;
}
#search .subContents .picker__box {
	font-style: normal;
}
#search .subContents .date .left {
	width: 503px;
}
#search .subContents .date .left > div {
	margin: 0 0 18px;
	display: flex;
	align-items: center;
	position: relative;
}
#search .subContents .date .left > div em {
	width: 230px;
}
#search .subContents .date .left > div em input {
	font-size: 1.3rem;
	border: 1px solid var(--text-color-gray);
	padding: 13px;
}
#search .subContents .date .left > div em .held {
	border: solid 1px var(--text-color-gray);
	border-radius: 0;
	padding: 16px 0 16px 20px;
}
#search .subContents .date .left > div em input::placeholder {
	color: #333;
}
#search .subContents .date .left ul {
	display: flex;
	justify-content: space-between;
}

#search .subContents .date .left ul li span {
	line-height: 1.35;
	width: 120px;
}

#search .subContents .date [type="checkbox"] + span em {
	font-size: 75%;
	font-style: normal;
}
#search .subContents .date [type="checkbox"] + span::before {
	content: none;
}

#search .subContents .date .right {
	width: 503px;
}

#search .subContents .date .right ul {
	display: flex;
	flex-wrap: wrap;
}
#search .subContents .date .right ul li {
	margin: 0 0 7px;
}
#search .subContents .date .right ul li + li {
	margin: 0 0 7px 7px;
}
#search .subContents .date .right ul li:nth-child(5) {
	margin: 0 0 7px;
}
#search .subContents .style li {
	margin: 0 0 7px;
}

#search .subContents .date .right ul li span {
	width: 120px;
}

#search .subContents .keyword ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

#search .subContents .keyword ul::after {
	content: '';
	display: block;
	width: 350px;
}

#search .subContents .keyword li {
	width: 347px;
	margin: 0 0 10px;
}

#search .subContents .keyword .type_pink li span {
}

#search .subContents .keyword .type_pink li input + span {
	color: #333;
	font-size: 1.142rem;
	/* border: solid 1px var(--text-color-gray); */
	padding: 5px 0 5px 30px;
	box-sizing: border-box;
	cursor: pointer;
	height: 100%;
	display: flex;
	align-items: center;
}

#search .subContents .keyword .type_pink li input:checked + span {
	color: var(--theme-color-1);
	background: #FDEFF2;
}

#search .subContents .keyword .type_pink li input + span::before {
	top: 50%;
	left: 5px;
	transform: translateY(-50%);
}

#search .submitBtn {
	background: #F2F2F2;
	text-align: center;
	margin: 30px 0 0 0;
	padding: 20px 0;
	position: sticky;
	bottom: 0;
}

#search .submitBtn p {
	font-size: 1.142rem;
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
}

#search .submitBtn p span {
	color: var(--theme-color-1);
	font-size: 3.2rem;
	font-weight: bold;
	margin: 0 10px;
	vertical-align: middle;
}

#search .submitBtn a {
	color: #FFF;
	font-size: 1.286rem;
	text-decoration: none;
	background: var(--theme-color-2);
	border-radius: 50px;
	padding: 20px 90px;
	display: inline-block;
}


.searchHallWrapper {
	max-width: 960px;
	margin: 0 auto 60px;
	text-align: left;
}
.searchHallWrapper .imageWrapper {
	display: flex;
	justify-content: space-between;
	max-width: 820px;
	margin: 0 0 12px;
}
.searchHallWrapper .imageWrapper figure {
	width: calc((100% - 20px) / 2);
}
.searchHallWrapper .imageWrapper figure img {
	width: 100%;
}
.searchHallWrapper .addressWrapper {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin: 0 0 45px;
}
.searchHallWrapper .addressWrapper .addressText {
	width: calc(100% - 160px - 20px);
}
.searchHallWrapper .addressWrapper .mapAnchor {
	width: 250px;
}
.searchHallWrapper .addressWrapper .mapAnchor a {
	display: block;
	width: 100%;
	padding: 10px 6px 10px 16px;
	text-align: center;
	background: #379fe8 url(/App_Contents/images/search/search_i_map.png) left 30px center no-repeat;
	border-radius: 5px;
	color: #fff;
	font-size: 1.15rem;
	font-weight: bold;
	box-sizing: border-box;
	text-decoration: none;
}
.searchHallWrapper .addressWrapper .addressText .name {
	padding: 10px 0 5px;
	font-size: 1.5rem;
	font-weight: bold;
}
.searchHallWrapper .addressWrapper .addressText .address {
	font-size: 1.071rem;
}
.searchHallWrapper .hallDetailHeader {
	position: relative;
	padding: 20px 70px 20px 30px;
	background: #f2f3f5;
	font-size: 1.429rem;
	cursor: pointer;
}
.searchHallWrapper .hallDetailHeader::before {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 32px;
	height: 32px;
	border-radius: 4px;
	content: "";
	transform: translateY(-50%);
}
.searchHallWrapper .hallDetailHeader p::before,
.searchHallWrapper .hallDetailHeader p::after {
	position: absolute;
	right: 28px;
	top: 50%;
	width: 32px;
	height: 2px;
	background: var(--theme-color-1);
	transform: translateY(-50%);
	content: "";
}
.searchHallWrapper .hallDetailHeader p::after {
	transform: translateY(-50%) rotate(90deg);
}
.searchHallWrapper .hallDetailHeader.acOpen p::after {
	display: none;
}
.searchHallWrapper .hallDetailContents {
	display: none;
}
.searchHallWrapper .hallDetailContents .innerSection {
	padding: 35px 0;
	border-bottom: solid 1px #f2f2f2;
}
.searchHallWrapper .hallDetailContents .innerSection:last-child {
	padding: 35px 0 0;
	border-bottom: none;
}
.searchHallWrapper .hallDetailContents .innerSection .heading {
	margin: 0 0 20px;
	font-size: 1.429rem;
	font-weight: bold;
}
.searchHallWrapper .hallDetailContents .innerSection .heading span {
	color: var(--theme-color-1);
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable {
	margin: 0 0 20px;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable th {
	width: 115px;
	padding: 0 0 12px;
	vertical-align: top;
	font-size: 1.143rem;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable th::before {
	width: 12px;
	height: 12px;
	display: inline-block;
	margin: 0 3px 0 0;
	background: #333;
	vertical-align: baseline;
	content: "";
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable td {
	padding: 0 0 12px;
	font-size: 1.071rem;
}
.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child th,
.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child td {
	padding: 0;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList {
	display: flex;
	flex-wrap: wrap;
	margin: -10px 0 0 -10px;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList > li {
	margin: 10px 0 0 10px;
}
.searchHallWrapper .hallDetailContents .innerSection .nearList > li a {
	display: block;
	padding: 5px 24px;
	border: solid 1px #cacaca;
	color: #666;
	text-decoration: none;
	border-radius: 6px;
	font-size: .929rem;
}

#criteria .title {
	font-size: 1.14rem;
	margin: 0 0 5px;
}
#criteria .title i {
	color: var(--theme-color-1);
}
#criteria .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}
#criteria .subContents > div {
	background: var(--theme-color-2-900);
	border-top: solid 1px var(--text-color-gray);
	padding: 25px 20px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
#criteria ul {
	width: 660px;
}
#criteria ul li {
	padding-left: 8em;
	position: relative;
}
#criteria ul li::before {
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}
#criteria ul li.age::before { content: "性別・年齢"; }
#criteria ul li.age2::before { content: "お相手の年齢"; }
#criteria ul li.pref::before { content: "都道府県"; }
#criteria ul li.area::before { content: "エリア"; }
#criteria ul li.date::before { content: "開催日"; }
#criteria ul li.days::before { content: "曜日"; }
#criteria ul li.shurui::before { content: "タイプ"; }
#criteria ul li.keyword::before { content: "キーワード"; }
#criteria ul li.advanced::before { content: "その他"; }
#criteria ul li.pstyle::before { content: "スタイル"; }
#criteria ul li.kaijyo::before { content: "パーティー会場"; }
#criteria ul li.tag::before {content: "タグ";}

#criteria .searchBtn {
	width: 200px;
}
#criteria .searchBtn a {
	color: var(--theme-color-2);
	text-align: center;
	text-decoration: none;
	background: #FFF;
	border: solid 1px var(--theme-color-2);
	border-radius: 20px;
	padding: 8px 0;
	display: block;
}
#criteria .searchBtn a i {
	transform: scale(-1, 1) rotate(90deg);
}

#criteria .subContents > div.searchStepWrapper {
	margin: 0;
	display: flex;
	justify-content: space-between;
	align-items: stretch;
}
#criteria .searchStepWrapper .searchStep {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	width: calc(100% - 230px - 30px);
}
#criteria .searchStepWrapper .searchStep .search1 {
	position: relative;
	width: 22.5%;
}
#criteria .searchStepWrapper .searchStep .search1::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: solid 2px var(--theme-color-2);
	border-right: solid 2px var(--theme-color-2);
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#criteria .searchStepWrapper .searchStep .search1 select {
	width: 100%;
	height: 55px;
	padding: 0 50px 0 20px;
	border: solid 1px #C5C5C5;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	appearance: none;
	-webkit-appearance: none;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search2 {
	position: relative;
	width: 37.5%;
}
#criteria .searchStepWrapper .searchStep .search2.disabled {
	opacity: .7;
	background: #ddd;
	border-radius: 8px;
}
#criteria .searchStepWrapper .searchStep .search2::before {
	content: "";
	width: 7px;
	height: 7px;
	border-bottom: solid 2px var(--theme-color-2);
	border-right: solid 2px var(--theme-color-2);
	transform: rotate(45deg);
	pointer-events: none;
	position: absolute;
	top: calc(50% - 7px);
	right: 20px;
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 50px 0 20px;
	height: 55px;
	border: solid 1px #C5C5C5;
	background: #FFF;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]::placeholder {
	color: var(--text-color-main);
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]:-ms-input-placeholder {
	color: var(--text-color-main); /* IE */
}
#criteria .searchStepWrapper .searchStep .search2 input[type="text"]::-ms-input-placeholder {
	color: var(--text-color-main); /* Edge */
}
#criteria .searchStepWrapper .searchStep .search2.disabled input[type="text"] {
	pointer-events: none;
}
#criteria .searchStepWrapper .searchStep .search3 {
	position: relative;
	width: 37.5%;
}
#criteria .searchStepWrapper .searchStep .search3::before {
	content: "";
	width: 25px;
	height: 29px;
	background: url(/App_Contents/common/images/search_s_date.png) no-repeat 0 0 / contain;
	position: absolute;
	top: 50%;
	right: 19px;
	transform: translateY(-50%);
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"] {
	position: relative;
	width: 100%;
	padding: 0 60px 0 20px;
	height: 55px;
	border: solid 1px #C5C5C5;
	background: #FFF;
	font-size: 1.286rem;
	box-sizing: border-box;
	box-shadow: 0 2px 0 #E1E1E1;
	border-radius: 8px;
	outline: none;
	cursor: pointer;
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]::placeholder {
	color: var(--text-color-main);
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]:-ms-input-placeholder {
	color: var(--text-color-main); /* IE */
}
#criteria .searchStepWrapper .searchStep .search3 input[type="text"]::-ms-input-placeholder {
	color: var(--text-color-main); /* Edge */
}
#criteria .searchStepWrapper .searchBtnWrapper {
	width: 230px;
}
#criteria .searchStepWrapper .searchBtnWrapper .btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 55px;
	background: var(--theme-color-2);
	border-radius: 8px;
	color: #fff;
	font-size: 1.286rem;
	font-weight: bold;
	text-decoration: none;
	box-shadow: 0 2px 0 var(--theme-color-1);
}
#criteria .searchStepWrapper .searchBtnWrapper .addAnchor {
	margin: 10px 0 0;
}
#criteria .searchStepWrapper .searchBtnWrapper .addAnchor a {
	color: #a6a6a6;
}


#bigfesBnr {
	display: none;
	transform: translateY(-20px);
}


.induction_box .slashtext {
	font-size: 16px;
	font-weight: bold;
	margin: 40px 0 0;
}

.induction_box .slashtext span {

}

.induction_box .slashtext span::before,
.induction_box .slashtext span::after {
	content: '';
	width: 1px;
	height: 1em;
	background: #333;
	display: inline-block;
}

.induction_box .slashtext span::before {
	transform: translateY(3px) rotate(-30deg);
	margin-right: 0.5em;
}
.induction_box .slashtext span::after {
	transform: translateY(3px) rotate(30deg);
	margin-left: 0.5em;
}

.induction_box .btn {
	margin: 10px 0 0;
	text-align: center;
}

.induction_box .btn a {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	width: 400px;
	border: 1px solid #D21818;
	border-radius: 5px;
	padding: 5px 0;
	display: inline-block;
	position: relative;
	overflow: hidden;
}

.induction_box .btn a:hover {
	color: #fff;
	background: #D21818;
}

.induction_box .btn a::after {
	content: '';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 9px;
	border-color: transparent transparent transparent #D21818;
	display: inline-block;
	margin-left: 10px;
	transform: translateY(2px);
}

.induction_box .btn a:hover::after {
	border-color: transparent transparent transparent #fff;
}

#preflink .title {
	color: var(--theme-color-1);
	font-size: 1.286rem;
	border-bottom: solid 1px var(--theme-color-1);
	margin: 0 0 20px;
	padding: 0 0 5px 20px;
}

#preflink .subContents {
	border-bottom: solid 1px #E2E2E2;
	padding-bottom: 20px;
}

#preflink .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}

#preflink .subContents > div {
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

#preflink ul {
	display: flex;
	flex-wrap: wrap;
	margin-top: -10px;
}

#preflink ul li {
	margin: 10px 20px 0 0;
}

#preflink ul li a {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
}

#preflink ul li a:hover {
	color: #FFF;
	background: var(--theme-color-2-700);
	border: 1px solid var(--theme-color-2-700);
}

#especial .subContents {
	width: 960px;
}
#especial .subContents .no1 {
	text-align: center;
	margin: 0 0 45px;
}
#especial .subContents .no1 figure {
	width: 426px;
	margin: 0 auto 22px;;
}
#especial .subContents .no1 figure img {
	width: 100%;
}
#especial .subContents .no1 p {
	color: #959595;
	font-size: 10px;
}
#especial .subContents .box {
	margin: 0 0 30px;
	display: flex;
	justify-content: space-between;
}
#especial .subContents .box h2 {
	display: none;
}
#especial .subContents .box figure {
	width: 240px;
}
#especial .subContents .box figure img {
	width: 100%;
}
#especial .subContents .box .text {
	display: flex;
	align-items: center;
	width: calc(100% - 240px - 40px);
}
#especial .subContents h2 {
	position: relative;
	font-weight: bold;
	margin: 0 0 15px;
	padding: 18px 70px 18px 30px;
	background: #f2f3f4;
	font-size: 1.429rem;
	cursor: pointer;
}
#especial .subContents h2::before {
	display: block;
	position: absolute;
	right: 20px;
	top: 50%;
	width: 32px;
	height: 32px;
	background: #E98FA7;
	content: "";
	border-radius: 5px;
	transform: translateY(-50%);
}
#especial .subContents h2 span::before,
#especial .subContents h2 span::after {
	display: block;
	position: absolute;
	right: 28px;
	top: 50%;
	width: 16px;
	height: 2px;
	background: #fff;
	content: "";
	transform: translateY(-50%);
}
#especial .subContents h2 span::after {
	transform: translateY(-50%) rotate(90deg);
}
#especial .subContents h2.acOpen span::after {
	display: none;
}

#especial .subContents .box2 {
}
#especial .subContents .box2 ul {
	display: flex;
	flex-wrap: wrap;
}
#especial .subContents .box2 ul li {
	width: 240px;
	text-align: center;
	margin: 0 0 20px;
}
#especial .subContents .box2 ul li figure {
	border: solid 5px #E1E3E6;
	border-radius: 10px;
	margin: 0 10px 10px;
}
#especial .subContents .box2 ul li figure img {
	width: 100%;
	border-radius: 5px;
}

#searchresult .styleTab {
	position: relative;
	display: flex;
	width: 100%;
	margin: 0 0 20px;
}
#searchresult .styleTab::after {
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	border-bottom: solid 1px #CBCFD3;
	content: "";
}
#searchresult .styleTab > li {
	display: flex;
	width: 100%;
	max-width: 190px;
	margin: 0 0 0 10px;
}
#searchresult .styleTab > li:first-child {
	margin: 0;
}
#searchresult .styleTab > li a {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 100%;
	padding: 14px 9px;
	text-decoration: none;
	border: solid 1px #F2F3F4;
	background: #F2F3F4;
	color: #666;
	box-sizing: border-box;
}
#searchresult .styleTab > li a:hover,
#searchresult .styleTab > li a.current {
	position: relative;
	z-index: 1;
	border-color: var(--theme-color-1);
	border-bottom-color: #FFF;
	background: #FFF;
	color: var(--theme-color-1);
	font-weight: bold;
	opacity: 1;
}

#searchresult .num {
	margin: 0 0 20px;
}
#searchresult .num span {
	color: var(--theme-color-1);
	font-size: 1.286rem;
	font-weight: bold;
}

.pagenation {
	text-align: center;
	margin-top: 30px;
}
.pagenation a,
.pagenation span {
	font-weight: bold;
	text-decoration: none;
	border-radius: 5px;
	margin: 0 5px;
	padding: .6em 1em;
}
.pagenation a { color: var(--theme-color-1); border: solid 1px var(--theme-color-1); }
.pagenation span { color: #CBCBCB; border: solid 1px #CBCBCB; }

.pagenation a.prev,
.pagenation a.next {
	border-radius: 20px;
	padding-left: 3em;
	padding-right: 3em;
}

.pagenation .aspNetDisabled {
	color: #CBCBCB;
	border: solid 1px #CBCBCB;
}

#searchPrefArea .subContents {
	border-bottom: solid 1px #E2E2E2;
	padding-bottom: 20px;
}

#searchPrefArea .subContents.borderNone {
	border-bottom: none;
	padding-bottom: 0;
}

#searchPrefArea .subContents > div .title {
	color: var(--theme-color-1);
	font-size: 1.286rem;
	border-bottom: solid 1px var(--theme-color-1);
	margin: 20px 0;
	padding: 0 0 5px;
}

#searchPrefArea .subContents > div ul {
	background: #FEF7F9;
	margin-top: -10px;
	padding: 5px 20px 15px;
	display: flex;
	flex-wrap: wrap;
	flex-wrap: wrap;
}

#searchPrefArea .subContents > div ul li {
	margin: 10px 10px 0 0;
}

#searchPrefArea .subContents > div ul li a {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
}

#searchPrefArea .subContents > div ul li > span {
	color: #666;
	font-size: 1.14rem;
	text-decoration: none;
	background: #fff;
	border: 1px solid #B2B2B2;
	border-radius: 20px;
	padding: 5px 20px;
	display: inline-block;
	cursor: pointer;
}

#searchPrefArea .subContents > div ul li a span {
	color: #666;
}

#searchPrefArea .subContents > div ul li a:hover,
#searchPrefArea .subContents > div ul li > span:hover,
#searchPrefArea .subContents > div ul li .on {
	color: var(--theme-color-1);
	background: #FCEFF3;
	text-decoration: none;
	border: 1px solid var(--theme-color-1);
}

#searchPrefArea .subContents > div ul li a:hover span,
#searchPrefArea .subContents > div ul li .on span {
	color: var(--theme-color-1);
}

#searchPrefArea .subContents .addAnchor {
	text-align: center;
	margin: 35px 0 0;
}

#searchPrefArea .subContents .addAnchor a {
	color: #8A8A8A;
	border-bottom: 1px solid #8A8A8A;
	text-decoration: none;
	background: url(/App_Contents/common/images/s_criteria_gray.png) no-repeat left center / auto 1em;
	padding-left: 1.5em;
}

#searchPrefArea .subContents .addAnchor a:hover {
	border-bottom: none;
}

.brandText {
	font-size: 14px;
	text-align: left;
	width: 1060px;
	margin: 40px auto 0;
	padding: 30px 0 5px;
	border-bottom: 1px solid #C5C5C5;
}

.brandBnr {
	display: flex;
	margin: 30px auto;
	justify-content: flex-start;
	column-gap: 20px;
	width: 1060px;
	color: #8E8E8E;
	font-size: 12px;
}

.brandBnr .bannerBlock .subContents {
	width: 196px;
}

.brandBnr .bannerBlock .subContents picture {
	display: block;
	margin: 0 0 10px;
}

.brandBnr .bannerBlock .subContents picture img {
	border-radius: 10px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
}
.brandBnr .bannerBlock a {
	text-decoration: none;
}
.brandBnr .bannerBlock .detail {
	color: #444;
	text-decoration: none;
}

@media screen and (max-width:899px) {
	.brandText {
		font-size: 3.5vw;
		width: 88vw;
		padding: 5vw 0 2vw;
	}
	.brandBnr {
		flex-wrap: wrap;
        margin: 5vw auto;
        column-gap: 1vw;
		row-gap: 5vw;
        width: 88vw;
        font-size: 2.6vw;
		justify-content: space-between;
	}

	.brandBnr .bannerBlock .subContents {
		width: 43vw;
		padding: 0;
	}

	.brandBnr .bannerBlock .subContents picture {
		width: 100%;
		margin: 0 0 2vw;
	}

	.brandBnr .bannerBlock .subContents picture img {
	    width: 43vw;
    	height: 15vw;
	}
}

	/* FOR smartphone landscape
***************************************************************************/
	@media screen and (max-width:899px) {
		#search .titleBlock {
			width: 100vw;
			margin: 0 calc(50% - 50vw) 4vw;
		}
		#search .titleBlock [type="reset"] {
			position: static;
			margin-top: 5px;
			float: right;
		}
		#search .titleBlock .reset {
			position: absolute;
			top: 2.5em;
			right: 0;
		}
		#search .title {
		}
		#search .subContents {
			width: 100%;
			display: block;
		}
		#search .subContents [type="radio"] {
		}
		#search .subContents [type="radio"] + span::before {
		}
		#search .subContents [type="radio"] + span::after {
		}
		#search .subContents .type_gray input + span {
			font-size: 0.92rem;
			width: 30vw;
			padding: 3vw 0;
		}
		#search .subContents input.type_pink + span {
			font-size: 0.92rem;
			padding: 3vw 0;
		}
		#search .subContents input.type_pink + span::before {
		}
		#search .subContents input:checked.type_pink + span {
		}
		#search .subContents [type="checkbox"] + span::before {
			width: 17px;
			height: 17px;
		}
		#search .subContents [type="checkbox"]:checked + span::before {
			width: 17px;
			height: 17px;
		}
		#search .subContents select::-ms-expand {
			display: none;
		}
		#search .subContents select {
			-webkit-appearance: none;
			-moz-appearance: none;
			appearance: none;
		}
		#search .subContents .selectBox {}
		#search .subContents .selectBox::before {
			content: "";
			width: 5px;
			height: 5px;
			border: 0;
			border-top: solid 3px #4D4D4D;
			border-left: solid 3px #4D4D4D;
			border-radius: 2px;
			transform: rotate(-135deg) translateY(-50%);
			display: inline-block;
			position: absolute;
			top: 35%;
			right: 8%;
			z-index: 2;
		}
		#search .subContents .type_select {
			color: #333;
			font-size: 0.92rem;
			width: 29.3vw;
			height: auto;
			border: 1px solid var(--text-color-gray);
			border-radius: 0;
			line-height: 1.62;
			padding: 3vw 0 3vw 4.2vw;
			position: relative;
		}
		#search .subContents .resetInner {
			padding: 7.7vw;
		}
		#search .subContents [type="reset"] {
			color: #4D4D4D;
			font-size: 0.92rem;
			width: 45%;
			background: #E5E5E5;
			margin: 0 0 0 auto;
			padding: 2.8vw 0 2.4vw 11.5vw;
			border-radius: 30px;
			box-sizing: border-box;
			position: relative;
		}
		#search .subContents .resetBox {
			color: #4D4D4D;
			font-size: 0.92rem;
			background: #E5E5E5;
			padding: 3vw 7.5vw;
			border-radius: 30px;
			box-sizing: border-box;
			display: inline-block;
			right: 5vw;
		}
		#search .subContents .resetBox::before {
			top: 37%;
			right: 36vw;
		}
		#search .subContents .resetBox .reset {
			background: transparent;
		}
		#search .subContents .searchBox {
			font-size: 4vw;
			padding: 6.6vw 0;
		}
		#search .subContents .searchBox h2 {
			font-size: 1.3rem;
			margin: 0 0 2.5vw;
		}
		#search .subContents .searchBox h2 span {
			font-size: 0.85rem;
			padding: 5px 0 0 10px;
			float: right;
		}
		#search .subContents .searchBox h2 + * {
			clear: both;
		}
		#search .subContents .searchBox .boxArea .filter {
			column-gap: 2vw;
			row-gap: 2vw;
		}
		#search .subContents .searchBox .boxArea .filter li {
			font-size: 3.5vw;
			padding: 1.5vw 2.5vw;
			gap: 2vw;
		}
		#search .subContents .searchBox .boxArea .selectArea {
			font-size: 3.5vw;
			padding: 2.5;
			width: 12vw;
		}
		#search .subContents .ageBox {
			padding: 0;
		}
		#search .subContents .age {
			display: block;
		}
		#search .subContents .age .ageInner {
			width: 100%;
			padding: 6.6vw 0;
		}
		#search .subContents .age .ageInner:nth-child(1) {
			border-bottom: solid 1px #ccc;
		}
		#search .subContents .age .ageInner h2 {
		}
		#search .subContents .age .female {
			margin-right: 0.5vw;
		}
		#search .subContents .age .ageInner:nth-child(2) .type_select {
			width: 38.8vw;
			height: 13vw;
		}
		#search .subContents .area .chiku ul{
			margin: 0;
			justify-content: space-between;
		}
		#search .subContents .area .chiku ul::after{
			content: '';
			display: block;
			width: 29.3vw;
		}
		#search .subContents .area .chiku ul li {
			font-size: 0.92rem;
			width: 29.3vw;
			text-align: center;
			border: 1px solid var(--text-color-gray);
			margin: 0 0 1.2vw;
			padding: 14px 0 12px;
			display: block;
			cursor: pointer;
		}
		#search .subContents .area .chiku ul li.cr {
			color: #FFF;
			background: var(--text-color-gray);
		}
		#search .subContents .area .pref dl {
			margin: 3vw 0 0;
			padding: 8vw 0 0;
			display: block;
		}
		#search .subContents .area .pref dl h2 {
			width: 100%;
			margin: 0 0 2vw;
			position: relative;
		}
		#search .subContents .area .pref dl .prefBox {
			width: 100%;
			display: block;
		}
		#search .subContents .area .pref dl .prefList {
			width: 100%;
		}
		#search .subContents .area .pref dl .prefList + .prefList {
			margin: 0;
		}
		#search .subContents .area .pref dl .prefList:nth-child(7) {
			margin: 0;
		}
		#search .subContents .area .pref dl .prefList dt {
			margin-top: -1px;
			margin-bottom: 0;
			border: solid 1px #BFBFBF;
		}
		#search .subContents .area .pref dl .prefList dt span {
			background: #FFF;
			font-size: 1rem;
			padding: 10px 0 10px 37px;
			margin: 0;
		}
		#search .subContents .area .pref dl .prefList dt [type="checkbox"]:checked + span {
		}
		#search .subContents .area .pref dl .prefList dt label {
		}
		#search .subContents .area .pref dl .prefList dd {
			display: none;
		}
		#search .subContents .area .pref dl .prefList dd ul {
			display: flex;
			flex-wrap: wrap;
			border: none;
		}
		#search .subContents .area .pref dl .prefList dd:last-child {
			margin: 0;
		}
		#search .subContents .area .pref dl .prefList dd ul li{
			border: solid 1px #BFBFBF;
			border-top: none;
			width: 44.6vw;
			padding: 0;
		}
		#search .subContents .area .pref dl .prefList dd ul li:nth-child(even) {
			border-left: none;
		}
		#search .subContents .area .pref dl .prefList dd ul li span {
			margin: 0;
			padding: 10px 0 10px 37px;
			display: block;
			color: var(--theme-color-1);
			font-size: 1rem;
			background: #FDEFF2;
		}
		#search .subContents .area .pref dl [type="checkbox"] + span::before {
			top: 50%;
			left: 3%;
			transform: translateY(-50%);
		}
		#search .subContents .dateBox {
			padding: 0;
		}
		#search .subContents .date {
			display: block;
			margin: 0;
		}
		#search .subContents .date > div {
			padding: 8vw 0;
		}
		#search .subContents .date .left {
			width: 100%;
			border-bottom: solid 1px #ccc;
		}
		#search .subContents .date .left > div {
			flex-wrap: wrap;
			margin: 0 0 18px;
		}
		#search .subContents .date .left > div em {
			width: 38.8vw;
		}
		#search .subContents .date .left > div em input {
			border-radius: 0;
		}
		#search .subContents .date .left > div em .held {
			font-size: 0.92rem;
			padding: 4.3vw 0 4.3vw 4.1vw;
		}
		#search .subContents .date .left > div em input::placeholder {
			color: #333;
		}
		#search .subContents .date .left ul {
		}
		#search .subContents .date ul li.type_gray input + span {
			font-size: 1.2rem;
			width: 21.4vw;
			padding: 1.2vw 0;
			line-height: 1.2;
		}
		#search .subContents .date [type="checkbox"] + span em {
			font-size: 0.7rem;
		}
		#search .subContents .date [type="checkbox"] + span::before {
		}
		#search .subContents .date .right {
			width: 100%;
		}
		#search .subContents .date .type_gray .right ul {
		}
		#search .subContents .date .right ul li input + span {
			padding: 2.8vw 0 2.4vw;
		}
		#search .subContents .date .right ul li {
			margin: 0 0 1.2vw;
		}
		#search .subContents .date .right ul li + li {
			margin: 0 0 1.2vw 1.2vw;
		}
		#search .subContents .date .right ul li:nth-child(5) {
			margin: 0 0 1.2vw;
		}
		#search .subContents .style li {
			margin: 0 0 7px;
		}
		#search .subContents .keyword ul {
			display: flex;
			flex-wrap: wrap;
			justify-content: flex-start;
			border-left: solid 1px var(--text-color-gray);
		}
		#search .subContents .keyword ul::before,
		#search .subContents .keyword ul::after {
			content: none;
		}
		#search .subContents .keyword li {
			width: 44.8vw;
			border-right: solid 1px var(--text-color-gray);
			border-bottom: solid 1px var(--text-color-gray);
			margin-bottom: 0;
		}
		#search .subContents .keyword li:nth-child(-n+2) {
			border-top: solid 1px var(--text-color-gray);
		}
		#search .subContents .keyword .type_pink li input + span {
			font-size: .92rem;
			margin: 0;
			padding: 3vw 3vw 3vw 7vw;
			border: none;
		}
		#search .submitBtn {
			background: #FFF;
			margin: 30px 0 0;
			padding: 0 3vw;
			position: sticky;
			display: flex;
			align-items: flex-end;
			justify-content: center;
			column-gap: 10px;
		}
		#search .submitBtn p {
			font-size: .8rem;
			text-align: center;
			margin: 0 0 10px;
		}
		#search .submitBtn p span {
			color: var(--theme-color-1);
			font-size: 1.8rem;
			line-height: 1;
			margin: 0 5px;
		}
		#search .submitBtn a {
			color: #FFF;
			font-size: 1.21rem;
			font-weight: bold;
			text-align: center;
			width: 68%;
			padding: 6vw;
			box-sizing: border-box;
		}

		.searchHallWrapper {
			margin: 0 0 50px;
			padding: 0 5vw;
		}
		.searchHallWrapper .imageWrapper {
			display: block;
			margin: 0 0 30px;
		}
		.searchHallWrapper .imageWrapper figure {
			width: 100%;
		}
		.searchHallWrapper .imageWrapper figure:not(:last-child) {
			margin: 0 0 20px;
		}
		.searchHallWrapper .addressWrapper {
			width: auto;
			display: block;
			margin: 0 0 30px;
		}
		.searchHallWrapper .addressWrapper .addressText {
			width: auto;
		}
		.searchHallWrapper .addressWrapper .mapAnchor {
			width: 200px;
		}
		.searchHallWrapper .addressWrapper .mapAnchor a {
			font-size: .786rem;
		}
		.searchHallWrapper .addressWrapper .addressText {
			margin: 0 0 12px;
		}
		.searchHallWrapper .addressWrapper .addressText .name {
			padding: 0 0 5px;
			font-size: 1.143rem;
		}
		.searchHallWrapper .addressWrapper .addressText .address {
			font-size: .857rem;
		}
		.searchHallWrapper .hallDetailHeader {
			padding: 17px 50px 17px 17px;
			font-size: 1rem;
		}
		.searchHallWrapper .hallDetailHeader::before {
			right: 15px;
			width: 22px;
			height: 22px;
		}
		.searchHallWrapper .hallDetailHeader p::before,
		.searchHallWrapper .hallDetailHeader p::after {
			right: 20px;
			width: 20px;
			height: 2px;
		}
		.searchHallWrapper .hallDetailContents .innerSection {
			padding: 25px 0;
		}
		.searchHallWrapper .hallDetailContents .innerSection:last-child {
			padding: 25px 0 0;
		}
		.searchHallWrapper .hallDetailContents .innerSection .heading {
			margin: 0 0 12px;
			font-size: 1.071rem;
		}
		.searchHallWrapper .hallDetailContents .innerSection .accessTable {
			margin: 0 0 12px;
		}
		.searchHallWrapper .hallDetailContents .innerSection .accessTable th {
			width: 85px;
			padding: 0 0 10px;
			font-size: .857rem;
		}
		.searchHallWrapper .hallDetailContents .innerSection .accessTable th::before {
			width: 10px;
			height: 10px;
		}
		.searchHallWrapper .hallDetailContents .innerSection .accessTable td {
			padding: 0 0 10px;
			font-size: .857rem;
		}
		.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child th,
		.searchHallWrapper .hallDetailContents .innerSection .accessTable tr:last-child td {
			padding: 0;
		}
		.searchHallWrapper .hallDetailContents .innerSection .text {
			font-size: .857em;
		}
		.searchHallWrapper .hallDetailContents .innerSection .nearList > li a {
			padding: 5px 18px;
			font-size: .857rem;
		}

		#criteria .title {
			font-size: 1.143rem;
			margin: 0 0 10px;
		}
		#criteria .subContents > div {
			margin: 0;
			padding: 25px 10px 30px;
			display: block;
		}
		#criteria ul {
			width: 100%;
			margin: 0 0 10px;
		}
		#criteria ul li {
			font-size: .93rem;
			padding-left: 7em;
		}
		#criteria ul li::before {
		}
		#criteria .searchBtn {
			width: auto;
			margin: 0 10vw;
		}
		#criteria .searchBtn a {
			padding: 6px 0;
		}
		#criteria .subContents > div.searchStepWrapper {
			display: block;
		}
		#criteria .searchStepWrapper .searchStep {
			flex-wrap: wrap;
			width: 100%;
		}
		#criteria .searchStepWrapper .searchStep .search1 {
			width: 35.5%;
		}
		#criteria .searchStepWrapper .searchStep .search1::before {
			right: 15px;
		}
		#criteria .searchStepWrapper .searchStep .search1 select {
			height: 42px;
			padding: 0 35px 0 15px;
			font-size: 1rem;
		}
		#criteria .searchStepWrapper .searchStep .search2 {
			width: calc(100% - 35.5% - 8px);
		}
		#criteria .searchStepWrapper .searchStep .search2::before {
			right: 15px;
		}
		#criteria .searchStepWrapper .searchStep .search2 input[type="text"] {
			height: 42px;
			padding: 0 35px 0 15px;
			font-size: 1rem;
		}
		#criteria .searchStepWrapper .searchStep .search3 {
			width: 100%;
			margin: 10px 0 0;
		}
		#criteria .searchStepWrapper .searchStep .search3::before {
			width: 18px;
			height: 22px;
			top: 50%;
			right: 15px;
		}
		#criteria .searchStepWrapper .searchStep .search3 input[type="text"] {
			width: 100%;
			height: 42px;
			padding: 0 45px 0 15px;
			font-size: 1rem;
		}
		#criteria .searchStepWrapper .searchBtnWrapper {
			margin: 12px 50px 0;
			width: auto;
		}
		#criteria .searchStepWrapper .searchBtnWrapper .btn {
			width: 100%;
			height: 42px;
			font-size: 1rem;
		}
		#criteria .searchStepWrapper .searchBtnWrapper .addAnchor {
			text-align: center;
		}
		#criteria .searchStepWrapper .searchBtnWrapper .addAnchor a {
			font-size: .929rem;
		}

		#bigfesBnr {
			width: 90vw;
			margin: 0 auto;
			transform: translateY(-4vw);
		}

		#bigfesBnr picture img {
			width: 100%;
			height: auto;
		}
		
		#preflink .title {
			font-size: 1.143rem;
			margin: 0 0 15px;
			padding: 0 0 2px 5vw;
		}

		#preflink .subContents {
			border-bottom: solid 1px #E2E2E2;
			padding-bottom: 20px;
		}

		#preflink .subContents.borderNone {
			border-bottom: none;
			padding-bottom: 0;
		}

		#preflink .subContents > div {
			margin: 0;
			display: block;
		}

		#preflink ul {
			justify-content: space-between;
			margin-top: -5px;
		}

		#preflink ul::before {
			content: "";
			width: 23%;
			display: block;
			order: 1;
		}

		#preflink ul::after {
			content: "";
			width: 23%;
			display: block;
		}

		#preflink ul li {
			width: 23%;
			text-align: center;
			margin: 5px 4px 0 0;
		}

		#preflink ul li a {
			font-size: 0.8rem;
			padding: 5px 0;
			display: block;
		}

		#preflink ul li a:hover {
		}

		#especial .subContents {
			width: 100%;
		}
		#especial .subContents .no1 {
			text-align: left;
			margin: 0 0 7.4vw;
		}
		#especial .subContents .no1 figure {
			width: 86.4vw;
			margin: 0 auto 2.9vw;
		}
		#especial .subContents .no1 figure img {
		}
		#especial .subContents .no1 p {
			font-size: 2.2vw;
		}
		#especial .subContents .box {
			margin: 0 0 6vw;
			display: block;
		}
		#especial .subContents .box h2 {
			display: block;
		}
		#especial .subContents .box h2::before {
			content: "▼";
			width: auto;
			height: auto;
			background: none;
			transform: translateY(-50%) rotate(0deg);
			transform-origin: 50% 50%;
			transition: all .3s;
		}
		#especial .subContents .box h2.on::before {
			transform: translateY(-50%) rotate(60deg);
		}
		#especial .subContents .box figure {
			width: 100%;
			text-align: center;
			margin: 0 auto 10px;
			display: none;
		}
		#especial .subContents .box figure img {
		}
		#especial .subContents .box .text {
			display: none;
			width: 100%;
		}
		#especial .subContents h2 {
			margin: 0 0 10px;
			padding: 15px 50px 15px 15px;
			font-size: 1.071rem;
		}
		#especial .subContents h2::before {
			right: 15px;
			border-radius: 4px;
			width: 22px;
			height: 22px;
		}
		#especial .subContents h2 span::before,
		#especial .subContents h2 span::after {
			right: 20px;
			width: 11px;
		}
		#especial .subContents .box2 {
		}
		#especial .subContents .box2 ul {
			display: flex;
			flex-wrap: wrap;
		}
		#especial .subContents .box2 ul li {
			width: calc(50% - 8px);
			margin: 0 4px 20px;
		}
		#especial .subContents .box2 ul li figure {
			margin: 0 0 5px;
		}
		#especial .subContents .box2 ul li figure img {
		}

		#searchresult .styleTab {
			margin: 0 0 15px;
		}
		#searchresult .styleTab > li {
			margin: 0 0 0 3px;
		}
		#searchresult .styleTab > li:first-child {
			margin: 0;
		}
		#searchresult .styleTab > li a {
			padding: 10px 3px;
			font-size: .786rem;
		}

		#searchresult .num {
			margin: 0 0 15px;
		}
		#searchresult .num span {
		}

		.pagenation {
			margin-top: 20px;
		}
		.pagenation a,
		.pagenation span {
			display: none;
			padding: .5em 1em;
		}
		.pagenation a.prev,
		.pagenation a.next {
			display: inline;
			border-radius: 20px;
			padding-left: 2em;
			padding-right: 2em;
		}

		#searchPrefArea {
			margin-bottom: 20px;
		}
		#searchPrefArea .subContents {
		}
		#searchPrefArea .subContents.borderNone {
		}
		#searchPrefArea .subContents > div .title {
			font-size: 16px;
			margin: 10px 0 20px;
		}
		#searchPrefArea .subContents > div ul {
			padding: 5px 20px 13px;
			display: block;
			white-space: nowrap;
			margin: -10px calc(50% - 50vw) 0;
			padding: 10px 20px;
			overflow-x: scroll;
		}
		#searchPrefArea .subContents > div ul li {
			margin: 0;
			display: inline-block;
		}
		#searchPrefArea .subContents > div ul li a,
		#searchPrefArea .subContents > div ul li > span {
			font-size: 13px;
		}
		#searchPrefArea .subContents > div ul li a span,
		#searchPrefArea .subContents > div ul li > span {
			font-weight: bold;
		}
		#searchPrefArea .subContents > div ul li a:hover,
		#searchPrefArea .subContents > div ul li > span:hover,
		#searchPrefArea .subContents > div ul li .on {
		}
		#searchPrefArea .subContents > div ul li a:hover span,
		#searchPrefArea .subContents > div ul li .on span {
		}
		/* dateのみ体裁変更 */
		#searchPrefArea .subContents > div.date ul {
			display: flex;
			justify-content: space-between;
			white-space: wrap;
			margin-left: 0;
			margin-right: 0;
			padding: 0;
			overflow-x: visible;
			background: none;
		}
		#searchPrefArea .subContents > div.date ul li {
			width: 19.5%;
			height: 100%;
			text-align: center;
			margin: 0;
		}
		#searchPrefArea .subContents > div.date ul li a,
		#searchPrefArea .subContents > div.date ul li > span {
			border-radius: 0;
			width: 100%;
			padding: 2px 3vw;
			box-sizing: border-box;
		}
		#searchPrefArea .subContents > div.date ul li span {
			display: block;
		}
		#searchPrefArea .subContents .addAnchor {
			text-align: center;
			margin: 15px 0 0;
		}
		#searchPrefArea .subContents .addAnchor a {
			color: #8A8A8A;
			font-size: 12px;
			border-bottom: 1px solid #8A8A8A;
			text-decoration: none;
			background: url(/App_Contents/common/images/s_criteria_gray.png) no-repeat left center / auto 1em;
			padding-left: 1.5em;
		}
		#searchPrefArea .subContents .addAnchor a:hover {
			border-bottom: none;
		}
		/* .fioreBanner .subContents .bannerBox {
			width: 100%;
			border: solid 1px var(--text-color-main);
			margin: 30px auto;
			padding: 6.8vw 6.2vw;
		}
		.fioreBanner .subContents .bannerBox .title {
			font-size: 5.3vw;
			line-height: 1.5;
			text-align: center;
			background: url(/App_Contents/images/search/b_fiore_sp.png) no-repeat;
			background-size: 100% auto;
			/*background: url(/App_Contents/images/search/b_fiore_sp.jpg) no-repeat;*/
			/*background-size: 100%;
			background-position: top center;
			text-shadow: none;
			margin: 0 0 3.3vw;
			padding: 52vw 0 0;
		}
		.fioreBanner .subContents .bannerBox .title span {
			font-size: 3.7vw;
		}
		.fioreBanner .subContents .bannerBox .title sup {
			font-size: 2.8vw;
		}
		.fioreBanner .subContents .bannerBox .textArea {
			margin: 0 0 6.4vw;
		}
		.fioreBanner .subContents .bannerBox .textArea .lead {
			font-size: 3.4vw;
			margin: 0 0 2vw;
		}
		.fioreBanner .subContents .bannerBox .textArea small {
			font-size: 2.6vw;
			line-height: 1.35;
			display: block;
		}
		.fioreBanner .subContents .bannerBox .btn a {
			font-size: 4vw;
			width: 100%;
			-moz-width: 100%;
			text-align: center;
			border: solid 1px #D21818;
			border-radius: 0.667vw;
			margin: 0;
			padding: 4vw 0; 
		}
		.fioreBanner .subContents .bannerBox .btn a:hover {
			color: var(--text-color-main);
			opacity: 1;
		}
		.fioreBanner .subContents .bannerBox .btn a::before {
			border-left: solid 2.5vw #D21818;
			border-top: solid 2.5vw transparent;
			border-bottom: solid 2.5vw transparent;
			right: 5vw;
		}
		.partnerBanner .subContents .bannerBox {
			width: 100%;
			border: solid 1px var(--text-color-main);
			margin: 30px auto;
			padding: 6.8vw 6.2vw;
		}

		.partnerBanner .subContents .bannerBox picture img {
			width: 100%;
			aspect-ratio: auto 326 / 403;
			height: auto;
		}

		.partnerBanner .subContents .bannerBox .tms_consultation {
			width: 100%;
			margin-top: 4vw;
			display: grid;
			grid-template-columns: 1fr;
			grid-template-rows: auto auto;
			gap: 6.5vw;
		}
		.partnerBanner .subContents .bannerBox .tms_consultation .company {
			grid-row: 2 / 3;
			grid-column: 1 / 2;
			width: 60vw;
			margin: 0 auto;
		}
		.partnerBanner .subContents .bannerBox .tms_consultation .company img {
			width: 100%;
			height: auto;
		}
		.partnerBanner .subContents .bannerBox .tms_consultation .btn {
			box-shadow: 0.5vw 1.6vw 1.3vw 0px rgba(0, 0, 0, 0.4);
			border-radius: 6.7vw;
			margin: 0 auto;
			grid-row: 1 / 2;
			grid-column: 1 / 2;
		}
		.partnerBanner .subContents .bannerBox .tms_consultation .btn a {
			font-size: 4vw;		
			border: solid 1vw #fff;
			width: 59.3vw;
		}
		.partnerBanner .subContents .bannerBox .tms_consultation .btn a::before {
			border-left: solid 1.8vw #fff;
			border-top: solid 1.8vw transparent;
			border-bottom: solid 1.8vw transparent;
			right: 7vw;
		}
	
		.partnerBanner .subContents .bannerBox .forsp {
			color: #969696;
			font-size: .857rem;
		}

		.tmsBanner .subContents .bannerBox {
			width: 100%;
			border: solid 1px var(--text-color-main);
			margin: 8vw auto;
			padding: 6.8vw 6.2vw;
		}

		.tmsBanner .subContents .bannerBox .title {
			font-size: 5.3vw;
			line-height: 1.5;
			text-align: center;
			background-position: top center;
			text-shadow: none;
			margin: 0 0 3.3vw;
			padding: 33vw 0 0;
		}
    	.tmsBanner .subContents .bannerBox .title.tms {
			font-size: 5.3vw;
 			background: url(/App_Contents/images/search/b_tms_sp.jpg) no-repeat center top;
  			background-size: 100% auto;
    	}
		.tmsBanner .subContents .bannerBox .title span {
			font-size: 3.7vw;
		}
		.tmsBanner .subContents .bannerBox .textArea {
			margin: 0 0 6.4vw;
		}
		.tmsBanner .subContents .bannerBox .textArea .lead {
			font-size: 3.4vw;
		}
		.tmsBanner .subContents .bannerBox .btn a {
			font-size: 4vw;
			text-align: center;
			border: solid 1px #D21818;
			border-radius: 0.7vw;
			padding: 2vw 6.7vw 2.2vw;
		}
		.tmsBanner .subContents .bannerBox .btn a::before {
			border-left: solid 2.5vw #D21818;
			border-top: solid 2.5vw transparent;
			border-bottom: solid 2.5vw transparent;
			right: 3vw;
		}
	
		.tmsBanner .subContents .bannerBox .forsp {
			color: #969696;
			font-size: .857rem;
		}

		.bans_box .subContents {
			width: 100%;
			padding: 0 6.2vw;
		}
		.bans_box .subContents > ul {
			display: block;
		}
		.bans_box .subContents > ul li {
			width: 100%;
			margin: 0 0 4vw;
		}

	.naBanner .subContents .bannerBox {
		width: 100%;
		border: solid 1px var(--text-color-main);
		margin: 30px auto;
		padding: 6.8vw 6.2vw;
	}
	.naBanner .subContents .bannerBox h5 {
		font-size: 4vw;
		margin: 0 0 8vw;
	}
	.naBanner .subContents .bannerBox h5 span {
		font-size: 7vw;
	}
	.naBanner .subContents .bannerBox .row {
		margin: 0 0 6vw;
		display: block;
	}
	.naBanner .subContents .bannerBox .row figure {
		width: 100%;
		margin-bottom: 5vw;
	}
	.naBanner .subContents .bannerBox .row .textArea {
		width: 100%;
	}
	.naBanner .subContents .bannerBox .row .textArea .lead {
		margin: 0 0 3vw;
	}
	.naBanner .subContents .bannerBox .row .textArea .check {
		font-size: 14px;
	}
	.naBanner .subContents .bannerBox .row .textArea .box {
		padding: 5vw 0 5vw 5vw;
	}
	.naBanner .subContents .bannerBox .row .textArea .box ul li {
		font-size: 14px;
	}
	.naBanner .subContents .bannerBox .btn {
	}
	.naBanner .subContents .bannerBox .btn a {
		font-size: 4vw;
		padding: 10px 0;
		display: block;
	}
	.naBanner .subContents .bannerBox .btn a::after {
		border-width: 6px 0 6px 8px;
		top: calc(50% - 6px);
		right: 15px;
	} */

}

/*-------------------------------- キーワード ----------- */
#keyword .subContents .lead {
	font-size: 1.25rem;
	text-align: center;
	margin: 0 0 60px;
}
#keyword .topics {
	background: #fff2fe;
	margin: 0 0 50px;
	padding: 50px 0;
}

#keyword .subContents ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#keyword .subContents ul::before,
#keyword .subContents ul::after {
	content: " ";
	width: 24%;
	display: block;
	order: 1;
}
#keyword .subContents ul li {
	width: 24%;
	text-align: center;
	background: #FFF;
	border-radius: 5px;
	box-shadow: 0 0 5px 1px rgba(0,0,0,.1);
	margin: 0 0 20px;
	padding: 10px;
}
#keyword .subContents ul li figure {
	margin: 0 0 10px;
}
#keyword .subContents ul li figure img {
	width: 100%;
	border-radius: 5px;
}
#keyword .subContents ul li p {
	color: var(--theme-color-1);
	font-size: 16px;
}
#keyword .subContents .result {
	text-align: center;
}
#keyword .subContents .result figure {
	width: 650px;
	margin: 0 auto;
}
#keyword .subContents .result figure img {
	width: 100%;
}


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

	#keyword .subContents .lead {
		font-size: 1rem;
		text-align: center;
		margin: 0 0 30px;
	}
	#keyword .topics {
		margin: 0 0 20px;
		padding: 20px 0;
	}

	#keyword .subContents ul {
	}
	#keyword .subContents ul::before,
	#keyword .subContents ul::after {
		width: 48%;
	}
	#keyword .subContents ul li {
		width: 48%;
		margin-bottom: 10px;
		padding: 5px;
	}
	#keyword .subContents ul li figure {
		margin: 0 0 5px;
	}
	#keyword .subContents ul li figure img {
	}
	#keyword .subContents ul li p {
		font-size: 14px;
	}
	#keyword .subContents .result {
	}
	#keyword .subContents .result figure {
		width: 100%;
		margin: 0 auto;
	}
	#keyword .subContents .result figure img {
	}

}