@charset "UTF-8";
/*
Theme Name: Binary Theme
version:1.0
*/
/*
font-size
font-size:calc(XX + ((1vw - YY) * ZZ))
XX = min-font-size
YY = min-viewport / 100
ZZ = 100 * font-size-difference / viewport-difference
*/
h1{font-size:calc(24px + ((1vw - 3.6px) * 1.66667));}
h2{font-size:calc(22px + ((1vw - 3.6px) * 1.38889));}
h3{font-size:calc(20px + ((1vw - 3.6px) * 1.11111));}
h4{font-size:calc(18px + ((1vw - 3.6px) * 0.83333));}
p:not([class]){font-size:calc(16px + ((1vw - 3.6px) * 0.27778));}

.flat-button a {
	width: 80%;
	background-color: #12b766;
	border-radius: 3px;
	box-shadow: 0 3px 0 rgb(23, 140, 115);
	color: #ffffff;
	display: block;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin: 10px auto;
	padding: 10px 0;
}

@media screen and (max-width:360px){
h1{font-size:24px;}
h2{font-size:22px;}
h3{font-size:20px;}
h4{font-size:18px;}
p:not([class]){font-size:16px;}
}
@media screen and (min-width:1080px){
h1{font-size:36px;}
h2{font-size:32px;}
h3{font-size:28px;}
h4{font-size:24px;}
p:not([class]){font-size:18px;}
}
/*default*/
body{width:100%;font-family:'Sawarabi Gothic',sans-serif;color:#2b2b2b;}
img{vertical-align:bottom;}
.mainArticle{width:100%;min-height:100vh;margin:0 auto;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;}
.mainContent{width:100%;background-color:#fff;flex-grow:1;padding-bottom:50px;}
.inline{display:inline-block;}
.linkButton{text-align:center;font-size:20px;line-height:3em;width:250px;margin:30px auto;display:block;position:relative;background-color:#727171;color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.contentsList{padding:0 20px 7.5%;}
p:not([class]){margin:1.5em 0;line-height:1.6em;}
a{cursor:pointer;}
h1{text-align:center;font-weight:bold;line-height:1.5em;padding:7.5% 0 3.75%;margin-bottom:3.75%;position:relative;font-family:a-otf-ud-shin-go-pr6n,sans-serif;}
h1::after{content:'';width:8em;height:2px;margin:auto;position:absolute;bottom:0;left:0;right:0;background-color:var(--subcolor02);}
h2{line-height:1.5em;margin:3.5em auto 0.7em;padding:0.5em;box-shadow:0 3px 6px rgba(0,0,0,0.5);background-color:var(--subcolor01);color:#fff;}
h3{line-height:1.5em;margin:1.75em auto 0.7em;padding:0.5em 0.75em;position:relative;background-color:var(--subcolor01);color:#fff;}
h3::before,h3::after{content:'';border-width:0.375em;border-style:solid;position:absolute;}
h3::before{border-color:transparent transparent #fff #fff;left:0;bottom:0;}
h3::after{border-color:#fff #fff transparent transparent;right:0;top:0;}
h4{line-height:1.4em;margin:0.7em auto 0.35em;padding:0.5em;position:relative;background-color:var(--subcolor01);color:#fff;}
@media screen and (min-width:700px){
.contentsList,.recommendSite{padding-bottom:52.5px;}
h1{padding:52.5px 0 26.25px;margin-bottom:26.25px;}
}
/*header*/
.mainHeader{width:100%;background-color:var(--subcolor01);}
.fixedBar{width:100%;height:50px;padding:5px;position:fixed;top:0;left:0;z-index:50;background-color:var(--maincolor);color:#fff;}
.logoArea{width:100%;max-width:1280px;margin:auto;position:relative;}
.logoArea>a>img{width:auto;height:40px;}
.searchFormSelect{display:none;}
.searchFormControl{width:40px;height:40px;position:absolute;top:0;bottom:0;right:5px;}
.searchFormControl::before{content:'\f002';font-family:'Font Awesome 5 Free';font-weight:900;font-size:35px;text-align:center;line-height:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0;transition-duration:0.3s;}
.searchFormSelect:checked+.searchFormControl::before{content:'\f00d';}
.searchForm{width:0;height:40px;margin:auto;position:absolute;top:0;bottom:0;right:50px;z-index:51;overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;transition-duration:0.3s;}
.searchFormSelect:checked~.searchForm{width:calc(100% - 50px);}
.searchForm>input{height:100%;}
.searchForm>input[type="text"]{background-color:#fff;border-top-left-radius:10px;border-bottom-left-radius:10px;width:calc(100% - 3em);color:#2b2b2b;}
.searchForm>input[type="submit"]{text-align:center;background-color:#727171;border-top-right-radius:10px;border-bottom-right-radius:10px;width:3em;color:#fff;}
.firstView{width:100%;max-width:800px;padding-bottom:75%;position:fixed;top:50px;left:0;right:0;margin:auto;z-index:-1;background-color:var(--subcolor01);background-size:contain;background-position:top;background-repeat:no-repeat;}
.mainMenu{width:100%;padding:5px 0;margin-top:50px;background-color:var(--maincolor);position:sticky;top:0;z-index:100;}
.mainMenu>ul:not([class]){width:100%;max-width:800px;height:40px;margin:0 auto;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center;}
.mainMenu>ul:not([class])>li{width:100%;height:40px;}
.mainMenu>ul:not([class])>li{border-left:1px solid var(--subcolor02);border-right:1px solid var(--subcolor02);}
.mainMenu>ul:not([class])>li:first-of-type{border-left-width:2px;}
.mainMenu>ul:not([class])>li:last-of-type{border-right-width:2px;}
.mainMenu>ul:not([class])>li>a{text-align:center;height:100%;padding:7.5px 0;font-size:15px;display:block;color:#fff;}
.mainMenuSP{width:100%;padding:5px 0;margin-top:50px;background-color:var(--maincolor);color:#fff;}
.mainMenuSP>ul>li{height:0;overflow:hidden;}
.mainMenuSP +input:checked~ul>li{padding:15px;border-bottom:1px solid var(--subcolor02);}
.mainMenuSP>ul>li>ul>li{height:0;overflow:hidden;padding:0 5px;transition-duration:0.3s;}
.mainMenuSP>ul>li>input:checked~ul>li{line-height:3rem;border-bottom:1px solid var(--subcolor02);}
.mainMenuSP>ul>li>ul>li>a{display:block;}
.mainMenuSP>ul>li:last-of-type,.mainMenuSP>ul>li>ul>li:last-of-type{border-bottom:0;}
.spMenuCon::before{content:'メニューを開く';text-align:center;width:100%;transition-duration:0.3s;display:block;line-height:3rem;}
.mainMenuSP input:checked+.spMenuCon::before{content:'閉じる';}
.spMenuCon::after{line-height:3rem;}
.spMenu>li{height:0;padding:0 5px;transition-duration:0.3s;}
.mainMenuSP label{display:block;position:relative;}
.mainMenuSP label::after{content:'▼';position:absolute;right:0;bottom:0;top:0;transition-duration:0.3s;}
.mainMenuSP input:checked+label::after{content:'▲';}
.mainMenuSP input{display:none;}
.mainMenuSP input:checked~ul>li{height:auto;padding:10px 5px;}
@media screen and (min-width:541px){
.searchFormControl{display:none;}
.searchForm,.searchFormSelect:checked~.searchForm{width:300px;right:5px;}
}
@media screen and (min-width:801px){
.firstView{max-width:1920px;padding-bottom:40%;}
}
@media screen and (min-width:1921px){
.firstView{padding-bottom:768px;}
}
/*footer*/
.mainFooter{text-align:center;width:100%;padding:30px 0;background-color:var(--maincolor);color:#fff;}
/*link-card*/
.linkCardArea{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;gap:20px 20px;}
.linkCard{width:300px;display:block;position:relative;box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.linkCard>img{width:100%;height:auto;}
.linkCard>p{font-size:14px;line-height:1.4em;width:100%;height:75px;padding:10px;position:absolute;bottom:0;left:0;color:#fff;background-color:rgba(0,0,0,0.7);}
.innerText{height:100%;display:block;overflow:hidden;}
/*breadcrumb*/
.breadArea{width:100%;}
.breadCrumb {
    font-size: 1rem;
    line-height: 4rem;
    width: 100%;
    height: 2rem;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    justify-content: flex-start;
    white-space: nowrap;
    overflow-y: hidden;
}
.breadCrumb>li:first-child {
    background-color: var(--bread1);
}

.breadCrumb>li:first-child {
    padding-left: 10px;
    padding-right: 10px;
}
.breadCrumb>li {
    position: relative;
    width:250px;
    padding-left:1.5rem;
}
.breadCrumb>li:last-of-type{width:100%;}
.breadCrumb>li>a{display:block;}
.breadCrumb>li:not(:last-child)::after {
    content: '';
    width: 0;
    height: 0;
    margin: auto;
    border-top: 1rem solid transparent;
    border-bottom: 1rem solid transparent;
    border-left: 1rem solid;
    position: absolute;
    top: 0;
    bottom: 0;
    right: -1rem;
    z-index: 10;
}
.breadCrumb>li:first-of-type{background-color:#444;color:#fff;}
.breadCrumb>li:first-of-type::after{border-left-color:#444;}
.breadCrumb>li:nth-of-type(2){background-color:#777;color:#fff;}
.breadCrumb>li:nth-of-type(2)::after{border-left-color:#777;}
.breadCrumb>li:nth-of-type(3){background-color:#aaa;color:#333;}
.breadCrumb>li:nth-of-type(3)::after{border-left-color:#aaa;}
.breadCrumb>li:nth-of-type(4){background-color:#ddd;color:#333;}
.breadCrumb>li:nth-of-type(4)::after{border-left-color:#ddd;}

.articleSection{width:100%;max-width:1080px;margin:auto;padding:0 20px 7.5%;}
@media screen and (min-width:700px){
.articleSection{padding-bottom:52.5px;}
}
[id^='ARTICLE0']{margin-top:-35px;padding-top:25px;}
.indexList{width:100%;max-width:640px;margin:60px auto 50px;padding:calc(1em + 10px) 1em 1em;border:3px solid var(--maincolor);background-color:rgba(53,53,53,0.1);position:relative;}
.indexList::before{content:'目次';text-align:center;font-size:18px;width:100px;margin:auto;position:absolute;top:-15px;left:0;right:0;background-color:var(--maincolor);color:#fff;}
.indexList li{line-height:1em;width:100%;padding:10px 0;}
.indexList>li>ul{margin-top:-1em;padding:0 1em;}
.articleQuote,.checkArea,.cautionArea,.sumupArea{width:100%;max-width:800px;border:3px solid;position:relative;}
.articleQuote{margin:50px auto;padding:1em;border-color:var(--subcolor04);background-color:rgba(77,90,175,0.1);}
.articleQuote::before,.articleQuote::after{font-family:'Font Awesome 5 Free';font-weight:900;line-height:1;height:0;margin:auto;position:absolute;}
.articleQuote::before{content:'\f10d';top:5px;left:5px;}
.articleQuote::after{content:'\f10e';bottom:calc(1em + 5px);right:5px;}
.checkArea,.cautionArea,.sumupArea{margin:60px auto 50px;padding:calc(1em + 10px) 1em 1em;}
.checkArea{border-color:var(--subcolor03);background-color:rgba(243,152,0,0.1);}
.cautionArea{border-color:var(--subcolor06);background-color:rgba(201,23,30,0.1);}
.sumupArea{border-color:var(--subcolor05);background-color:rgba(56,180,139,0.1);}
.checkArea::before,.cautionArea::before,.sumupArea::before{text-align:center;font-size:18px;width:100px;margin:auto;position:absolute;top:-15px;left:0;right:0;color:#fff;}
.checkArea::before{content:'CHECK!';background-color:var(--subcolor03);}
.cautionArea::before{content:'CAUTION!';background-color:var(--subcolor06);}
.sumupArea::before{content:'SUM UP!';background-color:var(--subcolor05);}
.articleQuote>p,.checkArea>p,.cautionArea>p,.sumupArea>p,.figureArea p{margin:0;}
.figureArea{text-align:center;width:100%;max-width:800px;margin:50px auto;}
.sumupList{padding-left:1em;}
.sumupList>li{margin-bottom:1em;position:relative;}
.sumupList>li:last-child{margin-bottom:0;}
.sumupList>li::before{content:'\f00c';font-family:'Font Awesome 5 Free';font-weight:900;line-height:1.5em;height:0;margin:auto;position:absolute;top:0;left:-1em;}
.fullBoxBOTransaction{width:100%;padding:10px;background-color:var(--subcolor03);color:#fff;position:relative;}
.fullBoxBOTransaction::before,.fullBoxBOTransaction::after{width:calc(50% - 10px);margin:auto;position:absolute;bottom:-30px;background-color:#fff;color:var(--subcolor01);z-index:1;}
.fullBoxBOTransaction::before{content:'予想的中';left:0;}
.fullBoxBOTransaction::after{content:'外れた';right:0;}
.halfBoxBOTransaction{width:calc(50% - 10px);margin-top:50px;padding:10px 5px;color:#fff;position:relative;}
.halfBoxBOTransaction::before{content:'';width:2px;height:50px;margin:auto;background-color:var(--subcolor01);position:absolute;top:-50px;left:0;right:0;}
.halfBoxBOTransaction::after{content:'';width:0;height:0;margin:auto;border-width:10px;border-style:solid;border-color:var(--subcolor01) transparent transparent;position:absolute;top:-10px;left:0;right:0;}
.bold{font-weight:bold;background:linear-gradient(transparent 75%,var(--subcolor05) 75%);}
.comparison2{width:100%;max-width:800px;margin:50px auto;table-layout:fixed;}
.comparison2 th,.comparison2 td{vertical-align:middle;padding:10px 5px;}
.comparison2 td{border-right:1px solid var(--subcolor04);border-bottom:1px solid var(--subcolor04);}
.comparison2 th{text-align:center;border-right:1px solid var(--subcolor04);}
.comparison2>thead>tr>th:nth-child(n+2){background-color:var(--subcolor04);color:#fff;}
.comparison2>thead>tr>th:first-child{width:6em;}
.comparison2>tbody>tr>th{background-color:var(--subcolor04);color:#fff;}
.colorRed td{border-right:1px solid var(--subcolor06);border-bottom:1px solid var(--subcolor06);}
.colorRed th{border-right:1px solid var(--subcolor06);}
.colorRed>thead>tr>th:nth-child(n+2){background-color:var(--subcolor06);}
.colorRed>tbody>tr>th{background-color:var(--subcolor06);}
.leftHeadShort>thead>tr>th:first-child{width:3em;}
.numberComparison td{text-align:right;}
.affiLinkCard{width:100%;max-width:800px;margin:50px auto;padding:20px;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;gap:20px;background-color:rgba(0,0,0,0.8);box-shadow:0 3px 6px rgba(0,0,0,0.5);}
.LCtextArea{width:100%;order:1;display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;}
.LCtextArea>img{width:70%;height:auto;display:block;}
.LCtextLink{font-size:17px;line-height:3em;font-weight:bold;text-align:center;width:100%;margin:30px auto 0;display:block;background-color:var(--subcolor05);color:#fff;box-shadow:0 3px 6px rgba(0,0,0,0.5);position:relative;}
.LCtextLink::after{content:'\f054';font-family:'Font Awesome 5 Free';font-weight:900;line-height:0;height:0;margin:auto;position:absolute;top:0;bottom:0;left:auto;right:5px;}
.siteImage{width:100%;margin:auto;display:block;filter:drop-shadow(10px 10px 10px rgba(0,0,0,0.5));}
@media screen and (min-width:601px){
.affiLinkCard{flex-direction:row;}
.LCtextArea,.siteImage{width:50%;}
.LCtextArea{order:0;}
}

[class^="icon-"], [class*=" icon-"] {
	display: inline-block;
	color: #ffa500;
	fill: currentColor;
	background-color:"";
}
.icon-n-star {
	width: 24px;
	height: 24px;
}
.icon-h-star {
	width: 24px;
	height: 24px;
}
.icon-star {
	width: 24px;
	height: 24px;
}
.icon-n-star2 {
	width: 15px;
	height: 15px;
}
.icon-h-star2 {
	width: 15px;
	height: 15px;
}
.icon-star2 {
	width: 15px;
	height: 15px;
}