@charset "UTF-8";

body {
  padding-top: 5rem;
}
.starter-template {
  padding: 3rem 1.5rem;
  text-align: center;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background:none!important;
}



/* HEADER */
.page-header { border-bottom:0px !important; }
nav {
	font-family: 'Montserrat', sans-serif;
	background-color:#fff !important;
	color: #333;
}
nav li {
	font-size:13px;
	letter-spacing: 1.5px;
}
nav h1 { font-size: 10px; float: right; margin-top: 35px;  }
h1.sp { display:none; }
nav h1.pc { display:block; }
nav img.fplaza { display:none; }
nav li.home { display:none; }

/* TOP */

.container .images { width:100%; position:relative; }
.container .images img.img01 { width:100%; height:auto; max-width:100%; }
.container .images img.img02 { position:absolute; top:40px; left:30px; }

.about {
	text-align:center;
	width:1200px;
	height:auto;
}
.about img.about01 { }
.about img.about02 { display:none; }

.row h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	letter-spacing:5px;
	margin:120px 0 90px;
}
.row h4 {
	font-size:21px;
	color:#666;
	margin-bottom:40px;
}
.row h4 br { display:none; }

.row p.toptext {
	margin: 30px auto 12px;
	color:#666;
    width: 750px;
    text-align: left;
	line-height:1.8;
}
.reform_chintai {
	text-align:center;
	width:1200px;
	height:auto;
}
#top_reform {
    display: -webkit-flex;
    display: flex;
	flex-wrap:wrap;
    -webkit-justify-content: center;
    justify-content: center;
	margin-bottom:50px;
}
.reform {
	width:33.3333%;
	margin-bottom:40px;
}
.reform a { color:#666; text-decoration:none; display:block; padding:25px 0; box-sizing:border-box; }
.reform a:hover { background-color:#eee; }
.reform img { margin-bottom:25px; width:100%;height:auto;max-width:100%;padding:0 15px; object-fit:cover; max-height:240px; }
.reform p { margin:0; padding:0 20px; }
.reform p.madori { width:40%; float:left; text-align:left; font-size:10px; }
.reform p.madori span { border:1px solid #666; padding:3px 15px; border-radius:15px; }
.reform p.chinryo { width:60%; float:right; text-align:right; font-size:21px; margin-top:-4px; margin-bottom:15px; line-height:1.2; }
.reform p.profile { width:100%; clear:both; font-size:13px; text-align:left; }
.reform p.address {
	width: 100%;
    text-align: left;
    font-size: 12px;
    background:url(../images/mappin.png) no-repeat left 25px center;
    background-size: 17px;
    padding: 10px 10px 5px 48px;
}
.more { width:100%; box-sizing:border-box; text-align:center; margin-top:70px;}
.more a { font-size:18px; color:#666; text-decoration:none; border:1px solid #666; padding:20px 150px; }
.more a:hover { background-color:#ddd; }

.top_map {
	text-align:center;
	width:1200px;
	height:auto;
	margin-top:100px;
}
.tumblr {
	width:100%;
	text-align:center;
	background:url(../images/top_sns_bg.gif);
	padding:100px 0;
	margin:100px 0;
}
.tumblr_area {
	background-color:#fff;
	padding:50px;
	width:820px;
	margin:0 auto;
	color:#666;
	line-height:1.8;
	box-sizing:border-box;
}
.tumblr_area img { margin-bottom:20px; }
.tumblr_area h4 { margin-bottom:20px; }
.tumblr_area p { margin-bottom:0px; text-align:left; }

.reiner {
	width:100%;
	text-align:center;
	margin:100px 0;
}
.reiner_area {
	max-width:1200px;
	margin:0 auto;
}
.reiner_area:after { content: ""; clear: both; display: block; }

.reiner_area img.rei01 { float:left; width:50%; height:auto; }
.reiner_area img.rei02 { float:right; width:50%; height:auto; }


/* FOOTER */
footer { clear:both; margin-top:80px; }
.footer1 {
	width:100%;
	background-color:#ededed;
	padding:50px 0 30px;
	margin:0;
}
.footer1_area {
	width:960px;
	margin: 0 auto;
}
.footer1_area:after { content: ""; clear: both; display: block; }

.footer1_area .left_content {
	float:left;
	width:60%;
	color:#666;
}
.footer1_area .left_content ul {
	list-style:none;
	padding:0;
	margin:0 0 20px 0;
}
.footer1_area .left_content ul:after { content: ""; clear: both; display: block; }

.footer1_area .left_content ul li {
	font-size:13px;
	float:left;
	width:50%;
	margin-bottom:12px;
}
.footer1_area .left_content ul li a { color:#666; }

.footer1_area .right_content {
	float:left;
	width:40%;
	text-align:right;
}
.footer_title {
	background:url(../images/rogo_footer.gif) no-repeat left center;
	background-size: 50px;
	padding:15px 0 15px 80px;
	font-size:12px;
	color:#666;
}
.footer2 {
	width:100%;
	background-color:#dbdbdb;
	padding:50px 0;
	margin:0;
}
.footer2_area {
	width:960px;
	margin: 0 auto;
	color:#666;
}
.footer2_area:after { content: ""; clear: both; display: block; }
.footer2_area .left_content2 {
	float:left;
	width:50%;
}
.footer2_area .right_content2 {
	float:right;
	width:50%;
}
.footer2_area .right_content2 p { text-align:right; }
.footer2_area p.copyright1 { font-size:10px; display:block; }
.footer2_area p.copyright2 { display:none; }

/* Page */

.page {
	text-align:center;
	width:100%;
	height:auto;
}
.page h1 {
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	letter-spacing:5px;
	margin:120px 0 90px;
}
.page_text {
	width:100%;
	height:auto;
	max-width:900px;
	margin:0 auto;
	position:relative;
}
.page .page_text h3{ font-size:20px; color:#666; letter-spacing:0; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 80px 0 50px; line-height:1.6; }
.page_text p { font-size:16px; color:#666; padding:0 7%; text-align:left; line-height:1.8; margin-bottom:60px; }

hr {
	border:0.5px solid #cbcbcb;
	margin: 120px 0 0;
}
h3.otoiawase { font-size:21px !important; }
h4.otoiawase { font-size:21px !important; font-weight:bold; }
p.otoiawase { font-size:16px !important; text-align:center !important; }
p.otoiawase span.tel {
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	letter-spacing:5px;
	color:#000;
}
.page_text h2.modelcase {
	font-family: 'Montserrat', sans-serif;
	font-size:26px;
	letter-spacing:5px;
	margin:120px 0 20px;
}
.page_text h3.modelcase {
	font-size:21px;
	margin:0 0 60px;
}
.model_image {
	width:100%;
}
.model_image figcaption { font-size:14px; color:#333; padding:8px 0; text-align:left; }
.model_image:after { content: ""; clear: both; display: block; }
.model_image .imageleft {
	width:49%;
	float:left;
}
img.imagemain { width:100%; height:auto; max-width:100%; }

.model_image .imageleft img,
.model_image .imageright img{ width:100%; height:auto; max-width:100%; }

.model_image .imageright {
	float:right;
	width:49%;
}

/* Reform Chintai */
.page_text .sort { position:absolute; top:-40px; right:15px; font-size:12px; color:#666; }
.reformlist {
	width:100%;
	border-top:1px solid #ccc;
	padding:18px;
	box-sizing:border-box;
}
article.reformlist:last-child { border-bottom:1px solid #ccc; }

.reformlist a { color:#666; text-decoration:none; display:block; padding:0; box-sizing:border-box; }
.reformlist a:after { content: ""; clear: both; display: block; }
.reformlist a:hover { background-color:#e5e5e5; }

.reformlist .reform_images { float:left; width:50%; padding:20px; box-sizing:border-box; }
.reformlist .reform_images img { max-width:196px; max-height:196px; width:50%; height:auto; object-fit:cover; }

.reformlist .reform_text { float:right; width:50%; background-color:#e5e5e5; box-sizing:border-box; padding:30px; }
.reformlist .reform_text p { margin:0; padding:0; }
.reformlist .reform_text p.info { width:50%; float:left; text-align:left; font-size:12px; }
.reformlist .reform_text p.info span.madori { font-size:10px; border:1px solid #666; padding:3px 15px; border-radius:15px; margin-right:15px; }
.reformlist .reform_text p.chinryo { width:50%; float:right; text-align:right; font-size:20px; margin-top:-5px; margin-bottom:15px; line-height:1.2; }
.reformlist .reform_text p.profile1 { width:100%; clear:both; font-size:14px; text-align:left; line-height:1.4; margin-bottom:8px; }
.reformlist .reform_text p.profile2 { width:100%; font-size:11px; text-align:left; line-height:1.4; color:#8d8d8d; }
.reformlist .reform_text p.profile3 {
	width: 100%;
	color: #8d8d8d;
    text-align: left;
    font-size: 12px;
    background:url(../images/mappin.png) no-repeat left center;
    background-size: 17px;
    padding: 10px 10px 5px 25px;
}


/* Reform Shosai */
.page_text .page_title h1.bukkenmei { font-size:21px; color:#666; letter-spacing:0; margin:80px 0 30px 0; padding-top:45px; border-top:1px solid #ccc; }
.page_text article.bukken {
	width: 100%;
	position:relative;
}
.page_text article.bukken a { color:#00A8FA; }
.page_text article.bukken .subscription {
	border-bottom: 1px solid #ccc;
	padding-bottom: 10px;
	margin-top: 10px;
	margin-bottom: 30px;
}
.page_text article.bukken .subscription:after { content: ""; clear: both; display: block; }
.page_text article.bukken .subscription .catch { width:100%; box-sizing:border-box; padding:15px 0; }
.page_text .icon { position: absolute; right: 5px; margin-top: -35px; }
.page_text article.bukken .subscription p.c1  { font-size:18px; margin-bottom:5px; background-color:#e5e5e5; padding:20px 30px; line-height:1.5; margin-bottom:20px; }
.page_text article.bukken .subscription div.c2 { float:right; width:50%; text-align:left; font-size:14px; font-weight:bold; line-height: 1.5; color:#8d8d8d; }

.page_text article.bukken .subscription div.c3 { float:left; width:50%; font-size:14px; color:#999; line-height: 1.4em; }
.page_text article.bukken .subscription div.c3 p { width: 100%;
    color: #888888;
    text-align: left;
    font-size: 16px;
    background: url(../images/mappin.png) no-repeat left 15px center;
    background-size: 25px;
    padding: 10px 10px 5px 45px;
	margin-bottom:10px;
}
.page_text article.bukken .subscription div.c3 p span { font-size:10px; border:1px solid #666; padding:5px 12px; border-radius:15px; margin-left:15px; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }



.page_text article.bukken .main_image { width: 100%; clear:both; }
.page_text article.bukken .main_image img.main1{ width:48%; height:auto; margin-right:2%; }
.page_text article.bukken .main_image img.main2{ width:48%; height:auto; margin-right:0; }
.page_text article.bukken .main_image .main1 img{ height:auto !important; max-width:100%; }
.page_text article.bukken .main_image .main2 img{ height:auto !important; max-width:100%; max-height:288px; }
.page_text article.bukken .sub_image { width:100%; margin:25px 0 25px -4px; position:relative; clear:both; }
.swiper-container img { max-width:98% !important; }

.page_text article.bukken .property { width:100%; position:relative; }
.page_text article.bukken .property p { font-size:12px; margin-bottom:5px; padding:0; text-align:center; }
.page_text article.bukken .property p.keiyakukin { margin-bottom:5px; text-align:right; }
.page_text article.bukken .property .p_content { font-size:12px; position:absolute; right:10px; top:0;}
.page_text article.bukken .property table { width:100%; font-size:12px; border-right:1px solid #ccc; border-bottom:1px solid #ccc; line-height:1.4em; }
.page_text article.bukken .property table th { width:18%; font-weight:normal; color:#666666; background-color:#e5e5e5; border-left:1px solid #ccc; border-top:1px solid #ccc; padding:15px 10px; text-align:center;}
.page_text article.bukken .property table td { width:32%; text-align:left; color:#808080; background-color:#fff; border-left:1px solid #ccc; border-top:1px solid #ccc; padding:15px 20px;box-sizing:border-box; }

.map { width:100%; position:relative; margin:50px 0 5px; }
.map p { font-size:12px; margin-bottom:15px; }
.map .p_content { position:absolute; right:0; top:-25px;}
.map ul { width:100%; max-width:900px; margin-top:20px; list-style:none; margin:20px auto; padding:0; }
.map ul li { width:20%; float:left; margin:10px 0 0 0; font-size:12px; }
.map ul:after { content: ""; clear: both; display: block; }

/*スライドメニュー イメージコンテンツ*/
.arrow-left3 {
  background: url(../images/arrow_left.png) no-repeat left top;
  position: absolute;
  left: -15px;
  top: 55%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  z-index:99999;
}
.arrow-right3 {
  background: url(../images/arrow_right.png) no-repeat left bottom;
  position: absolute;
  right: -22px;
  top: 46%;
  margin-top: -15px;
  width: 30px;
  height: 30px;
  z-index:99999;
}
.subimage-content, .subimage-content.swiper-slide {
	height: 140px;
}

/* Contact form */
.form01 {
	width:30%;
	float:left;
}
.form01 p.text01 { font-size:16px; color:#666; line-height:1.6; padding:0; margin-bottom:10px; }
.form01 p.text02 { font-size:14px; color:#a6a6a6; line-height:1.6; padding:0; margin-bottom:10px; }
.form01 p.text03 { font-size:10px; color:red; line-height:1.4; padding:0; margin-bottom:10px; }
.form02 {
	width:66%;
	float:right;
	text-align:left;
}

.form02 dl { }
.form02 dl dt { font-size:14px; font-weight:normal; color:#666; margin-bottom:5px; }
.form02 dl dt.mawari { float:left; margin-right:20px; margin-bottom:10px; }
.form02 dl dd { font-size:14px; color:#333; margin-bottom:20px; }
.form02 input[type="text"] { width:100%; padding:5px; }
.form02 textarea { width:100%; height:120px; padding:5px; }
.form02 span.sub { font-size:11px; color:#666; margin-left:30px; }
.form02 span.required { font-size:13px; color:red; margin-left:10px; }

input, button, select, textarea {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:13px;
	background-color:#ebebeb;
	border:1px solid #ccc;
}
input[type="checkbox"],
input[type="radio"],
input[type="file"],
input[type="hidden"],
input[type="image"],
input[type="color"] {
	border: 0;
	border-radius: 0;
	padding: 0;
}
input[type="submit"],
input[type="reset"] {
	font-size:16px;
	color:#8d8d8d;
	padding:20px 80px;
	margin:50px 15px 0 0;
}


/* Information */
#reform_feed { max-width:900px; margin:0 auto; }
article.hentry {
	border-top:1px solid #ccc;
}
article.hentry:last-child {	border-bottom:1px solid #ccc; }

#reform_feed article.hentry h3 {
	font-size: 14px;
	margin:10px 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: normal;
}

.single article.hentry {
	padding:0 0;
}

#news {}
.news_list_box {
	width:100%;
	height:auto;
	margin-bottom:0;
	padding:20px 0;
	box-sizing:border-box;
}

.news_list_box:after { content: ""; clear: both; display: block; }

.list_thumbnail { width:22%; float:left; margin-right:4%; }
.list_thumbnail img { width:100%; max-width:100%; height:140px; object-fit:cover; }

.list_textarea { width:70%; float:left; text-align:left; }
.list_textarea2 { width:100%; float:left; text-align:left; }
.list_textarea span,
.list_textarea2 span {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#8d8d8d;
	font-size:13px; color:#333; padding:0 0 0 0;
}
.page .page_text .list_textarea h3,
.page .page_text .list_textarea2 h3 { font-size:15px; font-weight:normal; color:#666666; line-height:1.4; margin:5px 0 0 0; padding:5px 0; }
.page .page_text .list_textarea p,
.page .page_text .list_textarea2 p {
	padding:0; margin:0;
}
.list_textarea h3 a,
.list_textarea2 h3 a { color:#666; text-decoration:none; }
.list_textarea h3 a:hover,
.list_textarea2 h3 a:hover { color:#ccc; text-decoration:none; }
.list_textarea p,
.list_textarea2 p { line-height:1.4; font-size:14px; margin-bottom:15px; }

.navi_button {
	width: 100%;
	margin-top: 35px;
	padding: 10px 0;
	float: left;
	text-align: center;
}
#pagenation {
	width: 100%;
	margin: 15px 0;
	text-align: center;
	float:left;
}
#pagenation a {
	border: 1px solid #666;
	padding: 10px 15px;
	margin-right:5px;
	text-decoration:none;
	color:#333;
}
#pagenation a:hover {
	background-color: #333;
	color: #fff;
	text-decoration: none;
}
#pagenation .current {
	padding:10px 15px;
}

/* Information Single */

p.singletime {
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	margin:60px 0 40px 0;
	font-siez:12px;
	color:#8d8d8d;
}
.single-post h1.entry-title {
	font-size:16px;
	color:#666;
	line-height:1.6;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing:normal;
	margin:0 0 50px;
}
.single-post .post-thumbnail img { width:65%; height:auto; max-width:100%; }
.single-post .entry-content { width:100%; box-sizing:border-box; margin:50px 0; padding:0 30px; }
.single-post .entry-content p { width:100%; padding:0; }
p.navigation { margin-top:30px; }
p.navigation a { color:#666; }
span.prev { font-size:14px; }
span.prev:after { content: "　｜　" }
span.next { font-size:14px; }

/* 5件表示 */
/* #loadarea
--------------------------- */
#loadarea {
    width: 100%;
}
/*#loadarea .loadItem {
    padding: 10px 0;
    width: 500px;
    line-height: 160%;
    border-bottom: #666 1px dotted;
}
#loadarea #item1 {
    border-top: #666 1px dotted;
}
#loadarea .loadItem img {
    margin: 0 15px 0 0;
    width: 200px;
    height: 200px;
    float: left;
}
*/

/* #nowLoading
--------------------------- */
#nowLoading {
    padding: 5px 0;
    width: 100%;
    text-align: center;
}

/* #btnMore
--------------------------- */
#btnMore {
    padding: 20px 0;
    width: 50%;
	margin:100px auto 0;
    text-align: center;
    border: #000 1px solid;
    cursor: pointer;
}

/* =======================================
    ClearFixElements
======================================= */
#loadarea .loadItem:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
#loadarea .loadItem {
    display: inline-block;
    overflow: hidden;
}

/* PANO */
iframe.pano3dview {
	width:100% !important;
	max-width:100% !important;
}