@charset "utf-8";
/*version:20190707*/



@media screen and (min-width:768px){
/*-------------------------------------------*/
/*	#パソコンのみ設定　ナビゲーション　
/*-------------------------------------------*/
#menu-glnv { position: relative; }
#menu-glnv {display: flex; display: -webkit-flex; /* Safari */ justify-content: space-around; -webkit-justify-content: space-around; /* Safari */-webkit-align-items: center; align-items: center;}
#menu-glnv>li { margin-left:0 !important; margin-right:0 !important; }
#menu-glnv>li { flex-grow: 1; -webkit-flex-grow: 1; /* Safari */ }
ul.sub-menu { visibility: hidden; opacity: 0; z-index: 1; }
.init-bottom:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
#menu-glnv:after { clear: both; }
#menu-glnv { *zoom: 1;
}
ul#menu-glnv>li { padding-top:20px; padding-bottom:20px; }/*リンク部分を広くするために必要*/
#menu-glnv li:first-child { border:none; }/*仕切り線を最初だけ削除*/

li ul.sub-menu { position: absolute; top: 50px; width:200px; background-color:rgba( 255, 255, 255, 0.8 );  transition: all 0.5s ease-out;
padding-left:15px; padding-right:15px; text-align:left; }
li:hover ul.sub-menu { top: 50px; visibility: visible; opacity: 1; }
li ul.sub-menu li { position: relative; padding-top:10px; padding-bottom:10px; }
li ul.sub-menu li:hover { color:#036; }
.init-right:after { content: ''; display: inline-block; width: 6px; height: 6px; margin: 0 0 0 15px; border-right: 1px solid #fff; border-top: 1px solid #fff; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }

 /*ナビゲーション　アイコン設定*/	
li.menu-item-has-children > a:after {	font-family: "FontAwesome"; content: "\f107"; font-weight: 900; padding-left:5px;} 
#menu-glnv li.yajirusiue > a:after {font-family: "FontAwesome"; content: "\f106"; font-weight: 900; padding-left:5px;}
}


 /*TOPページ*/
ul.lay-nayami_check li { background:url(https://just-house.info/images/check001.png) no-repeat; }

/*googleマップ*/
#googlemap iframe { width:100%; height:300px;}

/*-------------------------------------------*/
/*	▼TOPページへのスクロール
/*-------------------------------------------*/
#page-top { position: fixed; bottom: 50px; right: 20px; font-size: 67%; opacity:0.7; z-index:200;}
#page-top a { text-decoration: none; color: #fff; width: 70px; padding:20px 0; text-align: center; display: block; border-radius: 5px; cursor:pointer;}
#page-top a:hover {text-decoration: none;background: #999;}


/*-------------------------------------------*/
/*	#テーブルをスクロールさせる　tablescrollをつけるだけでOK
/*-------------------------------------------*/
table.tablescroll {	overflow: auto;	white-space: nowrap;	display:block;	width:auto;}
table.tablescroll tbody {	width: 100%;	display:table;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar {	height: 5px;}
 /*tableにスクロールバーを追加*/table::-webkit-scrollbar-track {	background: #F1F1F1;}
 /*tableにスクロールバーを追加*/
table.tablescroll::-webkit-scrollbar-thumb {	background: #BCBCBC;}
table.tablescroll td  ,table.tablescroll th { display: table-cell !important;}



/*-------------------------------------------------------------------------------------*/
/*ブログページ　
/*-------------------------------------------------------------------------------------*/
 /*検索部分*/
.searchform {  position: relative;}
.searchfield {  font-size: 14px; width:100%; margin: 3px; padding: 10px; border: solid 1px #bbb;background-color: #FAFAFA;}
.searchsubmit { font-family: FontAwesome; font-size: 1.4em; position: absolute; top: 0; right: 1%; margin-top: 10px; padding: 0; cursor: pointer; color: #6297f5; border: none; background: transparent;}
.searchsubmit:hover {  opacity: .6;}

.widgettitle { font-weight:bold; text-align:left; opacity:0.8;}
.side_contents ul li { text-align:left; font-size:14px;}

 /*ページャー*/
.pagenavi{color: #2583ad;  margin: 2px auto;  line-height:2em;  text-align:center; clear: both;}
.pagenavi a{    text-decoration:none;}
.pagenavi a.page-numbers, .pagenavi .current{    color: #00019b;    padding: 3px 7px;    border:solid 1px #ccc;    text-decoration:none;    font-size:12px;}
.pagenavi a.page-numbers:hover{    color:#fff;    background: #328ab2;}
.pagenavi .current{    color: white;    background: #328ab2;    border-color: #328ab2;    font-weight:bold:}
.pagenavi .next, .pagenavi .prev{    border:0 none;    background:transparent;    text-decoration:none;    font-size:13px;    font-weight:bold;}

/*-------------------------------------------*/
/*	#フォーム
/*-------------------------------------------*/
form label { cursor:pointer; display:block;}
form input , form textarea {display:inline-block; height:auto; padding:10px 3px; font-size:14px; color:#555; vertical-align:middle; background-color:#fff; background-image:none; border:1px solid #ccc; border-radius:4px; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;margin:10px 0;}
form select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
form input[type=checkbox] {  transform: scale(1.5); margin-left:5px; margin-right:10px;}
form input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
input:focus , input[type=file]:focus, input[type=checkbox]:focus, input[type=radio]:focus,textarea:focus , select:focus { border-color: #66afe9; outline: 0; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6); }
form table { text-align:left;}
form table th { padding-right:50px;}
/*-------------------------------------------*/
/*	クリック 表示 折りたたみ　アニメーション
/*-------------------------------------------*/
/*全体*/
.hidden_box {    margin: 2em 0;    padding: 0;}
/*ボタン装飾*/
.hidden_box label { display:block; text-align:left; padding: 15px;    font-weight: bold; border-radius: 5px; cursor :pointer; border:#CCC solid 1px;}
/*アイコンを表示*/
.hidden_box label:before { display: inline-block; content: '\f054'; font-family: 'FontAwesome'; padding-right: 5px; color:#999;}
/*アイコンを切り替え*/
.hidden_box input:checked ~ label:before { content: '\f078'; color: #668ad8;}
/*チェックは見えなくする*/
.hidden_box input { display: none;}
/*中身を非表示にしておく*/
.hidden_box .hidden_show { height: 0;    padding: 0;    overflow: hidden;    opacity: 0;    transition: 0.4s;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {  padding: 10px 0;    height: auto;    opacity: 1;}


 


/* テーブルデザイン */
/******************************************************************/
.t_design { table-layout: auto; margin-right:auto; margin-left:auto;}
.t_design p { margin:0 !important;}
.t_design th
{ padding:20px 15px; text-align: left; vertical-align: top; font-weight:bold; white-space:nowrap;}
.t_design td
{ padding:12px 15px;  width: 80%; text-align:left;}
input { padding:10px; background-color:#ECECEC; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; border-radius: 3px;}
textarea { width:100%; padding:10px; background-color:#ECECEC; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; border-radius: 3px;}

.form_btn{ width:600px; padding:20px; font-size:18px; color:#FFFFFF; background-color:#bb4f80; border-radius: 8px;  margin-right:auto; margin-left:auto; border:none !important; cursor:pointer; display:inline-block;}
.form_btn2{ width:250px; padding:20px; font-size:18px; color:#FFFFFF; background-color:#999; border-radius: 8px;  margin-right:auto; margin-left:auto; border:none !important; cursor:pointer; display:inline-block;}
select { padding:10px 3px;  -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s, box-shadow ease-in-out .15s; border:1px solid #ccc; border-radius:4px;}
input[type="submit"] { background-color:#09C; color:#FFF; font-weight:bold; border:none; min-width:100px;}
.mw_wp_form_confirm table.t_design th{ border-right:#CCC solid 1px;}


/*-------------------------------------------*/
/*	ログイン時の編集ボタン
/*-------------------------------------------*/
.hensyuu { font-size:10px; color:#FFF; background-color: #EEE; border: #E1E1E1 1px solid; display:inline-block; font-weight:bold; text-align:center; border-radius: 3px; cursor:pointer; padding-left:3px; padding-right:3px; position: absolute; bottom:0px; right:0px; z-index:100;}
.hensyuu a { color:#FFF; text-decoration:none; }
.hensyuu:hover { opacity:0.8; filter: alpha(opacity=80); -ms-filter: "alpha( opacity=80 )"; }
.log_tensen { border: #E1E1E1 dashed 1px; margin-bottom:3px; margin-left:3px; margin-right:3px; position:relative; }


/*-------------------------------------------*/
/*	メニューリスト設定
/*-------------------------------------------*/
ul.menulist { display: -webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; width:100%; }
ul.menulist li { width:97%; margin-left:1.5%; margin-right:1.5%; } 
.menub:after{content: "";  clear: both;   display: block;}
ul.menulist li.menu_1 { width:97%; margin-left:1.5%; margin-right:1.5%; }
ul.menulist li.menu_2 { width:47%; margin-left:1.5%; margin-right:1.5%; }
.menu_1 , .menu_2 { margin-bottom:40px}
.menu_cttitle { width:97% !important; margin-left:1.5%; margin-right:1.5%; }
ul.menulist p+p { margin-top:5px !important;  }/*pが連続していたら、マージン*/


/*	アクセスページ*/
table.t_design { margin: 0 auto; border-collapse: separate; width:100%; }
table.t_design th, table.t_design td { padding: 20px; border:none; }
table.t_design th { vertical-align: middle; text-align: left; overflow: visible; position: relative; font-weight: bold; font-size: 15px; border-right:#FFF solid 2px; }
table.t_design td { padding-left: 20px; text-align:left; }
table.t_design tr:nth-child(even) { background-color: rgba(101, 195, 198, 0.3);}




/*lay-qa001*/
.lay-qa001_q { cursor:pointer;}
.lay-qa001_a_open { display:block !important;animation: fade001 1s ease 0s 1 normal;}

/*swiper設定*/
:root{--swiper-theme-color:#FFF!important; }
.swiper-button-next , .swiper-button-prev { opacity:0.3;}

/*-------------------------------------------*/
/*	独自デザイン設定
/*-------------------------------------------*/


/*-------------------------------------------*/
/*	styleタグの詳細
/*-------------------------------------------*/
.sty-bg_order{  wight: 100%; background-size:cover;
  background-position:50%;  position: relative;}
.sty-bg_order::after {  content: '';    position: absolute;  left: 0;  right: 0;  top: 0;  bottom: 0;}


/*	モーダルウィンドウ*/
.lay-modal_btn { border:#F2F2F2 solid 1px; padding:5px; display:inline-block; cursor:pointer;} 
.lay-modal_btn:before{	font-family: "FontAwesome"; content: "\f24d"; font-weight: 900; padding-right:5px; color:#CCC;} 
.lay-modal { z-index:200 !important;
  display: none;
  height: 100vh;
  width: 100%;
  background: black;
 background-color: rgba( 0, 0, 0, 0.7 );
  position: fixed;
  top: 0;
  left: 0;
}
.lay-modal_box {
  background: #fff; padding:20px; overflow:scroll; max-height:80vh;
  width: 80%;
}
.lay-modal_show {
  display: flex;
  justify-content: center;
  align-items: center;
}




/*-------------------------------------------*/
/*	WordPressネイティブ
/*-------------------------------------------*/
strong { font-weight: bold; } em { font-style: italic; } blockquote {    display: block;    -webkit-margin-before: 1em;    -webkit-margin-after: 1em;    -webkit-margin-start: 40px;    -webkit-margin-end: 40px;}
.aligncenter {    display: block;    margin: 0 auto;}.alignright { float: right; }.alignleft { float: left; }
img[class*="wp-image-"],img[class*="attachment-"] {    height: auto;    max-width: 100%;}
 /* mwフォーム　エラー表記スタイル */
.mw_wp_form .error { color:#F00 !important; font-weight:bold; font-size:16px !important;}

 /* clearfix */
 .clearfix {    overflow: hidden;    zoom: 1;}.clearfix:after {    content: "";    display: block;    clear: both;}
 
 
 
 
 /*-------------------------------------------*/
/*	アニメーション
/*-------------------------------------------*/
@keyframes fade001 {0% {opacity: 0; }    100% {opacity: 1;}  }