@charset "UTF-8";



.container{
margin: auto;
}

.entry-content{
	width: min(96%,1280px);
	margin: 1.5rem auto 0;
}

section{
	width: 100%;
	margin: 50px auto;
}

section.bk-1{
	background-color: #f5f5f5;
	border-radius: 16px;
	padding: 5px 0 5px;
	margin: 15px auto;
}

.w640{	
	/*width: min(100%,640px);*/
	margin: 0 auto;
}
/*youtube埋め込みレスポンシブ対応*/
iframe[src*="youtube.com"],
iframe[src*="youtube-nocookie.com"] {
	aspect-ratio: 16 / 9;
	width: 98%;
	height: auto;
}


.img_box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}

.img_box .img_area{
	width:calc(100% / 2);
	vertical-align: text-top;
	padding: 20px 10px;
}

.img_box .img_area img{
	display: block;
	margin: auto;
}







.head_cat_name{
	font-size: 1rem;
	color: #fff;
	margin: .5rem auto ;
}

.head_cat_name span{
	background: #0e2353;
	padding: 8px;
}

h1.entry-title {
	font-size: 2em;
    font-weight:400;
	background: #f5f5f5;
	border-bottom: 2px solid #003366;
	margin: 0 auto 6px;
	padding: 8px ;
}

h1.entry-title a{
	text-decoration: none;
	color: #333;
}



div.entry-meta{
	font-size: 0.8em;
	color: #999;
	margin: 0 auto 15px;
}


.entry-content p{
	display: block;
	font-size: 21px;
	line-height: 1.9;
	letter-spacing: 0.1em;
	margin: 0 auto 18px;
	
}




.entry-content h1{
	font-size: 1.5em;
	font-weight: normal;
	text-indent: 0em;
	border-bottom: 2px solid #257fc3;
	color: #333;
	padding: 8px;
	margin: 0 auto 1.3em;
}

.entry-content h2{
	font-size: 1.5rem;
	color: #000;
	background-color: #f5f5f5;
  padding: 8px 16px;
  border-radius: 6px;
  margin: 1rem auto 1.5rem;
}

.entry-content h2::before{
	content: "";
	border-left: 6px solid #333;
	margin-right: 8px;
}



.entry-content h3{
	color: #000;
	font-size: 1.3rem;
  padding: 0 ;
  margin: 0 auto .75rem;	
	}
	

	
.entry-content h4{
	color: #000;
	font-size: 1.1rem;
  padding: 0 ;
  margin: 0 auto .75rem;
	}
	
.entry-content p{
	font-size: 1rem;
	color: #444;
	letter-spacing: .15rem;
	line-height: 1.6;
	margin: 0 auto .5rem;
}
	
.entry-content ul{
	margin: 0 auto 1em;
}	
	
	
.entry-content li{
	list-style-position: inside;
	line-height: 1.6;
	margin: 0px 0px 3px 1em;
}



.pagenav{
	width: 90%;
	font-size: 0.9em;
	margin: 30px auto 15px;
}

.pagenav .old{
	width: 50%;
	float: left;
	background: #f5efe2;
}

.pagenav .new{
	width: 50%;
	float: right;
	background: #f5efe2;
}

.pagenav .new img{
	width: 80px;
	float: right;
}

.pagenav .old img{
	width: 80px;
	float: left;
}

.pagenav .new h3 , 
.pagenav .old h3{
	width: 60%;
}


.pagenav .new , 
.pagenav .old{
	height: 90px;
	border: 1px solid #999;
	 -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px ;
}




.pagenav .new a , 
.pagenav .old a{
	width: 100%;
	display: inline-block;
}

.pagenav .new:hover , .pagenav .old:hover{
	background: #f4e5c7;
	}

.pagenav .old .pnav-thumb , 
.pagenav .old h3 ,
.pagenav .new .pnav-thumb , 
.pagenav .new h3{
display: inline-block;
}





.pagenav .old h3 {
	font-size: 14px;
	text-align: right;
	font-weight: 300;
	color: #666;
	margin-right: 5px;
}


.pagenav .new h3 {
	font-size: 14px;
	text-align: left;
	font-weight: 300;
	color: #666;
	margin-left: 5px;
}
/*ヘッド部分*/
.entry-content .price{
	font-size: 1.8rem;
	margin:0 auto 1rem;
}

.entry-content .price span.price_txt{
	font-size: 1.5rem;
	color: #000;
}

.entry-content .price span.price_num{
	font-size: 2rem;
	font-weight: bold;
	color: red;
	margin-left: .3rem;
	margin-right: .3rem;
}

.head_summary{
	margin: auto;
}

.head_summary dt{
	display: inline-block;
	background-color: #f5f5f5;
	padding: 6px 8px;
	margin-bottom: .5rem;
}

.head_summary dd{
	font-size: 1.3rem;
}

.entry-content .head_list{
	margin: 0;
}

.entry-content .head_list li{
	line-height: 1.5;
	list-style: none;
	display: inline-block;
	background-color: #f5f5f5;
	border-radius: 12px;
	padding: 6px 12px;
	margin: 0 12px 12px 0;
}


/*項目テーブル*/
.koumoku_tb{
	width: 100%;
}

.koumoku_tb td{
	line-height: 1.5;
	padding: 8px;
}

.koumoku_tb td:first-child{
	width: 30%;
	background: #f5f5f5;
	text-align: center;
}

/*その他テーブル*/
.pr_tb{
	width: 100%;
	margin-bottom: 36px;
}

.pr_tb td{
	line-height: 1.5;
	padding:16px 8px;
	text-align: center;
}

.pr_tb td:nth-child(odd){
	width: 20%;
	background: #f5f5f5;
}

.pr_tb th{
	width: 20%;
	font-weight: 500;
	background: #f5f5f5;
}

/*備考*/
.entry-content .memo{
	width: 100%;
	padding: 0 16px;
	margin: 0 auto 1rem;
}


.entry-content .memo p{
	font-size: 1rem;
	line-height: 1.7;
}

/*ワンポイント*/
.entry-content .point{
	width: 100%;
}

.entry-content .point h2{
	margin-bottom: 1.5rem;
}

.entry-content .point p{
	width: 96%;
	line-height: 1.8;
	font-size: 1.1rem;
	margin: auto;
}



.inquiry_link{
	font-size: 1.1rem;
	display: block;
	text-align: center;
	background: #05284d;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
	border-radius: 6px;
	margin: 1rem auto;
}

.inquiry_link a{
	display: block;
	color: #fff;
	text-decoration: none;
	padding: 24px 0;
}



.guide{
	margin: 1rem auto;
}

.guide li{
	font-size: .9rem;
	line-height: 1.6;
	list-style: none;
}

/*周辺施設*/
.entry-content .facility_list h2{
	margin: 0 auto .75rem;
	}
	
.entry-content .facility_list ul{
    width: 96%;
	margin: auto;
}



.entry-content .facility_list li{
	font-size: 1.2rem;
	list-style-position: inside;
	margin: 0;
	padding: 0;
}

/*オープンハウス情報*/
.open_house{
margin: auto;
}



.open_house .op_day{
	width: 90%;
	font-size: 1.2rem;
	color: red;
	margin: .75rem auto .5rem;
}


.open_house .op_memo{
	width: 90%;
	font-size: 1rem;
}

.gmap{
	border: 1px solid #999;
	padding: 0;
	margin-bottom: 2rem;
}

.gmap iframe{
margin: 0;
}



.VideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
  }
   
  .VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
  }

  iframe{
	margin-bottom: 2rem;
}

/*ローンについてなどの注意事項*/
.accordion {    
	width:fit-content;
    margin-bottom: 7px;
    background-color: #f5f5f5;
    border-radius: 5px;
	margin: auto;
}

.accordion summary {
    display: flex;
    justify-content: space-between;
    line-height: 1.7;
    align-items: center;
    position: relative;
    padding: .5em 2em;
    color: #333333;
    font-weight: 600;
    cursor: pointer;
}

.accordion summary::-webkit-details-marker {
    display: none;
}

.accordion summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #b6bdc3;
    border-right: 3px solid #b6bdc3;
    content: '';
    transition: transform .3s;
}

.accordion[open] summary::after {
    transform: rotate(225deg);
}

.accordion p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 2em 1.5em;
    color: #333333;
    transition: transform .5s, opacity .5s;
}

.accordion br{
	display: block;
    content: "";
    margin-bottom: 6px;
}

.accordion[open] p {
	width: 90%;
    transform: none;
    opacity: 1;
}


/*パノラマ*/
#panorama {
	width: 100%;
	height: 50vw;
	max-height: 500px;
	margin-bottom: 8px;
}
ul.panorama-navs{
   display: flex;
   justify-content: center;
   align-items: flex-start; 
   flex-wrap: wrap;
   margin-top: 16px;
}

ul.panorama-navs li{
   width:calc(100% / 5);	
   list-style: none;
   cursor: pointer;   
}

ul.panorama-navs li .caption{
	text-align: center;
	background-color: #f5f5f5;
	border-radius: 8px;
	padding: 4px 0;
}

#head_caption{
	width: fit-content;
	font-size: 1.2rem;
	background-color: #f5f5f5;
	border-radius: 8px;
	margin-bottom: .75rem;
	padding: 6px 21px;
}
/*divタグが空の場合*/
#head_caption:empty{
	width: unset;
	font-size: 1.2rem;
	background-color: unset;
	border-radius: unset;
	margin-bottom: .75rem;
	padding: 6px 21px;
}

@media only screen and (max-width: 736px) {/*スマホ*/

	.img_box{
		display: block;
		flex-wrap: nowrap;
		width: 100%;
	}
	
	.img_box .img_area{
		width:100%;
		padding: 0;
	}



h1.entry-title {
	font-size: 1.5em;
	line-height: 1.5;
	margin: 0 auto 16px;
}

.pagenav {
	width: 96%;
	margin: 20px auto 15px;
}

.pagenav .old{
	width: 100%;
	float: none;
}

.pagenav .old{
	border-right: 1px solid #999;
}

.pagenav .new{
	width: 100%;
	float: none;
	margin: 15px auto 0;
}
.entry-content ul{
	margin: 0 auto;
}

.entry-content li{
	font-size: 1.1em;
	margin: 0 auto 5px;
}



.entry-content br{
	line-height: 2;
}

.entry-content .wp-caption{
	max-width: 100%;
}

.mobi_but{
	width: 90%;
	display: block;
	margin: 0 auto;
}

.cat_list{
	width: 96%;
	margin: 55px auto 75px;
}



.cat_list li{
	font-size: 18px;
	line-height: 1.8;
	border-bottom: dotted #999 1px;
	margin: 0 auto 12px;
	padding: 0 5px 8px;
}



.box_but a{
	width: 90%;
	font-size: 1em;
}

.box_but_bk{
	width: 100%;
}

.box_but_bk p{
	line-height: 0;
}

.syousai_link{
	font-size: 1.5rem;
}

/*周辺施設*/
.facility_list dl{
	width: 47%;
}

.facility_list dt{
	font-size: .9rem;
}

/*学区などで使用*/
.pr_tb th,
.pr_tb td{
	width: 100%;
	display: block;
	font-weight: 500;
	background: #fff;
}

.pr_tb th{
	background: #f5f5f5;
	padding: .75rem 0;
}

/*パノラマ*/
ul.panorama-navs li{
	width:calc(100% / 2);	
	list-style: none;
	cursor: pointer;   
 }


}/*スマホ*/


@media only screen and  (min-width: 737px) and (max-width: 1024px){
	div.content-area{
	width: 96%;
	margin: 0 auto 50px;
}

.entry-content .wp-caption{
	max-width: 100%;
}

.mitumori_box{
	width: 91.4%;
}


}