@charset "UTF-8";
/*===============================================
		CY-RC90KD
===============================================*/
#CY_RC90KD { width:770px; /*font-size:14px;*/ line-height:1.6; margin:0 auto 30px; overflow:hidden; }
#CY_RC90KD > section { margin-bottom:60px; overflow:hidden; }


/*--------------------------------　common　--------------------------------*/
/*　オンラインカタログ・取扱説明書　*/
#butBlock { width:770px; margin:0 auto; }
#butBlock ul { overflow:hidden; text-align:right; letter-spacing:-.40em; }
#butBlock ul li { display:inline-block; letter-spacing:normal; }
#butBlock ul li a { display:block; color:#333; padding:10px 20px 10px 12px; }
.arrow{ position:relative; display:inline-block; vertical-align:middle; text-decoration:none; font-size:15px; }
#butBlock ul li a::before{ position:absolute; top:0; left:0px; bottom:0; margin:auto; content:""; vertical-align:middle; box-sizing:border-box;
	width:5px; height:5px; border:5px solid transparent; border-left:5px solid #429ae4;
}
#butBlock ul li a:hover { color:#429ae4; }


/*　nav　*/
#navBlock { margin:0 auto 20px; }
#navBlock ul { text-align:center; letter-spacing:-.40em; background:#ccc; }
#navBlock ul li { display:inline-block; letter-spacing:normal; margin:8px 4px; }
#navBlock ul li a { display:block; width:244px; padding:20px 0; border:1px solid #fff; color:#fff; font-size:14px; font-weight:bold;
	background: #3263e1;
	background: -moz-linear-gradient(top, #3263e1 0%, #4570dd 50%, #2d58c8 51%, #315fd8 100%);
	background: -webkit-linear-gradient(top, #3263e1 0%,#4570dd 50%,#2d58c8 51%,#315fd8 100%);
	background: linear-gradient(to bottom, #3263e1 0%,#4570dd 50%,#2d58c8 51%,#315fd8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3263e1', endColorstr='#315fd8',GradientType=0 );
}
#navBlock ul li a:hover {
	background: #315fd8;
	background: -moz-linear-gradient(top, #315fd8 0%, #2d58c8 50%, #4570dd 51%, #3263e1 100%);
	background: -webkit-linear-gradient(top, #315fd8 0%,#2d58c8 50%,#4570dd 51%,#3263e1 100%);
	background: linear-gradient(to bottom, #315fd8 0%,#2d58c8 50%,#4570dd 51%,#3263e1 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#315fd8', endColorstr='#3263e1',GradientType=0 );
}

.lineup #navBlock  { margin:0 !important; background:#fff;  }
.lineup #navBlock ul { letter-spacing:normal; overflow:hidden; }
.lineup #navBlock ul li { display:block; float:left; margin:0 1px 0 0; }
.lineup #navBlock ul li a { width:256px; border:0px;  }
.lineup #navBlock ul li:nth-child(3) { width:250px; margin-right:0; }


/*　h　*/
h1 { text-align:center; line-height:0; }
h2 { text-align:left; color:#dbca87; font-size:180%; font-weight:bold; line-height:1.4; padding:10px 20px; border-bottom:4px solid #baa244; margin-bottom:24px;
	background: #7e7e7e;
	background: -moz-linear-gradient(top, #7e7e7e 0%, #343434 100%);
	background: -webkit-linear-gradient(top, #7e7e7e 0%,#343434 100%);
	background: linear-gradient(to bottom, #7e7e7e 0%,#343434 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e7e7e', endColorstr='#343434',GradientType=0 );
}
h3 { text-align:left; color:#fff; font-size:150%; font-weight:bold; line-height:1.4; padding:10px 20px; 
	background: #1a5b9f;
	background: -moz-linear-gradient(top, #1a5b9f 0%, #113c67 100%);
	background: -webkit-linear-gradient(top, #1a5b9f 0%,#113c67 100%);
	background: linear-gradient(to bottom, #1a5b9f 0%,#113c67 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a5b9f', endColorstr='#113c67',GradientType=0 );
}
h4 { text-align:left; color:#036ab7; font-size:120%; font-weight:bold; padding:5px 0 5px 20px;  border-bottom:3px solid #4381c8; margin-bottom:20px; }
h5 { font-size:150%; line-height:1; padding-left:10px; border-left:8px solid #2c4891; margin-bottom:15px; }


/*　Title　*/
#mainTitleBlock { margin-bottom:0 !important; background:none !important; }


/*　本文　*/
#leadBlock { margin-bottom:30px; }

.text_bodyBlock { margin:0 20px 30px 20px; padding-bottom:20px; overflow:hidden; }
.text_bodyBlock > p { margin:20px 20px 0 20px; }
.text_bodyBlock .img { text-align:center; margin:20px auto 0; }


/*　table　*/
.table_type1 { width:100%; margin-bottom:15px; }
.table_type1 tr { border:1px solid #999; }
.table_type1 tr th { padding:5px 10px; border-right:1px solid #999; background:#ebebeb; white-space:nowrap; }
.table_type1 tr td { padding:5px 10px; }




.note { font-size:80%; }
.caution_1em { font-size:80%; text-indent:-0.8em; padding-left:0.8em; }
.caution_1emList { font-size:80%; }
.caution_1emList li { text-indent:-0.8em; padding-left:0.8em; }
.cautionBlock { }

.sup{ font-size:10px; vertical-align:top; }
.spBr { display:none; }
.spNoBr { display:block; }







/*--------------------------------　TOP　--------------------------------*/
#specificationBlock { }

.viewer { width:770px; height:970px; margin:0 auto; overflow:hidden; }
.viewer ul { position: relative; z-index:1;}
.viewer ul li { position:absolute; top:0; left:0; display: none; }


/*--------------------------------　特長　--------------------------------*/
.point section { background:#f8f8f8; }
.point section .text_bodyBlock { background:#fff; }

#videoList { text-align:center; letter-spacing:-.40em; margin-top:20px; }
#videoList li { display:inline-block; letter-spacing:normal; }
#videoList li video { width:400px; margin:0 10px; cursor:pointer; }

#smartDesignList { width:720px; margin:20px auto 0; overflow:hidden; }
#smartDesignList li { float:left; margin:5px; }

#mountingkitBlock { margin:0 0 20px 0 !important; border:1px solid #8db3de; background:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; position:relative; }
#mountingkitBlock .catch { font-size:120%; text-align:left; color:#004ba0; margin:10px 0 10px 25px; }
#mountingkitBlock h3 { font-weight:bold; text-align:left; line-height:1.4; padding:15px 0 15px 25px; background:#004ba0; margin-bottom:20px; }
#mountingkitBlock h3 span { font-size:70%; }
#mountingkitBlock h3 span span { font-size:70%; }
#mountingkitBlock .img { position:absolute; top:10px; right:10px; }
#mountingkitBlock > ul { text-align:center; letter-spacing:-.40em; }
#mountingkitBlock > ul > li { display:inline-block; letter-spacing:normal; margin:20px; vertical-align:top; text-align:left; }
#mountingkitBlock dl { width:340px; }/*420*/
#mountingkitBlock dl dt { font-size:120%; text-align:left; color:#333; border-bottom:1px solid #999; margin-bottom:10px; padding-bottom:5px; }
#mountingkitBlock dl dd { margin-bottom:10px; }
#mountingkitBlock dl dd table tbody tr th { white-space:nowrap; }
#mountingkitBlock dl dd table tbody tr td { text-indent:-1em; padding-left:1em; }


/*--------------------------------　バックギア[R]連動可能機種　--------------------------------*/
.lineup section { background:#f8f8f8; }
.lineup section .text_bodyBlock { background:#fff; overflow:hidden; }

.lineup #navBlock { margin:0px auto 20px; }
.lineup h3 { margin-bottom:1px; }
.lineup .h3_line { border-bottom:3px solid #4381c8; margin-bottom:20px; }

.scrollBox { margin:0 20px; }
.RC90_lineup{
	border-left:1px solid #b1b1b1;
	border-top:1px solid #b1b1b1;
	width:100%;
	table-layout:fixed;
	margin:0 auto 20px;
}
.RC90_lineup tr{}
.RC90_lineup th{
	font-size:12px;
	background-color:#e6e6e6;
	text-align:left;
	padding:10px;
	border-right:1px solid #b1b1b1;
	border-bottom:1px solid #b1b1b1;
	color:#333333;
}
.RC90_lineup td{
	font-size:12px;
	text-align:left;
	width:16%;
	padding:10px;
	border-right:1px solid #b1b1b1;
	border-bottom:1px solid #b1b1b1;
	color:#333333;
}

#carnavCautionBox { margin:0 20px; }

#guidescaleBlock { border:1px solid #5587c0; background:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; margin-bottom:20px !important; }
#guidescaleBlock h3 { background:#004ba0; }
#guidescaleBlock .img { text-align:center; margin:30px auto 0; }
#guidescaleBlock .txt { font-size:120%; margin:20px 50px; color:#004ba0; }

#guidescale_cautionBlock { margin:20px auto; padding:30px; border:1px solid #5587c0; background:none; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; }
#guidescale_cautionBlock ul { }
#guidescale_cautionBlock ul li { text-indent:-1em; padding-left:1em; }
#guidescale_cautionBlock ul li:before { content:"●"; margin-right:0.5em; font-size:80%; }








/* @media */
/*=========================================================================================================**
/*--------------------------------------------------------------
	SP　表示領域が640px以下
--------------------------------------------------------------*/
@media screen and (max-width: 640px) {

			.pagesection  { /*width:100% !important; margin:0 !important; padding:0 !important;*/ }
			
			
			/*===============================================
							CY-RC90KD
					===============================================*/
			#CY_RC90KD { font-size:16px; width:auto; }
			#CY_RC90KD > section { margin-bottom:15px; }
			
			
			/*--------------------------------　common　--------------------------------*/
			/*　オンラインカタログ・取扱説明書　*/
			#butBlock { width:auto; margin-right:0px; }
			#butBlock ul { }
			#butBlock ul li { }
			#butBlock ul li a { font-size:12px; padding:10px 0 10px 10px; margin-left:10px; }
			.arrow{ font-size:12px; }
			#butBlock ul li a::before{ top:0; bottom:3px; }
			#butBlock ul li a:hover { }



			/*　nav　*/
			#navBlock { margin:20px !important; }
			#navBlock ul { letter-spacing:normal; background:none; }
			#navBlock ul li { display:block; border:2px solid #ccc; margin:10px 3px; border:4px solid #ccc; margin:10px 5px; }
			#navBlock ul li a { width:auto; padding:10px 0; }
			#navBlock ul li a:hover { }

			.lineup #navBlock  { margin:20px 20px 20px 20px !important; background:none; }
			.lineup #navBlock ul { width:100%; }
			.lineup #navBlock ul li { float:none; margin:10px 3px; }
			.lineup #navBlock ul li a { width:auto; border:1px solid #fff; }
			.lineup #navBlock ul li:nth-child(3) { width:auto !important;c; margin:10px 3px; }


			/*　h　*/
			h1 { }
			h2 { text-align:center; font-size:110%; border-bottom:2px solid #baa244; padding:10px; }
			h3 { text-align:center; font-size:100%; padding:10px; }
			h4 { text-align:center; font-size:90%; border-bottom:2px solid #4381c8; padding:5px;  margin-bottom:10px; }
			h5 { text-align:left; font-size:107%; margin:0 10px 10px 0px; line-height:1; padding-left:6px; border-left:6px solid #2c4891; }

			/*　Title　*/
			#mainTitleBlock { width:100%; margin:0; padding:0; text-align:center; }
			#mainTitleBlock img { max-width:100%; }

			/*　本文　*/
			#leadBlock { margin:0 10px 20px 10px; }

			.text_bodyBlock { margin:0 10px 0 10px; padding-bottom:20px; overflow:hidden; }
			.text_bodyBlock > p { margin:10px 0 0 0; }
			.text_bodyBlock .img { text-align:center; margin:20px auto 0; }
			.text_bodyBlock .img img { max-width:100%; }

			/*　table　*/
			.table_type1 { font-size:80%; width:100%;  margin:0 0 10px 0; }
			.table_type1 tr { }
			.table_type1 tr th { padding:5px; text-align:left; }
			.table_type1 tr td { padding:5px; }



			.note { font-size:72% !important; }
			.caution_1em { font-size:72% !important; }
			.caution_1emList { font-size:72% !important; }
			.caution_1emList li { }
			.cautionBlock { margin:0 10px 20px 10px; word-wrap:break-word; }

			.sup{ }
			.spBr { display:block; }
			.spNoBr { display:none; }







			/*--------------------------------　TOP　--------------------------------*/
			#specificationBlock { margin:0 10px; }

			.viewer { width:100% !important; min-height:403px !important; margin:0 auto !important; overflow:hidden; }
			.viewer ul { position: relative; }
			.viewer ul li { position:absolute; top:0; left:0; display:none; }
			.top #navBlock { margin-top:-10px !important; }

			/*--------------------------------　特長　--------------------------------*/
			.point section { background:none; }
			.point section .text_bodyBlock { }

			#videoList { letter-spacing:normal; margin:10px 10px 0 10px; }
			#videoList li { display:block; }
			#videoList li:first-child { margin-bottom:10px; }
			#videoList li video { width:100%; margin:0; }

			#smartDesignList { width:100%; }
			#smartDesignList li { float:none; text-align:center; margin:5px 10px; }
			#smartDesignList li img { max-width:100%; }

			#mountingkitBlock { margin:0 10px 20px 10px !important; position:static; }
			#mountingkitBlock .catch { font-size:90%; text-align:center; margin:10px; }
			#mountingkitBlock h3 { text-align:center; padding:10px; }
			#mountingkitBlock h3 span { }
			#mountingkitBlock h3 span span { }
			#mountingkitBlock .img { position:static; text-align:center; }
			#mountingkitBlock > ul { letter-spacing:normal; }
			#mountingkitBlock > ul > li { display:block; }
			#mountingkitBlock dl { width:100%; }
			#mountingkitBlock dl dt { font-size:90%; font-weight:bold; }
			#mountingkitBlock dl dd { font-size:90%; }
			#mountingkitBlock dl dd table tbody tr th { }
			#mountingkitBlock dl dd table tbody tr td { }



			/*--------------------------------　バックギア[R]連動可能機種　--------------------------------*/
			.lineup section { background:none;}
			.lineup section .text_bodyBlock { }

			.lineup #navBlock { margin-top:0px !important; }
			.lineup h3 { }
			.lineup .h3_line { border-bottom:2px solid #4381c8; margin-bottom:10px; }
			
			.scrollBox { margin:0; overflow:auto; white-space:nowrap; }	
			.scrollBox::-webkit-scrollbar{height:10px; background:#e3e3e3; }
			.scrollBox::-webkit-scrollbar-thumb { overflow:hidden; -webkit-border-radius:5px; border-radius:5px; background:#999; }
			
			.RC90_lineup{ width:auto; margin:0 auto; }
			.RC90_lineup tr{ }
			.RC90_lineup th{ }
			.RC90_lineup td{ }

			#carnavCautionBox { margin:15px 0 0 0; }

			#guidescaleBlock { margin:0 10px 20px 10px; }
			#guidescaleBlock h3 { }
			#guidescaleBlock .img { text-align:center; margin:15px; }
			#guidescaleBlock .img img { max-width:100%; }
			#guidescaleBlock .txt { font-size:100%; margin:20px; }

			#guidescale_cautionBlock { margin:0 10px 20px 10px; padding:15px; }
			#guidescale_cautionBlock ul { }
			#guidescale_cautionBlock ul li { }


}