@charset "Shift_JIS";
/* CSS Document */

/* Chrome、Safari以外 */
summary { display: block; }
/* Chrome、Safari */
summary::-webkit-details-marker {display: none;}
details{cursor :pointer;}


/* ==================================================
#index.css
================================================== */

/* ==================================================
	reset
================================================== */

h1, h2, h3, h4, h5, h6 {
	font-size: inherit;
	font-weight: 400;
	margin: 0;
}
p {
	margin: 0;
}
ul, ol, li {
	margin: 0;
	padding: 0;
	list-style: none;
}


/* ==================================================
	base
================================================== */

.visid {
	width: 100%;
	max-width: 1148px;
	margin-right: auto;
	margin-left: auto;
	font-family: "Arial",sans-serif;
	font-size: 16px;
	line-height: 1.375;
}
.visid,
.visid *,
.visid *::before,
.visid *::after {
	box-sizing: border-box;
}
.visid img,
.visid video {
	vertical-align: bottom;
	max-width: 100%;
}
.visid sup,
.visid sub {
	position: relative;
	vertical-align: baseline;
	height: 0;
	font-size: smaller;
	line-height: 1;
}
.visid sup {
	bottom: 1ex;
}
.visid sub {
	top: 1ex;
}



/* ----------------------------------------
	a
---------------------------------------- */

.visid a {
	color: #007dba;
	text-decoration: none;
}
.visid a:hover {
	text-decoration: underline;
}
.visid a:visited {
	color: #822980;
}


/* images -------------------- */

.visid a img {
	transition: .2s;
}
.visid a img:hover {
	opacity: .7;
}





/* ==================================================
	common
================================================== */


/* ----------------------------------------
	heading
---------------------------------------- */

.visid h1,
.visid h2,
.visid h3,
.visid h4,
.visid h5,
.visid h6 {
	font-weight: normal;
}

.h1, .h2, .h3, .h4, .h5 {
	font-weight: normal;
}

.h1 { font-size: 26px; line-height: 28px; }
.h2 { font-size: 24px; line-height: 26px; }
.h3 { font-size: 22px; line-height: 26px; }
.h4 { font-size: 20px; line-height: 24px; }
.h5 { font-size: 18px; line-height: 26px; }

@media screen and (min-width: 768px) {
	.h1 { font-size: 36px; line-height: 40px; }
	.h2 { font-size: 32px; line-height: 36px; }
	.h3 { font-size: 26px; line-height: 30px; }
	.h4 { font-size: 20px; line-height: 26px; }
}

@media screen and (min-width: 1024px) {

	.h1 { font-size: 40px; line-height: 42px; }
	.h2 { font-size: 34px; line-height: 40px; }
	.h3 { font-size: 28px; line-height: 34px; }
	.h4 { font-size: 22px; line-height: 28px; }
	.h5 { font-size: 20px; line-height: 28px; }
}


/* hLine -------------------- */

.hLine {
	overflow: hidden;
	font-weight: normal;
	text-align: center;
}
.hLine > span {
	display: inline-block;
	position: relative;
	padding: 0 .5em;
}
.hLine > span::before,
.hLine > span::after {
	content: "";
	position: absolute;
	top: 50%;
	width: 99em;
	border-top: 1px solid #000;
}
.hLine > span::before {
	right: 100%;
}
.hLine > span::after {
	left: 100%;
}



/* ----------------------------------------
	margin
---------------------------------------- */

.xl + p { margin-top: 20px; }
.h1 + p { margin-top: 10px; }
.h2 + p { margin-top: 16px; }
.h3 + p { margin-top: 16px; }
.h4 + p { margin-top: 10px; }
.h5 + p { margin-top: 10px; }

.visid p + p,
.visid div + p,
.visid ul + p,
.visid ol + p,
.visid dl + p
.visid img + p {
	margin-top: 1em;
}



/* ----------------------------------------
	text-align
---------------------------------------- */

.tcenter {
	text-align: center !important;
}
.tleft {
	text-align: left!important;
}
.tright {
	text-align: right!important;
}


/* ----------------------------------------
	button
---------------------------------------- */

a.button {
	display: inline-block;
	vertical-align: bottom;
	padding: .5em 1.2em;
	font-size: 16px;
	text-align: center;
	line-height: 1.2;
	transition: .2s;
}
a.button:link,
a.button:visited,
a.button:hover,
a.button:focus {
	color: #fff;
	text-decoration: none;
}
a.button.slim {
	font-size: 13px;
}
a.button.sslim {
	font-size: 11px;
}
a.button.large {
	padding: .8em 1.2em;
	font-size: 20px;
}

@media screen and (min-width: 1024px) {
	a.button.large {
		padding: 1em 1.5em;
		font-size: 22px;
	}
}

/* primary */
a.button.primary {
	background: #000;
}
a.button.primary:hover {
	background: #5a5a5a;
}


/* ----------------------------------------
	list_basic
---------------------------------------- */

.list_basic > li {
	position: relative;
	padding-left: 1em;
	line-height: 1.6;
	text-align: left;
}
.list_basic > li:nth-child(n+2) {
	margin-top: 5px;
}
.list_basic > li::before {
	content: "\2022";
	position: absolute;
	top: .06em;
	left: 0;
	font-family: Arial;
	font-size: 130%;
	line-height: 1;
	background-color:#f2f2f2;
}


/* row -------------------- */

.list_basic.row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -30px;
}
.list_basic.row > li {
	margin-right: 30px;
}
.list_basic.row > li:nth-child(n+2) {
	margin-top: 0;
}



/* ----------------------------------------
	YouTube
---------------------------------------- */

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* ==================================================
#contents_printers_large
================================================== */
/* ==================================================
	reset , common
================================================== */
#contents_printers_large .pc {display: inherit;}
#contents_printers_large .sp {display: none;}
#contents_printers_large .mt5{margin-top: 5px;}


/* ==================================================
	No1ロゴ
================================================== */
#contents_printers_large .logo_no1_17{margin:30px 0;text-align:center;width:100%}

@media screen and (max-width: 1024px) {
	#contents_printers_large .logo_no1_17{margin:30px auto;width:60%}
}


#contents_printers_large {overflow: visible!important; padding:0 20px; margin-top:50px; font-size: 15px; color: #5a5a5a!important; width: 100%; font-size: 15px; color: #5a5a5a!important; line-height: 1.75em; position: relative;}
#contents_printers_large .caution {font-size: 0.8em; line-height: 1.5em;}
#contents_printers_large a:link,
#contents_printers_large a:visited {color:#0096D5!important; /*display: block; font-size: 18px;*/}
#contents_printers_large a:hover, a:active {opacity: 0.8;}
#contents_printers_large strong {color: #0096D5;}
#contents_printers_large p {margin-bottom: 0.5em;}
#contents_printers_large h3 {color:#0096D5!important;font-size: 20px;margin:0.5em 0;}

#contents_printers_large a:link,
#contents_printers_large a:visited {color: #111; text-decoration: underline;}
#contents_printers_large a:hover,
#contents_printers_large a:active {color: #333; text-decoration: none;}
#contents_printers_large section {margin-bottom: 3em; /*margin-top:-60px; padding-top:60px;*/}
#contents_printers_large section h2 {background-color:#0096D5; width: 100%; color: #fff; font-weight: normal; text-align: center; font-size: 17px; padding: 5px 0; margin-bottom: 1em;}
#contents_printers_large section img {width: 100%; height: auto;}

/*#nav*/
#nav {color: #ccc; font-size: 15px; z-index: 1;}
#nav .nav-list {list-style: none; padding: 0; overflow:hidden;}
#nav .nav-list li {margin-right: 1.8%;   float: left; padding: 5px 21px 3px; border-width: 1px; border-radius: 4px 4px 0 0;  background-color: #EEE;}
#nav .nav-list li a {text-decoration: none; color: #333!important;}
#nav .nav-list li:last-child {margin-right:0;}
#nav .nav-list li:hover,
#nav .nav-list li:active {background-color: #ccc; cursor: pointer;}

/*#top_image*/
#top_image {margin-bottom: 1.5em; width: 100%; height: auto;}
#top_image img.bnr {width: 100%; max-width: 855px!important; height: auto;}

/*#product*/
#product .product-content,
#product .product-row {margin-bottom: 0;}
#product .img_area img {width: 80%!important; margin: 0 10%;}
.lineBox {display: flex; margin-bottom: 2em; flex-wrap: wrap;}
.lineBox_module {margin: -1px 0 0 -1px; border: 1px solid #999;display:flex;flex-direction: column;}
.lineBox_module .inner {padding: 20px;flex-grow:1;display:flex;flex-direction: column;}
.lineBox_module .inner p{font-size:0.8em;line-height:1.5em;}
.lineBox_module .link_area{margin-top:auto;}
.lineBox_module .text_area h3 {margin: 10px 0!important; font-size: 20px!important; font-weight: normal; line-height: 24px!important;}
.lineBox_module .text_area span {font-size: 10px; display: inline-block; margin-left: 0.5em;}
.lineBox_module .list_function,
.lineBox_module .list_basic,
.lineBox_module .list_option,
.lineBox_module .p_speed {margin-top: 1rem; font-size: 14px;}

.list_function > li,
.list_basic > li,
.list_option > li {margin-top: 0; line-height: 1.5em;}
ul.list_basic::before,
ul.list_option::before,
.list_basic > li::before,
.list_option > li::before {
  font-size: 95%;
  top: .06em;
  width: auto;
  height: auto;
  line-height: 1;
  background: none;
}
ul.list_basic::before {content: "＜標準付属＞";}
ul.list_option::before {content: "＜オプション＞";}
.list_basic > li::before,
.list_option > li::before {content: "\2022"; font-size: 130%; margin-right: 0.25em;}
.lineBox_module .inner .link_area a {display: block; margin-top: 1em; background-color: #000; text-align: center; color: #fff!important;} 
.lineBox_module .inner .link_area a:last-child {background-color: #0096D5;} 
.lineBox_module .inner .link_area a img {width: 13px!important; height: 15px!important; display: inline-block; margin-left: 5px; margin-bottom: 3px;}
#product .lineBox_module .link_area a:link,
#product .lineBox_module .link_area a:visited {color: #fff!important; text-decoration: none!important;}



/*#movies*/
#movies h3 {margin:0.5em 0;line-height: 1.5em;}
#movies ul{display:flex; flex-wrap : wrap; justify-content:space-between;}
#movies li{width:30%;margin:10px;} 

/*#distribution*/
#distribution table#tbllist th.bgfff_noborder {background-color: #fff; border: none;}
#distribution table#tbllist tr.bgf5f3ee {background-color: #f5f3ee;}
#distribution table#tbllist th.bg9b8e55 {background-color: #9b8e55;}
#distribution table#tbllist tr.bgf5f3ee {background-color: #f5f3ee;}
#distribution table#tbllist th.a1_others {font-weight: normal; font-size: 11px; writing-mode: vertical-rl;}
#distribution table#tbllist tr.bgf8f8f8 {background-color: #f8f8f8;}
#distribution table#tbllist th.bg767676 {background-color: #767676;}
#distribution table#tbllist tr.bgf8f8f8 {background-color: #f8f8f8;}
#distribution table#tbllist tr.bgf2fafb {background-color: #f2fafb;}
#distribution table#tbllist tr.bg006699 {background-color: #006699;}

#distribution table#tbllist tr.bgf2fafb {background-color: #f2fafb;}
#distribution table#tbllist tr.bgf7f1f1 {background-color: #f7f1f1;}
#distribution table#tbllist tr.bga91b29 {background-color: #a91b29;}

#distribution .table-scroll {overflow-x: auto; overflow-y: hidden;}
#distribution table#tbllist {width: 100%; min-width: 600px; border-collapse: collapse;}
#distribution table#tbllist th,
#distribution table#tbllist td {border-collapse: collapse; box-sizing: border-box;}
#distribution table#tbllist th {background-color: #999; text-align: center; vertical-align: middle; color: #fff; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; padding: 5px;}
#distribution table#tbllist th.sub {font-weight: normal; font-size: 11px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: vertical-rl; width: 30px; padding: 5px 0 5px 5px;}
#distribution table#tbllist td {padding: 5px; border: 1px solid #ddd; text-align: center; vertical-align: middle;}
#distribution table#tbllist td a {margin-left: 5px;}
#distribution table#tbllist td a:first-child {margin-left: 0;}
#distribution table#tbllist td a img {/*width: 106px;*/width: 85px;}

/*#various*/
.accordion {margin-left: auto; margin-right: auto; margin-top: 1em; position: relative; width: 100%;}
.accordion-title { color: #5a5a5a; cursor: pointer; font-size: 15px; padding: 10px 45px 10px 20px;}
.accordion-content {display: none; padding: 10px 20px;}
.accordion-content p {font-size: 13px; line-height: 1.5;}
.accordion-container {border-bottom: 1px solid #ccc;}
.accordion-item .accordion-title {background-color: #fff; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.accordion-item .accordion-content { border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.accordion-title {position: relative;}
.accordion-title::after {border-right: solid 2px #5a5a5a; border-top: solid 2px #5a5a5a; content: ""; display: block; height: 8px; position: absolute; right: 25px; top: 38%; transform: rotate(135deg); transition: transform .3s ease-in-out, top .3s ease-in-out; width: 8px;}
.accordion-title.open::after {top: 45%; transform: rotate(-45deg);}
#various .m_accordion_trigger {background: none; height: inherit!important; text-indent: 0; border: none; padding: 5px 0; line-height: 1.6!important;}
#various .m_accordion_trigger p {text-align: left;}
#various .m_accordion_trigger a {color: #333!important; text-decoration: underline!important;}
#various .m_accordion_trigger a:hover,
#various .m_accordion_trigger a:active {color: #5a5a5a!important; text-decoration: none!important;}
#various li {position: relative; padding-left: 65px; margin-bottom: 0.25em; /*border-bottom: 1px solid #eee;*/}
#various li .m_accordion_trigger span {position: absolute; left: 0; background-color: #61d1e2; color: #fff; font-weight: bold; width: 45px; text-align: center;border-radius: 2px;}
#various li .switchcontent {padding-bottom: 0.5em;}
#various li .switchcontent span {position: absolute; left: 0; background-color: #aaa; color: #fff; font-weight: bold; width: 45px; text-align: center;border-radius: 2px;}
#various #faq .m_accordion_trigger a:after {color: #fff; display: inline-block; width: 2.5em; text-align: center; font-size: 13px; padding: 0 3px; border-radius: 2px; margin-left: 0.5em;}
#various #faq ul {margin-top: 1em;}
#various #faq .faq_glossary {border: 1px solid #ccc; font-size: 13.5px; padding: 8px 10px; line-height: 1.5em; margin-top: 1em; z-index: 1;}
#various #faq .faq_glossary p {margin-bottom: 0;}
#various #faq .faq_glossary a {display: inline-block;}

/*#linklist*/
#linklist h2 {margin-bottom: 0!important;}
#linklist ul {padding: 1em 1.5em;background-color: #efefef;display:flex;flex-wrap: wrap;}
#linklist li {width:48%;}
.lineBox_module {width: calc(100% / 3);}

@media screen and (max-width:768px) {
.lineBox_module {width: calc(100% / 2);}
}


@media screen and (max-width:568px) {
	.lineBox_module {width: 100%;}
}

/* ==================================================
	レスポンシブ（1280x以下）
================================================== */
@media screen and (max-width:1280px) {

/*#distribution*/
#distribution table#tbllist th {font-size: 11px;}
#distribution table#tbllist td a {margin-left: 0; display: block; margin-top: 5px;}
#distribution table#tbllist td a:first-child {margin-top: 0;}
#distribution table#tbllist td a img {width: 100px;}
  
}

/* ==================================================
	レスポンシブ（768px以下） PC 769px以上
================================================== */
@media screen and (max-width:768px) {
  
/*common*/
#contents_printers_large .pc {display: none;}
#contents_printers_large .sp {display: inherit;}

#contents_printers_large {font-size: 14px; line-height: 1.5em;}
.m_contents {width: 96%;}
.w_full_in {width: 100%; padding: 35px 3%;}
.btn {width: 100%;}
.btn a:link, .btn a:visited {font-size: 14px;}
.small-s {font-size: 90%!important;}

/*#nav*/
#nav {display: none;}

/*#product*/
.lineBox_module .inner .link_area a {font-size: 13px;} 
.lineBox_module .inner .link_area a img {margin-left: 3px; margin-bottom: 1px;}

#movies ul{display:flex; flex-wrap : wrap;
  justify-content:space-between;}
#movies li{width:45%;margin:0 10px;}

/*#various*/
#various #faq {float: none; width: 100%; margin-left: 0; margin-bottom: 2em;}
  
/*#linklist*/
#linklist {padding: 1.5em 0;}
#linklist ul {display:block;}
#linklist li {width:100%;margin-bottom:0.5em;}

}

/* ==================================================
	レスポンシブ（568px以下）タブレット 569px以上
================================================== */
@media screen and (max-width:568px) {


#movies ul {display:block;}
#movies li{width:100%!important;padding:10px;}

}

/* ==================================================
	レスポンシブ（319px以下）スマホ 320px以上
================================================== */
@media screen and (max-width:319px) {



}

/* ==================================================
	2025/6/25 追加
================================================== */
#product2 .comment h3{font-size:1em;background-color:#333333;margin:10px 0 30px 0!important;padding:0.25em;color:#ffffff!important;text-align:center;}
#product2 .grid {display: grid;grid-template-columns: 3em 6fr 5fr;grid-template-rows: auto;align-items: stretch;margin-top:10px;border:1px solid #999999;}
#product2 .v_title{background:#e7e7e7;font-size:1em;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;padding:1em 0.75em 0 0.75em;font-weight:bold;}
#product2 .graphic_title {font-size:1.2em;background:#cccccc;padding:0.5em;margin:0.5em 0!important;}
#product2 p{font-size:1.0em;line-height:1.5em;margin:0.5em 0.5em 2em 0.5em;text-align:center;}
#product2 dt{font-size:1.0em;line-height:1.25em;margin:1em 0.5em;font-weight:bold;color:#0096D5;}
#product2 .link_area_2{padding:0 20px;text-align:center;}
#product2 .link_area_2 a {display:inline-block; width:45%; margin:0 10px 20px 10px; background-color: #000000; text-align: center; color: #ffffff!important;min-width:200px;}
#product2 .link_area_2 a:nth-child(2) {background-color: #0096D5;} 
#product2 .link_area_2 a.blue {background-color: #0096D5;} 
#product2 .link_area_2 a img {width: 13px!important; height: 15px!important; display: inline-block; margin-left: 5px; margin-bottom: 3px;}
#product2 .link_area_2 a:link,#product2 .grid .group .link_area_2 a:visited {color: #fff!important; text-decoration: none!important;}
#product2 sup{display:block;font-size:0.8em;line-height:1.5em;margin-bottom:1em;text-align:center;}
#product2 .group {padding:1em 0;}
#product2 .group dt span{display:inline-block;}
#product2 .comment {background-color: rgba(0,150,214,.1); padding:0 10px;margin:0!important;font-size:14px;color:#333;}
#product2 .comment li {list-style: disc outside; margin: 1em 2em; line-height: 1.4em; margin-bottom: 1em;}
#product2 .col1,#product2 .col2,#product2 .col3{margin:10px 0;display:flex;text-align:center;}
#product2 .col3 li{width:33,333%}
#product2 .col3 li img{width:100%;}
#product2 .col2 li{width:50%;text-align:center;}
#product2 .col2 li img{width:70%;}
#product2 .col1 li{width:100%;text-align:center;}
#product2 .col1 li img{width:40%;}
#product2 .grid p span{display:inline-block;}

@media (max-width: 1280px) {
	#product2 .link_area_2{text-align:center;}
	#product2 .link_area_2 a {display:inline-block; width:80%; margin-bottom:10px!important;}
	#product2 sup{width:100%;text-align:center;padding:10px 20px 30px 20px;}
}

@media (max-width: 768px) {
	#product2 .grid {grid-template-columns: 1fr;}
	#product2 .comment_title {display:none;}
	#product2 .group p {margin:0.5em;}
	#product2 .v_title {background:#e7e7e7;font-size:1em;writing-mode: horizontal-tb; padding:0.5em; font-weight:bold; text-align:center;}
	#product2 .link_area_2 {width:100%;margin:0;padding:20px;}
	#product2 .link_area_2 a {display:block; width:100%; margin:10px 0!important;font-size: 13px;}
	#product2 .link_area_2 a img {margin-left: 3px; margin-bottom: 1px;}
	#product2 .link_area_2 a:nth-child(2) {margin-bottom:0!important;} 
	#product2 sup{text-align:center;width:100%;padding:0 10px 0 10px;margin-bottom:20px!important;}
}