/* ========= 運営管理画面 ========= */

/* == common == */
p.error{
    color:#b22222;
    margin-bottom:10px;
}

.admin{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

.admin h2{
    text-align:center;
    font-family: "Noto Sans JP";
}

/* == header == */
.admin_ttl_conteiner{
    width:100%;
    border-bottom:8px solid #505050;
	position: fixed;
	top: 0;
	z-index: 10000;
	background: #fff;
}

.admin_ttl_conteiner .inner{
    width:1100px;/* 管理画面PC幅1100固定でお願いします */
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin:0 auto 6px;
}	
.admin_ttl_conteiner h1{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.admin_ttl_conteiner h1:hover{
    opacity: 0.5;
	transition: 0.5s;
}
.admin_ttl_conteiner h1 .logo{
    margin-right: 10px;
}
.admin_ttl_conteiner h1 span img{
    display:inline;
    vertical-align: middle;
}

.admin_ttl_conteiner h1 span.text{
    font-family: "Noto Sans JP";
    font-size:16px;
    font-weight:500;
    vertical-align: middle;
}
.admin_ttl_conteiner .info{
	position: fixed;
    top: 3px;
    right: 80px;
}

/* == login == */
/* colorは適当なので勝手に変更してください#25c37a */

#login{
    background-color: #f4f4f4;
}

#login h1{
    margin: 120px auto 10px;
    text-align: center;
    color: #25c37a;
    font-family: "Noto Sans JP";
    font-size:26px;
}

#login h1 span img{
    width:auto;
    vertical-align: middle;
}

#login .conteiner{
    width: 383px;
    padding:20px;
    background-color: #fff;
    border: 1px solid #ccc;
    margin: 0 auto;
}

#login form{
    text-align: center;
}

#login .box {
    margin: 0 auto 10px;
}

#login .box .ttl p {
    color: #25c37a;
    text-align: left;
    margin-bottom: 10px;
}

#login .box .ttl p:before {
    content: "";
    display: inline-block;
    background-color: #25c37a;
    height: 22px;
    width: 4px;
    margin-right: 10px;
    vertical-align: middle;
}

#login .box input[type="text"], #login .box input[type="password"] {
    width: 100%;
    background-color: #fff !important;
    background-position: 97.5% center;
    background-repeat: no-repeat;
    -webkit-appearance: none;
    appearance: none;
    box-shadow: none;
    border: 1px solid #dddddd;
    padding: 10px 11px !important;
    font-size: 14px;
    outline: none;
    margin: 4px 0 12px;
    height: 41px;
    box-sizing: border-box;
}

#login input[type="submit"].login_btn {
    width: 220px;
    color: #FFF;
    background-color: #25c37a;
    cursor: pointer;
    margin: 20px 0 6px 0;
    padding: 16px 0;
}

#login .reminder_btn{
    text-align: center;
    font-size:12px;
}

/* == 共通 == */
.pc {
 display:block!important;
}
.sp {
 display:none!important;
}
@media screen and (max-width: 750px) {
.pc {
 display:none!important;
}
.sp {
 display:block!important;
}
}
@media screen and (min-width: 750px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}
@media screen and (max-width: 750px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}
img{
	width:100%;
	height:auto;
}
a:hover {
	opacity: 0.5;
	transition: 0.5s;
	cursor: pointer;
}
.wrapper {
	margin:0 auto;
    width: 1100px;
}

.wrapper.bid_list {
	width:1200px;
}

.wrapper .req_houjin{
	color:#eb0606;
	font-size:12px;
	display: none;
}
.wrapper_ch {
	margin:0 auto;
    width: 1060px;
}
.admin .kanri_tit{
	margin: 80px 0 25px;
}
.fl_r{
	float:right;
}
.fl_l{
	float:left;
}
.fl_overflow{
	overflow:hidden;
}
.flx{
	display: flex;
}
.flxy{
	display: flex;
}
.flx_bet{
	display: flex;
    justify-content: space-between;
}
.flx_base{
	align-items:baseline;
}
.flx_cent{
	align-items:center;
}
.flx_top{
	align-items:top;
}
.disp_blk{
	display:block;
}
.cursor{
	cursor: pointer;
}
.cursor:hover{
	opacity: 0.5 ;
	transition: 0.5s ;
}
.mg_right_auto{
	margin-right: auto;
}
.mg_right_3{
	margin-right: 3px;
}
.mg_right_5{
	margin-right: 5px!important;
}
.mg_right_7{
	margin-right: 7px;
}
.mg_right_10{
	margin-right: 10px;
}
.mg_right_25{
	margin-right: 25px!important;
}
.mg_right_100{
	margin-right: 100px;
}
.mg-left_0{
	margin-left: 0!important;
}
.mg-left_4{
	margin-left: 4px!important;
}
.mg-left_5{
	margin-left: 5px;
}
.mg-left_10{
	margin-left: 10px;
}
.mg_left_20{
	margin-left: 20px;
}
.mg_left_25{
	margin-left: 25px!important;
}
.mg_left_40{
	margin-left: 40px!important;
}
.mg_top_0{
	margin-top: 0;
}
.mg_top_5{
	margin-top: 5px;
}
.mg_top_6{
	margin-top: 6px;
}
.mg_top_10{
	margin-top: 10px;
}
.mg_top_30{
	margin-top: 30px!important;
}
.mg_top_40{
	margin-top: 40px!important;
}
.mg_top_70{
	margin-top: 70px;
}
.mg_top_80{
	margin-top: 80px;
}
.mg_bottom_10{
	margin-bottom: 10px;
}
.mg_bottom_40{
	margin-bottom: 40px;
}
.mg_bottom_60{
	margin-bottom: 60px;
}
.mg_bottom_70{
	margin-bottom: 70px;
}
.mg_bottom_80{
	margin-bottom: 80px;
}
.mg_bottom_90{
	margin-bottom: 90px!important;
}
.mg_bottom_100{
	margin-bottom: 100px;
}
.mg_bottom_200{
	margin-bottom: 100px;
}
.mg_bottom_270{
	margin-bottom: 270px;
}
.pd_top_0{
	padding-top: 0!important;
}
.pd_top_20{
	padding-top: 20px!important;
}
.pd_top_30{
	padding-top: 30px!important;
}
.pd_top_40{
	padding-top: 40px!important;
}
.pd_top_50{
	padding-top: 50px!important;
}
.pd_top_70{
	padding-top: 70px;
}
.pd_top_80{
	padding-top: 80px;
}
.pd_top_100{
	padding-top: 100px;
}

/*↓mg_bottom_10とかぶり？*/
.pd_bottom_10{
	margin-bottom: 10px;
}
.pd_bottom_40{
	padding-bottom: 40px;
}
.pd_bottom_60{
	padding-bottom: 60px;
}
.pd_bottom_70{
	padding-bottom: 70px;
}
.pd_bottom_80{
	padding-bottom: 80px;
}
.pd_bottom_100{
	padding-bottom: 100px;
}

.fonbd{
	font-weight: 900;
}
.bder_btm{
	border-bottom:1px solid #aaaaaa!important;
}
.bder_top_4{
	border-top: 4px solid #00b55e;
}

.rad_lr_top{
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.rad_lr_btm{
	border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

input[type="number"]::-webkit-outer-spin-button, 
input[type="number"]::-webkit-inner-spin-button { 
  -webkit-appearance: none; 
  margin: 0; 
} 

/*パンくず*/
.pankuzu_bottom{
	border-bottom: 1px solid #000000;
}

/*検索、会員数、エクスポート1列 search_member_inner.php*/
.admin .search_member_inner{
	width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
    margin:0 auto 30px;
}

.admin .search_member_inner_2{
	width:100%;
    display:flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: center;
	margin: 20px auto 20px;
}

.admin .search_member_inner_2 .price{
    font-size: 30px;
}

.admin .search_member_inner_formbox{
    display:flex;
    flex-wrap:wrap;
}

.admin .search_box{
	display:flex;
	align-items: center;
}
.admin .search_box a{
	background: #505050;
	color: #fff;
	margin-left: 10px;
	padding: 7px 15px 5px;
	display: block;
}

.admin .pdf_export{
	display: flex;
    align-items: center;
    position: relative;
}

.admin .member_box{
	display:flex;
	align-items: center;
}
.admin .member_box p:first-of-type,.admin .member_box p:nth-of-type(2){
	margin-right:5px;
}
.admin .data_export{
	background: #505050;
	color: #fff;
	padding: 5px 45px 4px 15px;
	margin: 0 0 0 10px;
	position: relative;
}
.admin .search_member_inner_btn{
	width: 60px!important;
	padding: 7px 15px 5px;
}
.admin .search_member_inner_btn:hover,.admin .search_new_member_inner_btn:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.admin .search_new_member_inner_btn{
	width: 94px!important;
}
.admin .search_member_inner form{
	display: flex;
    align-items: center;
	position: relative;
}
.admin .sign_now_page{
	border:1px solid #000;
	padding: 3px 12px;
	margin: 0 5px 0 0;
	display: block;
}
.admin .sign_nextpage{
	border:1px solid #000;
	padding: 3px 6px;
    margin: 0 5px;
	display: block;
}
.admin .sign_lastpage{
	border:1px solid #000;
	padding: 3px 6px;
	display: block;
}
.admin .number_people{
	margin-right: 5px;
}
.admin .search_member_inner select{
	cursor:pointer;
}
/*ダウンロードアイコン　Google Material Icons*/
.shape159{margin-left: 10px;display:inline-block!important;position:absolute;width:18px;height:18px;background:rgba(0,0,0,0);border:none;border-bottom:calc(18px/8) solid #FFFFFF;box-sizing:content-box;top: 4px;right: 16px;}
.shape159:before{position:absolute;content:'';margin:auto;top:0;bottom:calc(-1*18px/3);left:0;right:0;width:0;height:0;border-top:calc(18px/3) solid #FFFFFF;border-left:calc(18px/3) solid transparent;border-right:calc(18px/3) solid transparent}
.shape159:after{position:absolute;content:'';margin:auto;top:0;bottom:calc(18px/6);left:0;right:0;width:calc(18px/3);height:calc(18px/3);background-color:#FFFFFF}

.download_icon{
	padding: 5px 210px 4px 20px!important;
    width: 0!important;
	border-radius: 0!important;
}
.download_icon:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.hov:hover{
	opacity: 0.5;
	transition: 0.5s;
	cursor: pointer;
}
/*.conf_btm:hover{
	opacity: 0.5;
	transition: 0.5s;
}*/
.fav:hover,
.fav_after:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.contact:hover,
.contact_middle:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.detail:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.return:hover{
	opacity: 0.5;
	transition: 0.5s;
}
.csvdl:hover{
	opacity: 0.5;
	transition: 0.5s;
}

/*　ハンバーガーボタン　*/
nav{
	display: block;
}
#hamburger_area {
    display: block;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 999999;
    cursor: pointer;
}
#hamburger {
    position: relative;
    width: 60px;
    height: 56px;
}
#hamburger, #hamburger span.hbg {
    background-color: #505050;
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
}
#hamburger span.hbg {
    position: absolute;
    left: 9px;
    width: 70%;
    height: 4px;
    background-color: #fff;
    border-radius: 4px;
}
#hamburger span.hbg:nth-of-type(1) {
    top: 10px;
}
#hamburger span.hbg:nth-of-type(2) {
    top: 20px;
}
#hamburger span.hbg:nth-of-type(3) {
    top: 30px;
}
#hamburger.active span.hbg:nth-of-type(1) {
    -webkit-transform: translateY(10px) rotate(-315deg);
    transform: translateY(10px) rotate(-315deg);
    top: 15px;
}
#hamburger.active span.hbg:nth-of-type(2) {
    opacity: 0;
}
#hamburger.active span.hbg:nth-of-type(3) {
    -webkit-transform: translateY(-10px) rotate(315deg);
    transform: translateY(-10px) rotate(315deg);
    top: 35px;
}
#hamburger.active span.hbm {
    opacity: 0;
}
#hamburger span.hbm {
    position: absolute;
    bottom: 6px;
    left: 0;
    width: 100%;
    color: #fff;
    text-align: center;
    font-size: 12px;
    line-height: 1;
}
#menu_area {
    background-color: #fff;
    overflow: hidden;
    display: none;
    position: fixed;
    top: 62px;
    right: 0;
    z-index: 999999;
}
#menu_area_overflow {
    overflow: auto;
    border-top: 1px solid #ddd;
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}
#menu_area_overflow li:hover{
	opacity: 0.5 ;
	transition: 0.5s ;
}
#menu_area ul li {
    border-bottom: solid 1px #ddd;
    padding: 5px 80px 5px 10px;
    font-size: 16px;
    background-repeat: no-repeat;
    background-position: 97% center;
}

/* == table 共通 == */
/*.table_box{
	width: 2000px;
}*/
.admin table{
    width:100%;
	overflow-x: scroll;
	white-space: nowrap;
}
.admin .cell_2_line{
	white-space: normal;
	width: 105px;
}
.admin .cell_2_line_2{
	white-space: normal;
	width:113px;
}
.admin .taBle_fix{
	table-layout:fixed;
}
.admin .taBle_fix td{
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}

.admin .TaBle_Tit{
	text-align:center;
	border: 1px solid #595959;
	border-collapse: collapse;
	background: #D1D1D1;
}
.admin .TaBle_Tit_1{
	width:105px;
	display: block;
	border: 0;
	text-align:center;
	border-collapse: collapse;
	background: #D1D1D1;
}
.admin .TaBle_Tit_2{
	width:113px;
	display: block;
	border: 0;
	text-align:center;
	border-collapse: collapse;
	background: #D1D1D1;
}
.admin .TaBle_Tit_3{
	width:113px;
	text-align:center;
	border-collapse: collapse;
	background: #D1D1D1;
}
.admin table,.admin td,.admin th {
	border: 1px solid #595959;
	border-collapse: collapse;
}
.admin td,.admin th {
	padding: 3px;
}
/*.admin .TaBle_Tit {
	background: #D1D1D1;
}*/
.admin .TaBle_judge_yuko{
	text-align: center;
	background: #ff5050;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_muko{
	text-align: center;
	background: #2d70f3;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_sale{
	text-align: center;
	background: #2d70f3;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_negotiation{
	text-align: center;
	background: #000;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_sold{
	text-align: center;
	/*background: #7ba361;*/
	background: #ff5050;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_success{
	text-align: center;
	background: #f36f0e;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_faild{
	text-align: center;
	background: #000;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_judge_hikoukai{
	text-align: center;
	background: #7d7d7d;
	color: #fff;
	padding:2px 15px;
	margin: 5px;
}
.admin .TaBle_wid_1{
	width:160px;
	overflow: hidden;
}
.admin .TaBle_wid_2{
	width:160px;
	overflow: hidden;
}
.admin .TaBle_wid_3{
	width:376px;
	overflow: hidden;
}
.admin .TaBle_wid_4{
	width:376px;
	overflow: hidden;
}
.admin .TaBle_txt_limit_1{
	width:160px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin .TaBle_txt_limit_2{
	width:376px;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.admin .pointer{
	cursor:pointer;
}
.admin .pointer:hover{
	opacity: 0.5;
	transition: 0.5s;
}
/* テーブル上下にあるスクロールバーのスタイル */
.scrollbar {
  width: 100%;
  height: 10px;
  overflow-x: scroll;
  /*overflow-y: hidden;*/
}

.scrollbar .inner_kaiin {
	width: 9303px;/* 会員一覧	のテーブル(table_box)のwidthに合わせる */
	height: 1px;
  }

.scrollbar .inner_hanbai {
  width: 12303px;/* 販売店一覧	のテーブル(table_box)のwidthに合わせる */
  height: 1px;
}
.scrollbox {
  width: 100%;
  margin-top: 5px;
  overflow-x: scroll;
  overflow-y: hidden;
}
.scrollbox .inner {
  width: 500px;
  height: 200px;
  margin-bottom: 5px;
  background-color: #F9F8F6;
}
.scrollbar::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar {
  height: 10px;
}
.scrollbar::-webkit-scrollbar-track,
.scrollbox::-webkit-scrollbar-track {
  border-radius: 5px;
}
.scrollbar::-webkit-scrollbar-thumb,
.scrollbox::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: #e7e7e7;
}

/* == 入力エディタ  テキストエディタ「Quilljs」== */
.ql-toolbar {
  width: 790px;
}
#quill-editor_1 {
  width: 790px;
  margin-left: 210px;
  height: auto;
  min-height: 200px;
}

/* == 入力見出し == */
.admin .input_tit{
	background: #505050;
	color: #fff;
	border-radius: 5px;
	padding:5px 15px;
	margin-top: 25px;
	font-weight: 100;
}
.admin .input_tit_2{
	background: #c2c2c2;
	color: #000;
	border-radius: 5px;
	padding:3px 15px;
	margin-top: 25px;
	font-weight: 100;
}

/* == 入力フォーム 共通  == */
input{
	/*border-radius: 5px;*/
	border:1px solid #A09F9F;
	padding:5px 5px 5px 10px;
}
.input_box_txt{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	margin: 10px 0;
}
.upset_box{
	display:none;
}
.input_box_txt2{
	display:flex;
	flex-wrap: wrap;
	align-items: center;
	margin:0 0 6px 0;
}
.req_admin{
	font-size:16px;
	margin-bottom:20px;
	color:#eb0606;
}

.req_admin_houjin{
	font-size:16px;
	margin-bottom:20px;
	color:#eb0606;
	display: none;
}

.input_box_txt_2{
	display:flex;
	flex-wrap: wrap;
	margin: 10px 0;
	justify-content: space-between;
}
.input_box_line{
	width:790px;
}
.input_box_file{
	width: 790px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.input_box_file.jiko_files{
	border: 1px solid #ccc;
    padding: 20px;
    width: 100%;
    justify-content: space-around;
}

.input_box_file.jiko_files .jiko_box{
	text-align: center;
    border: 1px solid #ccc;
    padding: 10px;
}

.input_box_ch{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.input_box_chh{
	display: flex;
    justify-content: left;
	width: 300px;
}
.input_box_ch_txt{
	margin-bottom: 10px;
}
.wid_tit_1{
	width:40px;
	margin-left: 10px;
}
.wid_tit_2{
	width:40px;
	margin-left: 10px;
}
/*.wid_tit_3{
	width: 55px;
    margin-left: 10px;
}*/
.wid_tit_4{
	width: 67px;
}
.wid_txt_1{
	width: 350px;
}
.wid_txt_2{
	width: 790px;
	overflow-wrap: break-word;
}
.wid_txt_3{
	width: 80px;
}
.wid_txt_4{
	width: 55px;
}
.mg_center{
	margin: 5px;
}
.bord_radi_5{
	border-radius: 5px
}
.input_ch_tit{
	width: 200px;
}
.input_box_multi{
	width: 500px;
}

.input_box_multi label{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

.input_box_multi input:first-child{
	margin-bottom:12px;
}

.file_up_space{
	border: 2px dashed #494949;
    padding: 50px 0;
    width: 790px;
    text-align: center;
}
.sinhan_a{
	display:none;
}

.sinhan_n{
	display:none;
}

/* == ボタン 共通  == */
.btn_box_2col{
    display: flex;
    justify-content: center;
    text-align: center;
    margin-top: 60px;
    width: 940px;
    flex-wrap: wrap;
}
.submit_btn{
	width: 300px!important;
    background: #505050!important;
    color: #fff!important;
    height: 50px!important;
    padding: 0!important;
	margin: 0 8px;
}
.submit_btn:last-child{
    background: #ff5050!important;
}
.submit_btn_pink{
	width: 300px!important;
    background: #ff5050!important;
    color: #fff!important;
    height: 50px!important;
    padding: 0!important;
	margin: 0 8px;
}
.submit_btn:hover{
	opacity: 0.5;
	transition: 0.5s;
}

/*　トグル、cssのみで構築　*/
#toggle_1,#toggle_2,#toggle_3,#toggle_4,#toggle_5{
    display: none;
}
.toggle_inner_1,.toggle_inner_2,.toggle_inner_3,.toggle_inner_4,.toggle_inner_5{
    display: none;
}
#toggle_1:checked ~ .toggle_inner_1,#toggle_2:checked ~ .toggle_inner_2,#toggle_3:checked ~ .toggle_inner_3,#toggle_4:checked ~ .toggle_inner_4,#toggle_5:checked ~ .toggle_inner_5{
    display: block;
}

/* == 70_会員詳細 member_details.php== */
.mg_center_right_70{
	margin: 0 98px 0 5px;
}
.compLetion{
	text-align: center;
    margin: 50px 0;
}
.bacK_Page{
	width: 300px;
    background: #505050;
    color: #fff;
    display: block;
    text-align: center;
    padding: 10px 0;
    margin: 0 auto;
}

.bacK_Page_form {
    width: 300px;
    background: #505050;
    color: #fff;
    display: block;
    text-align: center;
    padding: 13px 0;
    margin: 0px 8px 20px;
    /* margin-bottom: 20px; */
}


/* == 73_販売店詳細 trader_list_details.php== */
.wid_file_73{
	width: 370px;
}
.file_img{
	width: 100px;
	height: auto;
}

.file_icon{
	width: 100px;
	height: auto;
}

/* ========= フロントページ ========= */
/*デザイン限定共通*/
.fon{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
.wrappper {
	margin:0 auto;
    width: 1200px;
}
.wrappper_ch {
	margin:0 auto;
    width: 940px;
}

@media screen and (max-width: 750px) {
	.wrappper{
		width:100%;
		padding:0 3.5%;
	}
	.wrAp{
		margin-top: 310px;
	}
	.wrappper_ch{
		width:100%;
	}
	.wrappper_sp{
		width:100%;
		padding: 0 25px;
	}
	.wrappper_spp{
		text-align: center;
	}
	footer .wrappper_sp{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		padding-top: 40px;
	}
	.mg-top3pa{
		margin-top:3%; 	
	}
	.mg-top12pa{
		margin-top:12%; 	
	}
	.mg-bottom10pa{
		margin-bottom: 10%;
	}
	.mg-bottom12pa{
		margin-bottom: 12%;
	}
	.pd-top12pa{
		padding-top: 12%;	
	}
	.pd-bottom12pa{
		padding-bottom: 12%;
	}

}

.bg_mv{
	background: url('../images/bg_mv.png');
	background-size: cover;
	background-position: center;
}

@media screen and (max-width: 750px) {
	.bg_mv{
		background-position: 37% 0;
	}
}

.bg_1{
	background: url('../images/bg_green.png');
}
.bg_2{
	background:#ffffd9;
}

/*header*/
header{
	width:100%;
	background-color:#fff;
	position:fixed;
	top:0;
	left:0;
	z-index:99999;
	box-shadow: 0px 10px 10px -5px rgb(0 0 0 / 20%);
}
header .inner{
	width:1000px;
	margin:0 auto;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 750px) {
	header .inner{
		width:100%;
		padding:0 10px;
	}
}
header .inner h1{
	font-size:13px;
	font-weight:normal;
	font-family: 'Noto Sans JP';
}
header .inner .catch{
	margin-bottom:4px;
}
header .inner .logo{
	max-width:232px;
}
header .inner .info{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 750px) {
	header .inner .info{
		display:none;
	}
}

header .inner .info .fav{
	position:relative;
}
header .inner .info .count{
	width:14px;
	font-size:10px;
	position:absolute;
	top:26%;
	right:2px;
	background-color:#fff;
	border-radius:20px;
	text-align:center;
	line-height: 1.5;
}
header .sp_info{
	display:none;
}

@media screen and (max-width: 750px) {
	header .sp_info{
		display:flex;
		flex-wrap:wrap;
		align-items: center;
		justify-content: space-between;
	}
	header .sp_info .t_mypage a{
		background: #00b55e;
		color: #fff;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header .sp_info .t_logout a{
		background: #e9e9e9;
		color: #aaaaaa;
		height: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	header .sp_info .t_mypage,header .sp_info .t_logout{
		width:50%;
	}
	header .sp_info div{
		width:33%;
	}
	
	header .sp_info div img{
		vertical-align: bottom;
	}
	header .sp_info div.fav{
		position:relative;
	}
	header .sp_info .count{
		width:14px;
		font-size:10px;
		position:absolute;
		top:33%;
		right:10%;
		background-color:#fff;
		border-radius:20px;
		text-align:center;
	}
	
	/*外部LP*/
	#main .sub_menu{
		padding-top: 0;
	}
	
}

header .inner .info div{
	margin-right:8px;
}
header .inner .info div:last-child{
	margin-right:0;
}

/* front-header ハンバーガーメニュー */

.hamburger {
	display:none;
}
nav.globalMenuSp {
	display:none;
}

@media screen and (max-width: 750px) {
	.hamburger {
		display : block;
		position: fixed;
		z-index : 3;
		right : 13px;
		top   : 12px;
		width : 42px;
		height: 42px;
		cursor: pointer;
		text-align: center;
	}
	.hamburger span {
		display : block;
		position: absolute;
		width   : 30px;
		height  : 4px ;
		left    : 6px;
		background : #00b55e;
		border-radius: 10px;
		-webkit-transition: 0.3s ease-in-out;
		-moz-transition   : 0.3s ease-in-out;
		transition        : 0.3s ease-in-out;
	}
	.hamburger span:nth-child(1) {
		top: 10px;
	}
	.hamburger span:nth-child(2) {
		top: 20px;
	}
	.hamburger span:nth-child(3) {
		top: 30px;
	}

	/* ナビ開いてる時のボタン */
	.hamburger.active span:nth-child(1) {
		top : 16px;
		left: 6px;
		-webkit-transform: rotate(-45deg);
		-moz-transform   : rotate(-45deg);
		transform        : rotate(-45deg);
	}

	.hamburger.active span:nth-child(2),
	.hamburger.active span:nth-child(3) {
		top: 16px;
		-webkit-transform: rotate(45deg);
		-moz-transform   : rotate(45deg);
		transform        : rotate(45deg);
	}

	nav.globalMenuSp {
		position:relative;
		display:none;
		top  : 0;
		left : 0;
		color: #000;
		background: #fff;
		transition: all 0.6s;
		width: 100%;
	}

	nav.globalMenuSp ul {
		background: #ffffd9;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	nav.globalMenuSp ul li {
		list-style-type: none;
		padding: 0 10px;
		width: 100%;
		border-bottom: 1px solid #ebebc2;
	}
	nav.globalMenuSp ul li:last-child {
		padding-bottom: 0;
		border-bottom: none;
	}

	nav.globalMenuSp ul li a {
		display:block;
		color: #000;
		padding: 1em 0;
		text-decoration :none;
	}

	nav.globalMenuSp ul li a .menu_inner{
		position:relative;
		display:flex;
		flex-wrap:wrap;
		align-items: center;
	}

	nav.globalMenuSp ul li a .menu_inner:after{
		position:absolute;
		right:20px;
		content:"";
		display: inline-block;
		width: 13px;
		height: 21px;
		background-image: url(../images/sp/menu_arrow.png);
		background-size: contain;
		vertical-align: middle;
	}
	nav.globalMenuSp ul li a span:first-child{
		margin-right:20px;
	}        
	nav.globalMenuSp ul li a span img{
		max-width:39px;
	}
	nav.globalMenuSp.active {
		display:block;
	}
}


/*サブページ用ナビ*/
.sub_menu{
    padding-top:20px;
}
@media screen and (max-width: 750px) {
    .sub_menu{
        width:100%;
        padding-top:60px;
    }
}
.sub_menu nav{
    padding-bottom:20px;
}

@media screen and (max-width: 750px) {
    .sub_menu nav{
        display:none;
    }
}

.sub_menu nav ul {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.sub_menu a:first-of-type {
    display: block;
    text-align: center;
}
.sub_menu .MaiNnav_1, .sub_menu .MaiNnav_2, .sub_menu .MaiNnav_3, .sub_menu .MaiNnav_4, .sub_menu .MaiNnav_5 {
    color: #fff;
    width: calc(100%/6);
    text-align: center;
    border-right: 1px solid #fff;
}
.sub_menu .MaiNnav_6 {
    color: #fff;
    width: calc(100%/6);
    text-align: center;
}
.sub_menu nav ul li img {
    margin: 0 auto;
    display: block;
}
.sub_menu .mainnav_1 {
    width: 39px;
}
.sub_menu .mainnav_2 {
    width: 37px;
}
.sub_menu .mainnav_3 {
    width: 54px;
}
.sub_menu .mainnav_4 {
    width: 59px;
}
.sub_menu .mainnav_5 {
    width: 36px;
}
.sub_menu .mainnav_6 {
    width: 51px;
}

.sub_menu h2{
    color:#fff;
    text-align:center;
    font-size:44px;
	padding: 20px 0 60px;
    letter-spacing: 3px;
}
@media screen and (max-width: 750px) {
    .sub_menu h2{
        padding-bottom:80px;
		font-size:calc(2.7rem + ((1vw - 7.5px) * 2.6667));
    }
}

.sub_wrapper{
    background-color:#ffffd9;
}

.sub_wrapper .inner{
    /*width:1000px;*/
	width:1060px;
    margin:0 auto;
    padding:50px 0 30px;
}

.sub_wrapper .inner_2{
    width:1000px;
    margin:0 auto;
    padding:80px 0 30px;
}

@media screen and (max-width: 750px) {
    .sub_wrapper .inner{
        width:100%;
        padding:0
    }
	.sub_wrapper .inner_2{
		width:100%;
		padding:80px 0 30px;
	}
}

/* form共通 */
select{
	/*border-radius: 5px;*/
	border: 1px solid #A09F9F;
	padding: 4px 0;
}

form input[type="text"],
form input[type="number"],
form input[type="password"]{
    padding:5px 5px 5px 10px;
    box-sizing: border-box;
	background: #ffffff;
}

textarea{
    width:100%;
}

form input::placeholder{
    color:#bdbdbd;
}

.thanks_box{
    margin-bottom:20px;
}

form .box{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items:center;

	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	form .box{
		margin-bottom:10px;
		display:block;
	}
}

form .box input{
	width:100%;
}

form .box input[type="radio"]{
    width:auto;
}

form .box input[type="checkbox"] {
	width:auto;
}

form .box .ttl{
	font-weight: bold;
	line-height: 2;
}

form .box .ttl_toiawase{
	font-weight: bold;
	line-height: 2;
	padding-bottom: 225px;
}

form .box .inp{
	width:70%;
}
@media screen and (max-width: 750px) {
	form .box .inp{
		width:100%;
	}
	form .box .zip{
		width:70%;
	}

	form .box .ttl_toiawase{
		font-weight: bold;
		line-height: 2;
		padding-bottom: 0;
	}

}
form.conf .box .ttl{
	width:40%;
}

form.conf .box .inp{
	width:60%;
}

form .box .inp.name,
form .box .inp.zip,
form .box .inp.tel{
	display:flex;
	flex-wrap:wrap;
	align-items:center;
}
form .box .inp.name{
	justify-content: space-between;
}
@media screen and (max-width: 750px) {
	form .box .inp.name{
		display: block;
	}
}
@media screen and (max-width: 750px) {
	form .box .inp.name,
	form .box .inp.zip,
	form .box .inp.tel{
		justify-content: space-between;
	}
}

form .box .inp.name input,
form .box .inp.zip input,
form .box .inp.tel input{
	display:inline-block;
}

form .box .inp.name input{
	width:85%;
}

@media screen and (max-width: 750px) {
	form .box .inp.name input{
		width:100%;
	}
}
form .box .inp.name div{
	width:49%;
	display: flex;
    justify-content: space-between;
    align-items: center;
}
@media screen and (max-width: 750px) {
	form .box .inp.name div{
		display: flex;
		align-items: center;
		justify-content: space-between;
		width:100%;
		margin-bottom: 5px;
	}
	form .box .surname_1 span,
	form .box .surname_2 span{
		width: 70px;
	}
}

form .box select{
	width:100%;
	background: #ffffff;
}
form .box .renkei_touroku_wid{
	width:60px;
}
form .box .inp.zip div:first-child,
form .box .inp.zip div:last-child
{
	width:100px;
	text-align:center;
}

form .box .inp.zip div:first-child{
	margin-right:10px;
}

form .box .inp.zip div:last-child{
	margin-left:10px;
}

@media screen and (max-width: 750px) {
	form .box .inp.zip div:first-child,
	form .box .inp.zip div:last-child
	{
		width:42%;
		margin:0;
	}
}

form .box .inp.tel div:first-child,
form .box .inp.tel div:nth-child(3),
form .box .inp.tel div:last-child
{
	width:80px;
	text-align:center;
}

form .box .inp.tel div:first-child{
	margin-right:10px;
}

form .box .inp.tel div:nth-child(3){
	margin:0 10px;
}

form .box .inp.tel div:last-child{
	margin-left:10px;
}

@media screen and (max-width: 750px) {
	form .box .inp.tel div:first-child,
	form .box .inp.tel div:nth-child(3),
	form .box .inp.tel div:last-child
	{
		margin:0;
		width:29%;
	}
}

form .midashi,
form .midashi2{
	width:100%;
	color:#fff;
	padding:10px;
	margin-bottom:20px;
	font-size:14px;
	border-radius:6px;
}

form .midashi{
	background-color:#00b55e;
}

form .midashi2{
	background-color:#aaaaaa;
}

form .midashi2.ac{
	position:relative;
	cursor:pointer;
}

form .midashi2.ac:after{
	content:"▼";
	position:absolute;
	top:10px;
	right:10px;
}

form .box input[type="text"].income{
	width:20%;
}
form .box input[type="text"].income_2{
	width:100%;
}

form .box .birth {
	display:flex;
	flex-wrap:wrap;
	align-items: baseline;
}
form .box .birth select[name="year"]{
	width: 20%;
	margin-right:4px;
}
form .box .birth select[name="month"]{
	width: 14%;
	margin-right:4px;
}
form .box .birth select[name="day"]{
	width: 14%;
	margin-right:4px;
}



form .ac_inner{
	display:none;
}

form .ac_inner.first,
form .ac_inner.conf{
	display:block;
}

.submit_box{
	text-align:center;
}

.submit_wrapper{
	position:relative;
	display: inline-block;
	width: auto;
}

@media screen and (max-width: 750px) {
	.submit_wrapper{
		width: 100%;
	}
}

form input[type="submit"],
form input[type="button"]{
	text-align:center;
	padding:20px 0;
	margin-bottom:20px;
}

form input[type="button"].cal{
	/*width:100%;*/
	width:auto;
	padding:10px;
	margin:1px 0 0;
	background-color:#505050;
	color:#fff;
}

.submit_wrapper:after{
	position:absolute;
	top:28%;
	right:20px;
	content:"";
	display: inline-block;
	width: 9px;
	height: 15px;
	background-image: url(../images/white_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

.submit_wrapper.bid_conf:after{
 background:none;
}


form input[type="submit"].conf,
form input[type="submit"].fix,
form input[type="button"].fix{
	border-radius:6px;
	width:280px;
}

@media screen and (max-width: 750px) {
	form input[type="submit"].conf,
	form input[type="submit"].fix,
	form input[type="button"].fix{
		width:100%;
	}
}

form input[type="submit"].conf{
	background-color:#00b55e;
	color:#fff;
	border-right:5px solid #005c30;
	border-bottom:5px solid #005c30;
	border-radius: 6px;
}

form input[type="submit"].fix,
form input[type="button"].fix{
	background-color:#f36f0e;
	color:#fff;
	border-right:5px solid #7a3604;
	border-bottom:5px solid #7a3604;
	border-radius: 6px;
}

form input[type="submit"].conf:hover,
form input[type="submit"].fix:hover,
form input[type="button"].fix:hover{
	opacity: 0.5;
    transition: 0.5s;
}

form .box.agree{
	justify-content: center;
}

form .box.agree .ttl{
	width:5%;
}
form .box.agree .inp{
	width:auto;
}

form .box.agree a{
	display:inline-block;
	border-bottom:1px solid #5eb6f3;
	padding-bottom:5px;
	color:#5eb6f3;
}

.thanks_box{
	text-align:center;
}

.form_error_text{
    font-size: 14px;
    color: #eb0606;
    margin-left: 20%;
}

.form_error_text.bid{
	width:100%;
}

.return{
	width:280px;
	margin:0 auto;
	position:relative;
	border:1px solid #00b55e;
	border-radius:6px;
	background-color:#fff;
	color:#00b55e;
	text-align:center;
}

@media screen and (max-width: 750px) {
	.return{
		width:100%;
	}
}

.return a{
	width:100%;
	display:block;
	padding:10px 0;
}

.return:before{
	position:absolute;
	top:16px;
	left:10px;
	content:"";
	display: inline-block;
	width: 9px;
	height: 15px;
	background-image: url(../images/return_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

.form_error{
	border:1px solid #eb0606;
	color:#eb0606;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	margin-bottom:12px;
}

.form_error span{
	display:inline-block;
	margin-right:10px;
	vertical-align: middle;
}

/*footer*/
/*外部LP*/
/*#main footer{
	background: #fff;
}*/
/*外部LPここまで*/

footer{
	background:#fff!important;
}

footer h3{
	margin: 0 0 25px;
	font-weight: 500;
	font-size: 16px;
}
footer ul{
	border-left: 1px solid #aaaaaa;
	padding-left: 20px;
}
footer li{
	font-size: 12px;
	font-weight: 500;
	line-height: 2.5;
}
footer .navimap_1_box{
	float:left;
	width:170px;
}
footer .navimap_2_box{
	float:left;
	width:240px;
}
footer .navimap_3_box{
	float:left;
	width:180px;
}
footer .navimap_4_box{
	float:left;
	width:255px;
}
footer .navimap_5_box{
	float:left;
	width:155px;
}
footer .navimap_6_box{
	float:right;
	width:155px;
	margin-top: 40px;
}
footer .navimap_4_box ul{
	display: flex;
    flex-wrap: wrap;
	margin-right: 10px;
}
footer .navimap_4_box li{
	margin-right: 10px;
}
footer .footer_band{
	background: #00b55e;
	color:#fff;
	line-height: 1.5;
}
footer .footer_band .wrappper{
	display: flex;
	align-items: center;
}
footer .footer_band img{
	max-width: 262px;
	margin-right: 10px;
}
footer .footer_band p{
	margin: 60px 0 0 auto;
	font-size: 11px;
	font-weight: 100;
}
footer .footer_band address span:first-of-type{
	font-family: Century Gothic;
	font-size: 32px;
	font-weight: 900;
	font-style: normal;
}
footer .footer_band address span:last-of-type{
	font-size: 12px;
	font-weight: 400;
	margin-top: -5px;
    display: block;
	font-style: normal;
}
footer .fa-phone:before {
    content: "\f095";
    font-size: 25px;
    margin: 0px 10px 0 5px;
}

@media screen and (max-width: 750px) {
	footer .navimap_1_box,footer .navimap_2_box,footer .navimap_3_box,footer .navimap_4_box,footer .navimap_5_box,footer .navimap_6_box{
		width:50%;
		margin-bottom: 50px;
	}
	footer .navimap_4_box li {
    	margin-right: 0;
		width:100%;
	}
	footer .navimap_6_box{
	    margin-top: 0;
	}
	footer .navimap_6_box ul{
		display: flex;
		flex-wrap: wrap;
	    margin-right: 0;
	}
	footer .navimap_6_box li{
		margin-right: 10px;
	}
	footer .footer_logo_1_box{
		margin-top: -1%!important;
		padding-bottom: 2%;
	}
	footer .footer_band img {
    	margin-right: 0;
	}
}

/*1 TOP index.php*/
/*PC*/
#top_area_1{
	height: 2200px;
    padding-top: 25px;
}
#top_area_1 nav ul{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
#top_area_1 .MaiNnav_1,#top_area_1 .MaiNnav_2,#top_area_1 .MaiNnav_3,#top_area_1 .MaiNnav_4,#top_area_1 .MaiNnav_5{
	color: #fff;
    width: calc(100%/6);
    text-align: center;
    border-right: 1px solid #fff;
}
#top_area_1 .MaiNnav_6{
	color: #fff;
    width: calc(100%/6);
    text-align: center;
}
#top_area_1 nav ul li img{
	margin: 0 auto;
    display: block;
}
#top_area_1 .mainnav_1{
    width: 39px;
}
#top_area_1 .mainnav_2{
    width: 37px;
}
#top_area_1 .mainnav_3{
    width: 54px;
}
#top_area_1 .mainnav_4{
    width: 59px;
}
#top_area_1 .mainnav_5{
    width: 36px;
}
#top_area_1 .mainnav_6{
    width: 51px;
}

 /* 左_大見出し */
#top_area_1 .l_box_top{
	width:580px;
	float:left;
	text-shadow:1px 0 0 #1eb9ff,0 1px 0 #1eb9ff,-1px 0 0 #1eb9ff, 0 -1px 0 #1eb9ff
}
#top_area_1 .l_box_top h2{
	font-size: 44px;
	margin: 5px 0 20px;
	letter-spacing: 2px;
}

#top_area_1 .l_box_top p:first-of-type{
	font-weight:bold;
	margin-top: 20px;
	font-size: 21px;
}
#top_area_1 .l_box_top p,#top_area_1 .l_box_top h2{
	color:#fff;	
}
#top_area_1 .l_box_top p:last-of-type{
	line-height: 1.9;
}

 /* 右_無料会員受付中 ログイン前*/
#top_area_1 .r_box_top{
	width:380px;
	float:right;
	background: #ffffd9;
	border-radius: 5px;
	padding: 10px 20px 25px 20px;
}

/*#top_area_1 a:first-of-type{
	display: block;
    text-align: center;
}*/
#top_area_1 a{
	display: block;
    text-align: center;
}
#top_area_1 .fav{
	text-align: center;
}

@media screen and (min-width: 751px) {
	#top_area_1 .r_box_top .bnr_freemember_1{
		max-width:324px;
		margin: 0 auto;
	}
}

#top_area_1 .r_box_top .bnr_freemember_2{
	margin: 10px auto 6px;
	max-width:333px;
}

#top_area_1 .log_freemember_top{
	color:#00b55e;
	border-bottom: 1px solid #00b55e;
	margin: 0 auto;
    display: block;
    width: 140px;
	font-size: 14px;
}

#top_area_1 .r_box_top ul{
	list-style:  none;          /* デフォルトのアイコンを消す */
    margin: 20px 0;                 /* デフォルト指定上書き */
    padding: 0;                 /* デフォルト指定上書き */
    counter-reset: li_count;    /* カウンタをセット */
}
#top_area_1 .r_box_top li{
    margin: 13px 0;        /* 要素と要素の間指定 */
	font-size: 16px;
}
#top_area_1 .r_box_top li:before{
	counter-increment: li_count;  /* カウンタの値を計算していく */
    content: counter(li_count); /* 数字出力 */
    color: #fff;               /* 文字色指定 */
    margin-right: 5px;            /* 余白指定 */
	background: #f36f0e;
	border-radius: 50%;
	height: 30px;
    width: 30px;
    padding: 2px 0 0 11px;
    display: inline-block;
}

/* 右_物件紹介、太陽光バナー ログイン後*/
#top_area_1 .r_box_logout_top{
	width:380px;
	float:right;
	border-radius: 5px;
	padding: 10px 20px 25px 20px;
	margin-top: 5px;
}
/*#top_area_1 a:first-of-type{
	display: block;
    text-align: center;
}*/
#top_area_1 a{
	display: block;
    text-align: center;
}
#top_area_1 .r_box_logout_top img:last-of-type{
	margin-top: 10px;
}
#top_area_1 .mv_top{
	overflow: hidden;
	width:1000px;
	margin:0 auto;
}
@media screen and (max-width: 750px) {
	#top_area_1 .mv_top{
		width:100%;
	}
}
#top_area_1 .l_box_top span:first-of-type{
	color:#fcff22;
}
#top_area_1 .l_box_top span:last-of-type{
	color:#ffa126;
}

/*pcタブ*/
.tab-container {
  list-style-type: none;
  padding: 0;
  margin: 60px auto;
  position: relative;
  background: #fff;
}

.tab-container .tab_img_top{
	width:auto;
	vertical-align: bottom;
}

.tab-container ul {
  list-style-type: none;
  padding: 0;
}

.tab-container .tab-content-container {
  width:1200px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  height: 0;
  opacity: 0;
  overflow: hidden;
  line-height: 22px;
  background: #ffffd9;
  position: absolute;
  top: 82px;
  padding: 0px 30px 40px 30px;
  border: 3px solid #00b55e;
  border-top: 0;
  box-shadow: 0 5px 5px -5px #333;
}
.tab-container .tab-content-container .tab-content {
  opacity: 0;
  padding: 40px 0 20px;
  min-height: 185px;
  transition: opacity 0.1s ease-in;
}
.tab-container .tab{
    outline: 0;
    float: left;
    cursor: pointer;
    opacity: 1;
    /*width: 15.8%;*/
	width:13.5%;
	line-height: 35px;
    display: block;
	margin: 3px 0 0 0;
    position: relative;
    background: #f4f7f9;
    color: #00b55e;
    text-align: center;
    border-top: 2px solid #00b55e;
	border-left: 2px solid #00b55e;
	border-radius: 0 10px 0 0;
	padding: 7px 0 0 10px;
    box-sizing: border-box;
    font-size: 14px;
}
.tab-container .tab_2{
    outline: 0;
    float: left;
    cursor: pointer;
    opacity: 1;
    width:13.5%;
	line-height: 35px;
    display: block;
	margin: 3px 0 0 0;
    position: relative;
    background: #f4f7f9;
    color: #00b55e;
    text-align: center;
    border-top: 2px solid #00b55e;
	border-left: 2px solid #00b55e;
	border-radius: 0 10px 0 0;
    padding: 7px 0 0 30px;
    box-sizing: border-box;
    font-size: 14px;
}

.tab-container label::after {
    content:'';
    position:absolute;
    z-index: 1;
    top: 0;
    right: -.9em;
    bottom: 0;
    width: 2em;
    background-color: #f4f7f9;
    transform: skew(14deg);
    border-radius: 0 10px 0 0;
    border-right: 3px solid;
  }

  .tab-container label:hover::after{
    background-color: #ffffd9;
  }

  .tab-container .tab-toggle.active + .tab::after, .tab-container .tab-toggle:checked + .tab::after{
    background-color: #ffffd9;
  }
  .tab-container .tab-toggle.active + .tab_2::after, .tab-container .tab-toggle:checked + .tab_2::after{
    background-color: #ffffd9;
  }

.tab-container .tab.l-b {
  border-left: 3px solid #00b55e;
}
.tab-container .tab_2.l-b {
  border-left: 2px solid #00b55e;
}

.tab-container .tab:hover {
  background: #ffffd9;
}
.tab-container .tab_2:hover {
  background: #ffffd9;
}

.tab-container .tab-toggle {
  display: none;
}


.tab-container .tab-toggle.active + .tab, .tab-container .tab-toggle:checked + .tab {
  background: #ffffd9;
  color: #00b55e;
  line-height: 40px;
  margin:-15px 0 0 0;
  padding-bottom: 8px;
  font-weight: 600;
  z-index: 1;
}
.tab-container .tab-toggle.active + .tab, .tab-container .tab-toggle:checked + .tab_2 {
  background: #ffffd9;
  color: #00b55e;
  line-height: 40px;
  margin:-10px 0 0 0;
  padding:0 0 10px 15px;
  font-weight: 600;
}

.tab-container .tab-toggle.active ~ .tab-content-container, .tab-container .tab-toggle:checked ~ .tab-content-container {
  height: auto;
  opacity: 1;
}
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content {
  opacity: 1;
}
.tab-container .tab-toggle.active ~ .tab-content-container .tab-content label, .tab-container .tab-toggle:checked ~ .tab-content-container .tab-content label {
  opacity: 1;
}

.tab-side-btn{
	position: absolute;
	top: 40px;
	right: 0;
	background-color: #ffffd9;
	border: 2px solid #00b55e;
	border-radius: 20px;
	color: #00b55e;
	font-size: 14px;
}

.tab-side-btn a{
	display:block;
	width:100%;
	padding: 4px 10px;
}

#top_area_1 .tab-content{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#top_area_1 .tab_box_ch{
	background:#fff;
	padding:0 0 20px 0;
	margin-bottom: 20px;
	width: 260px;
	margin-right: 18px;
}
#top_area_1 .tab_box_ch:nth-child(4n){
	margin-right: 0;
}
#top_area_1 .tab_box_ch .pic,
#search_area1 .tab_box_ch .pic{
	height:147px;
}

#top_area_1 .tab_box_ch .boxbackground,
#top_area_2 .tab_box_ch .boxbackground,
#search_area1 .tab_box_ch .boxbackground {
	position: relative;
  }

#top_area_1 .tab_box_ch .box1,
#top_area_2 .tab_box_ch .box1,  
#search_area1 .tab_box_ch .box1 {
	position: absolute;
	/*width: 260px;*/
	width:100%;
	height:147px;
	background: rgba(0, 0, 0, 0.5);
	text-align: center;
}

#search_area1 .tab_box_ch.s_success .box1{
	background: rgba(255, 255, 255, 0.8);
}

/*#search_area1 .tab_box_ch.s_success .box1 {
	box-sizing: border-box;
	border:2px solid #ff7800;
}*/

#top_area_1 .tab_box_ch .img_st,
#top_area_2 .tab_box_ch .img_st,
#search_area1 .tab_box_ch .img_st{
	margin-top: 55px;
	color: rgba(255, 255, 255, 1);
}

#search_area1 .tab_box_ch.s_success .img_st{
	color:#f36f0e;
}

@media screen and (max-width: 750px) {
	#top_area_1 .tab_box_ch .pic,
	#search_area1 .tab_box_ch .pic{
		height:206px;
	}

	#top_area_1 .tab_box_ch .boxbackground,
	#top_area_2 .tab_box_ch .boxbackground,
	#search_area1 .tab_box_ch .boxbackground {
		position: relative;
	  }
	
	#top_area_1 .tab_box_ch .box1,
	#top_area_2 .tab_box_ch .box1,  
	#search_area1 .tab_box_ch .box1 {
		position: absolute;
		width:100%;
		height:206px;
		/*height:120px;*/
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
	  }
	
	#top_area_1 .tab_box_ch .img_st,
	#top_area_2 .tab_box_ch .img_st,
	#search_area1 .tab_box_ch .img_st{
		margin-top: 80px;
		color: rgba(255, 255, 255, 1);
	}


}

#top_area_1 .pad_1_box_top{
	padding: 10px 15px 0 15px;
	font-size: 14px;
}
#top_area_1 .tab-container .item_1_top{
	color:#fff;
	background: #00b55e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_1 .tab-container .item_2_top{
	color:#fff;
	background: #f36f0e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_1 .tab-container .item_3_top{
	color:#fff;
	background: #1eb9ff;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_1 .tab-container .item_4_top{
    width: 40px;
	float: right;
}

#top_area_1 .tab-container .item_5_top{
	color:#fff;
	background: #1e6adb;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

#top_area_1 .tab-container .item_6_top{
	color:#fff;
	background: #2d8f1a;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

#top_area_1 .tab-container .buy{
	border:1px solid #eb0606;
	background-color:#fff;
	color:#eb0606;
	background: #ffffff;
	padding: 0px 6px;
    text-align: center;
	float: left;
}

#top_area_1 .tab-container .meeting{
	border:1px solid #eb0606;
	padding: 0px 6px;
	background-color:#eb0606;
	color:#fff;
	text-align: center;
	float: left;
}

#top_area_1 .tab-container .sold{
	border:1px solid #aaaaaa;
	padding:0px 6px;
	background-color:#aaaaaa;;
	color:#fff;
	text-align: center;
	float: left;
}

#top_area_1 .item_box_1_top{
	overflow: hidden;
	font-size: 12px;
	height: 40px;
}
#top_area_1 .tab-container h4{
	padding:0 15px 10px;
}
#top_area_1 .item_box_2_top{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: 5px;
}
#top_area_1 .item_box_2_top p:first-child,
#top_area_1 .item_box_2_top p:last-child{
	white-space: nowrap;
}
#top_area_1 .line_1_top{
	border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}
#top_area_1 .item_box_2_top img{
	width:108px;
}
#top_area_1 .fon_color_top{
	color:#f5822e;
}
#top_area_1 .pad_1_box_top a{
	margin-top:10px;
}
#top_area_1 .pad_1_box_top a:first-of-type{
	margin-top: 20px;
}

@media screen and (min-width: 751px) {
#top_area_1 .img_wid191{
	width:191px;
    }
}

#top_area_1 .next_btn_1_top{
	display: block;
    margin: 0 auto;
    max-width: 303px;
}

/*top_area2*/
#top_area_2{
	padding:70px 0;
}
#top_area_2 .titicon_new_1_top{
	width: 154px;
    display: block;
	margin-left: auto;
 	margin-right: calc((100% - 200px) / 2 );
}
#top_area_2 h3{
	text-align: center;
	color: #00b55e;
	font-size: 30px;
	margin-bottom: 5%;
}
/*#top_area_2 ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}*/
#top_area_2 ul li:before {
    display: block;
    content: "";
    width: 220px;
    order: 1;
}
#top_area_2 ul li:after {
    display: block;
    content: "";
    width: 220px;
}
/*タブの個所流用*/
#top_area_2 .tab-content{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#top_area_2 .tab-content:before{
	display: block;
	content:"";
	width: 220px;
	order:1;
}
#top_area_2 .tab-content:after{
	display: block;
	content:"";
	width: 220px;
}
#top_area_2 .tab_box_ch{
	background:#fff;
	padding:0 0 20px 0;
	margin-bottom: 20px;
	width: 220px;
}

#top_area_2 .tab_box_ch .pic{
	height:147px;
}

@media screen and (max-width: 750px) {
	#top_area_2 .tab_box_ch .pic{
		height:120px;
	}
}

@media screen and (max-width: 450px) {
	#top_area_2 .tab_box_ch .pic{
		height:200px;
	}

	#top_area_1 .tab_box_ch .boxbackground,
	#top_area_2 .tab_box_ch .boxbackground,
	#search_area1 .tab_box_ch .boxbackground {
		position: relative;
	  }
	
	#top_area_1 .tab_box_ch .box1{
		position: absolute;
		/*width: 229px;*/
		width:278px;
		height:206px;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
	  }
	
	#top_area_2 .tab_box_ch .box1{
		position: absolute;
		/*width: 300px;*/
		width:100%;
		height:200px;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
	}

	#search_area1 .tab_box_ch .box1{
		position: absolute;
		/*width: 295px;*/
		width:100%;
		height:206px;
		background: rgba(0, 0, 0, 0.5);
		text-align: center;
	}

	#top_area_1 .tab_box_ch .img_st,
	#top_area_2 .tab_box_ch .img_st,
	#search_area1 .tab_box_ch .img_st{
		margin-top: 80px;
		color: rgba(255, 255, 255, 1);
	  }
}

@media screen and (max-width: 320px) {
	#top_area_2 .tab_box_ch .pic{
		height:160px;
	}
}

#top_area_2 .pad_1_box_top{
	padding: 10px 15px 0 15px;
	font-size: 14px;
}
#top_area_2 .item_1_top{
	color:#fff;
	background: #00b55e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_2 .item_2_top{
	color:#fff;
	background: #f36f0e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_2 .item_3_top{
	color:#fff;
	background: #1eb9ff;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#top_area_2 .item_4_top{
    width: 40px;
	float: right;
}

#top_area_2 .item_5_top{
	color:#fff;
	background: #1e6adb;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

#top_area_2 .item_6_top{
	color:#fff;
	background: #2d8f1a;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

#top_area_2 .buy{
	border:1px solid #eb0606;
	background-color:#fff;
	color:#eb0606;
	background: #ffffff;
	padding: 0px 6px;
    text-align: center;
	float: left;
}

#top_area_2 .meeting{
	border:1px solid #eb0606;
	padding: 0px 6px;
	background-color:#eb0606;
	color:#fff;
	text-align: center;
	float: left;
}

#top_area_2 .sold{
	border:1px solid #aaaaaa;
	padding:0px 6px;
	background-color:#aaaaaa;;
	color:#fff;
	text-align: center;
	float: left;
}

#top_area_2 .item_box_1_top{
	overflow: hidden;
	font-size: 12px;
	height: 40px;
}
#top_area_2 h4{
	padding:0 15px 10px;
}
#top_area_2 .item_box_2_top{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: 5px;
}
#top_area_2 .item_box_2_top p:first-child,
#top_area_2 .item_box_2_top p:last-child{
	white-space: nowrap;
}
#top_area_2 .line_1_top{
	border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}
#top_area_2 .item_box_2_top img{
	width:108px;
}
#top_area_2 .fon_color_top{
	color:#f5822e;
}
#top_area_2 .pad_1_box_top a{
	margin-top: 20px;
	display: block;
}

@media screen and (min-width: 751px){
	#top_area_2 .img_wid191 {
		width: 191px;
	}
}

#top_area_2 .next_btn_1_top{
	display: block;
    margin: 40px auto 0;
    width: 303px;
}

/*top_area3*/
#top_area_3{
	padding:70px 0;
}
#top_area_3 .titicon_new_1_top {
    width: 125px;
    display: block;
    margin: 0 auto;
    padding: 0 0 0 20px;
}
#top_area_3 h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin-bottom: 40px;
}
#top_area_3 .map_box_top{
	width:1000px;
	margin:0 auto;
	position:relative;
}

#top_area_3 .map_box_top ul li a img{
	vertical-align: bottom;
}

#top_area_3 .map_top{
	width:1000px;
	height: auto;
}
#top_area_3 .hokkaido_top,#top_area_3 .chubu_top,#top_area_3 .tohoku_top,#top_area_3 .kanto_top,#top_area_3 .kinki_top,#top_area_3 .chugoku_top,#top_area_3 .shikoku_top,#top_area_3 .kyushu_okinawa_top{
	width:180px;
}
#top_area_3 .hokkaido_top{
	position: absolute;
    top: 133px;
    right: 30px;
}
#top_area_3 .hokkaido_top a.todohuken{
	background: #fff;
    width: 180px;
    display: block;
    text-align: center;
    font-weight: bold;
    padding: 3px 0;
	/*margin-top: -5px;*/
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .tohoku_top{
	position: absolute;
    top: 278px;
    right: 30px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .tohoku_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .chubu_top{
	position: absolute;
    top: 85px;
    right: 342px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .chubu_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .kanto_top{
	position: absolute;
    top: 450px;
    right: 30px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .kanto_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .kinki_top{
	position: absolute;
    top: 278px;
    left:300px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .kinki_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .chugoku_top{
	position: absolute;
    top: 170px;
    left:120px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .chugoku_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .shikoku_top{
	position: absolute;
    bottom: 61px;
    left:360px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .shikoku_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}
#top_area_3 .kyushu_okinawa_top{
	position: absolute;
    bottom: 278px;
    left:30px;
	display: flex;
    flex-wrap: wrap;
}
#top_area_3 .kyushu_okinawa_top a.todohuken{
	background: #fff;
    width: 90px;
    display: block;
    text-align: center;
    font-weight: bold;
	/*margin-top: -5px;*/
    padding: 6px 0;
	font-size: 12px;
	border: 1px solid #eaeaea;
}

/*top_area4*/
#top_area_4{
	padding:70px 0;
}
#top_area_4 .news_box_top{
	width:1000px;
	margin:0 auto;
	overflow:hidden;
}
@media screen and (max-width: 750px){
	#top_area_4 .news_box_top{
		width:100%;
	}
}
#top_area_4 .l_soranews_box_top{
	float:left;
	width:500px;
	padding-right: 40px;
}
#top_area_4 .r_news_box_top{
	float:right;
	width:500px;
	padding-left: 40px;
}
#top_area_4 h3 {
    color: #00b55e;
    font-size: 30px;
    margin-bottom: 40px;
	display: flex;
}
#top_area_4 .l_tit_top:before{
	content:"";
	display:inline-block;
	width: 85px;
    height: 63px;
	background:url(../images/titicon_soranews.png) no-repeat;
	background-size:contain;	
}
#top_area_4 .r_tit_top:before{
	content:"";
	display:inline-block;
	width: 56px;
    height: 63px;
	background:url(../images/titicon_news.png) no-repeat;
	background-size:contain;	
}
#top_area_4 li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
#top_area_4 li:last-of-type{
    border-bottom: none;
}
#top_area_4 ul a{
	display: block;
}
#top_area_4 .news_wid{
	width:100px;
}
#top_area_4 .news_wid_2{
	width:240px;
}
#top_area_4 .l_soranews_box_top li p:last-of-type{
	font-size: 12px;
	color:#fff;
	background: #00b55e;
	padding: 2px 10px;
	border-radius: 10px;
	width: 100px;
    text-align: center;
	margin: 0 10px 0 0;
}
#top_area_4 .r_news_box_top li p:last-of-type{
	font-size: 12px;
	color:#fff;
	background: #6ad125;
	padding: 2px 10px;
	border-radius: 10px;
	width: 100px;
    text-align: center;
	margin: 0 10px 0 0;
}

/*top_area5*/
#top_area_5{
	padding:70px 0;
}
#top_area_5 .titicon_new_1_top {
    width: 125px;
    display: block;
    margin: 0 auto 10px;
    padding: 0 0 0 20px;
}
#top_area_5 h3 {
    text-align: center;
    color: #fff;
    font-size: 30px;
    margin-bottom: 40px;
}
#top_area_5 ul{
	width:84%;
	margin: 0 auto;
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#top_area_5 li{
	background: #fff;
	width:320px;
	border-radius: 10px;
	padding:30px;
	margin-bottom: 20px;
}
#top_area_5 li p{
	line-height: 2;
}
#top_area_5 li a{
	display: block;
}
#top_area_5 h4{
	display:flex;
	color:#00b55e;
	font-size: 20px;
	margin: 20px 0;
}
#top_area_5 h4 span{
    position: relative;
    content: '';
    width: 25px;
    height: 25px;
    background: #00b55e;
    border-radius: 50%;
	top: 3px;
	left:5px;
	display: block;
}
#top_area_5 h4 span:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
    left: 8px;
    margin-top: -4px;
}
#top_area_5 .img_service_1_top{
	width:94px;
	display: block;
	margin: 0 auto;
}
#top_area_5 .img_service_2_top{
	width:89px;
	display: block;
	margin: 0 auto;
}
#top_area_5 .img_service_3_top{
	width:83px;
	display: block;
	margin: 5px auto 0;
}
#top_area_5 .img_service_4_top{
	width:98px;
	display: block;
	margin: 0 auto;
}
#top_area_5 .img_service_5_top{
	width:38px;
	display: block;
	margin: 0 auto 21px;
}
#top_area_5 .img_service_6_top{
	width:82px;
	display: block;
	margin: 0 auto 24px;
}

/*1 TOP index.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#top_area_1 {
		padding-bottom: 15%;
		height: 1%;
		padding-top: 17px;
    	margin-top: -300px;
	}
	#top_area_1 .l_box_top {
		text-shadow:0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff,0 0 3px #1eb9ff;
		text-align: center;
		width:100%;
		float: none;
	}
	#top_area_1 .l_box_top p:first-of-type {
		font-size: 3.99999999vw;
	}
	#top_area_1 .l_box_top p:last-of-type {
		font-size: 	3.733333324vw;
		margin-bottom: 70px;
	}
	#top_area_1 .l_box_top h2 {
		font-size: 7.199999982vw;
	}
	#top_area_1 .r_box_top {
		width:100%;
		float: none;
		background: #ffffd9;
		border-radius: 5px;
		padding: 20px;
	}
	#top_area_1 .r_box_logout_top {
		padding: 0;
		width: 100%;
	}
	#top_area_1 .r_box_top li {
		margin: 13px 0;
		font-size: 3.733333324vw;
		display: flex;
    	align-items: center;
	}
	#top_area_1 .log_freemember_top {
		width: 42%;
		font-size: 3.199999992vw;
	}
	#top_area_1 .r_box_top li:before {
		padding: 0;
		color: #fff;
		margin-right: 0;
		background: none;
		border-radius: unset;
		display: none;
	}
	#top_area_1 .bnr_freemember_tit_1{
		width: 100%;
	}
	#top_area_1 .bnr_freemember_1{
		width: 10%;
		margin-right: 3%;
	}
	#top_area_1 .bnr_freemember_2{
		margin: 20px auto 5px!important;
		width: 80%;
	}
	#top_area_1 .l_box_top p:first-of-type {
		margin-top: 0;
	}
	#top_area_1 .item_box_1_top .item_1_top{
		color:#fff;
		background: #00b55e;
		padding: 1px 6px;
		text-align: center;
		float: left;
	}
	#top_area_1 .item_box_1_top .item_2_top{
		color:#fff;
		background: #f36f0e;
		padding: 1px 6px;
		text-align: center;
		float: left;
	}
	#top_area_1 .item_box_1_top .item_3_top{
		color:#fff;
		background: #1eb9ff;
		padding: 1px 6px;
		text-align: center;
		float: left;
	}
	#top_area_1 .item_box_1_top .item_4_top{
		width: 40px;
		float: right;
	}
	#top_area_1 .item_box_1_top .item_5_top{
		color:#fff;
		background: #1e6adb;
		padding: 1px 6px;
		text-align: center;
		float: left;
	}
	#top_area_1 .item_box_1_top .buy{
		border:1px solid #eb0606;
		background-color:#fff;
		color:#eb0606;
		background: #ffffff;
		padding: 0px 6px;
		text-align: center;
		float: left;
	}
	
	#top_area_1 .item_box_1_top .meeting{
		border:1px solid #eb0606;
		padding: 0px 6px;
		background-color:#eb0606;
		color:#fff;
		text-align: center;
		float: left;
	}
	
	#top_area_1 .item_box_1_top .sold{
		border:1px solid #aaaaaa;
		padding:0px 6px;
		background-color:#aaaaaa;;
		color:#fff;
		text-align: center;
		float: left;
	}
/*spタブ　スワイパーjsで作成バージョン*/
	#top_area_1 .tab_box_ch {
		margin: 0 auto;
		width: 100%!important;
		position: relative;
	}
	.tab_area{
		display: flex;
		justify-content: space-between;
		position: relative;
	    min-height: 740px;
	}
	#top_area_1 .tab-side-btn {
		top: -50px;
		right: 0;
		padding: 6px 16px;
		font-size: 3.466666658vw;
		border-radius: 25px;
	}
	#top_area_1 .tab_area h4 {
		padding: 0 15px 10px;
	}
	.tab {
	  position: relative;
	}
	.tab__item {
		width: 89px;
		padding: 20px 5px 5px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		background: #f4f7f9;
		color: #00b55e;
		cursor: pointer;
		border: 2px solid #00b55e;
		text-align: center;
		position: absolute;
		left: 10px;
		font-size: 12px;
		border-bottom-left-radius: 10px;
	}
	.tab__item--active {
		width: 99px;
		font-weight: bold;
		font-size: 16px;
		color: #00b55e;
		background: #ffffd9;
		border-right: none;
		left: 0;
		z-index: 2;
	}
	.tab__item--active .triangle_bg{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 93px 10px 0;
		border-color: transparent #ffffd9 transparent transparent;
		bottom: -10px;
		left: 5px;
		position: absolute;
		z-index: 2;
	}
	.tab__item--active .triangle_bg2{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 95px 10px 0;
		border-color: transparent #ffffd9 transparent transparent;
		bottom: -12px;
		left: 7px;
		position: absolute;
		border-right: 89px solid #00b55e;
		z-index: 1;
	}
	.tab__item--2 {
		top: 109px;
	}
	.tab__item--3 {
		top: 218px;
	}
	.tab__item--4 {
		top: 321px;
	}
	.tab__item--5 {
		top: 425px;
	}
	.tab__item--6 {
		top: 529px;
	}
	.triangle_bg{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 83px 10px 0;
		border-color: transparent #f4f7f9 transparent transparent;
		bottom: -9px;
		left: 2px;
		position: absolute;
	}
	.triangle_bg2{
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 85px 10px 0;
		border-color: transparent #f4f7f9 transparent transparent;
		bottom: -11px;
		left: -2px;
		position: absolute;
		border-right: 89px solid #00b55e;
		z-index: -1;
	}
	
	.main-slider {
		display: none;
		padding: 5%;
		position: relative;
		width: calc(100% - 96px);
		background: #ffffd9;
		border: 2px solid #00b55e;
	}
	.main-slider .next_btn_1_top{
		position: absolute;
		bottom: 20px;
		right: 0;
		left: 0;
		width:calc(100% - 20px);
	}
	@media screen and (max-width: 600px) {
		.main-slider {
			padding: 20px 10px;
		}
		.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
			font-size: 23px!important;
		}
		.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
			font-size: 23px!important;
		}
	}

	.pad_1_box_top {
			padding: 10px 15px 0 15px!important;
	}
	.main-slider--active {
	  display: block;
	}
	.main-slider__slide {
	  display: flex;
	  align-items: center;
	  justify-content: center;
	  height: 300px;
	  color: #000;
	}
	.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
		content: '→'!important;
		font-family: 'slick'!important;
		line-height: 1!important;
		opacity: .75!important;
		color: #aaaaaa!important;
		-webkit-font-smoothing: antialiased;
	}
	.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
		content: '←'!important;
		font-family: 'slick'!important;
		line-height: 1!important;
		opacity: .75!important;
		color: #aaaaaa!important;
		-webkit-font-smoothing: antialiased;
	}
	.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
		left: 0!important;
		right: auto!important;
		outline: none!important;
	}
	.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
		right: 0!important;
		left: auto!important;
		outline: none!important;
	}
	.img_wid191{
		max-width: 191px;
		margin: 0 auto;
		display: block;
	}

	#top_area_2 ul {
		display: block;
	}
	#top_area_2 ul li{
		outline: none;
	}
	#top_area_2 .tab_box_ch {
		width: 80%;
		margin: 0 auto 5%;
	}
	#top_area_2 .next_btn_1_top{
		display: block;
		padding: 5% 0 0;
		max-width: 303px;
    	width: 100%;
		margin: 0 auto;
	}
	#top_area_2 .pad_1_box_top a{
		margin-top: 20px;
		display: block;
		outline: none!important;
	}
	#top_area_2 .item_wid_5_top{
		width: 220px;
	}
	#top_area_3 .map_box_top{
		width:100%;
		background: #ffffd9;
    	padding: 40px 30px 50px;
		border-radius: 10px;
	}
	#top_area_3 .titicon_new_1_top {
		width: 105px;
	}
	#top_area_3 h3 {
		font-size: 7.199999982vw;
		margin-bottom: 10%;
	}
	#top_area_3 .map_top_sp{
		max-width: 406px;
		margin:0 auto 20px;
		display: block;
	}
	#top_area_3 h4{
		background: #f2f2f2; /* Old browsers */
		background: -moz-linear-gradient(top,  #f2f2f2 0%, #ffffff 51%, #f2f2f2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #f2f2f2 0%,#ffffff 51%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #f2f2f2 0%,#ffffff 51%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
		overflow: hidden;
    	padding: 20px;
		font-size: 3.99999999vw;
	}
	#top_area_3 .inner{
		display:none;
		overflow: hidden;
	}
	#top_area_3 h4.open:after {
		content: url(../images/sp/close.png);
		cursor: pointer;
		float: right;
	}
	#top_area_3 h4:after {
		content: url(../images/sp/open.png);
		cursor: pointer;
		float: right;
	}
	#top_area_3 .map_box_top {
		position: unset;
	}
	#top_area_3 .hokkaido_top,#top_area_3 .tohoku_top,#top_area_3 .chubu_top,#top_area_3 .kanto_top,#top_area_3 .kinki_top,#top_area_3 .chugoku_top,#top_area_3 .shikoku_top,#top_area_3 .kyushu_okinawa_top {
    	position: unset;
		width:100%;
		display: block;
		margin-bottom: 20px;
	}
	#top_area_3 .hokkaido_top a,#top_area_3 .tohoku_top a,#top_area_3 .chubu_top a,#top_area_3 .kanto_top a,#top_area_3 .kinki_top a,#top_area_3 .chugoku_top a,#top_area_3 .shikoku_top a,#top_area_3 .kyushu_okinawa_top a{
		width:100%;
		padding: 15px 20px 20px;
		margin-top: 0;
		font-size: 3.733333324vw;
		font-weight: 400;
		display: block;
    	background: #fff;
		border: 1px solid #eaeaea;
	}
	#top_area_4 {
		padding: 70px 0 0 0;
	}
	#top_area_4 h3 {
		font-size: 7.199999982vw;
		display: flex;
    	flex-wrap: wrap;
		margin-bottom: 0;
		align-items: flex-start;
	}
	#top_area_4 .l_soranews_box_top,#top_area_4 .r_news_box_top{
		float: none;
    	width: 100%; 
    	padding: 0;
	}
	#top_area_4 .l_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#top_area_4 .r_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#top_area_4 .icon_soranews_1_sp{
		width: 25%!important;
	}
	#top_area_4 .icon_soranews_2_sp {
		width: 17%!important;
	}
	#top_area_4 .l_soranews_box_top p:first-of-type,#top_area_4 .r_news_box_top p:first-of-type,#top_area_4 ul li a{
		font-size: 	3.733333324vw;
	}
	#top_area_4 .l_soranews_box_top p:last-of-type{
		padding: 1% 2%!important;
    	border-radius: 20px!important;
		margin: 0 5px 0!important;
	}
	#top_area_4 .r_news_box_top p:last-of-type{
		padding: 1% 2%!important;
    	border-radius: 20px!important;
		margin: 0 5px 0!important;
	}
	#top_area_4 ul li a {
		display: block;
		font-size: 3.733333324vw;
	}
	#top_area_4 .news_wid {
		width: 23%;
	}
	#top_area_4 .next_news_page_sp{
		width:100%;
		margin-bottom: 10%;
	}
	#top_area_5{
		padding-bottom:30px;
	}
	#top_area_5 li {
		width: 100%;
	}
	#top_area_5 h3 {
		font-size: 7.199999982vw;
	}
	#top_area_5 h4 {
		font-size: 4.533333322vw;
		margin: 0 0 20px;
		lign-items: center;
	}
	#top_area_5 h4 span {
		background: none;
	}
	#top_area_5 h4 span:after {
		position: unset;
		margin-top: 0;
	}
	#top_area_5 li p {
		font-size: 3.733333324vw;
	}
	#top_area_5 li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#top_area_5 .img_service_1_top,#top_area_5 .img_service_2_top,#top_area_5 .img_service_3_top,#top_area_5 .img_service_4_top,#top_area_5 .img_service_6_top {
		/*width: 25%;*/
		/*margin: 0 5% 0 0;*/
	}
	#top_area_5 .img_service_5_top{
		/*width: 16%;*/
		/*margin: 0 5% 0 3%;*/
	}
	#top_area_5 .service_box{
		width: 70%;
		 padding-left: 5%;
	}
	#top_area_5 .service_img_box{
		display: flex;
		justify-content: center;
    	width: 30%;
	}
	#top_area_5 .img_service_1_top{
		max-width: 165px;
		width: 100%;
	}
	#top_area_5 .img_service_2_top{
		max-width: 156px;
		width: 100%;
	}
	#top_area_5 .img_service_3_top{
		max-width: 145px;
		width: 100%;
	}
	#top_area_5 .img_service_4_top{
		max-width: 157px;
		width: 100%;
	}
	#top_area_5 .img_service_5_top{
		max-width: 38px;
		margin: 0 auto;
		width: 100%;
	}
	#top_area_5 .img_service_6_top{
		max-width: 144px;
		margin: 0 auto;
		width: 100%;
	}
}

/* 新着物件ポップアップ */
.new_property_popup {
	display: none;
}

#new_property_popup {
	display: none;
}

#new_property_popup:checked + .new_property_popup {
	display: block;
	z-index: 9999;
	position: fixed;
}

.new_property_popup .window {
	width: 260px;
	max-width: 450px;
	height: 550px;/*後で消す？*/
	background-color: #ffffff;
	border-radius: 6px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: fixed;
	/*top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);*/
	bottom: 2%;
	right: 1%;
}

@media screen and (max-width: 750px) {
	.new_property_popup .window {
		height: 320px;
	}
}

.new_property_popup .status_box{
	position: absolute;
	top:0;
	left:0;
}

.new_property_popup .status_box .new_item1{
	font-size:12px;
	color: #fff;
    background: #00b55e;
    padding: 1px 6px;
    text-align: center;
	display:inline-block;
}

.new_property_popup .status_box .new_item2{
	font-size:12px;
	color: #fff;
    background: #f36f0e;
    padding: 1px 6px;
    text-align: center;
	display:inline-block;
}

.new_property_popup .status_box .new_item3{
	font-size:12px;
	color: #fff;
    border: 1px solid #eb0606;
	color: #eb0606;
    padding: 0px 6px;
    text-align: center;
	display:inline-block;
}

.new_property_popup .text {
	width:80%;
	font-size: 18px;
	margin: 0;
}
.new_property_popup .close {
	cursor:pointer;
	position: absolute;
	top: 4px;
	right: 10px;
	font-size: 20px;
}

.new_property_popup h2{
	color:#00b55e;
	text-align: center;
}

.new_property_popup .new_title{
	font-weight:bold;
}

.new_property_popup .new_images{
	height:147px;
	/*margin-bottom:20px;*/
}

.new_property_popup .popup_text_box{
	font-size:12px;
	margin-bottom:10px;
}

.new_property_popup .pad_1_box_top{
	padding: 10px 15px 0 15px;
	font-size: 14px;
}
@media screen and (max-width: 750px) {
	.new_property_popup .pad_1_box_top{
		display:none;
	}
}
.new_property_popup .item_1_top{
	color:#fff;
	background: #00b55e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
.new_property_popup .item_2_top{
	color:#fff;
	background: #f36f0e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
.new_property_popup .item_3_top{
	color:#fff;
	background: #1eb9ff;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
.new_property_popup .item_4_top{
    width: 40px;
	float: right;
}

.new_property_popup .item_5_top{
	color:#fff;
	background: #1e6adb;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

.new_property_popup .buy{
	border:1px solid #eb0606;
	background-color:#fff;
	color:#eb0606;
	background: #ffffff;
	padding: 0px 6px;
    text-align: center;
	float: left;
}

.new_property_popup .meeting{
	border:1px solid #eb0606;
	padding: 0px 6px;
	background-color:#eb0606;
	color:#fff;
	text-align: center;
	float: left;
}

.new_property_popup .sold{
	border:1px solid #aaaaaa;
	padding:0px 6px;
	background-color:#aaaaaa;;
	color:#fff;
	text-align: center;
	float: left;
}

.new_property_popup .item_box_1_top{
	overflow: hidden;
	font-size: 12px;
	height: 40px;
}
.new_property_popup h4{
	padding:0 15px 10px;
}
.new_property_popup .item_box_2_top{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: 5px;
}
.new_property_popup .item_box_2_top p:first-child,
.new_property_popup .item_box_2_top p:last-child{
	white-space: nowrap;
}
.new_property_popup .line_1_top{
	border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}
.new_property_popup .item_box_2_top img{
	width:108px;
}
.new_property_popup .fon_color_top{
	color:#f5822e;
}
.new_property_popup .pad_1_box_top a{
	margin-top: 20px;
	display: block;
}

@media screen and (min-width: 751px){
	.new_property_popup .img_wid191 {
		width: 191px;
	}
}

@media screen and (max-width: 750px) {
	.new_property_popup ul {
		display: block;
	}
	.new_property_popup ul li{
		outline: none;
	}
	.new_property_popup .tab_box_ch {
		width: 80%;
		margin: 0 auto 5%;
	}
	.new_property_popup .next_btn_1_top{
		display: block;
		padding: 5% 0 0;
		max-width: 303px;
    	width: 100%;
		margin: 0 auto;
	}
	.new_property_popup .pad_1_box_top a{
		margin-top: 20px;
		display: block;
		outline: none!important;
	}
	.new_property_popup .item_wid_5_top{
		width: 220px;
	}
	#top_area_5 ul{
		width:100%;
	}
}

.new_property_popup .next_btn_1_top{
	display: block;
    margin: 40px auto 0;
    width: 303px;
}

/*3 太陽光を探す（物件一覧）search.php/
/*PC*/
/*search_area1*/
/*左ブロック*/
#search_area1 .l_box{
	float: left;
	width:280px;
	background: #fff;
	padding: 40px 15px 30px;
	border-radius: 10px;
}
#search_area1 .l_box h3{
	position: relative;
	text-align: center;
	color:#00b55e;
	font-size: 20px;
	margin-bottom:30px;
}
#search_area1 .l_box h3:before{
  content: '';
  display: block;
  position: absolute;
  top: -0.8em;
  left: 6.3em;
  width: 20px;
  height: 10px;
  border-left: 3px solid #eb0606;
  border-bottom: 3px solid #eb0606;
  transform: rotate(-45deg);
}

#search_area1 .l_box h5{
    position: relative;
    text-align: left;
    display: inline-block;
    padding: 0.5em 1em;
    border: 1px solid #e6ecf0;
    background: linear-gradient(#ffffff 0%, #d0d0d0 100%);
    margin:0 0 20px;
    font-size: 20px;
	width:100%;
  }

#search_area1 .l_box h5.open:after {
    content: url(../images/close.png);
    cursor: pointer;
    float:right;
}

#search_area1 .l_box h5:after {
	content: url(../images/open.png);
	cursor: pointer;
	float:right;
}

ul.construction{
	margin-bottom:20px;
}

.construction ul {
	position: relative;
	margin-left: 15px;
	display: flex;
	justify-content: left;
	flex-wrap: wrap;
}

.construction ul:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 0;
	border-left: 1px solid #aaaaaa;
}
.construction .area_47{
	margin-top: 10px;
}

.construction ul li{
	margin-left: 20px;
}

.construction ul li:before {
content: "";
display: block;
position: absolute;
top: 15px;
left: 0;
width: 15px;
height: 0;
border-top: 1px solid #aaaaaa;
}

.construction ul li:last-child:before {
top: 12px;
bottom: 0;
height: auto;
background-color: #fff;
}
#search_area1 .l_box input[type="submit"].conf{
	background-color: #00b55e;
    color: #fff;
    border-right: 5px solid #005c30;
    border-bottom: 5px solid #005c30;
    border-radius: 6px;
    text-align: center;
    padding: 20px 0;
    margin-top: 50px;
    width: 250px;
}
#search_area1 .l_box .submit_wrapper:after {
    top: 55%;
}


/*右ブロック*/
#search_area1 .r_box{
	float:right;
	width:686px;
}

/* a_mypage.phpのみ適用 */
#search_area1 .r_box.a_mypage{
	width:1000px;
}
/* bid_manege.phpのみ適用 */
#search_area1 .r_box.bid_manage{
	float:none;
	margin:0 auto;
	width:1000px;
}
@media screen and (max-width: 750px) {
	#search_area1 .r_box.bid_manage{
		float:none;
		margin:0 auto;
		width:100%;
	}

	#search_area1 .r_box.bid_manage .tab_box_ch .box1{
		width:100%;
	}
}
#search_area1 .titicon_new_1_top{
	width: 184px;
    display: block;
    margin: 0 auto 10px;
    padding: 10% 0 0 30px;
}
#search_area1 .r_box h3{
	text-align: center;
	color: #00b55e;
	font-size: 30px;
	margin-bottom: 5%;
}
#search_area1 .r_box ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: left;
	margin: 30px 0;
}

#search_area1 .r_box.bid_search ul{
	margin:0 0 30px 0;
}

#search_area1 .r_box.bid_manage ul{
	justify-content: space-around;
}

/*タブの個所流用*/
#search_area1 .tab-content{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#search_area1 .r_box ul li{
	background:#fff;
	padding:0 0 20px 0;
	margin-bottom: 13px;
	width: 220px;
	margin-right: 13px;
}
#search_area1 .r_box.bid_manage ul li,
#search_area1 .r_box.bid_search ul li{
	width:300px;
}
#search_area1 .r_box.bid_search ul li.s_success,
#search_area1 .r_box.bid_manage ul li.s_success{
	box-sizing: border-box;
    border: 3px solid #ff7800;
}
@media screen and (max-width: 750px) {
	#search_area1 .r_box.bid_manage ul li,
	#search_area1 .r_box.bid_search ul li{
		width:100%;
	}
}
#search_area1 .r_box ul li:nth-child(3n) {
    margin-right: 0;
}
#search_area1 .r_box.bid_search ul li:nth-child(3n) {
	margin-right: 13px;
}
#search_area1 .pad_1_box_top{
	padding: 10px 15px 0 15px;
	font-size: 14px;
}
#search_area1 .item_1_top{
	color:#fff;
	background: #00b55e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#search_area1 .item_2_top{
	color:#fff;
	background: #f36f0e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#search_area1 .item_3_top{
	color:#fff;
	background: #1eb9ff;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
#search_area1 .item_4_top{
    width: 40px;
	float: right;
}
#search_area1 .item_5_top{
	color:#fff;
	background: #1e6adb;
	padding: 1px 6px;
	text-align: center;
	float: left;
}
#search_area1 .item_6_top{
	color:#fff;
	background: #2d8f1a;
	padding: 1px 6px;
	text-align: center;
	float: left;
}

#search_area1 .item_bid_status{
	padding:1px 6px;
	color:#fff;
	float: right;
}

#search_area1 .item_bid_status.open_before{
	background-color:#333;
}
#search_area1 .item_bid_status.open{
	background-color:#f36f0e;
	/*animation: flash 1s linear infinite;*/
}
#search_area1 .item_bid_status.bidnow{
	background-color:#f36f0e;
	animation: flash 1s linear infinite;
}
#search_area1 .item_bid_status.close{
	background-color:#1eb9ff;
}
#search_area1 .item_bid_status.success{
	background-color:#ff147d;
}
#search_area1 .item_bid_status.upset{
	background-color:#000;
}
/* 点滅用 */
@keyframes flash {
	0%,100%{
		opacity: 1;
	}
	50%{
		opacity: 0;
	}
}

#search_area1 .buy{
	border:1px solid #eb0606;
	background-color:#fff;
	color:#eb0606;
	background: #ffffff;
	padding: 0px 6px;
	text-align: center;
	float: left;
}

#search_area1 .meeting{
	border:1px solid #eb0606;
	padding: 0px 6px;
	background-color:#eb0606;
	color:#fff;
	text-align: center;
	float: left;
}

#search_area1 .sold{
	border:1px solid #aaaaaa;
	padding:0px 6px;
	background-color:#aaaaaa;;
	color:#fff;
	text-align: center;
	float: left;
}

#search_area1 .item_box_1_top{
	overflow: hidden;
	font-size: 12px;
	height: 40px;
}
#search_area1 h4{
	padding:0 15px 10px;
}

#search_area1 h4 .bid_title{
	/*float: right;*/
}

#search_area1 .item_box_2_top{
	display: flex;
	justify-content: space-between;
    align-items: center;
	margin-bottom: 5px;
}
#search_area1 .item_box_2_top p:first-child,
#search_area1 .item_box_2_top p:last-child{
	text-align:right;
	white-space: nowrap;
}

#search_area1 .item_box_2_top.mydata{
	background-color: #ffffd9;
}

#search_area1 .item_box_2_top.no_mydata{
	background-color: #fff;
}

#search_area1 .item_box_2_top.mydata p:first-child{
	background-color:#f36f0e;
	padding:4px 16px;
	color:#fff;
	position:relative;
	width:140px;
	text-align:left;
}

#search_area1 .item_box_2_top.mydata.sinhan p:first-child{
	padding:12px 16px;
}

#search_area1 .item_box_2_top.no_mydata p:first-child{
	background-color:#aaaaaa;
	padding:4px 16px;
	color:#fff;
	position:relative;
	width:140px;
	text-align: left;
}

#search_area1 .item_box_2_top.mydata p:first-child:after{
	content:"";
	position:absolute;
	top:0;
  	right:-10px;
  	width:0;
  	height:0;
	border-style: solid;
	border-color: transparent transparent transparent #f36f0e;
	border-width: 14px 5px 14px 5px;
}

#search_area1 .item_box_2_top.mydata.sinhan p:first-child:after{
	border-width: 22px 5px 22px 5px;
}

#search_area1 .item_box_2_top.no_mydata p:first-child:after{
	content:"";
	position:absolute;
	top:0;
  	right:-10px;
  	width:0;
  	height:0;
	border-style: solid;
	border-color: transparent transparent transparent #aaaaaa;
	border-width: 14px 5px 14px 5px;
}

#search_area1 .line_1_top{
	border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}
#search_area1 .item_box_2_top img{
	width:108px;
}
#search_area1 .fon_color_top{
	color:#f5822e;
}
#search_area1 .pad_1_box_top a{
	margin-top: 20px;
	display: block;
}
#search_area1 .next_btn_1_top{
	display: block;
    margin: 40px auto 60px;
    width: 303px;
}


/*search_area1* search.php/
/*SP*/
/*左ブロック*/
@media screen and (max-width: 750px) {
	#search_area1 .l_box {
		float: none;
		width: 100%;
		margin: 20px 0 50px;
	}
	#search_area1 .l_box h3:before {
		left: 48%;
	}
	#search_area1 .l_box input[type="submit"].conf {
		width: 100%;
	}
	#search_area1 .l_box h5{
		position: relative;
		text-align: left;
		display: inline-block;
		padding: 0.5em 1em;
		border: 1px solid #e6ecf0;
		background: linear-gradient(#ffffff 0%, #d0d0d0 100%);
		margin-bottom: 20px;
		font-size: 20px;
		overflow: hidden;
	  }

	#search_area1 .l_box h5:after {
		content: url(../images/open.png);
		cursor: pointer;
	}

	#search_area1 .l_box h5.open:after {
		content: url(../images/close.png);
		cursor: pointer;
	}
/*右ブロック*/
	#search_area1 .r_box{
		float: none;
		width: 100%;
		padding: 20px 20px 0 20px;
	}
	#search_area1 .r_box ul {
		display: block;
		margin-bottom: 50px;
	}
	#search_area1 .r_box ul li {
		width: 100%;
	}
	#search_area1 .pages_box{
		display: flex;
		justify-content: space-between;
	}
	#search_area1 .paging a.last {
		background-color: #fff;
		color: #00b55e;
		margin-right: 0;
	}
	#search_area1 .pages_box p {
		margin-right: 0;
		font-size: 20px;
	}
	#search_area1 .item_wid_5_top {
		max-width: 60px;
	}
	#search_area1 input[type="submit"].conf_btm {
		width: 90%;
		display: block;
		background-color: #f0f7f3;
		color: #000;
		border-right: 5px solid #fafafa;
		border-bottom: 5px solid #9a9a9a;
		border-radius: 6px;
		bottom: 20px; 
		position: fixed;
		z-index: 9999;
		padding: 20px 0;
	}
	#search_area1 .submit_wrapper_sp span{
		bottom: 38px;
		right: 12%;
		position: fixed;
		z-index: 9999;
		font-size: 25px;
		font-weight: bold;
	}
	#search_area1 .search_bg{
		background: #000;
		padding: 55px 10px;
		opacity: 0.5;
		position: fixed;
		z-index: 10;
		bottom: 0;
		width: 100%;
		left: 0;
	}
	#search_area1 .submit_wrapper:after {
		top: 35%;
	}
}

#search_area1 .sbox{
	margin-bottom:20px;
}

#search_area1 .sbox p{
	font-weight: bold;
}


/*29 そらニュース（一覧）soranews.php*/
/*PC*/
#soranews_area_1 .news_box_top{
	overflow:hidden;
}
#soranews_area_1 .l_soranews_box_top{
	float:left;
	width:700px;
	padding-right: 40px;
}
#soranews_area_1 .r_news_box_top{
	float:right;
	width:300px;
}
#soranews_area_1 h3 {
    color: #fff;
    font-size: 20px;
	display: flex;
	justify-content: center;
	background: #f36f0e;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	padding: 10px 20px;
}
#soranews_area_1 .l_soranews_box_top li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
#soranews_area_1 .r_news_box_top li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-top: 1px solid #aaaaaa;
}
#soranews_area_1 .r_news_box_top .rad_lr_btm{
    border-bottom: none;
}
#soranews_area_1 ul li a{
	display: block;
	width:460px;
}
#soranews_area_1 .l_soranews_box_top li p:last-of-type{
	font-size: 12px;
    color: #fff;
    background: #00b55e;
    padding: 2px 10px;
    border-radius: 10px;
    width: 100px;
    text-align: center;
    margin: 0 5px 0 0;
}
#soranews_area_1 .r_news_box_top li p:last-of-type{
	font-size: 12px;
	color:#fff;
	background: #6ad125;
	padding:2px 21.7px;
	border-radius: 10px;
}
#soranews_area_1 .r_news_box_top li{
	background: #fff;
}
#soranews_area_1 .r_news_box_top li:last-of-type{
	padding: 20px;
	font-size: 14px;
}
#soranews_area_1 .r_news_box_top a:nth-of-type(2){
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}
#soranews_area_1 .r_news_box_top span{
	margin-left: auto;
}
#soranews_area_1 .l_soranews_box_top ul:last-of-type{
	display: flex;
    justify-content: center;
	margin: 40px 0px 100px;
}
#soranews_area_1 .l_soranews_box_top .next_news_page{
	border: 1px solid #00b55e;
	color: #00b55e;
    padding: 0px 8px 2px;
    border-radius: 5px;
	margin: 0 3px;
}
#soranews_area_1 .l_soranews_box_top .bg_page{
	background: #00b55e;
	color: #fff;
}
#soranews_area_1 .news_wid {
	width: 100px;
}

/*29 そらニュース（一覧）soranews.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#soranews_area_1 h3 {
		font-size: 4.533333322vw;
		display: flex;
    	flex-wrap: wrap;
		margin-bottom: 0;
	}
	#soranews_area_1 .l_soranews_box_top,#soranews_area_1 .r_news_box_top{
		float: none;
    	width: 100%; 
    	padding: 0;
	}
	#soranews_area_1 .l_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#soranews_area_1 .r_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#soranews_area_1 .l_soranews_box_top p:first-of-type,#soranews_area_1 .r_news_box_top p:first-of-type,#soranews_area_1 ul li a{
		font-size: 	3.733333324vw;
	}
	#soranews_area_1 .r_news_box_top p:last-of-type{
		padding: 1% 5%!important;
    	border-radius: 20px!important;
		margin: 0 1%;
	}
	#soranews_area_1 ul li a {
		display: block;
		width: 100%;
		font-size: 3.733333324vw;
		margin-top: 20px;
	}
	#soranews_area_1 .next_news_page_sp{
		width:100%;
		margin-bottom: 10%;
	}
	#soranews_area_1 .l_soranews_box_top .next_news_page {
		font-size: 5.33333332vw;
		padding: 0 11px;
	}
	#soranews_area_1 .l_soranews_box_top ul:last-of-type {
		margin: 50px 0px;
	}
	#soranews_area_1 .r_news_box_top li:last-of-type {
		font-size: 3.733333324vw;
	}
	#soranews_area_1 li {
		flex-wrap: wrap;
		justify-content: left;
	}
	#soranews_area_1 .r_news_box_top li {
		font-size: 3.733333324vw!important;
	}
	#soranews_area_1 .r_news_box_top h3 {
		font-size: 4.799999988vw!important;
	}
	#soranews_area_1 .news_wid {
		margin-right: 3%;
		width:auto;
	}
}


/*30 そらニュース（詳細）soranews_details.php*/
/*PC*/
#soranews_details_area_1 .news_box_top{
	overflow: hidden;
}
#soranews_details_area_1 .l_soranews_box_top {
    float: left;
    width: 700px;
    padding-right: 40px;
}
#soranews_details_area_1 .r_news_box_top {
    float: right;
    width: 300px;
}
#soranews_details_area_1 .soranews_details_box_ch{
	display: flex;
	align-items: center;
}
#soranews_details_area_1 h4{
	color:#00b55e;
	font-size: 30px;
	margin: 30px auto 40px;
}
#soranews_details_area_1 .soranews_details_box_ch p:last-of-type {
    font-size: 12px;
    color: #fff;
    background: #00b55e;
    padding: 2px 10px;
    border-radius: 10px;
    margin-left: 30px;
	width: 100px;
    text-align: center;
}
#soranews_details_area_1 .l_soranews_box_top a{
	max-width: 200px;
    display: block;
	margin: 0 15px;
}
#soranews_details_area_1 .page_box{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 70px 0 90px;
	color: #00b55e;
}
#soranews_details_area_1 h3 {
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    background: #f36f0e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
}
#soranews_details_area_1 ul a {
    display: block;
}
#soranews_details_area_1 .r_news_box_top li:last-of-type {
    padding: 20px;
    font-size: 14px;
}

#soranews_details_area_1 .r_news_box_top li {
    background: #fff;
}
#soranews_details_area_1 li:last-of-type {
    border-bottom: none;
}
#soranews_details_area_1 li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-bottom: 1px solid #aaaaaa;
}
#soranews_details_area_1 .r_news_box_top span {
    margin-left: auto;
}
#soranews_details_area_1 .r_news_box_top li:last-of-type {
    padding: 20px;
    font-size: 14px;
}

#soranews_details_area_1 .news_description ol li{
	list-style-type: decimal;
    border-bottom: none;
    padding: auto !important;
    display: list-item;
}

#soranews_details_area_1 .news_description ul{
	padding-inline-start: 40px;
}
#soranews_details_area_1 .news_description ul li{
	list-style-type: disc;
    border-bottom: none;
    padding: auto !important;
    display: list-item;
}
/*30 そらニュース（詳細）soranews_details.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#soranews_details_area_1 .page_box {
		margin: 50px 0;
	}
	#soranews_details_area_1 .l_soranews_box_top {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#soranews_details_area_1 .r_news_box_top {
		margin: 0 auto;
		float: none;
		width: 100%;
	}
	#soranews_details_area_1 .soranews_details_box p{
		font-size: 3.733333324vw;
	}
	#soranews_details_area_1 .soranews_details_box_ch p:last-of-type {
		padding: 1% 3%!important;
		border-radius: 20px!important;
	}
	#soranews_details_area_1 h4 {
		font-size: 6.66666665vw;
	}
	#soranews_details_area_1 .r_news_box_top li {
		font-size: 3.733333324vw!important;
	}
	#soranews_details_area_1 .r_news_box_top h3 {
		font-size: 4.799999988vw!important;
	}
}

/*?? お知らせ news.php*/
/*PC*/
#news_area_1 .news_box_top{
	overflow:hidden;
}
#news_area_1 .l_news_box_top{
	float:left;
	width:700px;
	padding-right: 40px;
}
#news_area_1 .r_news_box_top{
	float:right;
	width:300px;
}
#news_area_1 h3 {
    color: #fff;
    font-size: 20px;
	display: flex;
	justify-content: center;
	background: #f36f0e;
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	padding: 10px 20px;
}
#news_area_1 .l_news_box_top li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
#news_area_1 .r_news_box_top li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-top: 1px solid #aaaaaa;
}
#news_area_1 .r_news_box_top .rad_lr_btm{
    border-bottom: none;
}
#news_area_1 ul li a{
	display: block;
	width:460px;
}
#news_area_1 .l_news_box_top li p:last-of-type{
	font-size: 12px;
    color: #fff;
	background: #6ad125;
    padding: 2px 10px;
    border-radius: 10px;
    width: 100px;
    text-align: center;
    margin: 0 5px 0 0;
}
#news_area_1 .r_news_box_top li p:last-of-type{
	font-size: 12px;
	color:#fff;
	background: #6ad125;
	padding:2px 21.7px;
	border-radius: 10px;
}
#news_area_1 .r_news_box_top li{
	background: #fff;
}
#news_area_1 .r_news_box_top li:last-of-type{
	padding: 20px;
	font-size: 14px;
}
#news_area_1 .r_news_box_top a:nth-of-type(2){
	border-top:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
}
#news_area_1 .r_news_box_top span{
	margin-left: auto;
}
#news_area_1 .l_news_box_top ul:last-of-type{
	display: flex;
    justify-content: center;
	margin: 40px 0px 100px;
}
#news_area_1 .l_news_box_top .next_news_page{
	border: 1px solid #6ad125;
	color: #6ad125;
    padding: 0px 8px 2px;
    border-radius: 5px;
	margin: 0 3px;
}
#news_area_1 .l_news_box_top .bg_page{
	background: #6ad125;
	color: #fff;
}
#news_area_1 .news_wid{
	width: 100px;
}

/*?? お知らせ news.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#news_area_1 h3 {
		font-size: 4.533333322vw;
		display: flex;
    	flex-wrap: wrap;
		margin-bottom: 0;
	}
	#news_area_1 .l_news_box_top,#news_area_1 .r_news_box_top{
		float: none;
    	width: 100%; 
    	padding: 0;
	}
	#news_area_1 .l_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#news_area_1 .r_tit_top:before {
		width: 0;
		height: 0;
		background: none;
	}
	#news_area_1 .l_news_box_top p:first-of-type,#news_area_1 .r_news_box_top p:first-of-type,#news_area_1 ul li a{
		font-size: 	3.733333324vw;
	}
	#news_area_1 .r_news_box_top p:last-of-type{
		padding: 1% 5%!important;
    	border-radius: 20px!important;
		margin: 0 1%;
	}
	#news_area_1 ul li a {
		display: block;
		width: 100%;
		font-size: 3.733333324vw;
		margin-top: 20px;
	}
	#news_area_1 .next_news_page_sp{
		width:100%;
		margin-bottom: 10%;
	}
	#news_area_1 .l_news_box_top .next_news_page {
		font-size: 5.33333332vw;
		padding: 0 11px;
	}
	#news_area_1 .l_news_box_top ul:last-of-type {
		margin: 50px 0px;
	}
	#news_area_1 .r_news_box_top li:last-of-type {
		font-size: 3.733333324vw;
	}
	#news_area_1 li {
		flex-wrap: wrap;
		justify-content: left;
	}
	#news_area_1 .r_news_box_top li {
		font-size: 3.733333324vw!important;
	}
	#news_area_1 .r_news_box_top h3 {
		font-size: 4.799999988vw!important;
	}
	#news_area_1 .news_wid {
		margin-right: 3%;
		width:auto;
	}
}


/*30 お知らせ（詳細）news_details.php*/
/*PC*/
#news_details_area_1 .news_box_top{
	overflow: hidden;
}
#news_details_area_1 .l_news_box_top {
    float: left;
    width: 700px;
    padding-right: 40px;
}
#news_details_area_1 .r_news_box_top {
    float: right;
    width: 300px;
}
#news_details_area_1 .news_details_box_ch{
	display: flex;
	align-items: center;
}
#news_details_area_1 h4{
	color:#6ad125;
	font-size: 30px;
	margin: 30px auto 40px;
}
#news_details_area_1 .news_details_box_ch p:last-of-type {
    font-size: 12px;
    color: #fff;
    background: #6ad125;
    padding: 2px 10px;
    border-radius: 10px;
    margin-left: 30px;
	width:100px;
	text-align: center;
}
#news_details_area_1 .l_news_box_top .page_box a{
	max-width: 200px;
    display: block;
	margin: 0 15px;
}
#news_details_area_1 .page_box{
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 70px 0 90px;
	color: #6ad125;
}
#news_details_area_1 h3 {
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    background: #f36f0e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
}
#news_details_area_1 ul a {
    display: block;
}
#news_details_area_1 .r_news_box_top li:last-of-type {
    padding: 20px;
    font-size: 14px;
}

#news_details_area_1 .r_news_box_top li {
    background: #fff;
}
#news_details_area_1 li:last-of-type {
    border-bottom: none;
}
#news_details_area_1 li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
#news_details_area_1 .r_news_box_top span {
    margin-left: auto;
}
#news_details_area_1 .r_news_box_top li:last-of-type {
    padding: 20px;
    font-size: 14px;
}

#news_details_area_1 .news_description ol li{
	list-style-type: decimal;
    border-bottom: none;
    padding: auto !important;
    display: list-item;
}

#news_details_area_1 .news_description ul{
	padding-inline-start: 40px;
}
#news_details_area_1 .news_description ul li{
	list-style-type: disc;
    border-bottom: none;
    padding: auto !important;
    display: list-item;
}
/*30 そらニュース（詳細）soranews_details.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#news_details_area_1 .page_box {
		margin: 50px 0;
	}
	#news_details_area_1 .l_news_box_top {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#news_details_area_1 .r_news_box_top {
		margin: 0 auto;
		float: none;
		width: 100%;
	}
	#news_details_area_1 .news_details_box p{
		font-size: 3.733333324vw;
	}
	#news_details_area_1 h4 {
		font-size: 6.66666665vw;
	}
	#news_details_area_1 .r_news_box_top li {
		font-size: 3.733333324vw!important;
	}
	#news_details_area_1 .r_news_box_top h3 {
		font-size: 4.799999988vw!important;
	}
}

/*33 太陽光にまつわるサービス service.php*/
/*pc*/
#service_area_1 {
    color: #000;
    font-size: 16px;
    margin: 0 0 70px;
}
#service_area_1 ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#service_area_1 li{
	background: #fff;
	width:320px;
	border-radius: 10px;
	padding:30px;
	margin-bottom: 20px;
}
#service_area_1 li p{
	line-height: 2;
}
#service_area_1 li a{
	display: block;
}
#service_area_1 h4{
	display:flex;
	color:#00b55e;
	font-size: 20px;
	margin: 20px 0;
}
#service_area_1 h4 span{
    position: relative;
    content: '';
    width: 25px;
    height: 25px;
    background: #00b55e;
    border-radius: 50%;
	top: 3px;
	left:5px;
	display: block;
}
#service_area_1 h4 span:after {
    position: absolute;
    content: '';
    width: 6px;
    height: 6px;
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
    left: 8px;
    margin-top: -4px;
}
#service_area_1 .img_service_1_top{
	width:94px;
	display: block;
	margin: 0 auto;
}
#service_area_1 .img_service_2_top{
	width:89px;
	display: block;
	margin: 0 auto;
}
#service_area_1 .img_service_3_top{
	width:83px;
	display: block;
	margin: 5px auto 0;
}
#service_area_1 .img_service_4_top{
	width:98px;
	display: block;
	margin: 0 auto;
}
#service_area_1 .img_service_5_top{
	width:38px;
	display: block;
	margin: 0 auto 21px;
}
#service_area_1 .img_service_6_top{
	width:82px;
	display: block;
	margin: 0 auto 24px;
}

/*33 太陽光にまつわるサービス service.php*/
/*sp*/
@media screen and (max-width: 750px) {
	#service_area_1 li {
		width: 100%;
	}
	#service_area_1 h3 {
		font-size: 7.199999982vw;
	}
	#service_area_1 h4 {
		font-size: 4.533333322vw;
		margin: 0 0 20px;
		lign-items: center;
	}
	#service_area_1 h4 span {
		background: none;
	}
	#service_area_1 h4 span:after {
		position: unset;
		margin-top: 0;
	}
	#service_area_1 li p {
		font-size: 3.733333324vw;
	}
	#service_area_1 li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#service_area_1 .img_service_1_top,#service_area_1 .img_service_2_top,#service_area_1 .img_service_3_top,#service_area_1 .img_service_4_top,#service_area_1 .img_service_6_top {
		width: 25%;
		margin: 0 5% 0 0;
	}
	#service_area_1 .img_service_5_top{
		width: 16%;
		margin: 0 5% 0 3%;
	}
	#service_area_1 .service_box{
		width: 70%;
	}
}

/*41 よくある質問　qa.php*/
/*PC*/
#qa_area_1 .box{
	overflow: hidden;
}
#qa_area_1 .l_box {
    float: left;
    width: 700px;
    padding-right: 40px;
}
#qa_area_1 .r_box {
    float: right;
    width: 300px;
}
#qa_area_1 .l_box .qa_box{
	border-top: 1px solid #aaaaaa;
	border-bottom: 1px solid #aaaaaa;
}
#qa_area_1 .l_box .qa_box:last-of-type{
	border-top: none;
}
#qa_area_1 .l_box h4{
	color:#00b55e;
	font-size: 30px;
	padding: 40px 0;
}
#qa_area_1 .l_box h5{
	font-size: 20px;
	margin: 30px 0;
	display: flex;
	align-items: center;
}
#qa_area_1 .l_box h5 img{
    width: 47px;
	margin-right:5px;
}
#qa_area_1 .l_box h5:hover{
	opacity: 0.5;
	transition: 0.5s;
	cursor: pointer;
}
#qa_area_1 .l_box .txt_area_box{
	background: #fff;
	padding: 20px 30px;
	margin: 0 20px 30px 27px;
}
#qa_area_1 .l_box .txt_area{
	text-indent: -1em;
	padding-left: 1em;
}
#qa_area_1 .l_box .txt_area span{
	color:#00b55e;
	font-size: 20px;
	font-weight: bold;
	margin-right: 5px;
}
#qa_area_1 .l_box a{
	max-width: 200px;
    display: block;
	margin: 0 15px;
}
#qa_area_1 h3 {
    color: #fff;
    font-size: 20px;
    display: flex;
    justify-content: center;
    background: #f36f0e;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    padding: 10px 20px;
}
#qa_area_1 ul a {
    display: block;
}
#qa_area_1 .r_box li:last-of-type {
    padding: 20px;
    font-size: 14px;
}

#qa_area_1 .r_box li {
    background: #fff;
}
#qa_area_1 li:last-of-type {
    border-bottom: none;
}
#qa_area_1 li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
#qa_area_1 .r_box span {
    margin-left: auto;
}
#qa_area_1 .r_box li:last-of-type {
    padding: 20px;
    font-size: 14px;
}
#qa_area_1 .pan {
    margin-top: 100px;
}
#qa_area_1 .txt_area_box{
	display:none;
	overflow: hidden;
}
#qa_area_1 h5.open:after {
    content: url(../images/close.png);
    cursor: pointer;
    margin: 0 20px 0 auto;
}
#qa_area_1 h5:after {
	content: url(../images/open.png);
	cursor: pointer;
	margin: 0 20px 0 auto;
}
/*41 よくある質問　qa.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#qa_area_1 .l_box {
		float: none;
		width: 100%;
		padding-right: 0;
	}
	#qa_area_1 .r_box {
		margin: 0 auto;
		float: none;
		width: 100%;
		margin-top: 90px;
	}
	#qa_area_1 .l_box p{
		font-size: 3.199999992vw;
	}
	#qa_area_1 h4 {
		font-size: 6.933333316vw!important;
	}
	#qa_area_1 .l_box .txt_area_box{
		background: #fff;
		padding: 20px;
		margin: 0 0 30px 0;
	}
	#qa_area_1 .l_box h5 {
		align-items: flex-start;
		font-size: 4.533333322vw;
	}
	#qa_area_1 .l_box .qa_box{
		padding-bottom: 0;
	}
	#qa_area_1 .r_box li {
		font-size: 3.733333324vw!important;
	}
	#qa_area_1 .r_box h3 {
		font-size: 4.799999988vw!important;
	}
	
}

/* 個人情報保護 */
@media screen and (max-width: 750px) {
	.protection_wrapper{
		box-sizing: border-box;
		padding:0 20px;
	}
}

/*45 ご利用規約　policy.php*/
/*PC*/
#policy_area_1{
	line-height: 1.8;
}
#policy_area_1 h2{
	font-size: 1.5em;
    color: #f36f0e;
	margin-bottom:20px;
}
#policy_area_1 h3{
	font-size: 16px;
	margin-top:40px;
    color: #00b55e;
}
#policy_area_1 h4{
	font-size: 15px;
}
#policy_area_1 h3:first-child {
    margin-top: 0;
}
#policy_area_1 p{
	font-size: 14px;
}

#policy_area_1 table{
	width:80%;
}
@media screen and (max-width: 750px) {
	#policy_area_1 table{
		width:100%;
	}
}
#policy_area_1 table.personal td:first-child{
	width:155px;
}

#policy_area_1 table td{
	font-size: 14px;
}

#policy_area_1 table[border="1"] td{
    border-top: 1px solid #333;
    border-left: 1px solid #333;
	padding:6px;
}
#policy_area_1 table[border="1"]{
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    border-spacing: 0;
}

/*45 ご利用規約　policy.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#policy_area_1 h3{
		font-size: 	4.533333322vw;
	}
	#policy_area_1 p{
		font-size: 	3.733333324vw;
	}
}

/*46 運営会社　company.php*/
/*PC*/
#company_area_1{
	background: #fff;
	padding:70px 30px 50px;
	line-height: 1.8;
	border-radius: 5px;
}
#company_area_1 h4{
	width:230px;
}
#company_area_1 .color,#company_area_2 .color{
	color: #9ed3f8;
	border-bottom: 1px solid #9ed3f8;
    padding: 1px;
}
#company_area_1 .btn{
	padding: 3px 10px;
    background: #00b55e;
    color: #fff;
	border-radius:5px;
	margin-top: 15px;
    display: inline-block;
	width: 120px;
	position: relative;
}
#company_area_1 .btn img{
    width: 12px;
    height: 8px;
	position: absolute;
    right: 10px;
    top: 15px;
}
#company_area_1 .txt_box{
	display: flex;
    margin-bottom: 20px;
	padding-bottom: 20px;
    border-bottom: 1px solid #f2f2f2;
}
#company_area_1 .txt_box:last-child{
	margin-bottom: 0;
	border-bottom: 0;
	padding-bottom: 0;
}
#company_area_2{
	line-height: 1.8;
}
#company_area_2 h3{
	color: #00b55e;
	font-size: 34px;
	margin: 60px auto 30px;
	border-bottom:4px solid #00b55e;
	display: table;
}
#company_area_2 p{
	margin-top: 20px
}
#company_area_2 .pan{
	margin-top: 90px;
}

/*46 運営会社　company.php*/
/*SP*/
@media screen and (max-width: 750px) {
	#company_area_1{
		padding:70px 30px;
	}
	#company_area_1 .txt_box{
		display: block;
		margin-bottom: 30px;
		padding-bottom: 30px;
	}
	#company_area_1 .txt_box,#company_area_2_sp .txt_box{
		font-size: 	3.733333324vw;
	}
	#company_area_1 .btn{
		font-size: 3.199999992vw;
		overflow: hidden;
		width: 100%;
	}
	#company_area_1 .btn img{
		width: 7%;
		max-width: 21px;
		min-width: 13px;
		height: auto;
		position: static;
	}
	#company_area_1 .btn span{
		font-size: 2.866666662vw;
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	#company_area_2_sp .color {
		color: #9ed3f8;
		border-bottom: 1px solid #9ed3f8;
		padding: 1px;
	}
	#company_area_2_sp h3{
		font-size: 5.866666652vw;
		margin: 40px auto 30px;
		color: #00b55e;
		border-bottom: 4px solid #00b55e;
		display: table;
	}
	#company_area_2_sp p{
		margin-top: 0;
	}
	#company_area_2_sp .gmap {
		height: 0;
		overflow: hidden;
		padding-bottom: 56.25%;
		position: relative;
	}
	#company_area_2_sp .gmap iframe {
		position: absolute;
		left: 0;
		top: 0;
		height: 100%;
		width: 100%;
	}
}

/* ======= サブページ ======= */

/* 物件詳細 */
.sub_wrapper h2.detail{
	position: relative;
	font-size:34px;
	padding: 0 20px 20px 20px;
    margin: 0 10px 30px 0;
}

.sub_wrapper h2.detail:hover{
	opacity: 1;
	transition: 1s;
}

.sub_wrapper h2.detail:before {
	position: absolute;
	top: 7%;
	left: 0;
	width: 6px;
	height: 60%;
	content: '';
	border-radius: 3px;
	background: #000;
}

.sub_wrapper .detail_box{
	position:relative;
	display:flex;
	flex-wrap:wrap;
	padding:30px 20px;
	border:1px solid #00b55e;
	background-color:#fff;
	margin-bottom:40px;
}

/* ここからbid.php用に追加 */
.sub_wrapper .detail_box h3{
	width:100%;
	background-color:#00b55e;
	padding:6px 0;
	border-radius: 10px;
	color:#fff;
	text-align: center;
	margin-bottom:50px;
}

.sub_wrapper .detail_box form{
	width:100%;
}

.sub_wrapper .detail_box form input,
.sub_wrapper .detail_box form select{
	width:auto;
}

/* ここまでbid.php */

.sub_wrapper .detail_box .new_label{
	position:absolute;
	top:0;
	right:0;
	border-bottom: 3em solid transparent;
	border-right: 3em solid #eb0606; 
	background-color:transparent;
	z-index:2;
}

.sub_wrapper .detail_box .new_text{
	font-size:14px;
	position:absolute;
	top: 5px;
	right: 1px;
	color:#fff;
	transform: rotate(45deg);
	z-index:3;
}

.sub_wrapper .detail_box .slide_box{
	width:450px;
	margin-right:20px;
}

.sub_wrapper .detail_box .boxbackground {
	position: relative;
	background-size: cover;
}

.sub_wrapper .detail_box .boxbackground.success {
	border:2px solid #ff7800;
	box-sizing:border-box;
}

.sub_wrapper .detail_box .boxbackground::after {
	content: ' ';
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	background-size: cover;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sub_wrapper .detail_box .box1{
	position: absolute;
	width: 450px;
	text-align: center;
}

.sub_wrapper .detail_box .box1 h1{
	margin-top: 122px;
	color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .slide_box{
		width:100%;
		margin-right:0;
	}
	
	.sub_wrapper .detail_box .box1{
		position: absolute;
		width: 100%;
		text-align: center;
		content: ' ';
		top: 19%;
		left: 1%;
	}

}


@media screen and (max-width: 500px){
	.sub_wrapper .detail_box .slide_box{
		width:100%;
		margin-right:0;
	}
	
	.sub_wrapper .detail_box .box1{
		position: absolute;
		width: 100%;
		text-align: center;
		content: ' ';
		top: 14%;
		left: 1%;
	}

}

@media screen and (max-width: 450px){
	.sub_wrapper .detail_box .slide_box{
		width:100%;
		margin-right:0;
	}
	
	.sub_wrapper .detail_box .box1{
		position: absolute;
		width: 100%;
		text-align: center;
		content: ' ';
		top: 11%;
		left: 1%;
	}

}


.sub_wrapper .slider,
.sub_wrapper .slider2{
	width: 450px;
	margin:0 auto 10px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .slider,
	.sub_wrapper .slider2{
		width: 100%;
	}
}

.slick-prev{
	left:8px;
	z-index: 2;
}

.slick-next{
	right:8px;
	z-index: 2;
}

.sub_wrapper .detail_box .thumbnail-item{
	height:72px;
}
.sub_wrapper .detail_box .thumbnail-item2{
	height:72px;
}
.sub_wrapper .detail_box .slick-slide{
	height:300px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .slick-slide{
		height:100%;
	}
	.sub_wrapper .detail_box .thumbnail-item{
		height:50px;
	}
}

.sub_wrapper #thumbnail-list,
.sub_wrapper #thumbnail-list2{
	width: 450px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap:wrap;
}
@media screen and (max-width: 750px){
	.sub_wrapper #thumbnail-list,
	.sub_wrapper #thumbnail-list2{
		width: 100%;
	}
}
.sub_wrapper .thumbnail-item,
.sub_wrapper .thumbnail-item2{
	flex: 0 1 24%;
	margin-bottom: 10px;
	box-sizing: border-box;
	position:relative;
}
.sub_wrapper .thumbnail-item:after,
.sub_wrapper .thumbnail-item2:after{
	content:'';
	background-color: rgba(0,0,0,0.5);
	position:absolute;
	display: block;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 1;
	transition: .3s opacity linear;
}
.sub_wrapper .thumbnail-current:after,
.sub_wrapper .thumbnail-current2:after{
	opacity: 0;
}

.sub_wrapper .detail_box .info_box{
	width:488px;
}
.sub_wrapper .detail_box .info_box2{
	width:450px;
}

.sub_wrapper .detail_box .info_box .top{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom:14px;
}

.sub_wrapper .detail_box .info_box .tags ul li{
	text-align: center;
	display:inline-block;
	font-weight:bold;
	font-size:14px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .tags ul li{
		text-align: center;
		display:inline-block;
		font-weight:bold;
		font-size:14px;
	}
}

.sub_wrapper .detail_box .info_box .tags ul li.sun{
	padding:4px 10px;
	background-color:#00b55e;
	color:#fff;
}

.sub_wrapper .detail_box .info_box .tags ul li.wind{
	padding:4px 10px;
	background-color:#1e6adb;
	color:#fff;
}

@media screen and (max-width: 750px){
	.sub_wrapper .tags ul li.sun{
		padding:4px 10px;
		background-color:#00b55e;
		color:#fff;
	}

	.sub_wrapper .tags ul li.wind{
		padding:4px 10px;
		background-color:#1e6adb;
		color:#fff;
	}
}

.sub_wrapper .detail_box .info_box .tags ul li.new{
	padding:4px 10px;
	background-color:#f36f0e;
	color:#fff;
}

.sub_wrapper .detail_box .info_box .tags ul li.old{
	padding:4px 10px;
	background-color:#00b55e;
	color:#fff;
}

@media screen and (max-width: 750px){
	.sub_wrapper .tags ul li.new{
		padding:4px 10px;
		background-color:#f36f0e;
		color:#fff;
	}

	.sub_wrapper .tags ul li.old{
		padding:4px 10px;
		background-color:#00b55e;
		color:#fff;
	}

}

.sub_wrapper .detail_box .info_box .tags ul li.buy{
	border:2px solid #eb0606;
	padding:2px 6px;
	background-color:#fff;
	color:#eb0606;
}

.sub_wrapper .detail_box .info_box .tags ul li.meeting{
	border:2px solid #eb0606;
	padding:2px 6px;
	background-color:#eb0606;
	color:#fff;
}

.sub_wrapper .detail_box .info_box .tags ul li.sold{
	border:2px solid #aaaaaa;
	padding:2px 6px;
	background-color:#aaaaaa;;
	color:#fff;
}

@media screen and (max-width: 750px){
	.sub_wrapper .tags ul li.buy{
		border:2px solid #eb0606;
		padding:2px 6px;
		background-color:#fff;
		color:#eb0606;
	}

	.sub_wrapper .tags ul li.meeting{
		border:2px solid #eb0606;
		padding:2px 6px;
		background-color:#eb0606;
		color:#fff;
	}

	.sub_wrapper .tags ul li.sold{
		border:2px solid #aaaaaa;
		padding:2px 6px;
		background-color:#aaaaaa;;
		color:#fff;
	}

}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .top .no{
		margin: 10px 0;
	}
}
/*@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .no{
		padding-right:0;
	}
}*/

.sub_wrapper .detail_box .info_box .price,
.sub_wrapper .detail_box .info_box .yield{
	margin-bottom:20px;
	letter-spacing: 2px;
	padding-bottom: 18px;
	border-bottom: 1px solid #ccc;
}

.sub_wrapper .detail_box .info_box .price .inner,
.sub_wrapper .detail_box .info_box .yield .inner{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding:0;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .price .inner,
	.sub_wrapper .detail_box .info_box .yield .inner{
		display: block;
		padding:0;
	}
}

.sub_wrapper .detail_box .info_box .price .ttl,
.sub_wrapper .detail_box .info_box .yield .ttl{
	font-size:18px;
	font-weight:bold;
}

.sub_wrapper .detail_box .info_box .price .ttl span,
.sub_wrapper .detail_box .info_box .yield .ttl span{
	font-size:12px;
}

.sub_wrapper .detail_box .info_box .price .yen,
.sub_wrapper .detail_box .info_box .yield .percent{
	font-size:18px;
	font-weight:bold;
	text-align: right;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .price .yen,
	.sub_wrapper .detail_box .info_box .yield .percent{
		text-align: left;
	}
}

.sub_wrapper .detail_box .info_box .price .yen .point,
.sub_wrapper .detail_box .info_box .yield .percent .point{
	color:#f36f0e;
	font-size:30px;
}
@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .price .yen .point,
	.sub_wrapper .detail_box .info_box .yield .percent .point{
		font-size:6.66666665vw;
	}
}
.sub_wrapper .detail_box .info_box .caution{
	display:block;
	font-size:12px;
	font-weight:normal;
	text-align: right;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .caution{
		text-align: left;
	}
}

.sub_wrapper .detail_box .info_box .dls,
.sub_wrapper .detail_box .info_box2 .dls{
	margin-bottom:22px;
}

.sub_wrapper .detail_box .info_box .dls ul,
.sub_wrapper .detail_box .info_box2 .dls ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.sub_wrapper .detail_box .info_box .dls ul li,
.sub_wrapper .detail_box .info_box2 .dls ul li{
	border-top:1px solid #00b55e;
	border-right:5px solid #00b55e;
	border-bottom:5px solid #00b55e;
	border-left:1px solid #00b55e;
	border-radius: 6px;
	width:32.5%;
	text-align:center;
}

.sub_wrapper .detail_box .info_box .dls ul li a,
.sub_wrapper .detail_box .info_box2 .dls ul li a{
	width:100%;
	display:block;
	padding:10px 0;
	color:#00b55e;
	font-size:14px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .dls ul li a,
	.sub_wrapper .detail_box .info_box2 .dls ul li a{
		font-size:2vw;
	}
}

.sub_wrapper .detail_box .info_box .user_option{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

.sub_wrapper .detail_box .info_box .user_option .contact,
.sub_wrapper .detail_box .info_box .user_option .contact_middle{
	width:68%;
	height:91px;
	position:relative;
	background-color:#f36f0e;
	border-right:3px solid #7a3604;
	border-bottom:3px solid #7a3604;
	border-radius: 6px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .user_option .contact,
	.sub_wrapper .detail_box .info_box .user_option .contact_middle{
		width:62%;
		height:auto;
	}
}

.sub_wrapper .detail_box .info_box .user_option .contact:after,
.sub_wrapper .detail_box .info_box .user_option .contact_middle:after{
	position:absolute;
	top:43%;
	right:20px;
	content:"";
	display: inline-block;
	width: 9px;
	height: 15px;
	background-image: url(../images/white_arrow.png);
	background-size: contain;
	vertical-align: middle;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .user_option .contact:after,
	.sub_wrapper .detail_box .info_box .user_option .contact_middle:after{
		top:40%;
	}
}

.sub_wrapper .detail_box .info_box .user_option .contact a,
.sub_wrapper .detail_box .info_box .user_option .contact_middle a{
	width:100%;
	display:block;
	padding: 32px 20px;
	color:#fff;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .user_option .contact a,
	.sub_wrapper .detail_box .info_box .user_option .contact_middle a{
		font-size:3vw;
		padding:26px;
		font-weight: bold;
	}
}

.sub_wrapper .detail_box .info_box .user_option .fav,
.sub_wrapper .detail_box .info_box .user_option .fav_after,
.sub_wrapper .detail_box .info_box .user_option .fav_middle{
	width:31%;
	position:relative;
	background-color:#00b55e;
	border-right:3px solid #2f7003;
	border-bottom:3px solid #2f7003;
	border-radius: 6px;
}

.sub_wrapper .detail_box .info_box .user_option .fav_after{
	background-color:#aaaaaa;
	border-right:3px solid #5e5e5e;
	border-bottom:3px solid #5e5e5e;
}


@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .user_option .fav,
	.sub_wrapper .detail_box .info_box .user_option .fav_after,
	.sub_wrapper .detail_box .info_box .user_option .fav_middle{
		width:36%;
	}
}

.sub_wrapper .detail_box .info_box .user_option .fav:before,
.sub_wrapper .detail_box .info_box .user_option .fav_after:before,
.sub_wrapper .detail_box .info_box .user_option .fav_middle:before{
	position:absolute;
	top:36%;
	left:10px;
	content:"";
	display: inline-block;
	width: 22px;
	height: 22px;
	background-image: url(../images/fav.png);
	background-size: contain;
	vertical-align: middle;
}

.sub_wrapper .detail_box .info_box .user_option .fav span,
.sub_wrapper .detail_box .info_box .user_option .fav_after span,
.sub_wrapper .detail_box .info_box .user_option .fav_middle span{
	width:100%;
	display:block;
	padding: 20px 0 20px 40px;
	color:#fff;
	cursor: default;
}

.sub_wrapper .detail_box .info_box .user_option .fav span,
.sub_wrapper .detail_box .info_box .user_option .fav_middle span{
	cursor: pointer;
}

.swal-button--cancel,
.swal-button--cancel:hover,
.swal-button--cancel:active,
.swal-button--cancel:not([disabled]):hover{
	background-color:#e0dddd !important;
}

.swal-button,
.swal-button:hover,
.swal-button:active,
.swal-button:not([disabled]):hover{
	background-color:#00b55e;
}

.swal-icon img {
    max-width: 10%;
    max-height: 10%;
}

.swal-footer {
    text-align: center;
    padding-top: 13px;
    margin-top: 13px;
    padding: 13px 16px;
    border-radius: inherit;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .user_option .fav span,
	.sub_wrapper .detail_box .info_box .user_option .fav_after span,
	.sub_wrapper .detail_box .info_box .user_option .fav_middle span{
		font-size:2vw;
		font-weight: bold;
	}
}

.sub_wrapper .detail_box .info_box .bid_detail_box .detail_item_box{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_box .info_box .bid_detail_box .detail_item_box{
		display:block;
	}
}

.sub_wrapper .detail_box .info_box .bid_detail_box .item_box_2_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
	width:49%;
}
.sub_wrapper .detail_box .info_box .bid_detail_box p:first-child,
.sub_wrapper .detail_box .info_box .bid_detail_box .item_box_2_top p:last-child{
	white-space: nowrap;
}

.sub_wrapper .detail_box .info_box .bid_detail_box .line_1_top {
    border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}

.sub_wrapper .detail_box .info_box .bid_detail_box p span{
	width:120px;
	display: inline-block;
}

.sub_wrapper .detail_box .info_box .bid_detail_box .detail_ttl{
	display:flex;
	flex-wrap:wrap;
	align-items: center;
}

.sub_wrapper .detail_box .info_box .bid_detail_box .detail_ttl .ttl_status{
	color:#fff;
	padding:20px;
	margin-right:20px;
}

.ttl_status.bid{
	background-color:#f36f0e;
}
.ttl_status.bid_wait{
	background-color:#1eb9ff;
}
.ttl_status.success{
	background-color:#ff147d;
}
.ttl_status.faild{
	background-color:#000;
}
.ttl_status.upset{
	background-color:#000;
}

.bid_done{
	display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 5px;
	background-color: #ffffd9;
}

@media screen and (max-width: 750px){
	.bid_done{
		display: block;
	}
}

.bid_done p:first-child {
    background-color: #f36f0e;
    padding: 4px 16px;
    color: #fff;
    position: relative;
	width:190px;
}

@media screen and (max-width: 750px){
	.bid_done p:first-child {
		width:100%;
	}
}

.bid_done.success p:first-child {
	color: #fff;
	background-color: #ff147d;
}

.bid_done p:first-child:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    width: 0;
    height: 0;
    border-style: solid;
    border-color: transparent transparent transparent #f36f0e;
    border-width: 16px 5px 16px 5px;
}

.bid_done.success p:first-child:after {
	border-color: transparent transparent transparent #ff147d;
}

.bid_done p{
	color:#f58229;
	padding-right:10px;
	font-weight: bold;
}

@media screen and (max-width: 750px){
	.bid_done p{
		padding:0 10px;
	}
}

.bid_done.success p{
	color:#ff147d;
	padding-right:10px;
	font-weight: bold;
}

.sihhan_field{
	margin:20px 0;
}

.sihhan_field .sinhan_info{
	color:#ff147d;
	font-size:16px;
	font-weight:bold;
	text-align: center;
}

.sihhan_field .sinhan_text{
	color:#fff;
	background-color:#ff147d;
	padding:12px;
	text-align: center;
}




.sub_wrapper .detail_box .bid_button_box{
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
	align-items: center;
	margin:20px 0;
}
.sub_wrapper .detail_box .bid_button{
	background-color:#00b55e;
	color:white;
	border-radius: 10px;
	width:200px;
	text-align: center;
	margin-bottom:12px;
	border-bottom: 2px solid #005c30;
    border-right: 2px solid #005c30;
}

.sub_wrapper .detail_box .bid_button.done{
	width:160px;
}

.sub_wrapper .detail_box .bid_button a{
	display:block;
	width:100%;
	padding:10px;
}

.sub_wrapper .detail_box .bid_button.end{
	background-color: #989898;
	padding:10px;
	border-bottom: 2px solid #414141;
    border-right: 2px solid #414141;
}

.sub_wrapper .detail_box .bid_button.decision{
	background-color: #f36f0e;
	border-bottom: 2px solid #7a3604;
    border-right: 2px solid #7a3604;
}

.sub_wrapper .detail_box .bid_button.cancel{
	background-color: #a2a2a2;
	padding:10px;
	cursor: pointer;
	border-bottom: 2px solid #414141;
    border-right: 2px solid #414141;
}

.sub_wrapper .sails_comment{
	background-color:#f2fcf7;
	padding:20px;
	margin-bottom:40px;
}

.sub_wrapper .sails_comment h3{
	position:relative;
	font-size:18px;
	padding: 0 20px 20px 60px;
}

.sub_wrapper .sails_comment h3:before{
	position:absolute;
	top:-2px;
	left:10px;
	content:"";
	display: inline-block;
	width: 42px;
	height: 41px;
	background-image: url(../images/sails_comment_icon.png);
	background-size: contain;
	vertical-align: middle;
}


.sub_wrapper .detail_tab_box{
	margin-bottom:40px;
}

.sub_wrapper .detail_tab_box .tab-Wrap {
	display: flex;
	flex-wrap: wrap;
	margin:20px 0;
}

.sub_wrapper .detail_tab_box .tab-Wrap:after {
	content: '';
	width: 100%;
	height: 3px;
	background: #00b55e;
	display: block;
	order: -1;
}

.sub_wrapper .detail_tab_box .tab-label {
	color: White;
	background: LightGray;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	padding: 16px .5em 10px;
	order: -1;
	position: relative;
	z-index: 1;
	cursor: pointer;
	border-radius: 5px 5px 0 0;
	flex: 1;
}
.sub_wrapper .detail_tab_box .tab-label:hover {
	background: #00b55e;
}
@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-label {
		font-size:3.5vw;
	}
}

.sub_wrapper .detail_tab_box .tab-label span{
	display:inline-block;
	vertical-align: middle;
	margin-right:8px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-label span{
		display:block;
		margin:0;
	}
}

.sub_wrapper .detail_tab_box .tab-label img{
	width:auto;
}

.sub_wrapper .detail_tab_box .tab-label:not(:last-of-type) {
	margin-right: 5px;
}

.sub_wrapper .detail_tab_box .tab-content {
	width: 100%;
	height: 0;
	overflow: hidden;
	opacity: 0;
	background-color:#fff;
}

.sub_wrapper .detail_tab_box .tab-content .inner{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	width:100%;
}

.sub_wrapper .detail_tab_box .tab-content h4{
	position: relative;
	color:#00b55e;
	font-size: 18px;
	padding: 20px;
}

.sub_wrapper .detail_tab_box .tab-content h4:before{
	position: absolute;
	top: 25%;
	left: 0;
	width: 6px;
	height: 50%;
	content: '';
	border-radius: 3px;
	background: #00b55e;
}

.sub_wrapper .detail_tab_box .tab-switch:checked+.tab-label {
	background: #00b55e;
}

.sub_wrapper .detail_tab_box .tab-switch:checked+.tab-label+.tab-content {
	height: auto;
	overflow: auto;
	padding: 15px;
	opacity: 1;
	transition: .5s opacity;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
}

.sub_wrapper .detail_tab_box .tab-switch {
	display: none;
}

.sub_wrapper .detail_tab_box .tab-content .inner .overview_left,
.sub_wrapper .detail_tab_box .tab-content .inner .overview_right{
	width:49%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-content .inner .overview_left,
	.sub_wrapper .detail_tab_box .tab-content .inner .overview_right{
		width:100%;
	}
}

.sub_wrapper .detail_tab_box .tab-content .inner table,
.sub_wrapper .detail_tab_box .tab-content .inner td{
	border-collapse: collapse;
	border:1px solid #333;
}

.sub_wrapper .detail_tab_box .tab-content .inner table{
	width:100%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-content .inner table{
		margin-bottom:20px;
	}
}

.sub_wrapper .detail_tab_box .tab-content .inner td{
	padding:10px;
	width:60%;
}

.sub_wrapper .detail_tab_box .tab-content .inner td:first-child{
	background-color:#f2f2f2;
	width:40%;
}

.sub_wrapper .detail_tab_box .tab-content .inner td .point{
	color:#f36f0e;
}

.sub_wrapper .detail_tab_box .tab-content .inner .option_left,
.sub_wrapper .detail_tab_box .tab-content .inner .option_center,
.sub_wrapper .detail_tab_box .tab-content .inner .option_right{
	width:32%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-content .inner .option_left,
	.sub_wrapper .detail_tab_box .tab-content .inner .option_center,
	.sub_wrapper .detail_tab_box .tab-content .inner .option_right{
		width:100%;
	}
}

.sub_wrapper .detail_tab_box .tab-content .inner .module_left,
.sub_wrapper .detail_tab_box .tab-content .inner .module_right{
	width:49%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .detail_tab_box .tab-content .inner .module_left,
	.sub_wrapper .detail_tab_box .tab-content .inner .module_right{
		width:100%;
	}
}


.sub_wrapper .company_data{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	padding:20px;
	background-color:#fff;
	margin-bottom:40px;
}


.sub_wrapper .company_data .ttl{
	font-size:20px;
	/*font-weight:bold;*/
	width:29%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .company_data .ttl{
		width:100%;
	}
}

.sub_wrapper .company_data .ttl span{
	display:inline-block;
	vertical-align: middle;
	margin-right:8px;
}

.sub_wrapper .company_data .ttl span img{
	width:auto;
}

.sub_wrapper .company_data .content{
	/*font-weight:bold;*/
	width:69%;
}

@media screen and (max-width: 750px){
	.sub_wrapper .company_data .content{
		width:100%;
	}
}

.sub_wrapper .company_data .content .name{
	font-size:26px;
}
.sub_wrapper .company_data .content .tel{
	font-size:22px;
}
@media screen and (max-width: 750px){
	.sub_wrapper .company_data .content .tel{
		font-weight:bold;
	}
}

.sub_wrapper .company_data .content .tel span{
	font-size:30px;
}
.sub_wrapper .company_data .content .addr{
	font-size:18px;
}

.sub_wrapper .annotation{
	/*margin-bottom:40px;*/
	/*margin-bottom:100px;*/
	font-size:14px;
}

.sub_wrapper .pan{
	font-size:14px;
}
@media screen and (max-width: 750px){
	.sub_wrapper .pan{
		margin-top:90px;
	}
}
/* 新規会員仮登録 */
.sub_wrapper .can_box{
	background-color:#fff;
	border-radius:6px;
	background-image:url("../images/can_box_bg.png");
	background-repeat: no-repeat;
	background-position:50% 20px;
	padding:30px;
	margin-bottom:20px;
}

.sub_wrapper .can_box h3.pc{
	display:block;
	width:534px;
	margin:0 auto 10px;
}

.sub_wrapper .can_box h3.sp{
	display:none;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box h3.pc{
		display:none;
	}
	.sub_wrapper .can_box h3.sp{
		display:block;
		margin-bottom:20px;
	}
}


.sub_wrapper .can_box ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
}

.sub_wrapper .can_box ul li{
	position:relative;
	border-top:3px solid #f36f0e;
	border-left:3px solid #f36f0e;
	border-right:7px solid #f36f0e;
	border-bottom:7px solid #f36f0e;
	border-radius:12px;
	width:30%;
	background-color:#fff;
	min-height:200px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box ul li{
		position:static;
		width:100%;
		min-height:auto;
		margin-bottom:10px;
	}
}

.sub_wrapper .can_box ul li div,
.sub_wrapper .can_box ul li p{
	text-align: center;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box ul li div,
	.sub_wrapper .can_box ul li p{
		text-align: left;
	}
}

.sub_wrapper .can_box ul li p{
	width:200px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box ul li div{
		width:45%;
	}
	.sub_wrapper .can_box ul li p{
		width:50%;
		font-size:3.6vw;
	}
}

.sub_wrapper .can_box ul li p span.point{
	color:#f36f0e;
}

.sub_wrapper .can_box ul li .num{
	position: absolute;
	top: -2px;
	left: -3px;
	background-color: #f36f0e;
	color: #fff;
	border-radius: 6px;
	padding: 10px 20px;
}

.sub_wrapper .can_box ul li .inner{
	width:auto;
	padding:0;
	position:absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit-transform: translateY(-50%) translateX(-50%);
	font-size:20px;
	font-weight:bold;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box ul li .inner{
		position:static;
		transform: translateY(0) translateX(0);

		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
		align-items: center;

		padding: 20px 5px 20px 10px;
	}
}

.sub_wrapper .can_box ul li:first-child img{
	width:175px;
}
.sub_wrapper .can_box ul li:nth-child(2) img{
	width:148px;
}
.sub_wrapper .can_box ul li:last-child img{
	width:106px;
}

@media screen and (max-width: 750px){
	.sub_wrapper .can_box ul li:first-child img,
	.sub_wrapper .can_box ul li:nth-child(2) img{
		width:100%;
	}

	.sub_wrapper .can_box ul li:last-child img{
		width:80%;
	}
}

.sub_wrapper h4.entry{
	font-weight:normal;
	text-align:center;
	margin-bottom:10px;
}

.sub_wrapper .req_text{
	font-size:12px;
	margin-bottom:20px;
	color:#eb0606;
}

.sub_wrapper .req{
	color:#eb0606;
	font-size:12px;
}

.sub_wrapper .req_houjin{
	color:#eb0606;
	font-size:12px;
	display: none;
}

.sub_wrapper .form_error_text_front{
	font-size:14px;
	color:#eb0606;
	margin-left:30%;
}


.sub_wrapper .form_error_text_front_d{
	font-size:14px;
	color:#eb0606;
	margin-left:0;
}
@media screen and (max-width: 750px){
	form.entry .box{
		display:block;
	}
	form.entry .box .ttl{
		width:100%;
		margin-bottom:10px;
	}
	form.entry .box .inp{
		width:100%;
	}
	form.entry .box.agree{
		display:flex;
		align-items: baseline;
		text-align: center;
	}
	form .box.agree .ttl{
		width:5%;
	}
	form .box.agree .inp{
		width:90%;
		margin-left: 10px;
	}
	form .box.agree .inp_wid{
		width: 177px;
    	margin-left: 10px;
	}
	form .box.agree .inp_wid_2{
		width: 337px;
    	margin-left: 10px;
	}

	.sub_wrapper .form_error_text_front{
		font-size:14px;
		color:#eb0606;
		margin-left: 0%;
	}
}

/* introduction */
form.introduction h3{
	color:#00b55e;
	text-align:center;
	margin-bottom: 20px;
}

form.introduction .use{
	text-align:center;
	margin-bottom: 6px;
}

form.introduction .map_box{
	background-color:#fff;
	padding:40px 72px;
	margin-bottom:40px;
}

form.introduction .map_box.sp{
	padding:20px;
}

form.introduction .search_box{
	background-color:#fff;
	padding:20px;
	margin-bottom:40px;
}

@media screen and (max-width: 750px) {
	form.introduction .search_box .box{
		display:block;
	}
	form.introduction .search_box .ttl,
	form.introduction .search_box .inp{
		width:100%;
	}
	form.introduction .search_box .ttl{
		font-weight:bold;
	}
}

form.introduction .map_box h3,
form.introduction .search_box h3{
	text-align: center;
}

form.introduction .map_box h3 p,
form.introduction .search_box h3 p{
	display:inline-block;
	border-bottom:2px solid #00b55e;
	padding-bottom:4px;
	font-size:26px;
	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	form.introduction .map_box h3 p,
	form.introduction .search_box h3 p{
		font-size:6.5vw;
	}
}

form.introduction .map_box .map{
	height:555px;
	position:relative;
	margin-bottom:50px;
}

form.introduction .map_box .map .chip{
	position: absolute;
	text-align:center;
	border-radius:6px;
	cursor: pointer;
}

form.introduction .map_box .map .chip .sets{
	position:relative;
}


form.introduction .map_box .map label{
	display:block;
	color:#fff;
	background-color:#c4c4c4;
	border-radius:6px;
	cursor: pointer;
	position: absolute;
}

form.introduction .map_box .map .chip input[type="checkbox"] {
	top:0;
	left:0;
	opacity:0;
	cursor: pointer;
	position: absolute;
	z-index:1;
}

form.introduction .map_box .map .chip input[type="checkbox"]:checked+label {
	background: #00b55e;
	font-weight: 500;
	color: #fff;
}

form.introduction .map_box .map .chip label{
	line-height: 54px;
}

/* 北海道 */
form.introduction .map_box .map .chip.hokkaido,
form.introduction .map_box .map .chip.hokkaido label,
form.introduction .map_box .map .chip.hokkaido input[type="checkbox"]{
	width:110px;
	height:110px;
}
form.introduction .map_box .map .chip.hokkaido label{
	line-height:110px;
}
form.introduction .map_box .map .chip.hokkaido{
	top: 0;
	right: 0;
}

/* 青森 */
form.introduction .map_box .map .chip.aomori,
form.introduction .map_box .map .chip.aomori label,
form.introduction .map_box .map .chip.aomori input[type="checkbox"]{
	width:110px;
	height:30px;
}
form.introduction .map_box .map .chip.aomori label{
	line-height:30px;
}
form.introduction .map_box .map .chip.aomori{
	top: 118px;
	right: 0;
}

/* 岩手 */
form.introduction .map_box .map .chip.iwate,
form.introduction .map_box .map .chip.iwate label,
form.introduction .map_box .map .chip.iwate input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.iwate{
	top: 150px;
	right: 0;
}

/* 秋田 */
form.introduction .map_box .map .chip.akita,
form.introduction .map_box .map .chip.akita label,
form.introduction .map_box .map .chip.akita input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.akita{
	top: 150px;
	right: 56px;
}

/* 宮城 */
form.introduction .map_box .map .chip.miyagi,
form.introduction .map_box .map .chip.miyagi label,
form.introduction .map_box .map .chip.miyagi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.miyagi{
	top: 206px;
	right: 0;
}

/* 山形 */
form.introduction .map_box .map .chip.yamagata,
form.introduction .map_box .map .chip.yamagata label,
form.introduction .map_box .map .chip.yamagata input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.yamagata{
	top: 206px;
	right: 56px;
}

/* fukushima */
form.introduction .map_box .map .chip.fukushima,
form.introduction .map_box .map .chip.fukushima label,
form.introduction .map_box .map .chip.fukushima input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.fukushima{
	top: 262px;
	right: 0;
}

/* nigata */
form.introduction .map_box .map .chip.nigata,
form.introduction .map_box .map .chip.nigata label,
form.introduction .map_box .map .chip.nigata input[type="checkbox"]{
	width:110px;
	height:54px;
}
form.introduction .map_box .map .chip.nigata{
	top: 262px;
	right: 56px;
}

/* 富山 */
form.introduction .map_box .map .chip.toyama,
form.introduction .map_box .map .chip.toyama label,
form.introduction .map_box .map .chip.toyama input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.toyama{
	top: 262px;
	right: 168px;
}

/* 石川 */
form.introduction .map_box .map .chip.ishikawa,
form.introduction .map_box .map .chip.ishikawa label,
form.introduction .map_box .map .chip.ishikawa input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.ishikawa{
	top: 262px;
	right: 224px;
}

/* 茨城 */
form.introduction .map_box .map .chip.ibaraki,
form.introduction .map_box .map .chip.ibaraki label,
form.introduction .map_box .map .chip.ibaraki input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.ibaraki{
	top: 318px;
	right: 0;
}

/* 栃木 */
form.introduction .map_box .map .chip.tochigi,
form.introduction .map_box .map .chip.tochigi label,
form.introduction .map_box .map .chip.tochigi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.tochigi{
	top: 318px;
	right: 56px;
}

/* 群馬 */
form.introduction .map_box .map .chip.gunma,
form.introduction .map_box .map .chip.gunma label,
form.introduction .map_box .map .chip.gunma input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.gunma{
	top: 318px;
	right: 112px;
}

/* 長野 */
form.introduction .map_box .map .chip.nagano,
form.introduction .map_box .map .chip.nagano label,
form.introduction .map_box .map .chip.nagano input[type="checkbox"]{
	width:54px;
	height:110px;
}
form.introduction .map_box .map .chip.nagano label{
	line-height: 110px;
}
form.introduction .map_box .map .chip.nagano{
	top: 318px;
	right: 168px;
}

/* 福井 */
form.introduction .map_box .map .chip.fukui,
form.introduction .map_box .map .chip.fukui label,
form.introduction .map_box .map .chip.fukui input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.fukui{
	top: 318px;
	right: 224px;
}

/* 滋賀 */
form.introduction .map_box .map .chip.shiga,
form.introduction .map_box .map .chip.shiga label,
form.introduction .map_box .map .chip.shiga input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.shiga{
	top: 318px;
	right: 280px;
}

/* 京都 */
form.introduction .map_box .map .chip.kyoto,
form.introduction .map_box .map .chip.kyoto label,
form.introduction .map_box .map .chip.kyoto input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kyoto{
	top: 318px;
	right: 336px;
}

/* 兵庫 */
form.introduction .map_box .map .chip.hyogo,
form.introduction .map_box .map .chip.hyogo label,
form.introduction .map_box .map .chip.hyogo input[type="checkbox"]{
	width:54px;
	height:110px;
}
form.introduction .map_box .map .chip.hyogo label{
	line-height: 110px;
}
form.introduction .map_box .map .chip.hyogo{
	top: 318px;
	right: 392px;
}

/* 鳥取 */
form.introduction .map_box .map .chip.tottori,
form.introduction .map_box .map .chip.tottori label,
form.introduction .map_box .map .chip.tottori input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.tottori{
	top: 318px;
	right: 448px;
}

/* 島根 */
form.introduction .map_box .map .chip.shimane,
form.introduction .map_box .map .chip.shimane label,
form.introduction .map_box .map .chip.shimane input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.shimane{
	top: 318px;
	right: 504px;
}

/* 山口 */
form.introduction .map_box .map .chip.yamaguchi,
form.introduction .map_box .map .chip.yamaguchi label,
form.introduction .map_box .map .chip.yamaguchi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.yamaguchi{
	top: 318px;
	right: 560px;
}

/* 福岡 */
form.introduction .map_box .map .chip.fukuoka,
form.introduction .map_box .map .chip.fukuoka label,
form.introduction .map_box .map .chip.fukuoka input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.fukuoka{
	top: 318px;
	right: 630px;
}

/* 佐賀 */
form.introduction .map_box .map .chip.saga,
form.introduction .map_box .map .chip.saga label,
form.introduction .map_box .map .chip.saga input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.saga{
	top: 318px;
	right: 686px;
}

/* 長崎 */
form.introduction .map_box .map .chip.nagasaki,
form.introduction .map_box .map .chip.nagasaki label,
form.introduction .map_box .map .chip.nagasaki input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.nagasaki{
	top: 318px;
	right: 742px;
}

/* 千葉 */
form.introduction .map_box .map .chip.chiba,
form.introduction .map_box .map .chip.chiba label,
form.introduction .map_box .map .chip.chiba input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.chiba{
	top: 374px;
	right: 0px;
}

/* 埼玉 */
form.introduction .map_box .map .chip.saitama,
form.introduction .map_box .map .chip.saitama label,
form.introduction .map_box .map .chip.saitama input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.saitama{
	top: 374px;
	right: 56px;
}

/* 山梨 */
form.introduction .map_box .map .chip.yamanashi,
form.introduction .map_box .map .chip.yamanashi label,
form.introduction .map_box .map .chip.yamanashi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.yamanashi{
	top: 374px;
	right: 112px;
}

/* 岐阜 */
form.introduction .map_box .map .chip.gifu,
form.introduction .map_box .map .chip.gifu label,
form.introduction .map_box .map .chip.gifu input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.gifu{
	top: 374px;
	right: 224px;
}

/* 奈良 */
form.introduction .map_box .map .chip.nara,
form.introduction .map_box .map .chip.nara label,
form.introduction .map_box .map .chip.nara input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.nara{
	top: 374px;
	right: 280px;
}

/* 大阪 */
form.introduction .map_box .map .chip.osaka,
form.introduction .map_box .map .chip.osaka label,
form.introduction .map_box .map .chip.osaka input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.osaka{
	top: 374px;
	right: 336px;
}

/* 岡山 */
form.introduction .map_box .map .chip.okayama,
form.introduction .map_box .map .chip.okayama label,
form.introduction .map_box .map .chip.okayama input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.okayama{
	top: 374px;
	right: 448px;
}

/* 広島 */
form.introduction .map_box .map .chip.hiroshima,
form.introduction .map_box .map .chip.hiroshima label,
form.introduction .map_box .map .chip.hiroshima input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.hiroshima{
	top: 374px;
	right: 504px;
}

/* 大分 */
form.introduction .map_box .map .chip.oita,
form.introduction .map_box .map .chip.oita label,
form.introduction .map_box .map .chip.oita input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.oita{
	top: 374px;
	right: 630px;
}

/* 熊本 */
form.introduction .map_box .map .chip.kumamoto,
form.introduction .map_box .map .chip.kumamoto label,
form.introduction .map_box .map .chip.kumamoto input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kumamoto{
	top: 374px;
	right: 686px;
}

/* 東京 */
form.introduction .map_box .map .chip.tokyo,
form.introduction .map_box .map .chip.tokyo label,
form.introduction .map_box .map .chip.tokyo input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.tokyo{
	top: 430px;
	right: 56px;
}

/* 神奈川 */
form.introduction .map_box .map .chip.kanagawa,
form.introduction .map_box .map .chip.kanagawa label,
form.introduction .map_box .map .chip.kanagawa input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kanagawa{
	top: 430px;
	right: 112px;
}

/* 静岡 */
form.introduction .map_box .map .chip.shizuoka,
form.introduction .map_box .map .chip.shizuoka label,
form.introduction .map_box .map .chip.shizuoka input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.shizuoka{
	top: 430px;
	right: 168px;
}

/* 愛知 */
form.introduction .map_box .map .chip.aichi,
form.introduction .map_box .map .chip.aichi label,
form.introduction .map_box .map .chip.aichi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.aichi{
	top: 430px;
	right: 224px;
}

/* 三重 */
form.introduction .map_box .map .chip.mie,
form.introduction .map_box .map .chip.mie label,
form.introduction .map_box .map .chip.mie input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.mie{
	top: 430px;
	right: 280px;
}

/* 和歌山 */
form.introduction .map_box .map .chip.wakayama,
form.introduction .map_box .map .chip.wakayama label,
form.introduction .map_box .map .chip.wakayama input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.wakayama{
	top: 430px;
	right: 336px;
}

/* 宮崎 */
form.introduction .map_box .map .chip.miyazaki,
form.introduction .map_box .map .chip.miyazaki label,
form.introduction .map_box .map .chip.miyazaki input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.miyazaki{
	top: 430px;
	right: 630px;
}

/* 鹿児島 */
form.introduction .map_box .map .chip.kagoshima,
form.introduction .map_box .map .chip.kagoshima label,
form.introduction .map_box .map .chip.kagoshima input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kagoshima{
	top: 430px;
	right: 686px;
}

/* 香川 */
form.introduction .map_box .map .chip.kagawa,
form.introduction .map_box .map .chip.kagawa label,
form.introduction .map_box .map .chip.kagawa input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kagawa{
	top: 440px;
	right: 448px;
}

/* 愛媛 */
form.introduction .map_box .map .chip.ehime,
form.introduction .map_box .map .chip.ehime label,
form.introduction .map_box .map .chip.ehime input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.ehime{
	top: 440px;
	right: 504px;
}

/* 徳島 */
form.introduction .map_box .map .chip.tokushima,
form.introduction .map_box .map .chip.tokushima label,
form.introduction .map_box .map .chip.tokushima input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.tokushima{
	top: 496px;
	right: 448px;
}

/* 高知 */
form.introduction .map_box .map .chip.kochi,
form.introduction .map_box .map .chip.kochi label,
form.introduction .map_box .map .chip.kochi input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.kochi{
	top: 496px;
	right: 504px;
}

/* 沖縄 */
form.introduction .map_box .map .chip.okinawa,
form.introduction .map_box .map .chip.okinawa label,
form.introduction .map_box .map .chip.okinawa input[type="checkbox"]{
	width:54px;
	height:54px;
}
form.introduction .map_box .map .chip.okinawa{
	top: 490px;
	right: 800px;
}

form.introduction .box .inp input[type="checkbox"].green{
	display:none;
	width:auto;
}

form.introduction .box .inp input[type="checkbox"].green:checked + label.green::after {
	opacity: 1;
}

form.introduction .box .inp input[type="checkbox"].green:checked + label.green::before {
	background-color: #00b55e;
	border:1px solid #00b55e;
}

label.green{
	box-sizing: border-box;
	cursor: pointer;
	display: inline-block;
	padding: 5px 60px 5px 30px;
	position: relative;
	width: auto;
}

@media screen and (max-width: 750px) {
	label.green{
		padding: 5px 9px 5px 30px;
	}
}

label.green::before {
	background: #fff;
	border: 1px solid #231815;
	border-radius:2px;
	content: '';
	display: block;
	height: 16px;
	left: 5px;
	margin-top: -8px;
	position: absolute;
	top: 55%;
	width: 16px;
}

label.green::after {
	border-right: 3px solid #fff;
	border-bottom: 3px solid #fff;
	content: '';
	display: block;
	height: 9px;
	left: 10px;
	margin-top: -7px;
	opacity: 0;
	position: absolute;
	top: 62%;
	transform: rotate(45deg);
	width: 5px;
}

form.introduction .box .inp.price{
	display: flex;
	flex-wrap: wrap;
	align-items: center
}

form.introduction .box .inp select{
	width: 200px;
	text-align: center;
}

form.introduction .box .inp.price div:first-child{
	margin-right:10px;
}
form.introduction .box .inp.price div:last-child{
	margin-left:10px;
}

@media screen and (max-width: 750px) {
	form.introduction .box .inp select{
		width: 100%;
		text-align: center;
	}
	form.introduction .box .inp.price div:first-child,
	form.introduction .box .inp.price div:last-child{
		width:42%;
	}
}

/* SPエリア登録 */
form.introduction .map_box.sp ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

form.introduction .map_box.sp ul li{
	position:relative;
	width:48%;
	background-color:#c4c4c4;
	margin-bottom:12px;
}
form.introduction .map_box.sp input[type="checkbox"] {
	top:0;
	left:0;
	opacity:0;
	cursor: pointer;
	position: absolute;
	z-index:1;
}

form.introduction .map_box.sp input[type="checkbox"]:checked+label {
	background: #00b55e;
	font-weight: 500;
	color: #fff;
}

form.introduction .map_box.sp label{
	display:block;
	padding:14px 0;
	border-radius:4px;
	text-align: center;
	color:#fff;
	cursor:pointer;
}

@media screen and (max-width: 750px) {
	.box .baiden {
		display:flex;
		flex-wrap:wrap;
	}
}

/* trader */
form .box.plan{
	margin-bottom:30px;
}

form .box.plan .inp{
	font-size:24px;
	font-weight:bold;
}

/* trader_contact */
form.trader_contact textarea{
    height:109px;
}

/* bukken_list */
.sub_wrapper ul.bukken{
	margin-bottom:20px;
}

.sub_wrapper ul.bukken li.list{
	position: relative;
	border:2px solid #00b55e;
	padding:20px;
	background-color:#fff;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin-bottom:20px;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list{
		display:block;
	}
}

.sub_wrapper ul.bukken li.list .new_label{
	position:absolute;
	top:0;
	right:0;
	border-bottom: 3em solid transparent;
	border-right: 3em solid #eb0606; 
	background-color:transparent;
	z-index:2;
}

.sub_wrapper ul.bukken li.list .new_text{
	font-size:14px;
	position:absolute;
	top: 5px;
	right: 1px;
	color:#fff;
	transform: rotate(45deg);
	z-index:3;
}

.sub_wrapper ul.bukken li.list .pic ul.tags{
	margin-bottom:26px;
}

.sub_wrapper ul.bukken li.list .pic .item_1_top{
	color:#fff;
	background: #00b55e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

.sub_wrapper ul.bukken li.list .pic .item_2_top{
	color:#fff;
	background: #f36f0e;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
.sub_wrapper ul.bukken li.list .pic .item_3_top{
	color:#fff;
	background: #1eb9ff;
	padding: 1px 6px;
    text-align: center;
	float: left;
}
.sub_wrapper ul.bukken li.list .pic .item_4_top{
    width: 40px;
	float: right;
}

.sub_wrapper ul.bukken li.list .pic .item_5_top{
	color:#fff;
	background: #1e6adb;
	padding: 1px 6px;
    text-align: center;
	float: left;
}

.sub_wrapper ul.bukken li.list .pic .buy{
	border:1px solid #eb0606;
	background-color:#fff;
	color:#eb0606;
	background: #ffffff;
	padding: 0px 6px;
    text-align: center;
	float: left;
}

.sub_wrapper ul.bukken li.list .pic .meeting{
	border:1px solid #eb0606;
	padding: 0px 6px;
	background-color:#eb0606;
	color:#fff;
	text-align: center;
	float: left;
}

.sub_wrapper ul.bukken li.list .pic .sold{
	border:1px solid #aaaaaa;
	padding:0px 6px;
	background-color:#aaaaaa;;
	color:#fff;
	text-align: center;
	float: left;
}


.sub_wrapper ul.bukken li.list .pic ul.tags li{
	text-align: center;
	display: inline-block;
	font-weight: bold;
	font-size: 14px;
}

.sub_wrapper ul.bukken li.list .pic ul.tags li.sun{
	padding: 4px 10px;
	background-color: #00b55e;
	color: #fff;
}

.sub_wrapper ul.bukken li.list .pic ul.tags li.wind{
	padding:4px 10px;
	background-color:#1e6adb;
	color:#fff;
}
.sub_wrapper ul.bukken li.list .pic ul.tags li.new{
	padding: 4px 10px;
	background-color: #f36f0e;
	color: #fff;
}
.sub_wrapper ul.bukken li.list .pic ul.tags li.old{
	padding: 4px 10px;
	background-color: #00b55e;
	color: #fff;
}

.sub_wrapper ul.bukken li.list .pic ul.tags li.buy{
	border: 2px solid #eb0606;
	padding: 2px 6px;
	background-color: #fff;
	color: #eb0606;
}

.sub_wrapper ul.bukken li.list .pic ul.tags li.meeting{
	border:2px solid #eb0606;
	padding:2px 6px;
	background-color:#eb0606;
	color:#fff;
}

.sub_wrapper ul.bukken li.list .pic ul.tags li.sold{
	border:2px solid #aaaaaa;
	padding:2px 6px;
	background-color:#aaaaaa;;
	color:#fff;
}

.sub_wrapper ul.bukken li.list .pic .image{
	width:300px;
	height:170px;
}

.sub_wrapper ul.bukken li.list .pic .boxbackground {
	position: relative;
	background-size: cover;
}


.sub_wrapper ul.bukken li.list .pic .boxbackground::after {
	content: ' ';
	position: absolute;
	background-color: rgba(0,0,0,0.5);
	background-size: cover;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.sub_wrapper ul.bukken li.list .pic .box1{
	position: absolute;
    width: 300px;
    height: 170px;
    text-align: center;
    bottom: 125px;
}

.sub_wrapper ul.bukken li.list .pic .box1 h1{
	margin-top: 100px;
	color: rgba(255, 255, 255, 1);
}

.sub_wrapper ul.bukken li.list .pic .box2{
	position: absolute;
    width: 300px;
    height: 170px;
    text-align: center;
    bottom: 170px;
}

.sub_wrapper ul.bukken li.list .pic .box2 h1{
	margin-top: 122px;
	color: rgba(255, 255, 255, 1);
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .pic .image{
		width:100%;
		height:258px;
	}

	.sub_wrapper ul.bukken li.list .pic .box1{
		position: absolute;
		width: 92%;
		text-align: center;
		bottom: 570px;
	}
	
	.sub_wrapper ul.bukken li.list .pic .box1 h1{
		margin-top: 122px;
		color: rgba(255, 255, 255, 1);
	}

	.sub_wrapper ul.bukken li.list .pic .box2{
		position: absolute;
		width: 92%;
		text-align: center;
		bottom: 570px;
	}
	
	.sub_wrapper ul.bukken li.list .pic .box2 h1{
		margin-top: 122px;
		color: rgba(255, 255, 255, 1);
	}

}

.sub_wrapper ul.bukken li.list .info{
	width:65%;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .info{
		width:100%;
	}
}

.sub_wrapper ul.bukken li.list .top{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: baseline;
	margin-bottom:20px;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .top{
		display:block;
	}
}

.sub_wrapper ul.bukken li.list .top .date{
	font-size:12px;
}

.sub_wrapper ul.bukken li.list .info .data{
	display: flex;
	justify-content: space-between;
	margin-bottom:20px;
}


.sub_wrapper ul.bukken li.list .info .data .left,
.sub_wrapper ul.bukken li.list .info .data .right{
	width:49%;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .info .data{
		display: block;
	}
	.sub_wrapper ul.bukken li.list .info .data .left,
	.sub_wrapper ul.bukken li.list .info .data .right{
		width:100%;
	}
}

.sub_wrapper ul.bukken li.list .info .data .details{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;

}

.sub_wrapper ul.bukken li.list .info .data .details p:first-child,
.sub_wrapper ul.bukken li.list .info .data .details p:last-child{
	white-space: nowrap;
}
.sub_wrapper ul.bukken li.list .info .data .details .line{
	border-top: 1px solid #000;
    width: 100%;
    margin: 0 3%;
}
.sub_wrapper ul.bukken li.list .info .data .details .cnt span{
	color:#f36f0e;
}
.sub_wrapper ul.bukken li.list .info .menu{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;
	margin-bottom:10px;
}

.sub_wrapper ul.bukken li.list .info .menu .contact,
.sub_wrapper ul.bukken li.list .info .menu .detail{
	position:relative;
	border-radius:6px;
	width:48%;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .info .menu{
		display:block;
	}
	.sub_wrapper ul.bukken li.list .info .menu .contact,
	.sub_wrapper ul.bukken li.list .info .menu .detail{
		width:100%;
		margin-bottom:10px;
	}
}

.sub_wrapper ul.bukken li.list .info .menu .contact a,
.sub_wrapper ul.bukken li.list .info .menu .detail a{
	display:block;
	width:100%;
	padding:20px;
}

@media screen and (max-width: 750px){
	.sub_wrapper ul.bukken li.list .info .menu .contact a,
	.sub_wrapper ul.bukken li.list .info .menu .detail a{
		font-weight: bold;
	}
}

.sub_wrapper ul.bukken li.list .info .menu .contact:after,
.sub_wrapper ul.bukken li.list .info .menu .detail:after{
	position:absolute;
	top:39%;
	right:20px;
	content:"";
	display: inline-block;
	width: 9px;
	height: 15px;
	background-image: url(../images/white_arrow.png);/* style.cssに埋め込む時注意*/
	background-size: contain;
	vertical-align: middle;
}

.sub_wrapper ul.bukken li.list .info .menu .contact{
	background-color:#f36f0e;
	color:#fff;
	border-right:5px solid #7a3604;
	border-bottom:5px solid #7a3604;
	border-radius: 6px;
}

.sub_wrapper ul.bukken li.list .info .menu .detail{
	background-color:#00b55e;
	color:#fff;
	border-right:5px solid #005c30;
	border-bottom:5px solid #005c30;
	border-radius: 6px;
}

.sub_wrapper ul.bukken li.list .info .del{
	position:relative;
	display:inline-block;
	float:right;
	font-size:14px;
	color:#aaa;
	border-bottom:1px solid #aaa;
	cursor: pointer;
}

.sub_wrapper ul.bukken li.list .info:after{
	content:"";
	display:block;
	clear:both;
}

.sub_wrapper ul.bukken li.list .info .del:before{
	position:absolute;
	top:0;
	left:-18px;
	content:"";
	display: inline-block;
	width: 15px;
	height: 21px;
	background-image: url(../images/trash.png);/* style.cssに埋め込む時注意*/
	background-size: contain;
	vertical-align: middle;
}

.sub_wrapper .paging{
	text-align: right;
	margin-bottom:40px;
	display: flex;
    justify-content: flex-end;
}


.sub_wrapper .pages_box{
	display: flex;
    justify-content: flex-end;
}

@media screen and (max-width: 750px){
	.sub_wrapper .paging{
		text-align: center;
		display: block;
	}
	.sub_wrapper .paging .pages{
		display:block;
		margin-right:0;
		margin-bottom:10px;
	}
	.paging .pages_box {
		display: flex;
		justify-content: space-between;
	}
	.sub_wrapper .paging a {
		padding: 5px 15px!important;
		margin-right: 0!important;
	}
	.sub_wrapper .paging .sign_nextpage {
		margin-left: 0!important;
	}
	.paging .pages_box p {
		margin-right: 0;
		font-size: 20px;
	}
}

.sub_wrapper .paging a{
	border:1px solid #00b55e;
	display:inline-block;
	background-color: #00b55e;
	padding:0 6px;
	margin-right:12px;
}
.sub_wrapper .paging .sign_nextpage{
	margin-left: 5px;
}
.sub_wrapper .paging a.last{
	background-color: #fff;
	color:#00b55e;
	margin-right:0;
}

.sub_wrapper .paging a.m0{
	margin-right:0;
}

.sub_wrapper .paging p{
	display:inline-block;
	margin-right:12px;
}

/* mypage */
ul.mynav{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	align-items: center;

	margin-bottom:180px;
}

ul.mynav.t_mypage{
	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	ul.mynav{
		justify-content: space-around;
		margin-bottom:100px;
	}
}

ul.mynav li{
	width:23%;
	background-color:#fff;
	text-align:center;

	border-top:3px solid #00b55e;
	border-right:6px solid #00b55e;
	border-bottom:6px solid #00b55e;
	border-left:3px solid #00b55e;

	border-radius:8px;
}

@media screen and (max-width: 750px) {
	ul.mynav li{
		margin-bottom:14px;
	}
}

@media screen and (max-width: 750px) {
	ul.mynav li{
		width:40%;
	}
}

@media screen and (max-width: 599px) {
	ul.mynav li{
		width:100%;
	}
}

ul.mynav li a{
	display:block;
	padding:20px 10px;
	width:100%;
}

ul.mynav li .txt h3{
	font-size:18px;
	color:#00b55e;
}

ul.mynav li .txt p{
	font-size:14px;
}

ul.mynav li img{
	width:auto;
}

/* t_mypage */
.sub_wrapper .plan_box{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	margin-bottom:40px;

}

.sub_wrapper .plan_box .plan,
.sub_wrapper .plan_box .date{
	font-size:22px;
	letter-spacing: 2px;
}

.sub_wrapper .plan_box .date{
	margin-right:80px;
}

.sub_wrapper .plan_box .plan span{
	display:inline-block;
	margin:0 4px;
	font-size:46px;
	color:#00b55e;
}

.sub_wrapper .keisai_box{
	display:flex;
	flex-wrap:wrap;
	align-items:baseline;
	margin-bottom:20px;

}

.sub_wrapper .keisai_box .plan,
.sub_wrapper .keisai_box .date{
	font-size:20px;
	letter-spacing: 2px;
}

.sub_wrapper .keisai_box .date{
	margin-right:80px;
}

.sub_wrapper .keisai_box .plan span{
	display:inline-block;
	margin:0 4px;
	font-size:46px;
	color:#00b55e;
}


.sub_wrapper .pan.t_mypage{
	color:#fff;
	width:1000px;
	margin:0 auto;
}

@media screen and (max-width: 750px) {
	.sub_wrapper .pan.t_mypage{
		width:100%;
		padding:0 10px;
	}
}

/* a_mypage */
.a_mypage_nav{
	margin-bottom:50px;
}
.a_mypage_nav ul{
	display:flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
}
.a_mypage_name{
	text-align:center;
	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	.a_mypage_nav{
		margin-bottom:50px;
	}
	.a_mypage_nav ul{
		display:block;
		margin :20px auto;
		width:70%;
	}
}

.bid_box .r_tit_top,
.bid_box .l_tit_top,
.bid_box .guide_tit_top{
    color: #00b55e;
    font-size: 30px;
    display: flex;
	justify-content: center;
}

.bid_box .guide_tit_top{
	margin-bottom:20px;
}

.bid_box .r_tit_top:before{
	content:"";
	display:inline-block;
	width: 56px;
    height: 63px;
	background:url(../images/titicon_news.png) no-repeat;
	background-size:contain;	
}
.bid_box .l_tit_top:before{
	content:"";
	display:inline-block;
	width: 56px;
    height: 63px;
	background:url(../images/titicon_new.svg) no-repeat;
	background-size:contain;	
}
.bid_box .guide_tit_top:before{
	content:"";
	display:inline-block;
	width: 56px;
    height: 63px;
	background:url(../images/titicon_guide.png) no-repeat;
	background-size:contain;	
}
.bid_box .r_news_box_top li{
	display: flex;
	justify-content: left;
	align-items: baseline;
	padding: 20px 0;
    border-bottom: 1px solid #aaaaaa;
}
.bid_box .news_wid {
    width: 100px;
}
.bid_box .r_news_box_top li p:last-of-type {
    font-size: 12px;
    color: #fff;
    background: #6ad125;
    padding: 2px 10px;
    border-radius: 10px;
    width: 100px;
    text-align: center;
    margin: 0 10px 0 0;
}
@media screen and (max-width: 750px) {
	.bid_box .r_news_box_top li p:last-of-type {
		margin: 0 10px 0;
	}
}
.bid_box .news_wid_2 {
    width: 240px;
}

.bid_box .pdf_list ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
	align-items:flex-start;
	text-align:center;
}

.bid_box .pdf_list ul li{
	width:20%;
}

@media screen and (max-width: 750px) {
	.bid_box .pdf_list ul li{
		width:100%;
		margin-bottom:16px;
	}
}

.bid_box .pdf_list ul li .icon img{
	max-width:56px;
}
.bid_box .pdf_list ul li .ttl{
	font-weight:bold;
}


/* join */
form .box .birth p,
form .box .annual p{
	width: 20%;
    display: flex;
    align-items: center;
}
form .box .birth p span,
form .box .annual p span{
	margin-right: calc(100% / 30);
	margin-left: calc(100% / 30);
}
@media screen and (max-width: 750px) {
	form .box .birth p,
	form .box .annual p{
		width: calc(100% / 3);
	}
}
form .box .inp.assets .assets1,
form .box .inp.assets .assets2{
	display:flex;
	flex-wrap:wrap;
	align-items: baseline;
	justify-content: space-between;
	font-size:14px;
}
form .box .inp.assets .assets1{
	margin-bottom:10px;
}
form .box .inp.assets .assets1 p input[type="text"],
form .box .inp.assets .assets2 p input[type="text"],
form .box .inp.assets .assets1 p input[type="number"],
form .box .inp.assets .assets2 p input[type="number"]{
	width:60px;
}
@media screen and (max-width: 750px) {
	form .box .inp.assets .assets1 p,
	form .box .inp.assets .assets2 p{
		margin-bottom:15px;
		width: 100%;
	}
	form .box .inp.assets .assets1 p span{
		width:98px;
		display: inline-block;
	}
}

/* bukken_add */

@media screen and (max-width: 750px){
	form.bukken_add .wrapper_ch{
		width:100%;
	}
}

form.bukken_add h3{
	width: 100%;
	color: #fff;
	padding: 10px;
	margin-bottom: 20px;
	font-size: 14px;
	border-radius: 6px;
	background-color: #00b55e;
}

form.bukken_add .box .inp .input_box_line{
	width:100%;
}

@media screen and (max-width: 750px){
	form.bukken_add .box{
		display:block;
	}
	form.bukken_add .box .ttl{
		font-weight:bold;
		margin-bottom:6px;
		width:100%;
	}
	form.bukken_add .box .inp{
		width:100%;
	}
}

form .box input.wid_txt_1{
	width:350px;
}
form .box textarea.wid_txt_2{
	width:100%;
}
form .box .input_box_file{
	width:100%;
}
@media screen and (max-width: 750px){
	form .box input.wid_txt_1{
		width:70%;
	}
}
form .box input.wid_txt_3{
	width:80px;
}
@media screen and (max-width: 750px){
	form .box .flx{
		display: block;
	}
}
.al_center{
	align-items: center;
}
form .box.facility{
	/*margin-right: 90px;*/
	margin-bottom:10px;
	width:410px;
	/*width:240px;*/
}
form .box.facility .ttl{
	width:150px;
}
form .box.facility .inp{
	width:auto;
}

@media screen and (max-width: 750px){
	form.bukken_add .input_box_txt_2{
		display:block;
	}
}

 /* bukken_list_detail */
 form.bukken_list_detail{
	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	form.bukken_list_detail{
		padding:10px;
		background-color:#fff;
	}
}
@media screen and (max-width: 750px) {
	form.bukken_list_detail .box .ttl,
	form.bukken_list_detail .box .inp{
		width:100%;
	}
}

/* contact_list */
.sub_wrapper .contact_list_top{
	display:flex;
	flex-wrap:wrap;
	justify-content: flex-end;
	margin-bottom:20px;
}

@media screen and (max-width: 750px) {
	.sub_wrapper .contact_list_top{
		display:block;
	}
}

.sub_wrapper .contact_list_top .paging{
	margin-right:10px;
}

@media screen and (max-width: 750px) {
	.sub_wrapper .contact_list_top .paging{
		margin-right:0;
		margin-bottom:10px;
	}
}

.sub_wrapper .contact_list_top .csvdl{
	width:180px;
}
@media screen and (max-width: 750px) {
	.sub_wrapper .contact_list_top .csvdl{
		width:100%;
		text-align:center;
	}
}
.sub_wrapper .contact_list_top .csvdl p{
	background-color:#00b55e;
	color:#fff;
	padding:3px 10px;
	cursor: pointer;
	border-radius:6px;
	font-size:14px;
}
@media screen and (max-width: 750px) {
	.sub_wrapper .contact_list_top .csvdl p{
		padding:10px;
	}
}
.sub_wrapper .contact_list_top .csvdl img{
	display:inline-block;
	margin-left:4px;
	width:auto;
	vertical-align: middle;
}

.sub_wrapper .keisai_list,
.sub_wrapper .contact_list{
	margin-bottom:100px;
}

.sub_wrapper .contact_list table,
.sub_wrapper .keisai_list table{
	width:100%;
	font-size:15px;
}

.sub_wrapper .contact_list.sp table,
.sub_wrapper .keisai_list.sp table{
	margin-bottom:20px;
}

.sub_wrapper .contact_list table,
.sub_wrapper .contact_list table td{
	border-collapse: collapse;
	border:1px solid #333;
}

.sub_wrapper .contact_list.pc table tr:first-child,
.sub_wrapper .keisai_list.pc table tr:first-child{
	background-color:#f2f2f2;
}
.sub_wrapper .contact_list table td,
.sub_wrapper .keisai_list table td{
	padding: 5px;
}
.keisai_list table td.td-image {
	padding:0;
	position:relative;
}
.keisai_list table td.td-image img{
	vertical-align: bottom;
}
.sub_wrapper .contact_list.sp table td:first-child,
.sub_wrapper .keisai_list.sp table td:first-child{
	background-color:#f2f2f2;
}
.sub_wrapper .contact_list.sp table td.detail,
.sub_wrapper .keisai_list.sp table td.detail{
	background-color:#ffffd9;
	border:0;
}

.sub_wrapper .contact_list table tr td p,
.sub_wrapper .keisai_list table tr td p{
	background-color:#aaaaaa;
	color:#fff;
	border-radius:4px;
	border-right:4px solid #5e5e5e;
	border-bottom:4px solid #5e5e5e;
	text-align:center;
}
.sub_wrapper .contact_list table tr td p a,
.sub_wrapper .keisai_list table tr td p a{
	display:block;
	width:100%;
	padding:10px;
}

.sub_wrapper .keisai_list table,
.sub_wrapper .keisai_list table td{
	border-collapse: collapse;
	border:1px solid #333;
	font-size: 12px;
}

.keisai_list .status-cover{
	width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    height: 100%;
}

.keisai_list .status-cover p{
	/*pの初期化*/
	background-color: transparent !important;
    border-radius: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
	/*ここから設定*/
	position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
	font-size:20px;
	font-weight:bold;
}


/* ログイン */

form.login{
	width:650px;
	margin:0 auto 20px;
}

@media screen and (max-width: 750px){
	form.login{
		width:100%;
	}
}

form .save{
	text-align: center;
	margin-bottom:20px;
}

form .save input{
	width:auto;
}

.remember_text{
	text-align:center;
}

.remember_text a{
	color:#2c9deb;
	border-bottom:1px solid #2c9deb;
	padding-bottom:2px;	
	font-size:14px;
}

@media screen and (max-width: 400px){
	.remember_text a{
		display:inline-block;
	}
}

/*ckeditor*/

.marker
{
	background-color: Yellow;
}

.preview ol li {
	list-style-type: decimal;
    border-bottom: none;
    padding: auto !important;
    display: list-item;
}

.preview ul  {
	padding-inline-start: 40px;
}
.preview ul li {
	list-style-type: disc;
	border-bottom: none;
	padding: auto !important;
	display: list-item;
}



.Year_select,
.Month_select{
	border-radius: 7%;
}

.keisai_hyouji{
    background-color: #00b55e !important;
    color: #fff !important;
	padding: 6px 11px  !important;
    border-radius: 4px !important;
    border-right: 4px solid #005c30 !important;
    border-bottom: 4px solid #005c30 !important;
    text-align: center !important;
	margin-left: 20px;
}

@media screen and (max-width: 750px){
	.keisai_hyouji{
		background-color: #00b55e !important;
		color: #fff !important;
		padding: 6px 7px  !important;
		border-radius: 4px !important;
		border-right: 4px solid #005c30 !important;
		border-bottom: 4px solid #005c30 !important;
		text-align: center !important;
		margin-left: 0px;
	}
}

.btn_edit{
	width: 25px;
	height: 25px;
}

.keisai_hanbaiten{
	width: 220px;
    background: #505050;
    color: #fff;
    display: block;
    text-align: center;
    padding: 9px 0;
    margin: 0px 50px 20px;
	margin-left: auto;
    border-radius: 7px;
}

.del_btn{
    width: 15%;
    height: 50px;
    color: #ffffffff;
    position: relative;
    background-color: #00b55e;
    border-right: 3px solid #2f7003;
    border-bottom: 3px solid #2f7003;
    border-radius: 6px;
}

.del_btn_admin{
    width: 15%;
    height: 50px;
    color: #ffffffff;
    position: relative;
	background: #505050;
    border-radius: 6px;
}

.del_btn_admin_etc{
    width: 15%;
    height: 50px;
	margin: auto;
    color: #ffffffff;
    position: relative;
	background: #505050;
    border-radius: 6px;
}

.sp {
	display: none !important;
  }
  
  .flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
  }
  
  .flex_around {
	-ms-flex-pack: distribute;
	justify-content: space-around;
  }
  
  .flex_between {
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
  }
  
  .flex_wrap {
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
  }
  
  .flex_center {
	-webkit-box-align: center;
		-ms-flex-align: center;
			align-items: center;
  }
  
  .clear {
	clear: both;
  }
  
  .bold {
	font-weight: bold;
  }
  
  #cnt02 .inner {
	max-width: 1000px;
	margin: 0 auto;
	padding: 0 !important;
  }
  
  .float {
	zoom: 1;
  }

  .float:after, .float:before {
	content: "";
	clear: both;
	display: block;
  }

  body {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-flow: column;
			flex-flow: column;
	min-height: 100vh;
  }
  
  main {
	-webkit-box-flex: 1;
		-ms-flex: 1;
			flex: 1;
	line-height: 1.5;
	letter-spacing: 0.05em;
	-webkit-font-feature-settings: "palt" 1;
			font-feature-settings: "palt" 1;
	/*font-family: "游ゴシック体", "YuGothic", "ヒラギノ角ゴシック", "Hiragino Sans", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;*/
  }
  
  #fv {
	background: url("../images/fv_bg.jpg") no-repeat center/cover;
	height: 952px;
	position: relative;
  }
  
  #fv .fv_txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
	max-width: 920px;
  }

  #fv .fv_txt_dl {
	padding-left: 30px;
  }

  #fv img {
	  width: auto;
	  height: auto;
	vertical-align: bottom;
  }

  #fv_dl {
	background: url("../dl/img/fv_bg.jpg") no-repeat center/cover;
	position: relative;
	padding: 30px 0 0 0;
  }
  
  #fv_dl .fv_txt {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 20px;
	margin: 0 auto;
	max-width: 920px;
  }

  #fv_dl .fv_txt_dl {
	padding-left: 30px;
  }

  #fv_dl img {
	  width: auto;
	  height: auto;
	vertical-align: bottom;
  }
  
  #fv_dl #fv_form {
	background-color: rgba(255, 255, 255, 0.65);
	width: 382px;
	margin-top: 35px;
	border: 3px solid #00b55e;
	border-radius: 10px;
	font-size: 18px;
  }
  
  #fv_dl #fv_form .inner {
	width: 93%;
	border-radius: 10px;
  }
  
  #fv_dl #fv_form h3 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	text-align: center;
	line-height: 1;
	padding: 20px 0;
	margin: 0 auto;
	background-color: #00B964;
  }
  
  #fv_dl #fv_form input[type="text"], #fv_dl #fv_form input[type="email"] {
	background-color: #fff;
	height: 60px;
	border-radius: 10px;
  }
  
  #fv_dl #fv_form input[type="text"] {
	width: 147px;
  }
  
  #fv_dl #fv_form input[type="email"] {
	width: 310px;
	padding: 0 10px;
	display: inline-block;
	border: 1px solid #CCCCCC;
	max-height: 100px;
  }
  
  #fv_dl #fv_form .policy {
	text-align: center;
	margin: 15px 0;
  }
  
  #fv_dl #fv_form .policy a {
	border-bottom: 1px solid #006eeb;
	color: #006eeb;
  }
  
  #fv_dl #fv_form .policy label {
	padding-left: 20px;
  }
  
  #fv_dl #fv_form form {
	padding: 20px 35px 30px;
  }
  
  #fv_dl #fv_form .form__block:not(:last-child) {
	padding-bottom: 0;
	border-bottom: none;
	margin-bottom: 0;
  }
  
  #fv_dl #fv_form .form__group:not(:last-child) {
	padding-bottom: 20px;
	border-bottom: none;
	margin-bottom: 0px;
  }
  
  #fv_dl #fv_form label + label {
	margin-left: 15px;
  }

  #fv_dl #fv_form .form_error_text_front{
	font-size:14px;
	color:#eb0606;
	margin-left:0%;
}

/*trader.phpの使用に合わせているため他で崩れていないか確認*/
#cnt02 .form_error_text_front{
	font-size: 14px;
    color: #eb0606;
    margin-left: 30%;
	width:100%;
}

  .cv {
	text-align: center;
  }
  
  .cv img {
	width: auto;
	height: auto;
  vertical-align: bottom;
}


  #cv01 {
	padding: 50px 0 35px;
	text-align: -webkit-center;
  }
  
  #bnr {
	padding: 95px 0;
  }
  
  #cnt01 {
	background: url(../images/cnt01_bg.jpg) no-repeat center/cover;
  }
  
  #cnt02 .cnt02_01 {
	background: #fdf9ed;
  }
  
  #cnt02 .cnt02_02 {
	background: #0072e6;
  }
  
  #cnt03 h3 {
	background: url("../images/cnt03_ttl_bg.png") no-repeat center/cover;
	margin-bottom: 55px;
  }
  
  #cnt03 .cnt03_menu {
	margin-bottom: 75px;
  }
  
  #cnt03 .cnt03_menu ul li:nth-child(1), #cnt03 .cnt03_menu ul li:nth-child(2) {
	margin-bottom: 30px;
  }
  
  #cnt03 .cnt03_box {
	margin-bottom: 60px;
  }
  
  #cnt04 {
	background: #f0f2f9;
  }
  
  #form {
	background: #ffffd9;
  }
  
  #form .inner {
	border: none;
  }

  .form__block input{
	border: none;
	padding: 0;
  }


  .sei input[type="text"], .mei input[type="text"]{
    width: 100%;
    padding: 0 10px;
    display: inline-block;
    border: 1px solid #CCCCCC;
    max-height: 100px;
}

	.dl_thanks_box {
		text-align: center;
		padding: 30px;
		background: #ffffd9;
  }
  

  #cnt02 #cnt02_form .form__btn {
    margin: 0 160px;
}

.dl_thanks{
    font-size: 20px;
}

.fon_dl{
	font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

#fv_dl #fv_form .form_error_text_front_dl{
	font-size:14px;
	color:#eb0606;
	margin-top: 20px;
	margin-left:0%;
}

#cnt02 .form_error_text_front_dl{
	font-size: 20px;
    color: #eb0606;
    margin-left: 0%;
	margin-top: 20px;
}

  @media screen and (max-width: 1000px) {
	.fon_dl{
		width: fit-content;
	}

	.inner {
	  width: 98%;
	}
	#fv {
	  height: 95.2vw;
	}
	#fv_dl {
		background: url(../dl/img/fv_bg.jpg) no-repeat center/cover;
		padding: 4.5vw 0 0;
	}
	#fv .fv_img01 {
	  width: 36.7vw;
	}
	#fv .fv_txt {
	  bottom: 2vw;
	  max-width: 92vw;
	}

	  #fv_dl .fv_img01 {
		width: 36.7vw;
	  }
	  #fv_dl .fv_txt {
		bottom: 2vw;
		max-width: 92vw;
	  }
	.cv {
	  text-align: center;
	}
	.cv p {
	  width: 31.4vw;
	  margin: 0 auto;
	}
	.cv a {
	  width: 54.7vw;
	}
	#cv01 {
	  padding: 5vw 0 3.5vw;
	}
	#bnr {
	  padding: 9.5vw 0;
	}
	#bnr .inner {
	  width: 92vw;
	}
	#cnt03 h3 {
	  background: url("../img/cnt03_ttl_bg.png") no-repeat center/cover;
	  margin-bottom: 5.5vw;
	}
	#cnt03 .cnt03_menu {
	  margin-bottom: 7.5vw;
	}
	#cnt03 .cnt03_menu ul li:nth-child(1), #cnt03 .cnt03_menu ul li:nth-child(2) {
	  margin-bottom: 3vw;
	}
	#cnt03 .cnt03_menu ul li {
	  width: 48.3vw;
	}
	#cnt03 .cnt03_box {
	  margin-bottom: 6vw;
	}
  }

  @media screen and (max-width: 750px) {
	.sp {
	  display: block !important;
	}
	.pc_lp {
	  display: none;
	}
	.inner {
	  width: 100%;
	}
	#fv {
	  background: none;
	  height: auto;
	}
	#fv img {
		width: 100%;
		height: auto;
	  vertical-align: bottom;
	}

	#fv .cv {
	  background: #eeeeee;
	  padding-bottom: 8vw;
	}

	.form__group {
		width: 100%;
		display: block;
		table-layout: fixed;
	}

	.form__group > * {
		vertical-align: top;
		display: block;
	}
	
	#fv_dl {
		background: url(../dl/img/fv_bg.jpg) no-repeat center/cover;
		height: auto;
	  }
	  #fv_dl img {
		  width: 100%;
		  height: auto;
		vertical-align: bottom;
	  }
  
	  #fv_dl .cv {
		background: #eeeeee;
		padding-bottom: 8vw;
	  }

	.cv img {
		width: 100%;
		height: auto;
	  vertical-align: bottom;
	}

	#fv .cv a {
	  margin: 0 auto;
	  display: inline-block;
	  width: 89.067vw;
	}

	#fv_dl .cv a {
		margin: 0 auto;
		display: inline-block;
		width: 89.067vw;
	  }

	#cv01 {
	  padding: 16.667vw 0 10.667vw;
	}
	#cv01 p {
	  width: 55.6vw;
	  margin-bottom: 4vw;
	}
	#cv01 a {
	  margin: 0 auto;
	  display: inline-block;
	  width: 89.067vw;
	}
	#bnr {
	  padding: 5.333vw 0;
	}
	#bnr .inner {
	  width: 86.667vw;
	}
	#cnt01 {
	  background: url(../images/cnt01_bg.jpg) no-repeat center/cover;
	}

	#cnt01 img {
		width: 100%;
		height: auto;
	  vertical-align: bottom;
	}

	#cnt02 .cnt02_01 {
	  background: #fdf9ed;
	}
	#cnt02 .cnt02_02 {
	  background: #0072e6;
	}
	#cnt03 h3 {
	  background: none;
	  margin-bottom: 0;
	}
	#cnt03 .cnt03_menu {
	  margin-bottom: 13.333vw;
	}
	#cnt03 .cnt03_menu .inner {
	  width: 93.333vw;
	}
	#cnt03 .cnt03_menu ul {
	  display: block;
	}
	#cnt03 .cnt03_menu ul li {
	  width: 100%;
	}
	#cnt03 .cnt03_menu ul li:nth-child(1), #cnt03 .cnt03_menu ul li:nth-child(2) {
	  margin-bottom: 0;
	}
	#cnt03 .cnt03_menu ul li:not(:last-child) {
	  margin-bottom: 4.667vw;
	}
	#cnt03 .cnt03_box {
	  margin-bottom: 0;
	}
	#cnt04 {
	  background: #f0f2f9;
	}

	#fv_dl #fv_form .form_error_text_front {
		font-size: 14px;
		color: #eb0606;
		margin-left: 0%;
	}

	#fv_dl #fv_form {
		width: 93.333vw;
		font-size: 3.2vw;
		margin: 0 auto 8vw;
	}

	#fv_dl #fv_form input[type="text"] {
		width: 100%;
	}

	#fv_dl #fv_form input[type="text"], #fv_dl #fv_form input[type="email"] {
		background-color: #fff;
		height: 12vw;
		border-radius: 1vw;
	}
	#fv_dl #fv_form label + label {
		margin-left: 0;
	}

	#cnt02 #cnt02_form input[type="image"] {
		width: 100%;
	}

	.form__btn input[type="image"] {
		width: 100%;
	}

	#fv_dl #fv_form input[type="email"] {
		width: 100%;
		padding: 0 10px;
		display: inline-block;
		border: 1px solid #CCCCCC;
		max-height: 100px;
	  }

  }

  .bid_box{
	margin-bottom: 50px;
  }

  .bid_box .bid_box_inner{
	padding:20px 0 0 0;
  }

  @media screen and (max-width: 750px) {
	.bid_box .bid_box_inner{
		padding:20px 15px 0;
	  }
  }

  .check_search{
	background-color:#fff;
	padding:20px;
	display:flex;
	flex-wrap:wrap;
	align-items: center;
	margin-bottom:20px;
  }

  .check_search .check_search_parts{
	margin-right:20px;
  }