/**************************

768px以上のデバイス用

**************************/

@media screen and (min-width : 767px){ 
	.container h2{
		margin:20px 0;
	}	
	
/*layout-------------------------------------- */
	.disp_sp{
		display: none !important;
	}
	.disp_pc{
		display: block !important;
	}
	.cont_box{
		max-width:1000px;
	}
	.cont{
		max-width:1000px;
	}
	.container{
		padding-top:86px;	
	}
	.container.login_in{
		padding-top:106px;	
	}
	.container h3{
		padding:0;
	}	
	.container h3 span{
		max-width:1000px;
		padding:5px 10px;
		margin:0 auto;
	}
	.cl_inquiry_block.btn a,
	.cl_tel_block.btn a,
	.cl_btn_check.btn span{
		width:60%;
	}
/*header*/
	header{
		position:fixed;
		width:100%;
		border-bottom:1px solid #F3F3F3;
	}
	header .cont{
		background:#000;
	}
	header h1{
		color:#FFF;
		padding:8px 0 5px;
		width:auto;
		margin-right:auto;	
	}
	header h1 span{
		display:block;
		max-width:1000px;
		margin:0 auto;
		padding:0 15px;	
	}
	header #menubar_pc{
		background:#000;
	}	
	header #menubar_pc .cont{
		display:flex;
		justify-content: flex-end;
	}
	header #menubar_sp{
		background:#FFF;
	}		
	header #menubar_sp.fixed{
		position:relative;
		top:0;
		width:100%;
	}
	header .contact_mail a{
		width:auto;
		height:auto;
		border-radius:11px;
		font-size:1rem;
		line-height:22px;
		font-weight:bold;
		padding:0 20px;
		margin-bottom:0;
	}
	header .contact_mail{
		margin-right:0;
	}
	header .cl_history,
	header .cl_favorite{
		margin-top:2px;		
	}
	header p{
		font-weight:bold;
	}
	header #menubar_sp{
		justify-content: flex-start;
		color:#000;
	}
	header .cl_logo{
		margin-right:15px;
	}
	header nav.disp_pc li.L{
		font-weight:bold;
		position:relative;
		width:135px;
		line-height:50px;
		cursor:pointer;
		text-align:center;
	}	
	header .nav_dropdown{
		position:absolute;
		z-index:1;
		text-align:left;
	}
	header .nav_dropdown li{
		  overflow: hidden;
		  height: 0;
		  transition: .2s; 
		  background:#f8d3d3;
	}
	header nav.disp_pc li.L:hover .nav_dropdown li{
	  overflow: visible;
	  height: 38px;
	  border-top:1px solid #f5bdbd; 
	}			
	header .nav_dropdown a,
	header .nav_dropdown a:visited{
		color:#000;
		display:block;
		/* font-weight:normal; */
		font-size:0.9rem;
		line-height:38px;
		width:220px;
		padding:0 10px;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow: hidden;		
	}
	header .nav_dropdown i{
		color:#ee9191;
		margin-right:5px;
	}
	header nav.disp_pc li.L:hover{
		background:#f8d3d3;
		color:#DD2324;	
	}
	header .nav_dropdown a:hover{
		color:#DD2324;
	    background:#f5bdbd;
	}		
	header .cl_logo img {
		width:50px;
	}
	#menubar_sp div.disp_pc{
		margin-left:auto;
	}
	header .search_keyword{
		line-height:18px;
		border-radius:11px;
	}	
	header .cl_search_input{
		width:200px;
	}
/*breadcrumb*/
	.cl_breadcrumb{
	max-width: 1000px;
	margin:0 auto;
	}
/* footer */
	.cl_footer_category.footer_menu{
		max-width:100%;
		margin-top:40px;
	}
	.cl_footer_category.footer_menu div{
		max-width:1000px;
		margin:0 auto;
		padding:10px 15px;
	}
	.cl_footer_category.footer_menu li{
		width:auto;
		display:inline-block;
		float:none;
		font-size:0.9rem;
		line-height:1.8;
		border:none;	
	}
	.cl_footer_category.footer_menu li a{
		padding:0;
		display:inline;		
	}
	.cl_footer_category.footer_menu li a:hover{
		color:#DD2324;	
	}
	.cl_footer_category.footer_menu li:after{
		display:inline;
		color:#FFF;
	}
	.cl_footer_bloc.footer_menu li:last-child:after{
		display:none;
	}
	#footer_logo_area{
		display:flex;
	}
	#footer_logo_area p{
		margin:0 15px 0 0;
	}	 									
	
/*article_list_area*/	
	#article_list_area ul{
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	#article_list_area li.cl_article{
		width: calc(50% - 15px);
		margin-bottom:15px;
	}
	.cl_article a:hover{
		color:#DD2324;
	}		
				
/* index-------------------------------------- */	
	#top_slide{
		background:#000;
	}
	.cl_top_slider{
		position:relative;
		max-width:1400px;
		margin:0 auto;	
	}
	.cl_top_slider::after {
	  position: absolute;
	  content: '';
	  top: 0;
	  bottom: 0;
	  right: 0;
	  width:50px;
	  background: linear-gradient(to right,rgba(0,0,0,0) 50%, #000);
	}
	.cl_top_slider::before {
	  position: absolute;
	  content: '';
	  top: 0;
	  bottom: 0;
	  left: 0;
	  width:50px;
	  background: linear-gradient(to left,rgba(0,0,0,0) 50%, #000);
	  z-index:9998;
	}
	#top_slide .slick-dots li button::before{
		font-size:0.8rem;
	}
	#search_select_area{
		padding:0;
	}	
	#search_select_area li{
		width:calc(20% - 30px);
	}	
	
	#pg_index .cl_wp_fixed_article > div {
		width:200px;
		margin-left:15px;
		margin-right:15px;
	}
	
	#pg_index .cl_wp_fixed_article div {
		width:200px;
	}
	
	
	

/* pg_search-------------------------------------- */
	#search_select_area{
		padding:20px 10px;
		margin:0 auto;
	}
	#pg_search #search_area{
		max-width:1000px;
		margin-right:auto;
		margin-left:auto;
		padding:0 10px;
	}	
	#only_tokyo{
		width:40%;
		margin:0 0 0 auto;
		padding-right:10px;
	}
	.search_map{
		padding-top:0;
	}
	#pg_search .search_map #search_area{
		max-width:initial;
		margin-right:auto;
		margin-left:auto;
		margin-bottom:0;
		padding:0;
	}
	
	#pg_search .cl_no_search_result div:nth-child(2) {
	    font-size: 16px;
	}
	
	#link_school{
		justify-content: flex-start;
	}
	#link_school a{
		width:20%;
		line-height:30px;
		margin-right:15px;	
	}
	.cl_selected_conditions_box.cont,
	.cl_save_conditions_block.cont{
		padding:0;
	}
	.cl_selected_conditions_box th,
	.cl_selected_conditions_box td,
	.cl_save_conditions_block th,
	.cl_save_conditions_block td	{
		font-size:0.9rem;
	}
	.cl_selected_conditions_box td.cl_change_condition {
		width:85px;
	}
	.cl_selected_conditions_box th{
		width:70px;
	}
	.cl_save_conditions_block td:last-child{
		width:80px;
	}
	.cl_save_conditions_block th{
		width:100px;
	}
	.cl_selected_conditions_box+div{
		padding:0;
	}	
	.cl_selected_conditions_box+div a{
		line-height: 30px;
		font-size:0.9rem;
	}
	.conditions_area{
		padding:0 10px;
		max-width:1000px;
		margin:0 auto;
	}
	.search_add_area{
		border-top:1px solid #CBC9C9;
	}
	.search_add_area > li{
		display:flex;
		border-bottom:1px solid #CBC9C9;
	}
	.search_add_wrap{
		width:70%;
		font-size:1rem;
	}
	.search_add_area .cl_item_title{
		width:30%;
	}	
	.cl_search_btn_bloc[data-base=false],
	.cl_search_add_btn_bloc[data-base=false] {
		background:none;
		max-width: 1000px;
		left:0;
		right:0;
	}	
	.cl_search_btn_bloc[data-base=false]::before,
	.cl_search_add_btn_bloc[data-base=false]::before{
		content:"";
		position:fixed;
		bottom:0;
		left:0;
		height:76px;
		background: rgba(0,0,0, 0.7);
		width:100%;
		z-index: 99;
	}
	#count_area {
		font-size:1rem;
	}	
	#result_list_area .building_list{
		display: flex;
		justify-content: space-between;
	}
	#result_list_area .building_list > a{
		width:calc(50% - 10px);
	}
	#result_list_area .building_list > ul{
		width:calc(50% - 10px);
	}	
	#result_list_area .building_list dd {
		font-size: 0.9rem;
	}
	#result_list_area .building_list ul {
		border-top:none;
	}
	#result_list_area .building_list div{
		font-size:1.2rem;
		padding:10px;
	}
	#pg_search #result_list_area .cl_more_ctl, #pg_search #result_list_area .cl_room_open {
    font-size: 0.9rem;
	}
/* pg_article-------------------------------------- */	
	#article_head_area h2{
		display:flex;
		justify-content: space-between;
	}
	#article_head_area h2 div:first-child{
		width:70%;
	}
	.article_detail_area ul.cont{
		padding:0 10px;
		margin-top:15px;
	}	
	.article_detail_area li {
		border-left: 1px solid #afafaf;
		border-right: 1px solid #afafaf;
	}
	.article_detail_area li:first-child {
		border-top: 1px solid #afafaf;
	}
	.article_detail_area li label{
		width:20%;
		padding:10px;
	}
	.article_detail_area li div{
		width:80%;
		padding:10px;
	}
	.article_detail_area li .btn{
		display: flex;
		justify-content: space-between;
	}	
	.article_detail_area li .btn a{
		width:calc(50% - 15px);
	}
	.room_status_area .building_list {
		max-width:980px;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	.room_status_area .building_list li{
		width:50%;
		border-right:1px solid #CBC9C9;
	}
	.room_status_area .building_list li:nth-child(even){
		width:50%;
		border-right:none;
	}
	.room_status_area .building_list .border_minus{
		border-bottom:none;
	}
	
	#pg_inquiry .room_status_area .building_list,
	#pg_selling .room_status_area .building_list,
	#pg_buying .room_status_area .building_list,
	#pg_lend .room_status_area .building_list {
		max-width:980px;
		margin:0 auto;
		display: flex;
		flex-wrap: wrap;
	}
	#pg_inquiry .room_status_area .building_list li,
	#pg_selling .room_status_area .building_list li,
	#pg_buying .room_status_area .building_list li,
	#pg_lend .room_status_area .building_list li{
		width:100%;
		border-right:1px solid #CBC9C9;
	}
	#pg_inquiry .room_status_area .building_list li:nth-child(even),
	#pg_selling .room_status_area .building_list li:nth-child(even),
	#pg_buying .room_status_area .building_list li:nth-child(even),
	#pg_lend .room_status_area .building_list li:nth-child(even){
		width:50%;
		border-right:none;
	}
	#pg_inquiry .room_status_area .building_list .border_minus,
	#pg_selling .room_status_area .building_list .border_minus,
	#pg_buying .room_status_area .building_list .border_minus,
	#pg_lend .room_status_area .building_list .border_minus{
		border-bottom:none;
	}
	
	#video_area ul{
		display:flex;
		flex-wrap: wrap;
		margin-top:10px;
		margin-bottom:10px;
	}
	#video_area .cl_item{
		width:calc(100% / 3);
		padding:10px;
	}	
	.cl_youtube_tag{
		margin:0;
		width:100%;
	}
	.article_list_area_s li{
		width:calc(20% - 10px);
	}
	#same_conditions_area ul a::after{
		content:'|';
		margin:0 5px;
	}
	#same_conditions_area li{		
		display:inline-block;
	}
	#pg_room .article_detail_area h4{
		font-size:1rem;
		margin:0 auto 10px auto;
		padding:0 10px 0 20px
	}
	.cl_btn_favorite.btn{
		width:50%;
	}
	.cl_compare_proviso{
		text-align: right;
	}
	
	.cl_img_set {
		text-align:right;
	}
	
	.cl_img_set_img {
		width: 100px;
		height: 100px;
		object-fit: cover;
	}

/* pg_history #pg_favorite-------------------------------------- */
	#pg_history .room_status_area .cl_inquiry_block.btn a,
	#pg_history .room_status_area .cl_tel_block.btn a,
	#pg_favorite .room_status_area .cl_inquiry_block.btn a,
	#pg_favorite .room_status_area .cl_tel_block.btn a{
		width: auto;
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		right:60px;
		display:inline-block;
		padding:0 20px;
	}
	
	




	/* index-------------------------------------- */
	#pg_article .cl_img_block_on_article[data-state="block"],
	#pg_room .cl_img_block_on_article[data-state="block"] {
		display:flex;
	}
	
	#pg_article .cl_img_block_on_article .cl_img_preview,
	#pg_room .cl_img_block_on_article .cl_img_preview {
		width:60%;
		height:500px;
	}

	
	#pg_article .cl_img_block_on_article .cl_img_preview .cl_img_preview_ctl,
	#pg_room .cl_img_block_on_article .cl_img_preview .cl_img_preview_ctl{
		font-size:400%;
	}
	
	#pg_article .cl_img_block_on_article .cl_img_stock,
	#pg_room .cl_img_block_on_article .cl_img_stock {
		width:40%;
	    display:block;
	    overflow: auto;
	}

	#pg_article .cl_img_block_on_article .cl_img_stock .cl_img_on_article,
	#pg_room .cl_img_block_on_article .cl_img_stock .cl_img_on_article {
		margin:5px;
		width:50px;
		height:50px;
	}
	
	#pg_article #id_risk_area {
		display:flex;
		width:auto;
	}
	
	#pg_article .cl_price_of_land_info .cl_grid_1 {
		display: grid;
		max-width:1000px;
		grid-template-columns: 1fr 4fr 1fr 1.5fr 1fr 1.5fr;
		grid-gap: 1px;
		border: 1px solid #000;
		background-color: #000;
	}
	
	#pg_article .cl_price_of_land_info .cl_grid_1 .cl_g_sel:nth-child(1){
	    grid-row: 1 / 2;
	    grid-column: 1 / 2;
	}

	#pg_article .cl_price_of_land_info .cl_grid_1 .cl_g_sel:nth-child(2){
	    grid-row: 1 / 2;
	    grid-column: 2 / 3;
	}

	#pg_article .cl_price_of_land_info .cl_grid_1 .cl_g_sel:nth-child(3){
	    grid-row: 1 / 2;
	    grid-column: 3 / 4;
	}

	#pg_article .cl_price_of_land_info .cl_grid_1 .cl_g_sel:nth-child(4){
	    grid-row: 1 / 2;
	    grid-column: 5 / 6;
	}
	/*
	#pg_article  .cl_grid_1,
	#pg_article  .cl_grid_2,
	#pg_article  .cl_grid_3,
	#pg_article  .cl_grid_4,
	#pg_article .cl_grid {
		font-size:100%;
	}
	*/
	
	#pg_article .cl_air_info .cl_grid {
		width:500px;
	}
	
	#pg_article .cl_security_info,
	#pg_article .cl_air_info,
	#pg_article .cl_price_of_land_info,
	#pg_article .cl_risk_info {
		font-size:90%;
	}
	
	#pg_article .cl_category_bloc {
		width:230px;
	}
	
	#pg_article .cl_category_title {
		width:100%;
	}
		
	#pg_article .cl_own_bloc .cl_own_ad,
	#pg_room .cl_own_bloc .cl_own_ad {
		width:50%;
		text-align:center;
		border-bottom:0px solid #CCCCCC;
	}
		
	/* room */

	#pg_article .cl_emphasis,
	#pg_room .cl_emphasis {
		color:#d80000;
		font-size:160%;
	}

	.cl_br_sp {
		display:none;
	}	
	

}