@charset "utf-8";

/*=======================================================

	assiette CSS 2.0
	ATHR : Assiette Ltd.
	DATE : 2016/01
	FILE : style.css
    ----------------------------
	Logo COLOR	: #0068B7	(logo)
	BASE COLOR	: #0E439C	(menu)
	LINK COLOR  : #09C		(blue)
	BG COLOE	: #E5F1FC	(light blue)
	FTR COLOR	: #162856	(dark blue)

=========================================================


/*-------------------------------------
	20200525　コロナウイルス対策
-------------------------------------*/

.corona { padding: 30px 30px 28px; line-height: 1.6; border: 1px solid #f63; }
.corona h4 { margin: 0 0 10px; padding: 0 0 8px; color: #f63; font-size: 18px; font-weight: normal; border-bottom: 1px dotted #f63; }


/*-------------------------------------
	共通
-------------------------------------*/

.right { text-align: right; }
.center { text-align: center; }
.left { text-align: left; }

.large { text-align: center; }
.large button { margin: 0 0 30px 35px; padding: 24px 20px 22px; font-size: 28px; border-radius: 7px; }
.large button[type=submit], .large button.submit { margin-left: 0; max-width: 420px; }
.large button[type=submit]:not(.search):before, .large button.submit:not(.search):before { margin-top: -5px; border: 5px solid transparent; border-left: 7px solid #FFF; }

a.tri { position: relative; padding-left: 12px; color: #000; }
a.tri:before { content: ""; position: absolute; top: 50%; left: 3px; margin-top: -4px; border: 3px solid transparent; border-left: 5px solid #000; }
a.tri:hover { color: #000; text-decoration: underline; }

.limited { color: #FFF !important; background: #F63 !important; border-color: #F63 !important; }
.list i.limited,
#MapSearch a i.limited { position: absolute; top: 0; left: 0; padding: 5px 7px 4px; font-size: 13px; font-weight: bold; line-height: 1.1; z-index: 1; }
.list.noline i.limited,
#MapSearch a i.limited { padding: 5px 6px 3px; font-size: 11px; }

a.btn.white.bookmark.added { color: #666; background-color: #f7f7f7; }
a.btn.white.bookmark.added:before { border-left-color: #666; /*background: url("/invest/images/common/minus.png") no-repeat;*/ }
a.btn.white.bookmark.added:hover { background: #FFF; }

br.diss { display: block; }
br.min { display: none; }

body > div a.btn.sp { padding: 20px 20px 20px 50px; max-width: none; min-width: 960px; font-size: 30px; background: #000 !important; border-radius: 0; }
body > div a.btn.sp:before { position: absolute; left: 30%; margin-top: -15px; width: 18px; height: 30px; background: url("/invest/images/common/smartphone.png") no-repeat; background-size: contain; border: none; }

.joinPremium { margin: 30px 0; padding: 15px 15px 12px; color: #F63; text-align: center; border: 1px solid #F63; }
.joinPremium h3 { padding: 0 0 13px; margin: 0 0 13px; color: #F63; font-size: 18px; font-weight: normal; text-align: center; border-bottom: 1px dotted #F63; }
.joinPremium p { display: inline-block; font-size: 14px; }
.joinPremium a { text-decoration: underline; }
.joinPremium a:hover { text-decoration: none; }
#HOME .joinPremium { margin: -10px 0 40px; }

@media (max-width: 1300px) {

header #HeaderImg { padding-top: 36px; }
header #HeaderImg img { width: 265px; }
header #HeaderImg span { padding: 10px 10px 7px; }

header p { font-size: 12.5px; }

header #BtnNav { top: 66px; }
header #BtnNav a.btn.white { font-size: 14px; }

nav { margin-top: 36px; }
nav ul li a { padding: 2px 15px 0; }
nav ul li a.search, nav ul li a.form, nav ul li a.baikyaku { padding-left: 39px; }
nav ul li a.baikyaku { padding-left: 30px; }
nav ul li a.search:after, nav ul li a.form:after, nav ul li a.baikyaku:after { left: 15px; }

header,
nav ul,
#Breadcrumbs,
main,
#MapSearch article h2,
#Detail article,
.contact article,
.mypage.nofloat article,
footer section { width: 1040px; }

article { width: 760px; }

#FootSearch div { width: 29%; }
#FootSearch div:first-of-type { padding-right: 30px; width: 70%; }
#FootSearch div:last-child li { min-width: 140px !important; }

#FootLink div { min-width: 320px; }
#FootLink ul { width: 680px; }
#FootLink li { padding-left: 30px; }

/* common */
.list.five li:last-of-type, .list.six li:last-of-type { display: none; }
.list.five li { width: 25%; }
.list.five figure { height: 117px; }
.list.five img { max-height: 117px; }

.list.six li { width: 20%; }
.list.six figure { height: 123px; }
.list.six img { max-height: 123px; }

.list.noline.six figure { height: 80px; }
.list.noline.six img { max-height: 80px; }

.list.noline.eight li { width: 16.6%; }
.list.noline.eight li:nth-of-type(7), .list.noline.eight li:last-of-type { display: none; }
.list.noline.eight figure { height: 88px; }
.list.noline.eight img { max-height: 88px; }

/* HOME */
#HOME aside#LeftColumn { float: right; margin-right: 0; }
#HOME aside#RightColumn { padding-top: 30px; border-top: 1px dotted #666; }

/* Search */
.searchForm table label { width: 32.5%; min-width: 32.5% !important; }
.searchForm p:not(.large) button.search:before { left: 38px; }

.searchForm .terms li { font-size: 13px; }

/* SearchResult, History */
#SearchResult article, #History article { float: right; }
#SearchResult aside#RightColumn, #History aside#RightColumn { float: left; margin: 0; padding-top: 30px; border-top: 1px dotted #666; }

/* Detail */
#Detail article .contact:not(.long) div { display: block; }
#Detail article .contact:not(.long) h3 + p { margin-bottom: 20px; }
#Detail article .contact .btn:not(.white) { width: 400px; font-size: 26px; }
#Detail article .contact .btn.white { width: 190px; }
#Detail article .contact.long div { vertical-align: top; }
#Detail article .contact.long div:last-of-type { width: 480px; }
#Detail article .contact.long div:last-of-type p { display: block; }
#Detail article .contact.long div:last-of-type p .btn:not(.white) { padding: 26px 23px; width: 480px; font-size: 28px; }
#Detail article .contact.long div:last-of-type p .btn.white { display: inline-block; margin: 12px 0 0; width: 219px; }
#Detail article .contact.long div:last-of-type p .btn.white:last-of-type { margin: 12px 0 0 7px; }

#Detail #DetailTop .contact { width: 460px; }
#Detail #DetailTop .contact h3 { font-size: 36px; }
#Detail #DetailTop table td .btn.simple { right: 520px; }

#Detail .bx-wrapper, #Detail .bx-pager { width: 500px; }
#Detail .bx-pager li { width: 92px; }

#Detail #Left { width: 720px; }
#Detail #Left .contact div:last-of-type { width: 100%; }
#Detail #Left .contact div:last-of-type p { display: table-cell; vertical-align: top; }
#Detail #Left .contact div:last-of-type p .btn:not(.white) { margin: 0; padding: 34px 23px; width: 420px; }
#Detail #Left .contact div:last-of-type p .btn.white { display: block; margin-left: 20px; width: 215px; }
#Detail #Left .contact div:last-of-type p .btn.white:last-of-type { margin-top: 10px; }

#Detail #Map .mapcanvas  { width: 780px; }

#Detail #DetailTop .premium br.min { display: block; }

/* contact */
.contact .invList table { max-width: 778px; }
.contact .invList table td:nth-of-type(2) { max-width: 258px; }

/* mypage */
#MypageTop .myTab li { padding: 10px 0; width: 200px; height: 40px;font-size: 16px; }

#MypageTop .controlls .listCheck p { position: relative; display: block; margin: 5px 10px 10px; padding: 10px 0 0; border: none; border-top: 1px dotted #666; }
#MypageTop .controlls .listCheck label.disabled { position: absolute; top: 12px; left: 0; }

#MypageTop .myList h3 { max-width: 663px; }
#MypageTop .myList h3 + p { width: 120px; }
#MypageTop .myList h3 + p img { max-width: 120px; }

#MypageTop .myList table { max-width: 523px; }
#MypageTop .myList table td:first-of-type { padding-right: 20px; max-width: 140px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
#MypageTop .myList table td:nth-of-type(2) { max-width: 153px; }
#MypageTop .myList .status { max-width: 100%; min-height: 0; }
#MypageTop .myList .buttonLinks { position: static; margin-top: 20px; width: 100%; text-align: right; }
#MypageTop .myList a.btn.white { margin-left: 10px; }

/* subpages */
#Hints article div { width: 350px; }
#Hints article div h3 { font-size: 19px; }
}

@media (max-width: 1060px) {

br.diss { display: none; }
br.min { display: block; }

header #HeaderImg { font-size: 21px; }
header #HeaderImg img { width: 242px; }

header #BtnNav { top: 64px; }
header #BtnNav a.btn.white { margin-left: 5px; padding: 8px 22px 7px 8px; }
header #BtnNav a.btn.white:before { right: 3px; }

nav { margin-top: ; }
nav ul li a { font-size: 14px; }
nav ul li a.baikyaku { font-size: 15px; }

header,
nav ul,
#Breadcrumbs,
main,
#MapSearch article h2,
#Detail article,
.contact article,
.mypage.nofloat article,
footer section { width: 960px; }

article { width: 680px; }

#FootSearch div { width: 34%; }
#FootSearch div:first-of-type { padding-right: 50px; width: 65%; }
#FootSearch li { margin-bottom: 7px; }
#FootSearch div:first-of-type p a { margin-bottom: 7px; }
#FootSearch div:first-of-type p a:nth-of-type(9) { margin-left: 0; padding-left: 0; }
#FootSearch div:first-of-type p a:nth-of-type(9):before { display: none; }

#FootLink div { position: absolute; top: 300px; left: 50%; margin-left: -460px; }
#FootLink div .logo { margin-bottom: 20px; }
#FootLink p.copyright { margin-top: -16px; padding-top: 0; text-align: right; }
#FootLink div { width: 920px; }
#FootLink ul { margin-bottom: 114px; width: 930px; text-align: left; }
#FootLink li { padding-left: 60px; }

.large button { padding: 22px 20px 19px; font-size: 24px; }
.large button[type=submit], .large button.submit { max-width: 360px; }

/* common */
.list .status i { margin-left: 5px; min-width: 48px; font-size: 11px; }
.list figure { height: 104px; }
.list img { max-height: 104px; }

.list.noline p:nth-of-type(2) { font-size: 12px; }
.list.noline figure { height: 70px; }

.list.five figure { height: 103px; }
.list.five img { max-height: 103px; }

.list.six figure { height: 112px; }
.list.six img { max-height: 112px; }

.list.noline img { max-height: 70px; }
.list.noline.six figure { height: 69px; }
.list.noline.six img { max-height: 69px; }

.list.noline.eight figure { height: 80px; }
.list.noline.eight img { max-height: 80px; }

.paging, .paging p.resultNum, .paging ul { display: block; width: 100%; }
.paging ul { margin-top: 15px; padding-top: 15px; text-align: left; border-top: 1px dotted #666; }
.controlls.bottom .paging p.resultNum { padding-top: 5px; }

.listCheck label.disabled { margin: 0 10px 0 5px; }
.listCheck button { padding: 11px 10px 9px; width: 140px; font-size: 14px; }
.listCheck button.white { width: 150px; font-size: 14px; }

#PR li a { font-size: 12px; }

.joinPremium h3 { font-size: 16px; }

/* HOME */
#HOME article { width: 680px; }

#SearchMap h2, #Limited h2 { font-size: 20px; }
#Limited { width: 280px; }
#Limited .btn.white.icon { margin-bottom: 10px; padding: 15px 25px 10px 75px; font-size: 12px; }
#Limited .btn.white.icon b { font-size: 14px; }

#Limited .balloon { width: 105px; }
#Limited p .btn { margin-top: 14px; max-width: 160px; }

#Selected ul li a { padding-left: 100px; }
#Selected ul li h3 { margin-left: -100px; max-width: 216px; }
#Selected ul li figure { margin-left: -100px; width: 90px; height: 80px; }
#Selected ul li img { max-height: 80px; }

/* Search */
.searchForm .terms li { height: 60px; }
.searchForm p.large button.search:before { left: 55px; margin-top: -12px; }

/* SearchResult, History */
#SearchResult article, #History article { width: 680px; }

#Result table { width: 403px; }
#Result th, #Result td:not(:last-child) { padding-right: 20px; }
#Result td { width: 139px; max-width: 139px; }
#Result tr td:last-of-type { width: 98px; max-width: 98px; }
#Result td.price span { font-size: 12px; }
#Result .point { width: 378px; }

/* Detail */
#Detail article .contact:not(.long) div { display: block; }
#Detail article .contact h3 { font-size: 39px; }
#Detail article .contact .btn:not(.white) { margin-bottom: 15px; width: 340px; font-size: 23px; }
#Detail article .contact .btn.white { width: 160px; font-size: 14px; }
#Detail article .contact.long div:last-of-type { width: 400px; }
#Detail article .contact.long div:last-of-type p .btn:not(.white) { width: 400px; font-size: 23px; }
#Detail article .contact.long div:last-of-type p .btn.white { display: inline-block; margin-top: 12px !important; margin-left: 0; width: 194px; }

#Detail #DetailTop table td .btn.simple { right: 460px; }
#Detail #DetailTop .contact { width: 400px; }
#Detail #DetailTop .contact h3 { font-size: 30px; }

#Detail .bx-wrapper, #Detail .bx-pager { width: 460px; }
#Detail .bx-pager li { width: 84px; }

#Detail #Left { width: 640px; }

#Detail #Left .contact div:last-of-type p .btn:not(.white) { width: 388px; }
#Detail #Left .contact div:last-of-type p .btn.white { width: 170px; }

#Detail #DetailTable th { padding: 7px 12px 6px 12px; width: 150px; }

#Detail #Map .mapcanvas  { width: 700px; }

/* contact */
.contactStep li { font-size: 16px; }
.contact input[type=checkbox] + label, .contact input[type=radio] + label { min-width: 24.4%; }

.contact .invList table { max-width: 698px; }
.contact .invList table th:not(:first-of-type) { width: 120px; }
.contact .invList table td:nth-of-type(2) { max-width: 208px; }

/* mypage */
#MypageTop .controlls .listCheck label.disabled { left: 0; }

#MypageTop .myList h3 { max-width: 583px; }

#MypageTop .myList table { max-width: 443px; }
#MypageTop .myList table th, #MypageTop .myList table td { font-size: 13px; }
#MypageTop .myList table th { padding-right: 10px; width: 80px; min-width: 80px; }
#MypageTop .myList table td:first-of-type { padding-right: 10px; width: 95px; min-width: 95px; max-width: 95px; }
#MypageTop .myList table th:nth-of-type(2) { padding-left: 10px; width: 80px; min-width: 80px; }
#MypageTop .myList table td:nth-of-type(2) { min-width: 188px; }
#MypageTop .myList table td.price, #MypageTop .myList table td.yield { font-size: 18px; }
#MypageTop .myList table td.price span { font-size: 13px; }
#MypageTop .myList table tr:last-of-type td:first-of-type { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }

#MypageWishTop table td p.checkbox label { min-width: 22%; }

/* subpages */
#BalanceSimulation #Method .formula { font-size: 16px; }

#Hints article div { margin: 0 0 60px !important; width: 100%;; min-height: 0; }

#Words article ul li { margin: 0 4px; }
}