@charset 'utf-8';

/*メディアクエリー
スマホ @media (max-width: 768px)
タブレットのみ @media (min-width:768px) and (max-width:1000px)
タブレット・PC @media (min-width:768px)
PCのみ　@media (max-width: 1000px)
PC大 @media (min-width:1200px) 
※上記以外のブレイクポイントは、例外的に設定。その場合はコメントアウトを記載すること。
*/


/*掲載終了物件*/


.soldout { width:90%; background: #ff0; border-radius:8px; padding:30px 10px; margin:40px auto 64px auto; }
.soldout strong { width:100%; text-align:center; font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; margin-bottom:20px; color:#5C9062; border-bottom:2px solid #5C9062; padding-bottom:10px; }
.soldout .soldout_fukidashi { width:100%; padding:7px 0; background:#5C9062; border-radius:12px; position:relative; margin-bottom:30px; }
.soldout .soldout_fukidashi span { width:100%; text-align:center; color:#fff; font-size:18px; font-family: 'GenJyuuGothic-Bold'; font-style: normal; display:inline-block; }
.soldout .soldout_fukidashi::after {content: ""; display: block; width:16px; height:17px; background-image: url('../img/fukidashisaki.svg'); background-size: cover;background-position: center; position:absolute;left:50%; }
.soldout p { width:92%; margin:0 auto 0 auto; display:block; text-align:left; }
.title_wrap .title h1::before {content:none; display: inline-block; width:31px; height:31px; background-image:none; background-size: contain; background-repeat: no-repeat; margin-right:0px; }
h1 { margin:0px 0 34px 0; line-height:1.45em; }
h2 { text-align:center; }
.title_wrap p.title_text { text-align:left; margin-bottom:0; }
.box_contents .inner { width:100%; padding-bottom:0; margin:0;}
.box_contents.beige_back { width:100%; /*padding:40px 0; */margin-bottom:0; }
.guide_text { width:90%; margin:0 5% 36px 5%; text-align:left; }
h3 { width:100%; font-size:18px; letter-spacing:0.075em; text-align:left; line-height:60px; background:#5C9062; color:#fff; padding-left:5%; margin-bottom:35px; }
.soldout .illust_soldout { display: none; }
.searchbutton_wrap { width:79.5%; margin-top:46px; }

@media screen and ( min-width: 768px ) {
	.soldout { width:100%; border-radius:20px; position:relative; padding:40px 0 0 0; margin-top:80px; margin-bottom:85px; }
	.soldout strong { width:52%; max-width:660px; font-size:22px; border-bottom:2px solid #5C9062; margin: 0 auto 25px auto; display: block;}
	.soldout .soldout_fukidashi  { width:660px; margin:0 auto 25px auto; }
	.soldout .soldout_fukidashi span { font-size:24px; line-height:53px; }
	.soldout p { width:65%; margin-bottom:40px; }
	.title_wrap { margin-bottom:0; }
	.title_wrap p.title_text { text-align:center; }
	.title_wrap p.title_text.shuryo { margin-bottom:80px;} 
	.soldout .illust_soldout { display: block; width:104px; height:179px; position:absolute; right:130px; bottom:10px; }
	.title_wrap .title h1 { margin-bottom:58px; }
	.h1_inner { margin-top:0; }
	.searchbutton_wrap { width:95%; margin-top:46px; margin-bottom:0; }
	

}
@media screen and ( min-width:1200px ) {
	.searchbutton_wrap { width:100%; }
	
}

.h2_inner .title_text { margin-bottom: 35px; font-size: 28px;}

/*contact.cssの上書*/
.icon_wrap{ display: flex; }
#nav-toggle, #head_wrap .header_bottom { display: block; }
#nav-toggle { display:flex; }
@media screen and ( min-width: 768px ) {
	.box_contents { width:100%; max-width:initial; margin:0 auto; }
	.box_contents .inner { width:100%; padding-top:88px; }

}
@media screen and ( min-width: 1200px ) {
	.box_contents { width:1080px; }
}

/*0件*/
.search_nolist { width:100%; text-align:center; /*margin-bottom:40px; */}
.search_nolist strong { width:100%; display:inline-block; font-size:20px; letter-spacing:0.1em; line-height:1.5em; /*margin-bottom:40px; */}
.search_nolist small {  width:100%; display:inline-block; line-height:1.7em; font-size:16px; }
@media screen and ( min-width: 768px ) {
	/*.search_nolist { margin-bottom:80px; }*/
	.search_nolist strong {font-size:32px;  }
}

.soldout.contact { padding-bottom:50px;}
.soldout.contact .button_contact { background:#fff; color:#3b3b3b; margin-top:30px; }
@media screen and ( min-width: 768px ) {
	.soldout.contact { padding-bottom:50px; }
	.soldout.contact .illust_soldout { bottom:130px; }
	.soldout.contact .button_contact { width:300px; height:56px; font-size:20px; }
	.soldout.contact .button_contact::before{ width:22px; height:22px; right:17px; transition: right 0.3s ease; }
	.soldout.contact .button_contact:hover::before { right:13px; }
	.soldout.contact p { width:52%; }
	
}