@charset "utf-8";

/**************************************************************************************
COMMON
--------------------------------------------------------------------------------------
PARTS
***************************************************************************************/

.bg_wh {	background: #fff;}

.w100per {
	width: 100%;
}
.u-input-text {
	box-sizing: border-box;
	height: 3em;
	border-radius: 3px;
	padding: 0.5em;
}

/* lineDot
========================================== */

.lineDotB {
	background:url(../../img/common/line_dot.png) bottom left repeat-x;
	padding:0 0 5px 0;
}
.lineDotT {
	background:url(../../img/common/line_dot.png) top left repeat-x;
	padding:5px 0 0 0;
}
.lineDotL {
	background:url(../../img/common/line_dot_tate.png) top left repeat-y;
	padding:0 0 0 5px;
}
.lineDotR {
	background:url(../../img/common/line_dot_tate.png) top right repeat-y;
	padding:0 5px 0 0;
}

/* ic_up ic_down
========================================== */

.ic_und_orange,
.ic_up_orange {
	padding:8px 0 0 15px;
	font-weight:bold;
	color:#444;
}
.ic_und_orange {background:url(../../img/common/ic_und_orange.png) no-repeat 0 13px;}
.ic_up_orange {background:url(../../img/common/ic_up_orange.png) no-repeat 0 13px;}

/* ic_child_orange
========================================== */

.ic_child_orange {
	padding:8px 0 0 15px;
	margin-left:7px;
	font-weight:bold;
	background:url(../../img/common/ic_child_orange.png) no-repeat 0 15px;
}

/* ic_rnd_
========================================== */

.ic_rnd_orange {
	background:url(../../img/common/ic_rnd_orange.png) no-repeat 0 center;
	padding-left:15px;
}
.ic_rnd_green {
	background:url(../../img/common/ic_rnd_green.png) no-repeat 0 center;
	padding-left:18px;
}
.ic_rnd_lgreen {
	background:url(../../img/common/ic_rnd_lgreen.png) no-repeat 0 center;
	padding-left:18px;
}
.ic_rnd_yellow {
	background:url(../../img/common/ic_rnd_yellow.png) no-repeat 0 center;
	padding-left:18px;
}
.ic_rnd_beige {
	background:url(../../img/common/ic_rnd_beige.png) no-repeat 0 center;
	padding-left:18px;
}
.ic_rnd_brown {
	background:url(../../img/common/ic_rnd_brown.gif) no-repeat 0 center;
	padding-left:18px;
}

/* ic_glass
========================================== */

.ic_glass {
	background:url(../../img/common/ic_glass.png) no-repeat 0 center;
	padding-left:20px;
}

/* tel(Red Number)
========================================== */

span.telM {
	color:#CC0000;
	font-size:197%;
	vertical-align:middle;
	padding-left:5px;
}
span.telL {
	color:#CC0000;
	font-size:262%;
	vertical-align:middle;
	padding-left:5px;
}

/* ic_list_brown
========================================== */

.ic_list_brown {
	background:url(../../img/common/ic_list_brown.png) no-repeat 0 center;
	padding-left:10px;
}

/* ic_list_blue
========================================== */

.ic_arw_blue {
	background:url(../../img/common/ic_arw_blue.png) no-repeat 0 3px;
	padding-left:12px;
}

/* ic_atten
========================================== */

.ic_atten {
	background:url(../../img/detail/ic_map_atten.png) no-repeat 0 center;
	padding-left:20px;
}

/* yellowBox
========================================== */

p#yellowBox {
	border:1px solid #CCCCCC;
	background:#FFFCE5;
	padding:30px;
	clear:both;
	font-size:108%;
	line-height:1.6;
	margin-top:20px;
}
p#yellowBox em {
	font-weight:bold;
	font-size:108%;
	display:block;
	margin-bottom:10px;
}
p#yellowBoxInvisible {
	border-style:none;
	padding:0;
	width:920px;
	clear:both;
}

/* orangeBox
========================================== */

#orangeBox {
	border:1px solid #FFBF01;
	background:#FFFCE5;
	padding:15px 20px;
}
#orangeBox h4 {
	color:#FF6600;
	font-size:108%;
	font-weight:bold;
}
#orangeBox h4 img {
	margin-top:-2px;
	margin-left:15px;
}

/* popup
========================================== */

#popup {
	margin:0 auto;
	width:600px;
}
#popupMap {
	margin:0 auto;
	width:700px;
}
#popupMap #googleMap {
	width:700px;
	height:480px;
	margin:10px auto 0;
}
#panorama {
	margin:0 auto;
	width:600px;
	background:#000 url(../../img/bg-viewer.gif) repeat;
}

/* error
========================================== */

p.error {
	color:#FF0000;
	font-weight:bold;
	padding-left:20px;
	padding-top:5px;
	background:url(../../img/common/ic_error.gif) no-repeat 0 6px;
}

/* btnApply
========================================== */

.btnApply {
	margin:5px auto 0;
	padding:20px 0 10px;
	text-align:center;
	position:relative;
}
.btnApply .back {
	position:absolute;
	left:0px;
	top:68px;
}

a.btnOr {
	display:block;
	width:320px;
	text-align:center;
	margin:0 auto;
	padding:20px 40px 20px 20px;
	border-radius: 5px;
	box-sizing: border-box;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.1em;
	border-bottom:2px solid #965b11;
	background:url(../../img/common/ic_btn_arrow.png) no-repeat #FFA914 95% 50%;
}
a.btnOr:hover {
	text-decoration: none;
	opacity: 0.8;
}

/* フォームのオプトイン
========================================== */

.link-optin {
	text-align: center;
	padding-bottom:30px;
  }
  .link-optin a {
	background:url(/img/common/ic_window_blank.svg) no-repeat right;
	padding-right: 2em;
	font-size: 12px;
	text-decoration: underline;
  }

/* For open.js
========================================== */

.switch {
	cursor:pointer;
	margin:10px 0;
	padding-left:12px;
	background:url(../../img/common/ic_arw_blue.png) no-repeat left 4px;
	font-size:93%;
	color:#0066FF;
}
.display {
	display:none;
}

/* FOR RADIO + CHECK
========================================== */

ul.ulwide80f {
}
ul.ulwide80f li {
	float:left;
	width:80px;
}

/*******************************************
tabMenu
-------------------------------------------

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

.tabMenu {
	background:url(../../img/list/line_green.png) no-repeat bottom;
	height:36px;
	width:1090px;
}

/*******************************************
tabMenu
-------------------------------------------
tab
********************************************/

.tabMenu ul.tab {
	width:444px;
	float:left;
}
.tabMenu ul.tab li {
	width:111px;
	float:left;
}

/*******************************************
INFO + TOWN
-------------------------------------------

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

.bgWhiteBox {
	width:990px;
	border:1px solid #E3E3E3;
	background:#fff;
	position:relative;
	padding:19px;
	margin-left:auto;
	margin-right:auto;
}

/* bg_ttl_green894
========================================== */

.bgWhiteBox .bg_ttl_green894 {
	background:url(../../img/common/bg_ttl_green894.png) no-repeat;
	position:absolute;
	top:2px;
	left:2px;
	width:994px;
	height:30px;
	padding:6px 0 0 30px;
}
.bgWhiteBox .bg_ttl_green894 h2 {
	color:#FFF;
	font-size:108%;
	font-weight:bold;
}

/* --------------------------------------------------
CONTACT
-------------------------------------------------- */

.left_tel {
	float:left;
	padding-right: 30px;
	width: 50%;
}
.left_web {
	float:left;
	width: 50%;
	padding-left:30px;
	background:url(../../img/common/line_dot_tate.png) repeat-y top left;
}
.ic_cir_green {
	font-size:116%;
	background:url(../../img/common/ic_cir_green.png) no-repeat 0 7px;
	padding:2px 0 0 16px;
	letter-spacing:0.1em;
}
p.recep_time_tel {
	padding:0px 0 0 72px;
}
p.recep_time_web {
	padding:6px 0 0 65px;
}
p.ic_free_orange {
	background:url(../../img/common/ic_free_orange.png) no-repeat 0 18px;
	padding:10px 0 0 70px;
	font-size:300%;
	font-weight:bold;
	color:#FF7F00;		
}

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

-------------------------------------------
MYLIST
********************************************/

/* マイリストWrap
========================================== */

.mylistWrap {
	background:rgba(0, 0, 0, 0.3);
	display:block;
	width:100%;
	height:100vh;
	position:fixed;
	top:0;
	z-index:100000;
	display:block;
	padding:5px;
	box-sizing:border-box;
}
.mylistWrap .popup {
	background:#fff;
	max-width:450px;
	margin:0 auto;
	width:100%;
	top:40vh;
	border-radius:10px;
	position:relative;
	box-sizing:border-box;
	border:#FB8C00 5px solid;
	padding-bottom:20px;
}
.mylistWrap .popup:after {
	content:'';
	display:block;
	background:url(../../img/sp/common/ic_close.png)no-repeat;
	background-size:30px;
	width:60px;
	height:60px;
	position:absolute;
	right:-45px;
	top:-15px;
}
.mylistWrap .popup dl {
	text-align:center;
}
.mylistWrap .popup dl dt {
	text-align:center;
	font-weight:bold;
	font-size:22px;
}
.mylistWrap .popup dl dt small {
	font-size:14px;
}
.mylistWrap .popup dl dd {
	text-align:center;
	padding:20px 0 0 0;
}
.mylistWrap .popup p {
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	border-top:1px solid rgba(0, 0, 0, 0.3);
	color:#1592E6;
	margin-top:20px;
}
*/

/* マイリスト追加
========================================== */
/*
.mylistWrap.listAdd .popup dl dt {
	padding-top:30px;
}
.mylistWrap.listAdd .popup dl dd img {
	max-width:353px;
	width:100%;
}
*/
/* マイリスト削除
========================================== */
/*
.mylistWrap.listDel .popup dl dt {
	padding-top:30px;
}
.mylistWrap.listDel .popup dl dt {
}
*/

/*******************************************
-------------------------------------------
MYLIST
********************************************/

/* マイリストWrap
========================================== */


#popup_mylist_add_box .tclose,
#popup_mylist_del_box .tclose
{
	background:url(/img/sp/common/ic_close.png)no-repeat;
	background-size:30px;
	top:5px;
	right:5px;
}

#popup_mylist_add_box,
#popup_mylist_del_box
{
	background:#fff;
	max-width:450px;
	margin:0 auto;
	padding:0;
	width:100%;
	border-radius:10px;
	border:#FB8C00 5px solid;
	padding-bottom:20px;
}

#popup_mylist_add_box .tcontent dl,
#popup_mylist_del_box .tcontent dl
{
	text-align:center;
}

#popup_mylist_add_box .tcontent dl dt,
#popup_mylist_del_box .tcontent dl dt
{
	text-align:center;
	font-weight:bold;
	font-size:22px;
}

#popup_mylist_add_box .tcontent dl dt small,
#popup_mylist_del_box .tcontent dl dt small
{
	font-size:14px;
}

#popup_mylist_add_box .tcontent dl dd,
#popup_mylist_del_box .tcontent dl dd
{
	text-align:center;
	padding:20px 0 0 0;
}

#popup_mylist_add_box .tcontent p,
#popup_mylist_del_box .tcontent p
{
	width:100%;
	padding:10px;
	box-sizing:border-box;
	text-align:center;
	border-top:1px solid rgba(0, 0, 0, 0.3);
	color:#1592E6;
	margin-top:20px;
}

/* マイリスト追加
========================================== */
#popup_mylist_add_box .tcontent dl dt
{
	padding-top:30px;
}

#popup_mylist_add_box .tcontent dl dd img
{
	max-width:353px;
	width:100%;
}

/* マイリスト削除
========================================== */
#popup_mylist_del_box .tcontent dl dt
{
	padding-top:30px;
}

/* フォーム
========================================== */

label {
	cursor: pointer;
}

dl.inputNest {
	width:100%;
}
dl.inputNest dt {
	font-weight:bold;
	vertical-align:middle;
	font-size:14px;
	letter-spacing:0.1em;
}
dl.inputNest dd {
	vertical-align:middle;
	margin-top:6px;
}

dl.inputNest + dl.inputNest {
	border-top:1px solid rgba(0, 0, 0, 0.3);
	margin-top:12px;
	padding-top:12px;
}

.btnMore {
	color:#81b247;
	letter-spacing:0.15em;
	width:190px;
	border:1px solid #ccc;
	text-align:center;
	font-weight:bold;
	border-radius:20px;
	font-size:14px;
	padding:9px 9px 9px 30px;
	position:relative;
	cursor:pointer;
}
.btnMore:after {
	display:block;
	position:absolute;
	width:30px;
	height:30px;
	content:"";
	background:#81b247 url(../../img/common/ic_form_plus.svg)no-repeat center;
	border-radius:30px;
	left:5px;
	top:4px;
}

.listSelect + .listSelect {
	margin-top:10px;
}
.listSelect .txtDel {
	cursor:pointer;
	padding:5px 15px;
	border-radius: 5px;
	display: inline-block;
	margin-left:10px;
	color:#999;
	background:#ebebeb;
}
.listSelect select {
	margin-right:10px;
}

/* 査定ボタン
========================================== */

.btn-satei {
	display: block;
}
.btn-satei.none {
	display: none;
}
.btn-satei a {
	color: #fff;
	background: #F64E4E url(../../img/common/ic_arb_cir_wh.svg)no-repeat right 1em center;
	font-size: 16px;
	padding: 15px 3em 15px 1em;
	font-weight: bold;
	letter-spacing: 0.15em;
	border-radius: 5px 5px 0 0;
	position: fixed;
	bottom: 0;
	right: 2em;
	z-index: 5;
}
.btn-satei a:hover {
	text-decoration: none;
	opacity: 0.8;
}
.btn-satei .close {
	width: 14px;
	height: 14px;
	display: block;
	background: url(../../img/common/ic_close.svg)no-repeat;
	position: fixed;
	bottom: 60px;
	right: 3em;
	cursor: pointer;
}

/* 水色リンクアイコン
========================================== */

ul.list-tr-bl li a {
	position: relative;
	text-decoration: underline;
}
ul.list-tr-bl li a::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0 4px 6px;
	border-color: transparent transparent transparent #007bff;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	left: -13px;
}

/* btn
========================================== */

.c-btn-map {
	display: inline-block;
	padding: 2.5em 1em 0.5em 1em;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	border-radius: 5px;
	border: #C4C4C4 2px solid;
	color: #000;
	background: url(../../img/common/ic_map_bk.svg) no-repeat center top 0.5em;

}
.c-btn {
	display: inline-block;
	padding: 1em;
	cursor: pointer;
	font-size: 15px;
	font-weight: bold;
	border-radius: 5px;
}
.c-btn__orange {
	background-color: #F37E00;
	color: #fff;
	border-bottom:5px solid #E16100;
}
.c-btn__border-gray {
	border: #C4C4C4 2px solid;
	color: #000;
}

.u-ic-graph__orange {
	background: url(../../img/common/ic_graph_orange.svg) no-repeat center left 1em;
	text-indent: 3em;
}
.u-ic__left {
	text-indent: 2em;
	position: relative;
}
.u-ic__left::after{
	width: 22px;
	height: 22px;
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	margin-top: -11px;
	left: 1em;
}
.u-ic-doc__wh::after {
	background: url(../../img/common/ic_doc_wh.svg) no-repeat;
}
.u-ic-camera__wh::after {
	background: url(../../img/common/ic_camera_wh.svg) no-repeat;
}
.u-ic-mylist__pink::after {
	background: url(../../img/common/ic_mylist_pink.svg) no-repeat center;
}
.u-ic-print__bk::after {
	background: url(../../img/common/ic_print_bk.svg) no-repeat center;
}
.u-ic-qr__bk::after {
	background: url(../../img/common/ic_qr_bk.svg) no-repeat center;
}
.u-ic-mail__bk::after {
	background: url(../../img/common/ic_mail_bk.svg) no-repeat center;
}
.u-ic-graph__orange {
	background: url(../../img/common/ic_graph_orange.svg) no-repeat center left 1em;
}
.u-ic-mail__orange {
	background: url(../../img/common/ic_mail_ore.svg) no-repeat center left 1em;
	background-size: 20px;
}

.c-border-box {
	padding: 20px;
}

.u-border-right {
	border-right: 1px solid #ccc;
}
.u-border-box__pink {
	border: 10px solid #FFE8DC;
}

.l-flex {
	display: flex;
}
.u-flex__ju-centre {
	justify-content: center;
}