@charset "utf-8";

* {

	font-family:"ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "Osaka", "ＭＳ Ｐゴシック", sans-serif;

	font-size:100.01%;

	font-weight:normal;

	box-sizing:border-box;

	-webkit-box-sizing:border-box;

	-moz-box-sizing:border-box;

	margin:0;

	padding:0;

	-webkit-text-size-adjust:none;

	}

body {

	color:#333333;

	}

a {

	color:#333333;

	text-decoration:none;

	}

a:hover {

	color:#008236;

	}



img { border:0; }



.ov a:hover img {

	opacity: 0.7;

	filter: alpha(opacity=70);

	-ms-filter: "alpha(opacity=70)";

}



.clear {

	clear:both;

	}



div.stage {

	width:940px;

	margin:0 auto;

	padding-top: 63px;

	}

/* 110823 ---------------------------------------------- */

/* ADD RESET -------------------- */

ol,ul {list-style:none;}

a{outline:none;}

li img{font-size:0;line-height:0;vertical-align:top;}

.clearfix{

	overflow:hidden;

	zoom:1;

}

/* HELPER ----------------------- */

/* Margins */

.ma0{ margin:0px !important;}

.ma5{ margin:5px !important;}

.ma10{ margin:10px !important;}

.ma15{ margin:15px !important;}

.ma20{ margin:20px !important;}

.ma25{ margin:25px !important;}

.ma30{ margin:30px !important;}

.ma35{ margin:35px !important;}

.ma40{ margin:40px !important;}

.ma45{ margin:45px !important;}

.ma50{ margin:50px !important;}



.mv0{ margin-top:0 !important; margin-bottom:0 !important;}

.mv5{ margin:5px 0 !important;}

.mv10{ margin:10px 0 !important;}

.mv15{ margin:15px 0 !important;}

.mv20{ margin:20px 0 !important;}

.mv25{ margin:25px 0 !important;}

.mv30{ margin:30px 0 !important;}

.mv35{ margin:35px 0 !important;}

.mv40{ margin:40px 0 !important;}

.mv45{ margin:45px 0 !important;}

.mv50{ margin:50px 0 !important;}



.mh0{ margin-right:0 !important; margin-left:0 !important;}

.mh5{ margin:0 5px !important;}

.mh10{ margin:0 10px !important;}

.mh15{ margin:0 15px !important;}

.mh20{ margin:0 20px !important;}

.mh25{ margin:0 25px !important;}

.mh30{ margin:0 30px !important;}

.mh35{ margin:0 35px !important;}

.mh40{ margin:0 40px !important;}

.mh45{ margin:0 45px !important;}

.mh50{ margin:0 50px !important;}



.mt0{ margin-top:0px !important;}

.mt5{ margin-top:5px !important;}

.mt10{ margin-top:10px !important;}

.mt15{ margin-top:15px !important;}

.mt20{ margin-top:20px !important;}

.mt25{ margin-top:25px !important;}

.mt30{ margin-top:30px !important;}

.mt35{ margin-top:35px !important;}

.mt40{ margin-top:40px !important;}

.mt45{ margin-top:45px !important;}

.mt50{ margin-top:50px !important;}

.mt55{ margin-top:55px !important;}

.mt60{ margin-top:60px !important;}



.mr0{ margin-right:0px !important;}

.mr5{ margin-right:5px !important;}

.mr10{ margin-right:10px !important;}

.mr15{ margin-right:15px !important;}

.mr19{ margin-right:19px !important;}

.mr20{ margin-right:20px !important;}

.mr25{ margin-right:25px !important;}

.mr30{ margin-right:30px !important;}

.mr35{ margin-right:35px !important;}

.mr40{ margin-right:40px !important;}

.mr45{ margin-right:45px !important;}

.mr50{ margin-right:50px !important;}



.mb0{ margin-bottom:0px !important;}

.mb5{ margin-bottom:5px !important;}

.mb10{ margin-bottom:10px !important;}

.mb15{ margin-bottom:15px !important;}

.mb20{ margin-bottom:20px !important;}

.mb25{ margin-bottom:25px !important;}

.mb30{ margin-bottom:30px !important;}

.mb35{ margin-bottom:35px !important;}

.mb40{ margin-bottom:40px !important;}

.mb45{ margin-bottom:45px !important;}

.mb50{ margin-bottom:50px !important;}

.mb100{ margin-bottom:100px !important;}



.ml0{ margin-left:0px !important;}

.ml5{ margin-left:5px !important;}

.ml10{ margin-left:10px !important;}

.ml15{ margin-left:15px !important;}

.ml20{ margin-left:20px !important;}

.ml25{ margin-left:25px !important;}

.ml30{ margin-left:30px !important;}

.ml35{ margin-left:35px !important;}

.ml40{ margin-left:40px !important;}

.ml45{ margin-left:45px !important;}

.ml50{ margin-left:50px !important;}



/* Paddings */



.pa0{ padding:0px !important;}

.pa5{ padding:5px !important;}

.pa10{ padding:10px !important;}

.pa15{ padding:15px !important;}

.pa20{ padding:20px !important;}

.pa25{ padding:25px !important;}

.pa30{ padding:30px !important;}

.pa35{ padding:35px !important;}

.pa40{ padding:40px !important;}

.pa45{ padding:45px !important;}

.pa50{ padding:50px !important;}



.pv0{ padding-top:0 !important; padding-bottom:0 !important;}

.pv5{ padding:5px 0 !important;}

.pv10{ padding:10px 0 !important;}

.pv15{ padding:15px 0 !important;}

.pv20{ padding:20px 0 !important;}

.pv25{ padding:25px 0 !important;}

.pv30{ padding:30px 0 !important;}

.pv35{ padding:35px 0 !important;}

.pv40{ padding:40px 0 !important;}

.pv45{ padding:45px 0 !important;}

.pv50{ padding:50px 0 !important;}



.ph0{ padding-right:0 !important; padding-left:0 !important;}

.ph5{ padding:0 5px !important;}

.ph10{ padding:0 10px !important;}

.ph15{ padding:0 15px !important;}

.ph20{ padding:0 20px !important;}

.ph25{ padding:0 25px !important;}

.ph30{ padding:0 30px !important;}

.ph35{ padding:0 35px !important;}

.ph40{ padding:0 40px !important;}

.ph45{ padding:0 45px !important;}

.ph50{ padding:0 50px !important;}



.pt0{ padding-top:0px !important;}

.pt5{ padding-top:5px !important;}

.pt10{ padding-top:10px !important;}

.pt15{ padding-top:15px !important;}

.pt20{ padding-top:20px !important;}

.pt25{ padding-top:25px !important;}

.pt30{ padding-top:30px !important;}

.pt35{ padding-top:35px !important;}

.pt40{ padding-top:40px !important;}

.pt45{ padding-top:45px !important;}

.pt50{ padding-top:50px !important;}



.pr0{ padding-right:0px !important;}

.pr5{ padding-right:5px !important;}

.pr10{ padding-right:10px !important;}

.pr15{ padding-right:15px !important;}

.pr20{ padding-right:20px !important;}

.pr25{ padding-right:25px !important;}

.pr30{ padding-right:30px !important;}

.pr35{ padding-right:35px !important;}

.pr40{ padding-right:40px !important;}

.pr45{ padding-right:45px !important;}

.pr50{ padding-right:50px !important;}



.pb0{ padding-bottom:0px !important;}

.pb5{ padding-bottom:5px !important;}

.pb10{ padding-bottom:10px !important;}

.pb15{ padding-bottom:15px !important;}

.pb20{ padding-bottom:20px !important;}

.pb25{ padding-bottom:25px !important;}

.pb30{ padding-bottom:30px !important;}

.pb35{ padding-bottom:35px !important;}

.pb40{ padding-bottom:40px !important;}

.pb45{ padding-bottom:45px !important;}

.pb50{ padding-bottom:50px !important;}



.pl0{ padding-left:0px !important;}

.pl5{ padding-left:5px !important;}

.pl10{ padding-left:10px !important;}

.pl15{ padding-left:15px !important;}

.pl20{ padding-left:20px !important;}

.pl25{ padding-left:25px !important;}

.pl30{ padding-left:30px !important;}

.pl35{ padding-left:35px !important;}

.pl40{ padding-left:40px !important;}

.pl45{ padding-left:45px !important;}

.pl50{ padding-left:50px !important;}

/* background */

.bd-n{ border:none !important;}

.bg-n{ background:none !important;}

/* float */

.fl-r{ float:right !important;}

.fl-l{ float:left !important;}

.fl-n{ float:none !important;}

/* text-algn */

.ta-r{ text-align:right !important;}

.ta-c{ text-align:center !important;}

.ta-l{ text-align:left !important;}

/* font */

.fz10{ font-size:83.3% !important;}

.fz11{ font-size:91.7% !important;}

.fz13{ font-size:108.3% !important;}

.fz14{ font-size:116.7% !important;}

.fz15{ font-size:125% !important;}

.fz16{ font-size:133.3% !important;}

.fw-n{ font-weight:normal !important;}

.fw-b{ font-weight:bold !important;}

/* vertical-align */

.va_t{vertical-align:top !important;}

.va_b{vertical-align:bottom !important;}

.va_m{vertical-align:middle !important;}



/* -------------------------------------------------------------------------------- */

/* header */

/* -------------------------------------------------------------------------------- */


header{ border-bottom:1px solid #999; position: fixed;
    width: 100%;
    background: #fff;
	    z-index: 10;
		}
header div{max-width:1000px; margin:0px auto; height:40px;
	display: flex;
	align-items: center; justify-content: flex-start;}
header h1{ padding:0 5px; width:100px; height:22px; align-self: center;}

@media screen and (min-width: 640px) {
header div{height:45px;}
header h1{ width:133px; height:25px; }
}

#wrapper{padding:40px 0 50px;}
@media screen and (min-width: 640px) {
#wrapper{padding:45px 0 50px;}
}

#IndexPage{ max-width:1000px; margin:0 auto; }

#TxtContent{max-width:1000px; margin:0 auto;}

#wrapper .ttl {
    font-size: 30px;
    font-weight: bold;
    text-align: center;
}
@media screen and (max-width: 640px){

#wrapper .ttl {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
	padding:30px;
}
}


/* -------------------------------------------------------------------------------- */

/* topicsPath */

/* -------------------------------------------------------------------------------- */

#topicsPath{

	font-size:80%;

	line-height: 1.3;

	padding-bottom: 10px;

	max-width: 1200px;

	margin: 0 auto;

	padding: 10px 0 30px;

	}

#topicsPath span{

	color: #008236;

	}



/* -------------------------------------------------------------------------------- */

/* pageTitle */

/* -------------------------------------------------------------------------------- */

#pageTitle{

	position: relative;

}

#pageTitle h2{

	margin-bottom: 15px;

	padding-bottom: 20px;

	border-bottom: 1px solid #A3A3A3;

}

#pageTitle ul#localNav{

	position: absolute;

	top: 10px;

	right: 5px;

}

#pageTitle ul#localNav li{

	float: left;

	padding-left: 10px;

}

p#branding{

	clear: both;

	margin-bottom: 50px;

}



/* -------------------------------------------------------------------------------- */

/* wrapper */

/* -------------------------------------------------------------------------------- */



#wrapper .stage{

	width: 1000px;

	padding-top: 0;

	font-size:100%;

	line-height: 1.5;

}

#wrapper #topicsPath{




}

#wrapper #topicsPath a{

	color: #8ACD5C;

}

#wrapper #topicsPath a:hover{

	color:#008236;

}

#wrapper #topicsPath span{

	color: #333333;

}

#wrapper .pcHide{

	display: none;

}

#wrapper .spImg{

	opacity: 0;

	filter: alpha(opacity=0);

	-ms-filter: "alpha(opacity=0)";

}

#wrapper #pageTitle{

	min-width: 1000px;

	height: 120px;

	padding-top: 29px;

	background: #f3f4f5;

	text-align: center;

}

#wrapper a.arw01{

	display: inline-block;

	padding-right: 25px;

	background:url(../img/blt_01.png) no-repeat right center;

}

#wrapper .mark{

	font-size: 10px;

}



/* -------------------------------------------------------------------------------- */

/* page_top */

/* -------------------------------------------------------------------------------- */

#page_top{

	display: none;

	position: fixed;

	bottom: 50px;

	right: 57px;

	z-index: 1000;

}



/* -------------------------------------------------------------------------------- */

/* footer */

/* -------------------------------------------------------------------------------- */

#footer{

	min-width: 1000px;

	background:#f3f4f5 url(../img/bg_01.png) repeat-x center bottom;

	font-size:75%;

	line-height: 1.4;

}

#footer_area{

	position: relative;

	width: 1000px;

	height: 436px;

	margin: 0 auto;

	background:url(../img/bg_02.jpg) no-repeat center top;

}

#footer_top{

	height: 230px;

	padding: 42px 0 0 246px;

}

#footer_top dl{

	float: left;

	width: 530px;

}

#footer_top dt{

	font-size: 200%;

	line-height: 1.3;

}

#footer_top dt .pcHide{

	display:none;

}

#footer_top dd{

	margin-top: 20px;

	font-size: 108%;

	line-height: 1.7;

}

#footer_top .btn a{

	display: inline-block;

	padding: 8px 9px;

	border: 1px solid #5d62ff;

	text-align: center;

	color: #5d62ff;

	line-height: 1.3;

}

#footer_top .btn a span{

	display: inline-block;

	padding: 0 32px 0 23px;

	background:url(../img/blt_01.png) no-repeat right center;

	color: #5d62ff;

}

#footer_top .btn a:hover{

	background: #5d62ff;

	color: #ffffff;

}

#footer_top .btn a:hover span{

	background:url(../img/blt_02.png) no-repeat right center;

	color: #ffffff;

}

#footer_top .fnav01{

	float: right;

	width: 168px;

	padding-top: 12px;

}

#footer_top .fnav01 li{

	margin-bottom: 23px;

	padding-left: 30px;

	background:url(../img/blt_01.png) no-repeat left center;

	font-size: 150%;

}

#footer_middle{

	position: relative;

}

#footer_middle .fnav02{

	width: 800px;

	padding-top: 30px;

	overflow: hidden;

}

#footer_middle .fnav02 li{

	float: left;

	margin: 0 22px 7px 0;

}

#footer_middle .sns{

	width: 180px;

	position: absolute;

	top: 0;

	right: 0;

}



#footer_middle .sns li{

	float: left;

	margin-left: 10px;

}



#footer_middle .sns li.first{

	width: 170px;

	clear: both;

	margin-left: 10px;

	margin-bottom: 17px;

}



#footer_middle .sns li img{

	width: 35px;

}



#footer_middle .sns li.first img{

	width: 170px;

}



#footer_bottom{

	position: absolute;

	bottom: 0;

	left: 0;

	width: 100%;

	height: 80px;

	text-align: center;

}

#footer_bottom p{

	padding-top: 32px;

	text-align: center;

	color: #ffffff;

}



/*----------------------------------------------------------------------------------------------------

お手入れムービー

----------------------------------------------------------------------------------------------------*/

.c_movie-window { z-index: 85000; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-repeat: repeat; background-image: url("/roomba../img/movie/c_movie-window_bg.png"); _background-image: url("/roomba../img/movie/c_movie-window_bg_ie6.gif"); }

.c_movie-window .c_movie-window_content { width: 800px; height: 490px; }

.c_movie-window .c_movie-window_box { min-height: 1px; zoom: 1; width: 800px; height: 40px; }

.c_movie-window .c_movie-window_box:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }

.c_movie-window .c_movie-window_box .c_movie-window_box-left { float: left; }

.c_movie-window .c_movie-window_box .c_movie-window_box-right { float: right; }

.c_movie-window .c_movie-window_box2 { width: 800px; height: 450px; background-color: #000; }

.c_movie-window .c_movie-window_txt { display: inline-block; font-size: 16px; line-height: 1em; padding-top: 21px; color:#fff; }

.c_movie-window .c_movie-window_btn { overflow: hidden; display: block; border: none; _border-width: 0px; width: 35px; height: 35px; text-align: left; text-indent: -9999px; cursor: pointer; background-position: left top; background-repeat: no-repeat; background-image: url("/roomba../img/movie/c_movie-window_btn.gif"); }

.c_movie-window .c_movie-window_btn:hover { background-position: left bottom; }

.c_movie-window .c_movie-window_btn.current { background-position: left bottom !important; }





/* FOR MOBILE ------------------------------ */



/*

 * .mdb / mobile の時 display:block

 * .mbn / mobile の時 display:none

 */



/* header */

#header_mobile, #footer_mobile_area, .mdb{

	display:none;

}

#header_mobile{

	width:100%;

	background:#f2f2f2;

	text-align:center;

}

#header_mobile h1{

	background:#fff;

}

#header_mobile p{

	border-top:1px solid #fff;

}

/* footer */

.pagetop_mobile{

	width:93.75%;

	margin:50px auto 0;

	text-align:right;

}

#footer_mobile_area{

	width:100%;

	background:#f2f2f2;

	padding:10px 0 10px;

	margin-top:10px;

}

#footer_mobile{

	width:300px;

	margin:0 auto;

}

.footer_mobile_nav{

	border-top:1px solid #e4e4e4;

	margin-top:15px;

	padding-top:10px;

}

.footer_mobile_nav li{

	width:50%;

	float:left;

	margin-top:12px;

}

.footer_mobile_nav a{

	display:block;

	background:url(../img/blt_footer_mobile_01.png) no-repeat 0 0.3em;

	-webkit-background-size: 12.5px 12.5px;

	background-size: 12.5px 12.5px;

	font-weight:bold;

	color:#008236;

	padding-left:16px;

	font-size:14px;

}

.footer_mobile_nav span{

	background:url(../img/icon_mobile_01.gif) no-repeat 100% 0.2em;

	-webkit-background-size: 20px 12px;

	background-size:20px 12px;

	font-weight:bold;

	color:#008236;

	padding-right:24px;

	font-size:14px;

}

#footer_mobile_bnr{

	border-top:1px solid #e4e4e4;

	margin-top:20px;

	padding-top:15px;

	text-align:center;

}

#footer_mobile_bnr li{

	margin-top:5px;

}

#copyright_mobile{

	font-size:10px;

	font-weight:bold;

	margin-top:20px;

}

#change_pc{

	background:#e3e3e3;

	text-align:center;

}

#change_pc a{

	display:block;

	padding:5px 0 4px;

}

#change_mobile{

	background:#e3e3e3;

	padding:25px 0 26px;

	text-align:center;

	display:none;

}

#change_mobile a{

	display:block;

	padding:5px 0 4px;

}





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



img{

	max-width: 100%;

	height: auto;

}


/* header */
header{ max-width:1000px; margin:0 auto;}
header h1{ }


#header{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	/* max-width: 640px; */
	min-width: 100px;
	margin: 0 auto;
	background:#ffffff;
	overflow: visible;

	padding: 10px;
}

#header .pcHide {
	display: inherit;
}

#header .spHide {
	display: none;
}

#header_area{
	width: auto;
	height: auto;
	padding-top: 0;
}

#header_area h1,
#header_area .logo{
	float: none;
	/* width: 38.43%; */
	width: 21.875%;
	/* margin: 0 3.12%; */
	margin: 0 auto;
	/* padding: 3.90% 0 3.75%; */
	padding: 12px 0;
	text-align: center;
}

#header_area h1 img,
#header_area .logo img{
	/* width: auto; */
	width: 90px;
}

#header_area .menu{
	display: block;
	position: absolute;
	/* top: 0; */
	bottom: 7px;
	/* right: 0; */
	left: 10px;
	/* width: 15.62%; */
	width: 50px;
	background:url(../img/btn_close_new.png) no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
}

#header_area .menu.act img{
	opacity: 0;
}

#header_area .store{
	display: flex;
	align-items: center;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	/* width: 7.62%; */
	width: 22px;
	padding: 0 15px;
	box-sizing: content-box;
}

#header_area .store img{
	width: 22px;
}

#header .menu_area{
	display: none;
	position: absolute;
	width: 100%;
	background: #fff;
	left: 0;
	top: 110%;
}

#header .menu_area .sns{
	display: block;
	padding: 26px 0;
	text-align: center;
	letter-spacing: -0.4em;
}

#header .menu_area .sns li{
	display: inline-block;
	width: 14.06%;
	margin: 0 2.34%;
	letter-spacing: 0;
	vertical-align: top;
}

#header #gnav{
	float: none;
	width: 100%;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}

#gnav > li{
	float: none;
	padding: 0;
	border-top: 1px solid #cccccc;
}

#gnav > li > a {
	position: relative;
	display: block;
	margin-left: 0;
	padding: 8px 3.12%;
	background:url(../img/blt_01.png) no-repeat 95.3125% center;
	-webkit-background-size: 15px;
	background-size: 15px;
}

#gnav > li.lh > a {
	padding: 6px 3.12% 7px;
}

/* #gnav > li:last-child > a span {
	display: inline-block;
	font-size: 12px;
	line-height: 33px;
} */

/* #gnav > li:last-child > a img {
	position: absolute;
	top: 50%;
	left: 8.6%;
	margin-top: -12px;
} */

#gnav > li:nth-child(7) > a span {
	display: inline-block;
	font-size: 12px;
	line-height: 33px;
}

#gnav > li:nth-child(7) > a img {
	position: absolute;
	top: 50%;
	left: 8.6%;
	margin-top: -12px;
}

#gnav > li.open:first-child > a,
#gnav > li.open:nth-child(4) > a,
#gnav > li.open:nth-child(5) > a,
#gnav > li.open:nth-child(6) > a{
	color: #fff;
	background: #5d62ff url("../img/ico_close_02.png") no-repeat 95.3125% center;
	background-size: 13px;
}

#gnav > li.open:nth-child(2) > a{
	color: #fff;
	background: #138ed7 url("../img/ico_close_02.png") no-repeat 95.3125% center;
	background-size: 13px;
}

#gnav .roombaMenu ,
#gnav .braavaMenu ,
#gnav .optionMenu,
#gnav .irobotMenu,
#gnav .supportMenu {
	display: none;
	position: static;
	width: 100%;
	background: #fff;
	border-top: 1px solid #eee;
}

#gnav .menuInner {
	position: static;
	width: 100%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	box-sizing: border-box;
}

#gnav .close {
	display: none;
}

#gnav .ttl {
	margin: 0;
	border-bottom: 1px solid #c5c5c5;
}

#gnav .supportMenu .ttl {
	margin: 0;
	border-bottom: 1px solid #c5c5c5;
}

#gnav .roombaMenu .ttl a {
	display: block;
	padding: 13px 0;
	color: #5d62ff;
	font-size: 14px;
	background: url("../img/index_arw_02.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .braavaMenu .ttl a {
	display: block;
	padding: 13px 0;
	color: #138ed7;
	font-size: 14px;
	background: url("../img/index_arw_03.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .supportMenu .ttl a ,
#gnav .supportMenu .ttl a {
	display: block;
	padding: 13px 0;
	color: #585858;
	font-size: 14px;
	background: url("../img/index_arw_04.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .roombaMenu .product ,
#gnav .braavaMenu .product ,
#gnav .optionMenu .product ,
#gnav .supportMenu .product {
	display: block;
	width: 100%;
	margin: 0;
}

#gnav .product li {
	border-bottom: 1px solid #c5c5c5;
}

#gnav .optionMenu .product li:last-child {
	border-bottom: none;
}

#gnav .product li a {
	position: relative;
	display: flex;
	align-items: center;
	padding: 0 9.375%;
	text-align: center;
	background: url("../img/index_arw_02.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .braavaMenu .product li a {
	background: url("../img/index_arw_03.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .optionMenu .product li a ,
#gnav .supportMenu .product li a {
	background: url("../img/index_arw_04.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .product li a img {
	width: 65px;
}

#gnav .product li a .new {
	position: static;
	width: 40px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.6;
	background: #c3171d;
}

#gnav .product li a .name {
	display: block;
	margin: 0 5% 0 9%;
	font-size: 13px;
	font-weight: bold;
}

#gnav .optionMenu .product li a .name {
	margin: 8px 0 0;
}

#gnav .campaign {
	position: static;
	width: 48%;
	margin: 0 auto;
	padding: 5% 0 3.5%;
	border: none;
}

#gnav .campaign span {
	display: block;
	margin: 4% 0 0;
	color: #5d62ff;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.29;
	text-align: center;
}

#gnav .link {
	position: static;
	width: 93.75%;
	margin: 0 auto;
}

#gnav .link li {
	margin: 0;
	border-top: 1px solid #c5c5c5;
}

#gnav .link li:first-child {
	border-top: none;
}

#gnav .link li a {
	display: block;
	padding: 17px 6.66%;
	color: #5d62ff;
	font-size: 12px;
	line-height: 1.25;
	text-align: left;
	background: url("../img/index_arw_02.png") no-repeat 96.666% center;
	background-size: 6px auto;
}

#gnav .supportMenu .link li img {
	margin: 0 0 0 12px;
}

#gnav .link li.spdb a {
	padding: 10px 6.66%;
}

#gnav .irobotMenu .navLinkArea {
	display: block;
	width: 100%;
	margin: 0;
}

#gnav .irobotMenu .navLinkArea .navBox span {
	display: block;
	padding: 15px 0;
	font-size: 14px;
	line-height: 1.43;
	background: url("../img/index_arw_02.png") no-repeat 95.3125% center;
	background-size: 6px auto;
	cursor: pointer;
}

#gnav .irobotMenu .navLinkArea .navBox span.open {
	background: url("../img/ico_close.png") no-repeat 90.625% center;
	background-size: 13px;
}

#gnav .irobotMenu .navLinkArea .navBox:last-child span {
	border-top: 1px solid #c5c5c5;
}

#gnav .irobotMenu .navLinkArea p {
	font-size: 14px;
	line-height: 1.43;
	border-top: 1px solid #c5c5c5;
	background: url("../img/index_arw_02.png") no-repeat 95.3125% center;
	background-size: 6px auto;
}

#gnav .irobotMenu .navLinkArea p a {
	display: block;
	padding: 15px 0;
}

#gnav .irobotMenu .navLinkArea ul {
	display: none;
	padding: 8% 0 5%;
	border-top: 1px solid #c5c5c5;
}

#gnav .irobotMenu .navLinkArea ul li {
	margin: 0 0 3%;
	font-size: 14px;
	line-height: 1.43;
}

#gnav .irobotMenu .navLinkArea ul li a {
	display: block;
	padding: 0 9.375%;
	text-align: left;
	background: url("../img/index_arw_02.png") no-repeat 90.625% center;
	background-size: 6px auto;
}

/* stage */

div.stage{

	padding-top: 0;

}



/* wrapper */



#wrapper .stage{

	width: 100%;

}

#wrapper #topicsPath{

	width: 100%;

}

#wrapper .pcHide{

	display: block;

}

#wrapper br.pcHide{

	display: inline;

}

#wrapper .spImg{

	opacity: 1.0;

	filter: alpha(opacity=100);

	-ms-filter: "alpha(opacity=100)";

}

#wrapper #pageTitle{

	position: relative;

	min-width: 100px;

	height: auto;

	padding-top: 0;

}

#wrapper #pageTitle h1 span{

	position: absolute;

	top: 27.77%;

	left: 0;

	width: 100%;

	padding-top: 8.75%;

	font-size: 94%;

}

#wrapper a.arw01{

	padding-right: 20px;

	background:url(../img/blt_01.png) no-repeat right center;

	-webkit-background-size: 12px 12px;

	background-size: 12px 12px;

}



/* page_top */

#page_top{

	display: none !important;

}



/* footer */

#footer{

	min-width: 100px;

	background:#f3f4f5;

}

#footer_area{

	position: relative;

	width: auto;

	height: auto;

	background: none;

}

#footer_top{

	height: auto;

	padding: 0;

}

#footer_top dl{

	float: none;

	width: auto;

	padding: 25px 3.12% 20px;

}

#footer_top dt{

	padding-top: 20.66%;

	background:url(../img/bg_sp_01.jpg) no-repeat center top;

	-webkit-background-size: contain;

	background-size: contain;

	font-size: 150%;

	line-height: 1.3;

	text-align:center;

}

#footer_top dt .pcHide{

	display:inline;

}

#footer_top dd{

	margin-top: 15px;

	font-size: 100%;

	line-height: 1.7;

}

#footer_top .btn a{

	display: block;

	padding: 8px 3.33%;

	border: 1px solid #5d62ff;

	text-align: center;

	color: #5d62ff;

	line-height: 1.3;

}

#footer_top .btn a span{

	display: block;

	padding: 0 12px;

	background:url(../img/blt_01.png) no-repeat right center;

	-webkit-background-size: 12px 12px;

	background-size: 12px 12px;

	color: #5d62ff;

}

#footer_top .fnav01{

	float: none;

	width: auto;

	padding-top: 0;

	border-top: 1px solid #cccccc;

}

#footer_top .fnav01 li{

	margin-bottom: 0;

	padding: 0;

	background: none;

	border-bottom: 1px solid #cccccc;

	font-size: 117%;

}

#footer_top .fnav01 li a{

	display: block;

	padding: 12px 3.12%;

	background:url(../img/blt_01.png) no-repeat 96.8% center;

	-webkit-background-size: 12px 12px;

	background-size: 12px 12px;

}

#footer_middle{

	position: relative;

	padding: 0;

}

#footer_middle .fnav02{

	width: auto;

	margin: 30px 3.12% 0;

	padding-top: 0;

}

#footer_middle .fnav02 li{

	float: left;

	width: 60%;

	margin-right: 0;

}

#footer_middle .fnav02 li:nth-child(2n){

	width: 40%;

}



#footer_middle .sns{

	width: 100%;

	position: relative;

	top: 0;

	right: 0;

	margin-top: 8.12%;

	text-align: center;

	letter-spacing: -0.4em;

}



#footer_middle .sns li{

	float: none;

	display: inline-block;

	width: 9.2%;

	margin: 0 2%;

	letter-spacing: 0;

	vertical-align: top;

}



#footer_middle .sns li.first{

	float: none;

	display: inline-block;

	width: 34.5%;

	margin: 0 2%;

	letter-spacing: 0;

	vertical-align: top;

}



#footer_middle .sns li img{

	width: auto;

}

#footer_middle p{

	width: auto;

	margin: 0 3.12%;

}

#footer_bottom{

	position: relative;

	bottom: 0;

	left: 0;

	width: 100%;

	height: auto;

	margin-top: 20px;

	padding: 15px 0;

	text-align: center;

	background:#333333;

}

#footer_bottom p{

	padding-top: 0;

}





/************ 製品仕様 ************/
.func table{
	border-collapse: collapse;
    border-spacing: 0;
}
.item_feature08{
	text-align: center;
	margin-bottom: 51px;
}
.item_feature08-inner{
	width: 1280px;
	margin: 0 auto;
}
.mod_item_spec-ttl{
	font-size: 32px;
	margin-bottom: 26px;
}
.mod_item_spec-table{
	width:100%;
/*	max-width: 800px;
*/	margin: 0 auto 26px;
	border: 1px solid #ebebeb;
}
.mod_item_spec-table .table_head{
	font-size: 16px;
	color: #5a5b58;
	text-align: left;
	background: #f4fbeb;
	padding: 14px 20px 18px;
	width: 320px;
	border: 1px solid #ebebeb;
}
.mod_item_spec-table .table_data{
	font-size: 16px;
	text-align: left;
	width: 640px;
	padding: 14px 20px 18px;
	border: 1px solid #ebebeb;
}
}

@media screen and (max-width: 640px) {
.mod_item_spec-table .table_head{
    display: table-cell;
    font-size: 14px;
    color: #5a5b58;
    text-align: left;
    background: #f4fbeb;
    padding: 19px 13px;
    width: 30%;
    border: 1px solid #ebebeb;
	font-weight:bold;
}
	
.mod_item_spec-table .table_data{
	display: table-cell;
    font-size: 14px;
    text-align: left;
    width: 70%;
    padding: 19px 13px;
    border: 1px solid #ebebeb;
}
}


/*TOP一覧*/
.listarea{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:30px 10px 100px;}

.listbox{ width:300px; align-items:center; border:3px solid #F3F4F4; padding:20px; text-align:center;}

.listbox .listtxt{ font-weight:bold; font-size:18px;}
.listbox .imgbox{ width:100%; background:#fff; display:block; padding:10px 0; }
.listbox .imgbox img{ width:90%;}

.listbox .linkbtn{ width:100%; text-align: center; display: block;
    padding: 13px 0; color: #fff; font-size: 16px;
    border-radius: 3px;
    background: #8ACD5C url(../img/blt_02.png) no-repeat right 15px center; background-size: 15px;}


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

}

#wrapper .top_kv {
    position: relative;
    min-width: 1000px;
    height: 400px;
    background: url(../img/index_kv_01.jpg) no-repeat center bottom;
    -webkit-background-size: cover;
    background-size: cover;
    overflow: hidden;
}
@media screen and (max-width: 640px){
#wrapper .top_kv {
    min-width: 100px;
    height: auto;
    margin-bottom: 3%;
    padding-top: 0;
    background: url(../img/index_kv_01_sp.jpg) no-repeat center top;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
}

}

/*説明書*/
.manualarea{ display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; padding:10px;}

.manualbox{ width:460px; border:1px solid #8ACD5C;  display:inline-flex; align-items:center;}

.manualbox .imgbox{ width:120px; display:block; padding:10px 20px; }
.manualbox .imgbox img{ width:80px;}


@media screen and (max-width: 640px) {
.manualarea{ display:block; padding:10px;}

.manualbox{ width:100%; margin:10px 0;}

}

/*サポート*/
.support{ padding:100px 10px 50px;}
.support p.mail{ padding:50px 10px; font-size:95%;}
.support p{ font-size:80%; padding:10px 10px; border-bottom:1px solid #CCC;}

/*よくある質問*/
#faqtop{ padding:50px 10px 0;}
#faqtop .faqtitle{font-size: 18px; font-weight: bold; border-left: 5px solid #6AB033; padding: 5px; margin-bottom: 10px;}
#faqtop ul{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; background:#faf8f6; padding: 15px 10px;}
#faqtop li{width: 460px; display: inline-flex; align-items: center; margin:2px; padding: 3px; position:relative; border-bottom: 1px dotted #8acd5c;}
#faqtop li a, #faqtop li a:link, #faqtop li a:visited{ font-weight:bold; color:#6AB033;}
#faqtop li::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 8px 5px 0px 5px;
    border-color: #6AB033 transparent transparent transparent;
    margin-right: 10px;
}
.faqbox { padding:10px 0;}
.backlink{ max-width:730px; margin:0 auto; text-align:right; position:relative; top:-20px;}
.backlink a{font-size: 11px; padding-left: 15px;}
.backlink a:visited{ color:#6AB033;}
.backlink::before{content: ''; width: 0; height: 0; border-style: solid; border-width: 0 6px 8px 6px; border-color: transparent transparent #6AB033 transparent; position:absolute; top:2px; margin-right:10px;}
@media screen and (max-width: 640px) {
#faqtop{ padding:30px 0 0 0;}
.faqbox { padding:10px 0;}
#faqtop li { height:47px;}
.backlink{ width:90%; margin:0 auto; text-align:right; position:relative; top:0px;}

}