@charset "utf-8";

@import url("/contents/style/bookmarks.css?t=1");
@import url("/contents/style/smartphone.css?t=1");
@import url("/contents/style/my_menu.css?t=1");
@import url("/contents/style/mypage.css?t=1");

@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;700;800;900&display=swap');

* { margin:0; padding:0;}

html {scroll-behavior: smooth;}

body {
line-height: 1.6;
font-family:"M PLUS Rounded 1c", "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;
color:#4f4a4a;
font-size:16px;
-webkit-text-size-adjust: none;
margin-top:0px;
word-break: break-all;
-webkit-text-stroke-width: .3px !important;
	letter-spacing: 0.03em;
	font-weight: 400;
}

.e_f{/*font-family: 'Josefin Sans', sans-serif;*/ font-weight: 700;}

a{ text-decoration: none;}

input, select, textarea {font-family:"メイリオ", Meiryo, Osaka, "ＭＳ ゴシック", ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3"; font-size:16px;}

input[type="radio"]:checked {outline: solid 5px #ffff00;}
input[type="checkbox"]:checked {outline: solid 5px #ffff00;}
option:checked { background: yellow; background: -webkit-linear-gradient(yellow,yellow); color:#000; -webkit-text-fill-color:#000; }

input::-webkit-input-placeholder {color: #ccc;}
input:-ms-input-placeholder {color: #ccc;}
input::-moz-placeholder {color: #ccc;}

input {margin:0px 4px 4px 2px;}
input, select, textarea {border:1px solid #bbb;}
strong { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}
sup {vertical-align:5px;}

a img {border-style:none;} 

em,address {font-style:normal;}
li {list-style:none;}

.end { clear:both; margin:0; padding:0; border:0;}

.clear_float{ clear:both; height:0px; font-size:1px; line-height:0px; visibility:hidden;}

.whiteText{ color:#FFF; }
.redText{ color:#e95464; }
.blueText{ color: #223a8e; }
.blueText2{ color: #54a0d3; }
.blackText{ color: #3300FF; }
.grayText{ color: #666; }
.grayText2{ color: #999999; }
.grayText3{ color: #666; font-weight:bold; }
.grayText16{ color: #666; font-size:16px; font-weight:bold; }
.pinkText{ color: #ee65ee; }
.smallText{ font-size:90%; }
.xsmallText{ font-size:10px; }
.small{ font-size:14px; color:#666;}

.boldText { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}
.text_stroke4 { font-weight:normal !important; -webkit-text-stroke-width: .4px !important;}
.text_stroke6 { font-weight:normal !important; -webkit-text-stroke-width: .6px !important;}

.Error{ font-size:95%; font-weight:bolder; color:#FF0000; padding:0px 0px 5px 50px; }

.line { height:3px;background-image:url(../images/line_dotted_3px_000000_2.gif);margin:7px 0px 7px 0px;}
.line2px { height:1px;background-image:url(../images/line_dotted_2px.gif);margin:7px 0px 7px 0px;}
.border { padding: 3px ;border:1px solid #bbbbbb;}

.price { font-size:18px; }
.decimal { font-size: 14px; }

.nonexistent {margin:20px 0 10px 0; border:1px solid #999; padding:30px 0 30px 0; text-align:center;}

/*------------------------------------------ breadcrumbs ----------------------------------------*/
.breadcrumbs{ color:#4f4a4a; margin:0px 0px 18px 0; font-size:13px; padding: 8px 0 7px 0; letter-spacing: .06em; position: relative; z-index: 2;}
.breadcrumbs:after{ display: block; content: ""; position: absolute; top:0; left:0; right:0; z-index: -1; background-color: #f2e4d6; height: 100%; width: 100vw; margin: 0 calc(50% - 50vw) 0 calc(50% - 50vw);} 
.breadcrumbs div{ float:left;}
.breadcrumbs a{ color:inherit; transition: .3s;}
.breadcrumbs a:hover{ text-decoration: underline; opacity: 1 !important;}
.breadcrumbs strong{ color:#e95464; text-decoration:none;}

@media print, screen and (max-width: 1250px) {
	.breadcrumbs:after{  width: 1250px; margin: 0 0 0 -75px;}
}


/* table
================================================== */
/* borderが1以上のテーブルCSS */
.borderTable {
	border:1px solid #ccc;
	border-collapse:collapse;
}
.borderTable th, .borderTable td {
	border:1px solid #ccc;
	border-collapse:collapse;
	padding:7px;
}
.borderTable td ul li {
	border-bottom:none;
}

.noborderTable {
	border:none !important;
}
.noborderTable th, .noborderTable td {
	border:none !important;
	padding:0px ;
}

.formDefault{
	
}

.formDefault-imeDisabled{
	ime-mode: disabled;	
}

.input-error{
	background-color:#fde8e8;
}

.input-error-imeDisabled{
	background-color:#fde8e8;
	ime-mode: disabled;
}

.label_member{
	background-color:#e5004f;
	color:#fff;
	font-size:12px;
	letter-spacing:2px;
	text-align:center;
	border-radius:5px;
	margin:5px 5px 5px 5px;
	padding:1px 0px 1px 0px;
}

#scrollUp {
	bottom: 10px;
	right: 0;
	height: 114px;
	width: 60px;
	background: url(../images/icons/top.png?t=2) no-repeat;
	background-size:60px;
	z-index:1000;
	display: none;
}
#scrollUp:hover {
	opacity:0.8;
}

/**/
.ind{ margin:10px 0 20px 0; font-size:14px;}
.ind div{ margin:10px 10px 0 0; display:inline-block;}
.ind .boldText{ color:#CC0000; font-size:22px;}
.ind em{ font-weight:bold;}

.ind .ind_text{ margin:2px 10px 0 0;}
.ind .ind_link{ margin:0;}
.ind .ind_focus{padding:6px 0px 5px 0px; margin:0; text-align:center;}
.ind a{
border:1px solid #b3cde3;
padding:7px 14px 7px 14px;
background-color:#ecf5fa;
margin:0 4px 0 4px;
display:inline;
text-align:center;

}
.ind a:hover{background-color:#fff;}


.mansion_book .ind{ margin:30px 0 30px 0;}

/**/
.wrap_staff{width:40px; height:30px; overflow:hidden; float:left; margin:0 8px 5px 0; text-align:center;}
.wrap_staff img{width:40px;}

#contents-inner-detail .titleDiv .est_cmnt .wrap_staff{
	width:40px; height:40px; 
	margin:5px 8px 5px 0;
}
#contents-inner-detail .titleDiv .est_cmnt .wrap_staff img{
	width:40px;
}

/* SNS
================================================== */
ul#sns_btn {
display:none;
position:fixed;
left:0;
bottom:20px;
width:60px;
padding:10px 10px 10px 10px;
box-sizing:border-box;
border-top-right-radius:10px;
border-bottom-right-radius:10px;
background:#FFF;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.3) 0 0 5px 0;
z-index:100;
}

ul#sns_btn li {margin-bottom:10px;}
ul#sns_btn li:last-child {margin-bottom:0;}
ul#sns_btn li img {width:40px; height:auto; vertical-align:top;}

.ssl2{
color: #339900;
font-size: 14px;
margin: 0 0 10px 0;
background:url(../images/icons/ssl.gif) no-repeat 0 0;
padding:0 0 0 70px;
min-height:40px;
}