@charset "utf-8"; 
/* CSS Document */
img{height:auto;}
#sectionContents a {text-decoration: underline !important;}
#sectionContents a.btn_link, #sectionContents a:hover {text-decoration: none !important;}
.u-text-center {text-align: center;}
/*label*/
.label-red {display: inline-block;padding: 3px 10px 0px;color: #f00000;border: 1px solid #ff0000;border-radius: 24px;font-weight: 600;line-height: 1;}
/* column-one_ */
.rwdPage .column-one_img-left .column-one_text, .rwdPage .column-one_img-right .column-one_text {color: #1f1f1f;min-height: auto;padding: 0;}
.rwdPage .column-one_img-left .column-one_text, .rwdPage .column-one_img-right .column-one_text {width: 60%;padding-right: 30px;}
.rwdPage .column-one_img-left .column-one_image, .rwdPage .column-one_img-right .column-one_image {width: 40%;border: solid 1px;padding: 20px 10px;}
/*table*/
table.c-table-normal {border-collapse: collapse;line-height: 1.6;width: 100%;border-top: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;border-spacing: 0;background: #ffffff;margin: 0 0 0;}
table.c-table-normal th {background-color: #f8f9fb;background-image: url(../img/bg_th_01.gif);font-weight: normal;padding: 0.59em 13px 0.67em;background: #f1f1f1;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;vertical-align: middle;font-weight: bold;}
table.c-table-normal td {padding: 0.59em 13px 0.67em;vertical-align: top;background: url(../../../common/cs02r2/img/bg_td_01.gif) repeat-x 0 100%;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;background-image: none;}
.rwdPage .mod_section div.section.tableScroll {margin-bottom: 0;}
/* list */
ul.normallist li {text-indent: -1em;padding-left: 1em;line-height: 1.5;}
ul.normallist li span.link {display: block;text-indent: 0em;}
ol.num li {text-indent: -1.7em;padding-left: 1.5em;line-height: 1.5;}
.rwdPage .notes li {line-height: 1.5;}
.rwdPage ul.notes li {text-indent: -1em;padding-left: 1em;}
.rwdPage ul.notes li:before {content: '※';}
.rwdPage ul.notes.entry li {text-indent: -1em;padding-left: 1em;}
.rwdPage ul.attention li {text-indent: -2em;padding-left: 2em;}
.rwdPage ul.attention li:before {content: '注）';}
.rwdPage ol.notes li {text-indent: -2em;padding-left: 2em;}
.rwdPage ol.notes li:nth-child(1):before {content: '※1.';}
.rwdPage ol.notes li:nth-child(2):before {content: '※2.';}
.rwdPage ol.notes li:nth-child(3):before {content: '※3.';}
.rwdPage ol.notes li:nth-child(4):before {content: '※4.';}
.rwdPage ol.notes li:nth-child(5):before {content: '※5.';}
.rwdPage ol.notes li:nth-child(6):before {content: '※6.';}
.rwdPage ol.notes li:nth-child(7):before {content: '※7.';}
.rwdPage ol.notes li:nth-child(8):before {content: '※8.';}
.rwdPage ol.notes li:nth-child(9):before {content: '※9.';}
.rwdPage ol.notes.attention li {text-indent: -2.6em;padding-left: 2.6em;}
.rwdPage ol.notes.attention li:nth-child(1):before {content: '注1）';}
.rwdPage ol.notes.attention li:nth-child(2):before {content: '注2）';}
.rwdPage ol.notes.attention li:nth-child(3):before {content: '注3）';}
.rwdPage ol.notes.attention li:nth-child(4):before {content: '注4）';}
.rwdPage ol.notes.attention li:nth-child(5):before {content: '注5）';}
.rwdPage ol.notes.attention li:nth-child(6):before {content: '注6）';}
.rwdPage ol.notes.attention li:nth-child(7):before {content: '注7）';}
.rwdPage ol.notes.attention li:nth-child(8):before {content: '注8）';}
.rwdPage ol.notes.attention li:nth-child(9):before {content: '注9）';}
.rwdPage ul.notes.circle li {text-indent: -1em;padding-left: 1em;}
.rwdPage ul.notes.circle li::before {content: '●';}
/* spercer */
.ex_margin0 {margin-top: 0 !important;}
.ex_h2style,
.lower.rwdPage .h3_blue {margin-top: 80px;}
.lower h4 {margin-top: 40px;margin-bottom: 10px;}
.rwdPage ul.notes,
ol.notes,
ul.normallist,
ol.num {margin-top: 20px;}
.rwdPage p.txt {margin-top: 10px;margin-bottom: 10px;}
#content_list {margin-bottom: 40px;}
/*============================
introduction
============================*/
div.mod_section dl.buy-out-end {display: flex;margin: auto;border: 2px solid #333;}
div.mod_section dl.buy-out-end dt {background: #333;color: #fff;text-align: center;padding: 20px;font-weight: bold;font-size: 22px;width: 27%;text-align: left;line-height: 1.5;display: flex;font-size: 18px;font-weight: bold;justify-content: center;}
div.mod_section dl.buy-out-end dd {padding: 30px;line-height: 1.6;font-weight: bold;font-size: 18px;text-align: center;display: flex;align-items: center;padding: 10px 50px;}
div.mod_section dl.buy-out-end dd div.tel {display: flex;align-items: center;font-size: 26px;font-weight: bold;}
div.mod_section dl.buy-out-end dd div.tel img {width: 51px;}
div.mod_section dl.buy-out-end dd div.business_hours {font-size: 11px;font-weight: normal;text-align: left;padding-left: 2em;}
/**/
div.introduction_howto {font-size: 10px;display: flex;justify-content: space-between;}
div.introduction_howto div.txt ul li {padding-left: 2.5em;position: relative;line-height: 1.6;margin-bottom: 1.2em;font-size: 1.4em;}
div.introduction_howto div.txt ul li:last-of-type {margin-bottom: 0;}
div.introduction_howto div.txt ul li span.note {padding-top: 0.8em;display: inline-block;}
div.introduction_howto div.txt ul li img.no {position: absolute;top: -1px;left: -1em;}
div.introduction_howto div.txt ul li:nth-of-type(n+2) img.no {top: 5px;}
div.introduction_howto div.txt ul li img.btn {vertical-align: -12px;margin-right: 7px;}
div.introduction_howto div.img {border: solid 1px;padding: 20px 10px;}
/*============================
#howtodl
============================*/
div.howtodl.mod_section div.column-one.column-one_img-right div.column-one_image img {width: 100%;}
div.howtodl.mod_section ul.app-download {display: flex;align-items: center;justify-content: space-between;max-width: 750px;margin: 20px auto;}
div.howtodl.mod_section ul.app-download li {display: flex;align-items: center;justify-content: space-between;}
div.howtodl.mod_section ul.app-download li a {margin-right: 30px;}
div.divided-block-3-apart {display: flex;justify-content: space-between;margin: 15px auto 20px;width: 87%;}
div.divided-block-3-apart div.item {width: 245px;}
div.divided-block-3-apart div.item div.image-block {text-align: center;margin: 0 0 15px;}
/*============================
#manual
============================*/
div.manual.mod_section h4 {margin: 30px 0 0;display: flex;align-items: center;}
div.manual.mod_section h4 img {margin-right: 8px;}
div.manual.mod_section div.mod_section.btnArea a.btn_link p {display: flex;align-items: center;}
div.manual.mod_section div.mod_section.btnArea a.btn_link[target="_blank"] p {padding: 0 18px 0 0;background: url(/wiring/switch_concent/common/img/icon_large-arow_black.png) 100% 25% no-repeat;}
div.manual.mod_section div.mod_section.btnArea a.btn_link p img.ico_pdf {margin: 0 10px;}
/*============================
#models
============================*/
.wirelessrouter tbody tr td div.item {display: flex;align-items: center;padding: 10px;max-width: 270px;margin: auto;justify-content: center;}
.wirelessrouter tbody tr td div.item div.img {width: 40px;}
.wirelessrouter tbody tr td div.item div.img img {width: 100%;}
.wirelessrouter tbody tr td div.item div.txt {padding: 10px;}
#sectionContents .wirelessrouter tbody tr td div.item div.txt a {text-decoration: none !important;}
.wirelessrouter tbody tr td div.item div.txt a.link-blank-light-blue {display: inline-block;color: #3060c0 !important;font-weight: bold;position: relative;padding-right: 20px;}
.wirelessrouter tbody tr td div.item div.txt a.link-blank-light-blue::after {content: '';position: absolute;top: 0;bottom: 0;right: 0;display: inline-block;width: 15px;height: 13px;margin: auto;background: url(../img/icon_blank_light-blue.png) 0 0 no-repeat;}
/*============================
footer
============================*/
.Snsber {margin-top: 50px;padding: 45px 10px 40px 10px;background-color: #F2F2F2;}
@media only screen and (max-width: 640px) and (max-device-width: 1280px) {
.Snsber {padding: 25px 10px;}
}
.Snsber p{text-align: center;font-size: 20px;color: #666;}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Snsber p{font-size: 16px;}
}
.Snsber ul {margin-top: 20px;display: flex;justify-content: center;align-items: center;}
.Snsber ul li{width: 38px;margin: 0 17px;}
@media only screen and (max-width:640px) and (max-device-width:1280px){
.Snsber ul li{margin: 0 15px;}
}
.Snsber ul li.Snsber__youtube{width: 44px;}
.Snsber ul li.Snsber__sumu{width: 145px;}
.Snsber ul li img{width: 100%;height: auto;}
.Snsber ul li a:hover   {opacity: 0.7;}
.Snsber ul li a:focus   {opacity: 0.7;}
.Snsber ul li a:active  {opacity: 0.7;}


@media screen and (max-width:967px) {
/* column-one_ */
.rwdPage .column-one_img-left .column-one_text, .rwdPage .column-one_img-right .column-one_text {padding: 0 0 20px;}
.rwdPage .column-one_img-left .column-one_text, .rwdPage .column-one_img-right .column-one_text {width: 100%;}
.rwdPage .column-one_img-left .column-one_image, .rwdPage .column-one_img-right .column-one_image {width: 100%;}
/*table*/
table.c-table-normal {width: 800px;max-width: none;}
.rwdPage .mod_section div.section.tableScroll {padding-top: 10px;}
.rwdPage .tableScroll:before {position: relative;top: -5px;left: 0;}
/* spercer */
.ex_h2style,
.lower.rwdPage .h3_blue {margin-top: 60px;}
.lower h4 {margin-top: 30px;}
/*============================
#about
============================*/
div#about.mod_section div.column-one.column-one_img-right div.column-one_image img {width: 35%;}
/*============================
introduction
============================*/
div.mod_section dl.buy-out-end {display: block;max-width: none;}
div.mod_section dl.buy-out-end dt {width: auto;text-align: center;padding: 10px 20px;align-items: center;}
div.mod_section dl.buy-out-end dd {display: block;padding: 10px;}
div.mod_section dl.buy-out-end dd div.tel {justify-content: center;padding-right: 14px;font-size: 7vw;}
div.mod_section dl.buy-out-end dd div.business_hours {text-align: center;padding: 0;}
/**/
div.introduction_howto {padding: 0;flex-wrap: wrap;border: none;}
div.introduction_howto div.txt {order: 1;padding-top: 2em;}
div.introduction_howto div.img img {width: 90%;display: block;margin: auto;}
/*============================
#howtodl
============================*/
div.howtodl.mod_section div.column-one.column-one_img-right {width: 100%;}
div.howtodl.mod_section ul.app-download li {width: 42%;}
div.howtodl.mod_section ul.app-download li:first-child {width: 50%;}
div.howtodl.mod_section ul.app-download li a {margin-right: 0;}
/**/
div.divided-block-3-apart {display: block;width: 100%;}
div.divided-block-3-apart div.item {width: 100%;margin: auto;}
div.divided-block-3-apart div.item div.image-block {width: 60%;margin: 0 auto 15px;}
/*============================
#manual
============================*/
div.manual.mod_section div.mod_section.btnArea {display: flex;justify-content: space-between;}
div.manual.mod_section div.mod_section.btnArea a.btn_link {width: 40%;padding: 4%;}
div.manual.mod_section div.mod_section.btnArea a.btn_link.wide {width: 100%;}
div.manual.mod_section div.mod_section.btnArea a.btn_link p {font-size: 3vw;}
/*============================
#connection
============================*/
div.connection.mod_section div.divided-block-3-apart div.item {margin: 0 auto 30px;}
div.connection.mod_section div.column-one.column-one_img-left div.column-one_image img {width: 65%;}
/*============================
#models
============================*/
div.models.operation_confirmed_models div.wirelessrouter div.section.tableScroll div table.c-table-normal {width: 600px;}
}