@charset "utf-8";

.ttl-A {
    margin: 40px 0 0;
}

.l-container {margin: 0 auto 0;width:960px;}
.l-container h1 {text-align:left;font-size:30px;line-height:50px;color:#133f6b;padding-left:0px;margin-bottom:30px;}
#devlist1 {margin-bottom:30px;}
#devlist1:after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#devlist11 {}
#devlist111 {text-align:center;margin-bottom:10px;padding-top:69px;}
#devlist111 img {height:320px;width:auto;}
#devlist112 {margin-bottom: 35px;}
#devlist112 a {display:block;width:270px;box-sizing:border-box;color:white;font-size:12px;line-height:14px;border:1px solid #1763da;background:#1763da;border-radius:2px;text-align:center;padding:13px;margin:0 auto;}
#devlist112 a:hover {border:1px solid #0e58cc;background:#2a76ed;text-decoration:none;}
#devlist112+p {display: none;}
#devlist12 {border:1px solid #d7e0e9;width: 960px;display: flex;flex-flow: row nowrap;justify-content: center;align-items: stretch;}
#devlist12 table {width:100%;border-collapse:collapse;table-layout:fixed;box-sizing:border-box;border-left:1px solid #d7e0e9;margin-bottom:0px;box-sizing: border-box;width: 50%;}
#devlist12 table:first-child {border-left: none;}
#devlist12 table th {width:121px;font-weight:normal;text-align:left;vertical-align:top;background:#f0f4f8;border-right:1px solid #d7e0e9;border-bottom:1px solid #d7e0e9;color:#7589a1;font-size:9px;line-height:18px;padding:15px 20px;}
#devlist12 table td {border:none;border-bottom:1px solid #d7e0e9;color:#133f6b;font-size:14px;line-height:18px;background:white;padding:15px 25px;}
#devlist12 table tr:last-child th {border-bottom:none;}
#devlist12 table tr:last-child td {border-bottom:none;}
#devlist2 {}
#devlist21 {margin-bottom:25px;}
#devlist21:after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#devlist21 ul {padding-left:0px;margin-bottom:0px;}
#devlist21 li {float:left;text-indent:0;margin-bottom:0px;width:25%;}
#devlist21 li:before {content:none;}
#devlist21 li a {border-right:1px solid #d7e0e9;display:block;color:#1763da;font-size:14px;line-height:60px;text-align:center;box-sizing:border-box;}
#devlist21 li a[href=""] {display:none;}
#devlist21 li a:after {content:'';display:inline-block;background:url(../../images/devlist1.png) no-repeat;width:12px;height:12px;margin-left:10px;}
#devlist21 li:first-child a {border-left:1px solid #d7e0e9;}
#devlist22 {color:#afbbce;font-size:14px;line-height:14px;margin-bottom:35px;}
#devlist3 {}
#devlist31 {border:1px solid #d6dfea;border-bottom:none;background:#f0f4f8;}
#devlist31 h2 {color:#133f6b;font-size:14px;line-height:59px;text-align:center;margin-bottom:0px;padding-left:0px;}
#devlist32 {border:1px solid #d6dfea;margin-bottom:55px;}
#devlist32:after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#devlist32 h3 {color:#324678;font-size:14px;line-height:20px;}
#devlist321 {width:43.75%;float:left;padding:35px 30px;box-sizing:border-box;}
#devlist321 ul {padding-left:10px;margin-bottom:0px;}
#devlist321 li {color:#465a8c;font-size:14px;line-height:24px;margin-bottom:0px;}
#devlist322 {width:56.25%;float:left;padding:35px 30px;box-sizing:border-box;border-left:1px solid #d6dfea;}
#devlist322 p {color:#465a8c;font-size:12px;line-height:18px;}
.devlist322c {padding-left:55px;background:url(../../images/devlist2_bug.png) no-repeat left top;margin-bottom:25px;}
.devlist322c1 {}
.devlist322c1 a {color:#1763da;font-size:14px;line-height:18px;text-decoration:underline;}
.devlist322c2 {color:#465a8c;font-size:12px;line-height:18px;}
.devlist322c3 {color:#7589a1;font-size:11px;line-height:18px;word-break: break-all;}
.devlist322c3:before {content:'Source | ';color:#a0b4c8;font-size:11px;line-height:18px;}
.bug {}
.info {background-image:url(../../images/devlist2_info.png);}
.tips {background-image:url(../../images/devlist2_tips.png);}

/* list */
#devicelist1 {margin:0 0 0;text-align:center;}
.l-container #devicelist1 h1 {text-align:center;}
#devicelist1 p {margin-bottom:45px;}
#devicelist1 p#devicelist1star {color:#506496;font-size:13px;line-height:20px;margin-bottom:22px;}
#devicelist1star {text-align:center;}
#devicelist1star span {font-size:12px;line-height:20px;font-weight:bold;}
#devicelist1star span img {vertical-align:-2px;margin:0 2px;}
#devicelist11 {text-align:left;margin-bottom:35px;}
#devicelist111 {border:1px solid #a5bfde;border-bottom:none;padding:10px 0.8%;min-width:960px;
    background:-moz-linear-gradient(top center, #f3f7fa 0%, #c0d1e1 100%);
    background:-webkit-gradient(linear, center top, center bottom, from(#f3f7fa), to(#c0d1e1));
    background:linear-gradient(to bottom, #f3f7fa 0%, #c0d1e1 100%);
}
#devicelist111:after {content:'';display:block;height:0;font-size:0;clear:both;visibility:hidden;}
#devicelist11.counted #devicelist111 {border-bottom:1px solid #a5bfde;}
#devicelist111 input[type="text"] {width:100%;font-size:12px;line-height:36px;background:#e4edf7;padding:0 20px;border:1px solid #a6bdd4;border-radius:19px;box-shadow:0 1px 1px rgba(255,255,255,.5);box-sizing:border-box;height:38px;}
#devicelist111 input[type="text"]:focus {background:white;}
#devicelist111 input[type="text"]:-ms-input-placeholder {color:#7593b6;}
#devicelist111 input[type="text"]::-moz-placeholder {color:#7593b6;}
#devicelist111 input[type="text"]::-webkit-input-placeholder {color:#7593b6;}
#devicelist111 button {width:100%;color:#5a6991;font-size:12px;line-height:36px;border:1px solid #b1c6e1;text-align:left;padding:0 13px;border-radius:2px;box-sizing:border-box;
    background:url(../../images/devlist5.png) no-repeat 92% center,-moz-linear-gradient(top center, #fafcfe 0%, #cedcea 100%);
    background:url(../../images/devlist5.png) no-repeat 92% center,-webkit-gradient(linear, center top, center bottom, from(#fafcfe), to(#cedcea));
    background:url(../../images/devlist5.png) no-repeat 92% center,linear-gradient(to bottom, #fafcfe 0%, #cedcea 100%);
}
#devicelist111 button span {font-size:11px;color:#9ca1b7;}
#devicelist111 .devicelistsel {position:absolute;max-height:308px;width:286px;background:#f2f6fb;overflow-y:auto;box-shadow:0 10px 10px rgba(33,23,21,.35),0 0 1px 1px rgba(255,255,255,.1) inset;display:none;}
#devicelist111 .devicelistsel label {border-bottom:1px solid #b4c8dc;font-size:12px;line-height:20px;padding:12px 34px 12px 16px;position:relative;display:block;margin-bottom:0;color:#6987a5;}
#devicelist111 .devicelistsel label.on {background:#ebf2fa;}
#devicelist111 .devicelistsel label input {position:absolute;top:calc(50% - 8px);right:12px;}
#devicelist1111 {float:left;width:25.4%;margin-right:1.6%;padding-left:37px;background:url(../../images/devlist3.png) no-repeat 13px center;}
#devicelist1112 {float:left;width:17%;margin-right:0.5%;height:38px;position:relative;}
#devicelist1112:hover .devicelistsel {display:block;}
#devicelist1113 {float:left;width:11%;margin-right:0.5%;height:38px;position:relative;}
#devicelist1113:hover .devicelistsel {display:block;}
#devicelist1114 {float:left;width:15%;margin-right:0.5%;height:38px;position:relative;}
#devicelist1114:hover .devicelistsel {display:block;}
#devicelist1115 {float:left;width:13%;margin-right:0.5%;height:38px;position:relative;}
#devicelist1115:hover .devicelistsel {display:block;}
#devicelist1116 {float:left;width:14%;height:38px;position:relative;}
#devicelist1116:hover .devicelistsel {display:block;}
#devicelist11counter {text-align:center;font-size:14px;line-height:39px;letter-spacing:.04em;background:#eff4f8;border:1px solid #d2dce6;margin:10px 0;border-radius:5px;}
#devicelist11counter strong {margin-right:5px;font-weight:bold;}
#devicelist112 {min-width:960px;}
.l-container #devicelist1121 {width:100%;border-collapse:collapse;table-layout:fixed;border-radius:0;border:1px solid #a5bfde;margin-bottom:0px;}
.l-container #devicelist1121 thead tr th {color:#506478;font-size:9px;line-height:39px;font-weight:normal;text-align:center;vertical-align:middle;border-radius:0;padding:0 20px 0 0;cursor:pointer;border:1px solid #a5bfde;border-bottom:1px solid #6e8fb6;
    background:-moz-linear-gradient(top center, #ecf1f5 0%, #d9e3f0 100%);
    background:-webkit-gradient(linear, center top, center bottom, from(#ecf1f5), to(#d9e3f0));
    background:linear-gradient(to bottom, #ecf1f5 0%, #d9e3f0 100%);
}
/*.l-container #devicelist1121 thead tr th:hover {
    background:url(../../images/devlist4_2.png) no-repeat right 8px center,-moz-linear-gradient(top center, #f4f6f9 0%, #e8eef6 100%);
    background:url(../../images/devlist4_2.png) no-repeat right 8px center,-webkit-gradient(linear, center top, center bottom, from(#f4f6f9), to(#e8eef6));
    background:url(../../images/devlist4_2.png) no-repeat right 8px center,linear-gradient(to bottom, #f4f6f9 0%, #e8eef6 100%);
}
.l-container #devicelist1121 thead tr th.on {background:#c3d2e1 url(../../images/devlist4_2.png) no-repeat right 8px center;color:#283c51;}
.l-container #devicelist1121 thead tr th.on.desc {background:#c3d2e1 url(../../images/devlist4_2_desc.png) no-repeat right 8px center;color:#283c51;}*/
.l-container #devicelist1121 thead tr th:hover {
    background:url(../../images/devlist5.png) no-repeat right 8px center,-moz-linear-gradient(top center, #f4f6f9 0%, #e8eef6 100%);
    background:url(../../images/devlist5.png) no-repeat right 8px center,-webkit-gradient(linear, center top, center bottom, from(#f4f6f9), to(#e8eef6));
    background:url(../../images/devlist5.png) no-repeat right 8px center,linear-gradient(to bottom, #f4f6f9 0%, #e8eef6 100%);
}
.l-container #devicelist1121 thead tr th.on {background:#c3d2e1 url(../../images/devlist5.png) no-repeat right 8px center;color:#283c51;}
.l-container #devicelist1121 thead tr th.on.desc {background:#c3d2e1 url(../../images/devlist5_desc.png) no-repeat right 8px center;color:#283c51;}
.l-container #devicelist1121 thead tr th:first-child {width:11%;}
.l-container #devicelist1121 thead tr th:nth-child(2) {width:13%;}
.l-container #devicelist1121 thead tr th:nth-child(4) {width:11%;}
.l-container #devicelist1121 thead tr th:nth-child(5) {width:9.3%;}
.l-container #devicelist1121 thead tr th:nth-child(6) {width:10%;}
.l-container #devicelist1121 thead tr th:nth-child(7) {width:10%;}
.l-container #devicelist1121 thead tr th:nth-child(8) {width:8.6%;}
.l-container #devicelist1121 thead tr th:last-child {width:8.4%;}
.l-container #devicelist1121 tbody tr td {border:1px solid #d2dce6;border-bottom:1px solid #a5bfde;background:white;text-align:center;color:#7589a1;padding:8px 5px;}
.l-container #devicelist1121 tbody tr td:first-child {border-left:1px solid #a5bfde;font-size:12px;line-height:14px;border-radius:0;}
.l-container #devicelist1121 tbody tr td:nth-child(2) {font-size:12px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:nth-child(3) {font-size:12px;line-height:16px;}
.l-container #devicelist1121 tbody tr td:nth-child(3) img {vertical-align:middle;margin-right:10px;}
.l-container #devicelist1121 tbody tr td:nth-child(3) span {vertical-align:middle;}
.l-container #devicelist1121 tbody tr td:nth-child(4) {font-size:12px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:nth-child(5) {font-size:12px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:nth-child(6) {font-size:12px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:nth-child(7) {font-size:10px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:nth-child(8) {font-size:12px;line-height:14px;}
.l-container #devicelist1121 tbody tr td:last-child {border-right:1px solid #a5bfde;font-size:12px;line-height:14px;border-radius:0;}
.l-container #devicelist1121 tbody tr:hover td {background:#f0f4f8;}
#devicelist1122 {text-align:center;margin-top:20px;}

.l-container  #devicelist1121 tbody tr.prem td {background:#edf9fd;}
.l-container  #devicelist1121 tbody tr.prem:hover td {background:#edf9fd;}
.l-container  #devicelist1121 tbody tr.prem:hover a {color:#46bce0;}
/* .l-container  #devicelist1121 tbody tr.prem td:nth-child(3) a::after {content:'';display:block;background:url(../../images/icn_star.png) no-repeat center center;height:18px;} */
.l-container  #devicelist1121 tbody tr.prem td:nth-child(3) span::after {content:'';display:block;background:url(../../images/icn_star.png) no-repeat center center;height:18px;}

#modal-overlay{
/*　画面全体を覆う設定　*/
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.5);

    /*　画面の中央に要素を表示させる設定　*/
    display: flex;
    align-items: center;
    justify-content: center;

}
#modal-content{
z-index:2;
width:75%;
padding: 1em;
background:#fff;
}
@media screen and (min-width: 1400px) {

    .l-container {width:1200px;padding:0;}
    #devlist12 {width: 1200px;}

}

@media screen and (max-width: 970px) {

    .l-container {width:auto;padding:0;}
    #devlist12 {width: 100%;}


}
@media screen and (max-width: 767px) {
    /* Smartphone */
    .device_content_text {
        padding-left: 20px;
        padding-right: 20px;
    }
    .device_content_text br:nth-child(2) {
        display: none;
    }
    #devlist11 {width:auto;}
    #devlist111 {padding-top:30px;}
    #devlist12 {width:auto;display: block;}
    #devlist12 table {border-left:none;border-top:1px solid #d7e0e9;width:100%;}
    #devlist21 ul {border-top:1px solid #d7e0e9;}
    #devlist21 li {float:left;width:50%;}
    #devlist21 li a {border-bottom:1px solid #d7e0e9;}
    #devlist21 li:nth-child(2n+1) a {border-left:1px solid #d7e0e9;}
    #devlist321 {width:auto;float:none;padding:35px 30px;box-sizing:border-box;}
    #devlist322 {width:auto;float:none;border-left:none;}
    #devicelist1 {margin-top:-25px;}
    #devicelist1>p {line-height:24px;padding:0 30px;margin-bottom:32px;text-align:left;color:black;}
    #devicelist1>p br.pc {display:none;}
    #devicelist1 p#devicelist1star {color:black;font-size:14px;line-height:24px;margin-bottom:35px;}
    #devicelist11 {}
    #devicelist111 {padding:9px 15px;min-width:0;display:flex;flex-flow:row wrap;justify-content:space-between;align-items:flex-start;margin-left:5px;margin-right:5px;}
    #devicelist111 button {white-space:nowrap;}
    #devicelist1111 {float:none;width:100%;background:none;margin:0 0 8px;padding:0;}
    #devicelist1112 {width:42%;margin-right:0;order:3;}
    #devicelist1112:hover .devicelistsel {display:none;}
    #devicelist1113 {width:24.5%;margin-right:0;order:2;}
    #devicelist1113:hover .devicelistsel {display:none;}
    #devicelist1114 {display:none;}
    #devicelist1115 {width:30.5%;margin-right:0;order:4;}
    #devicelist1115:hover .devicelistsel {display:none;}
    #devicelist1116 {display:none;}
    #devicelist11counter {margin:4px;font-size:12px;line-height:30px;}
    #devicelist112 {min-width:0;padding-bottom:25px;padding-left:5px;padding-right:5px;}
    .l-container #devicelist1121 {margin-bottom:33px;border-color:#91a7c6;}
    #devicelist1121 thead tr {display:flex;}
    .l-container #devicelist1121 thead tr th {border:none;border-right:1px solid #aabedb;text-align:center;padding:10px 0 18px;height:50px;font-size:10px;line-height:11px;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
    .l-container #devicelist1121 thead tr th.on {background-position:center bottom 6px;}
    .l-container #devicelist1121 thead tr th.on.desc {background-position:center bottom 6px;}
    .l-container #devicelist1121 thead tr th:nth-child(1) {order:4;width:16.66%;}
    .l-container #devicelist1121 thead tr th:nth-child(2) {order:3;width:17.33%;hyphens:manual;}
    .l-container #devicelist1121 thead tr th:nth-child(3) {order:1;width:34.66%;}
    .l-container #devicelist1121 thead tr th:nth-child(4) {order:5;width:14.02%;border-right:none;}
    .l-container #devicelist1121 thead tr th:nth-child(5) {order:2;width:17.33%;}
    #devicelist1121 thead tr th:nth-child(6) {display:none;}
    #devicelist1121 thead tr th:nth-child(7) {display:none;}
    #devicelist1121 thead tr th:nth-child(8) {display:none;}
    #devicelist1121 thead tr th:nth-child(9) {display:none;}
    #devicelist1121 tbody tr {display:flex;border-bottom:1px solid #aabedb;}
    .l-container #devicelist1121 tbody tr td {border:none;border-right:1px solid #d4dce5;display:flex;flex-flow:row wrap;justify-content:center;align-items:center;}
    .l-container #devicelist1121 tbody tr td:nth-child(1) {order:4;width:16.66%;border-left:none;}
    .l-container #devicelist1121 tbody tr td:nth-child(2) {order:3;width:17.33%;}
    .l-container #devicelist1121 tbody tr td:nth-child(3) {order:1;width:34.66%;}
    .l-container #devicelist1121 tbody tr td:nth-child(3) img {max-height:32px;}
    .l-container #devicelist1121 tbody tr td:nth-child(3) span {text-align:left;}
    .l-container #devicelist1121 tbody tr td:nth-child(4) {order:5;width:14.02%;border-right:none;flex-flow:column wrap;word-break:break-all;}
    .l-container #devicelist1121 tbody tr td:nth-child(5) {order:2;width:17.33%;}
    #devicelist1121 tbody tr td:nth-child(6) {display:none;}
    #devicelist1121 tbody tr td:nth-child(7) {display:none;}
    #devicelist1121 tbody tr td:nth-child(8) {display:none;}
    #devicelist1121 tbody tr td:nth-child(9) {display:none;}
    #devicelist112 .devicelist112p {margin:0 30px;color:black;font-size:14px;line-height:24px;letter-spacing:.04em;}
    #deviceoptionswrap {position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(198,210,223,.8);display:flex;flex-flow:row wrap;justify-content:center;align-items:center;z-index:1031;}
    #deviceoptions {width:calc(100% - 30px);height:calc(100% - 80px);margin-bottom:50px;border-radius:8px;background:white;box-shadow:0 5px 10px rgba(31,23,21,.2);position:relative;}
    #deviceoptions h1 {padding:0 16px;color:#546375;font-size:12px;line-height:44px;margin:0;font-weight:600;border-bottom:1px solid #b8c7da;box-shadow:0 5px 10px rgba(31,23,21,.05);}
    #deviceoptions h1::after {content:'を選ぶ';}
    #deviceoptionslist {height:calc(100% - 96px);overflow-y:auto;}
    #deviceoptionslist label {display:block;color:#324678;font-size:14px;line-height:45px;padding:0 50px 0 15px;border-bottom:1px solid #b8c7da;margin-bottom:0;font-weight:300;}
    #deviceoptionslist label:last-child {border-bottom:none;}
    #deviceoptionslist label.on {background:#ecf2f9 url(../../images/check.svg) no-repeat right 20px center / 20px 14px;color:#3062d2;font-weight:600;}
    #deviceoptionslist label input {display:none;}
    #deviceoptoinsop {border-top:1px solid #b8c7da;box-shadow:0 -5px 10px rgba(31,23,21,.05);text-align:right;box-sizing:border-box;height:51px;padding:7px 8px;position:absolute;bottom:0;left:0;width:100%;}
    #deviceoptoinsop button {font-size:14px;line-height:34px;border-radius:2px;box-sizing:border-box;font-weight:600;margin-left:5px;}
    #deviceoptoinscancel {border:1px solid #c2cfe6;color:#324678;background:white;width:100px;}
    #deviceoptoinsok {border:none;background:#3062d2;color:white;width:140px;}

}
@media screen and (max-width: 560px) {

    #devlist21 li a {line-height:18px;padding:23px 20px;height:82px;}

}
@media screen and (max-width: 400px) {
    #devicelist1112 {width:49%;}
    #devicelist1113 {width:49%;margin-right:48%;margin-bottom:5px;}
    #devicelist1115 {width:49%;}
}
@media screen and (max-width: 370px) {
    #devicelist1112 {width:58%;}
    #devicelist1113 {width:58%;margin-right:41%;}
    #devicelist1115 {width:41%;}
}

/*170330*/
.l-container #devicelist1121{
  margin-bottom: 20px;
}
@media print {

	a[href]::after {content:none;}
	body {margin-top:0;padding-top:0;}
	.navbar-fixed-top {position:static;}
	#main-content {margin-top:0;}
	.l-container {width:100%;}
	#devicelist111 {display:none;}
	#devicelist112 {min-width:0;}
	.l-container #devicelist1121 thead tr th {line-height:15px;padding:10px;word-break:break-all;}
	.l-container #devicelist1121 tbody tr td {word-break:break-all;}

}

.fb-share-button {
    vertical-align: top;
    margin-right: 0.5em;
}
.fb-share-button>span {
    vertical-align: top !important;
}
.container .inner h2.title {
    padding: 0;
}
#devicelist1 .container {
    margin-bottom: 25px;
}