/*** 基本仕様追加 ***/
button,
select,
label {cursor:pointer;}

.p-6 {
  padding:5rem !important; }

.pt-6,
.py-6 {
  padding-top:5rem !important; }

.pr-6,
.px-6 {
  padding-right:5rem !important; }

.pb-6,
.py-6 {
  padding-bottom:5rem !important; }

.pl-6,
.px-6 {
  padding-left:5rem !important; }

.mt-m1 {margin-top:-1em;}
.mt-m2 {margin-top:-2em;}
.mt-m3 {margin-top:-3em;}



@media (min-width:768px) {
  .p-md-6 {
    padding:5rem !important; }

  .pt-md-6,
  .py-md-6 {
    padding-top:5rem !important; }

  .pr-md-6,
  .px-md-6 {
    padding-right:5rem !important; }

  .pb-md-6,
  .py-md-6 {
    padding-bottom:5rem !important; }

  .pl-md-6,
  .px-md-6 {
    padding-left:5rem !important; }
	
	.position-md-absolute {position: absolute;}
}

@media (min-width:992px) {
  .p-lg-6 {
    padding:5rem !important; }

  .pt-lg-6,
  .py-lg-6 {
    padding-top:5rem !important; }

  .pr-lg-6,
  .px-lg-6 {
    padding-right:5rem !important; }

  .pb-lg-6,
  .py-lg-6 {
    padding-bottom:5rem !important; }

  .pl-lg-6,
  .px-lg-6 {
    padding-left:5rem !important; }
}


.w-85 {
  width:85% !important; }

.lh-15 {line-height: 1.5em;}
.lh-16 {line-height: 1.6em;}
.lh-17 {line-height: 1.7em;}
.lh-18 {line-height: 1.8em;}
.lh-19 {line-height: 1.9em;}
.lh-20 {line-height: 2em;}


/*** コンテンツ枠 ***/
@media (min-width:1260px) {
  .container {
    max-width:1200px;
  }
}

@media (max-width:1200px) {
	.container {
	max-width:94%;}
}

@media (max-width:767px) {
	.container {
	max-width:98%;}
}

.container_inner {width:1080px;}

.row-center {
	-webkit-justify-content:center;
	justify-content:center;
	-webkit-align-items:center;
	align-items:center;
}





/*** モーダル ***/
@media (min-width:992px) {
  .modal-lg {
    max-width:1100px;}
}

@media (max-width:992px) {
  .modal-lg {
    max-width:94%; } }

.modal-body {padding-top:0;}
.modal-header {border-bottom:2px solid #333; padding:0.5em 1em 0.3em 0.3em;}
.modal-title {font-size:1.6em; font-weight:bold; color:#333; letter-spacing:0.1em;}
.modal-title span {font-size:0.6em; font-weight:normal;}
.close {font-size:2em; font-weight:normal;}





/*** タブ切り替え：TOPメイン ***/
.top-main .nav {
	display:block;
	padding-left:0;
	margin-bottom:0;
	list-style:none;
	box-shadow:0px 4px 3px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow:0px 4px 3px -3px rgba(0,0,0,0.2);
	-moz-box-shadow:0px 4px 3px -3px rgba(0,0,0,0.2);
}

.top-main .nav-link {
  display:block;
  padding:1.5rem 1rem;
}

.top-main .nav-link:hover,
.top-main .nav-link:focus {
  text-decoration:none;
}

.top-main .nav-link.disabled {
  color:#6c757d;
}

.top-main .nav-tabs {
  border-bottom:0;
}

.top-main .nav-tabs .nav-item {
  margin-bottom:0;
}

.top-main .nav-tabs .nav-item+.nav-item {border-top:1px solid #fff;}

.top-main .nav-tabs .nav-link {
	border:0;
	border-top-left-radius:0;
	border-top-right-radius:0;
	background:#49b8c9;
	background:-moz-linear-gradient(-45deg, #7cccd7 0%, #49b8c9 100%);
	background:-webkit-linear-gradient(-45deg, #7cccd7 0%,#49b8c9 100%);
	background:linear-gradient(135deg, #7cccd7 0%,#49b8c9 100%);
	text-align:center;
	position:relative;
}

.top-main .nav-tabs .nav-link:hover {
	background:#49b8c9;
	background:-moz-linear-gradient(-45deg, #49b8c9 0%, #49b8c9 100%);
	background:-webkit-linear-gradient(-45deg, #49b8c9 0%,#49b8c9 100%);
	background:linear-gradient(135deg, #49b8c9 0%,#49b8c9 100%);
}

.top-main .nav-tabs .nav-link img {
     -webkit-filter:brightness(0%) invert(1);
     -moz-filter:brightness(0%) invert(1);
     -o-filter:brightness(0%) invert(1);
     -ms-filter:brightness(0%) invert(1);
     filter:brightness(0%) invert(1);
}

.top-main .nav-tabs .active img {filter:none !important;}

.top-main .nav-tabs .nav-link::after {position:absolute; content:""; background:url("../images/common/ico_arrow_rightbottom.svg") no-repeat; width:12px; height:12px; bottom:5px; right:5px;}

.top-main .nav-tabs .nav-link.disabled {
  color:#6c757d;
  background-color:transparent;
  border-color:transparent;
}

.top-main .nav-tabs .nav-link.active,
.top-main .nav-tabs .nav-item.show .nav-link {
  color:#495057;
  background:#ffffff !important;
}

.top-main .tab-content {
	background:#FFFFFF; height:100%;
	box-shadow:3px 4px 3px -3px rgba(0,0,0,0.2);
	-webkit-box-shadow:3px 4px 3px -3px rgba(0,0,0,0.2);
	-moz-box-shadow:3px 4px 3px -3px rgba(0,0,0,0.2);
}
.top-main .tab-pane {padding:1.8em 2em 1.5em 1.5em;}

.tab-content > .tab-pane {
  display:none;
}

.tab-content > .active {
  display:block;
}

.top_main_search_area_btn {text-align: center; margin-top:0.7em; padding-top:0.7em; border-top:2px dotted #d7e0e2;}
.top_main_search_area_btn a {
	display: block;
	padding:0.5em 2em 0.4em 0.8em;
    color: #ffffff;
    border-radius: 0.3em;
    background: #4dbaca;
	letter-spacing: 0.05em;
	position: relative;
}
.top_main_search_area_btn a:hover {text-decoration: none; background:#7ad2df;}

.top_main_search_area_btn a::after {
    content: "";
    position: absolute;
    right: 0.4em;
    width: 12px;
    height: 12px;
    background: url(../images/common/ico_arrow_right_w.svg) no-repeat;
    background-size: contain;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
}


@media(max-width:992px){
	.top-main .tab-pane {padding:1em 1.2em 1em;}
}



/*** SP TOP：modal ***/
.modal-bg-none .modal-content {background: none; height: 100%; border:0; border-radius:0; max-width:55%; margin: 0 auto;}

.modal-fit {}
.modal-fit .modal-dialog {height:100%; margin:0; position: relative;}
.modal-fit .modal-content {border:0; border-radius:0; height:100%; position:relative; overflow-y: initial !important;}
.modal-fit .modal-header {background:#6DC6D3; border-bottom:0; padding:0.5em 1em 0.3em; border-radius:0; position:relative;}
.modal-fit .modal-header * {color:#ffffff;}
.modal-fit .modal-header .modal-title {font-size:1.1em; letter-spacing:0.05em; font-weight:normal; display:block; width:100%; text-align:center;}
.modal-fit .modal-header .close {position:absolute; right:0; margin:auto; top:0; bottom:0; display:block; padding:0 0.3em;}
.modal-fit .modal-header .back {left:0; right:auto;}

.modal-fit .modal-footer {background:rgba(50,50,50,0.7); border-top:0; position:absolute; width:100%; left:0; bottom:0; z-index: 3000;}
.modal-fit .modal-footer .row {margin:0; width:100%;}
.modal-fit .modal-footer button {margin-top:0;}

.modal-fit .modal-body {height: calc(100vh - 160px); overflow-y:auto; padding-bottom:5.5em !important;}
.modal-fit .modal-body .modal_list_toggle li button {display:block; padding:0.5em 1em; position:relative; background:none; border:0; border-bottom:1px solid #bbb; width:100%; text-align:left;}
.modal-fit .modal-body .modal_list_toggle li button::after {content:""; width:10px; height:10px; background:url("../images/common/ico_arrow_bottom-s_g.svg") no-repeat center center; background-size: contain; position:absolute; right:0.5em; display:block; top:0; bottom:0; margin: auto;}
.modal-fit .modal-body .modal_list_toggle li li {border-bottom:1px solid #bbb; padding-left: 0.5em; background: #F9F9F9;}
.modal-fit .modal-body .modal_list_toggle li li label {padding: 0.3em 0 0.2em 2em; margin-bottom: 0; width: 100%;}
.modal-fit .search_modal_box {padding-top: 0;}
.modal-fit .search_modal_box .search_shosai_title {border-bottom:1px solid #bbb; margin-bottom: 0 !important; padding: 0.3em 0.8em; position: relative;}


.modal-fit .search_modal_box li {border-bottom:1px solid #bbb; padding:0 0 0 0.5em;}
.modal-fit .search_modal_box li:nth-of-type(1n) {border-right:1px solid #bbb;}
.modal-fit .search_modal_box li label {vertical-align: middle; padding-top: 0.7em; padding-bottom: 0.7em;}

#SearchModal-sp-shousai .modal-body .search_modal_box .search_shosai_title {border-bottom:0 !important; padding-left: 0;}
#SearchModal-sp-shousai .modal-body .search_modal_box {padding-top:0.8em;}

@media(max-width:767px){
	.modal-fit .search_modal_box .search_shosai_title {border-bottom:0; padding-top: .6em;}
}




/*** SP 現在地から探す：切り替えUI ***/
.modal-fit .search_modal_box .search_shosai_title .search_kirikae_shosai {position: absolute; right: .3em; top:.7em; font-size: .8em; font-weight: normal;}
.modal-fit .search_modal_box .search_shosai_title .search_kirikae_shosai .checks:after, .radios:after {border:2px solid #5DC0CF;}

.search_kirikae_area {display:flex; margin:0 -1%; padding-top:1em;}
.search_kirikae_area label {margin:1%; border-radius: .3em; border: 2px solid #6dc6d3; width: 50%; padding: 7px 3px 5px 30px; font-size: .9em;}

@media(max-width:320px){
	.search_kirikae_area label {font-size:.8em;}
}