@charset "euc-jp";

* {
	/* font-weight:500;
	font-style: normal; */
	font-weight:normal;
	font-size:100.01%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	margin:0;
	padding:0;
	-webkit-text-size-adjust:none;

	}

body {
	font-family:"kozuka-gothic-pr6n","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "¥á¥¤¥ê¥ª", Meiryo, "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	color:#393f45;
	}

a {
	color:#393f45;
	text-decoration:none;
	}

a:hover {
	color:#447355;
	}



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;

	}


.spHide{display:none; }
.pcHide{display:block; }

@media screen and (min-width:1000px){
	.pcHide{display:none; }
	.spHide{display:block; }
}

/* 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{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	min-width: 1000px;
	border-bottom: 7px solid #87a28e;
	background:#ffffff;
	font-size:87.5%;
	z-index: 1000;
	font-family:"kozuka-gothic-pr6n","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "¥á¥¤¥ê¥ª", Meiryo, "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	font-weight: 500;
font-style: normal;

}


#header .pcHide {
	display: none;
}

#header .spHide {
	display: inherit;
}

#header a{
	color:#393F45;
}

#header a:hover{
	text-decoration: underline;
}

#header_area{
	max-width:1000px;
	height: 63px;
	margin: 0 auto;
	background:#ffffff;
	/* padding-top: 4px; */
  position: relative;
}
#header_area .store{
	display: none;
}

#header_area h1,
#header_area > .logo{
	float:left;
	position: relative;
	margin: 7px 0;
}

#header_area h1 img,
#header_area > .logo img{
	width: 128px;
	height: auto;
}

#header_area .menu{
	display: none;
}


#gnav > li{
	height: 64px;
	float:left;
	font-size:100%;
}

#gnav > li span {
	font-size:70.5%;
	line-height:1.33;
}

#gnav > li > a{
	height: 100%;
	display: block;
	padding: 20px 20px ;
	line-height: 1.38;
}

#gnav > li.open > a{
	color: #fff;
	background-color: #447355;
}

#gnav .flexMenu,
#gnav .w100Menu {
	display: none;
	position: fixed;
	top: 70px;
	left: 0;
	width: 100%;
	background: #F3F4F6;
	z-index: 1000;
	box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.16);
}

#gnav .menuInner {
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 0;
	box-sizing: border-box;
}

#gnav .menuInner .logo{
	font-size: 20px;
	color: #447355;
	font-weight: bold;
  flex: 1;
  max-width: 215px;
}

#gnav .menuInner .logo span{
  font-size: 0.7em;
  display: block;
}

#gnav .close {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 10;
}

#gnav .menuInner .flex{
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	/* justify-content: space-between; */
	-ms-align-items: flex-start;
	align-items: flex-start;
}

#gnav .product{
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
}

#gnav .product li{
	background: #fff;
	border-left: 4px solid  #447355;
	box-shadow: 0px 3px 6px -3px rgba(0, 0, 0, 0.16);
}

#gnav .flexMenu .product{
  gap: 12px;
}

#gnav .flexMenu .product li{
	max-width: 210px;
	width: 19%;
	height: 90px;
}

#gnav .w100Menu .product{
  gap:10px 17px;
}

#gnav .w100Menu .product li{
	width: 32.2%;
  max-width: 355px;
	height: auto;
}

#gnav .product li a {
	position: relative;
	display: -webkit-flex;
	display: -ms-flex;
	display: flex;
	-webkit-flex-direction: row;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-align-items: center;
	align-items: center;
	justify-content: space-between;
	padding: 4px 4px 4px 13px;
	height: 100%;
  width: 100%;
}

#gnav .product li a::after{
	content:"";
	width:0;
	height:0;
	border-style:solid;
	border-width: 5px 5px 0 5px;
	border-color: #447355 transparent transparent transparent;
	position: absolute;
	bottom: 4px;
	right: 4px;
	transform:rotate(-45deg);
}

#gnav .w100Menu .product li a {
	padding:20px 30px;
}

/* #gnav .product li a .new {
	position: absolute;
	top: -10px;
	left: 0;
	width: 38px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 1.4;
	background: #c3171d;
} */

#gnav .product li a .name {
	display: block;
	font-size: 17px;
	font-weight: bold;
	color: #447355;
}

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

#gnav .w100Menu .product li a .name {
	font-size: 14px;
	font-weight: normal;
	color: #000;
}

#gnav .bnrs{
  display: flex;
  flex-wrap: wrap;
  gap:13px;
  width: 80.4%;
}

#gnav .bnrs li{
  max-width: 210px;
  flex: 1 0 auto;
}

#gnav .bnrs li a{
	display: block;
	width: 100%;
}

#gnav .bnrs li img{
	width: 100%;
}


#gnav .benefits .bnrs li {
	border: 1px solid #447355;
}

#gnav .benefits .bnrs li a:hover{
	text-decoration: none;
	opacity: 0.8;
}

#gnav .menu_campaign .menuInner > .flex{
  align-items: center;
  margin-bottom: 20px;
}

#gnav .menu_campaign .menuInner > .flex:last-child{
  margin-bottom: 0;
}

/* .icon-new {
	width: 62px;
	height: 25px;
	padding-top: 2px;
	margin-right: 10px;
	background-color: #ebc172;
	font-size: 13px;
	color: #fff;
	line-height: 25px;
	text-align: center;
	display: inline-block;
	vertical-align: middle;
} */

#header .hd-store {
  display: block;
  position: absolute;
  top: 50%;
  right: 20px;
  width: 25px;
  height: 25px;
  background: url(../img/icon-cart.svg) no-repeat;
  -webkit-background-size: contain;
  background-size: contain;
  transform:translate(0, -50%);
}
/* #gnav > li.open > a.buy-btn {
  display: none;
  pointer-events: none;
} */

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

#header_area .menu_area {
	display: block !important;
}

}


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

/* topicsPath */

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

#topicsPath{

	font-size:75%;

	line-height: 1.3;

	padding-bottom: 10px;

	width: 940px;

	margin: 0 auto;

	padding: 10px 0 30px;

	}

#topicsPath span{

	color: #5d8959;

	}



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

/* 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:75%;

	line-height: 1.5;

}

#wrapper #topicsPath{

	width: 1000px;

	padding-top: 20px;

	font-size: 100%;

}

#wrapper #topicsPath a{
	color: #447355;
	text-decoration: underline;
}

#wrapper #topicsPath a:hover{

	color:#405946;

}

#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: 66px;
	margin-bottom: 62px;

	/* background: #fff; */

	text-align: center;

}

.page-default #wrapper #pageTitle,
.page-mediakit #wrapper #pageTitle {
	padding-top: 29px;
	margin-bottom: 0;
	background: #f3f4f5;
}

#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: #fff;
	font-size:75%;
	line-height: 1.4;
	border-top: 7px solid  #87a28e;
	font-family:"kozuka-gothic-pr6n","¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "¥á¥¤¥ê¥ª", Meiryo, "Osaka", "£Í£Ó £Ð¥´¥·¥Ã¥¯", sans-serif;
	font-weight: 500;
	font-style: normal;

}

#footer_area{

	position: relative;

	width: 1000px;

	height: 506px;

	margin: 0 auto;

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

}

#footer{
	padding: 50px 20px;
}
.footer-contents {
	max-width: 1000px;
	width: 100%;
	padding-bottom: 5px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.footer-socials {
	max-width: 1000px;
	width: 100%;
	margin: 0 auto 50px;
	display: flex;
	justify-content: center;
}

.footer-socials li {
	width: 56px;
	margin: 0 12px;
	display: inline-block;
}
.footer-socials li img {
	max-width: none;
	width: 100%;
}


.footer-navi{
 
  font-size: 18px;
  line-height: 1.66;
}

.footer-navi .menu {
	/* margin-bottom: 37px; */
  margin-bottom: 50px;
  margin-left: 1em;
}
.footer-navi .menu a {
	line-height: 1.5;
	color: #393F45;
}

.footer-navi .menu a:hover{
	text-decoration: underline;
}

.footer-navi .menu ul a {
	line-height: 1.7778;
}

.footer-navi .menu span {
	font-size: 13px;
	padding-left: 3px;
}

.footer-navi .pay-list{
  display: flex;
  align-items: center;
  width: 100%;
}


.footer-navi .pay-list li{
  /* width: 33%; */
  max-width: 75px;
}

.footer-navi .pay-list li img{
  max-width: max-content;
  width: 100%;
}


.copyright {
	width: 100vw;
	margin: 0 calc(50% - 50vw);
	font-size: 13px;
	text-align: center;
}
@media (min-width: 1001px) {

	#footer{
		padding: 50px 50px 48px;
	}
	.footer-socials {
		margin-bottom: 50px;
		justify-content: flex-end;
	}
	.footer-socials li {
		width: 37px;
		margin: 0 0 0 17px;
	}
	.footer-contents {
		padding-bottom: 0;
		/* margin-bottom: 60px; */
		flex-direction: row;
	}

  .footer-navi{
    width: 33%;
  }

	.copyright {
		max-width: 1000px;
		width: 100%;
		margin: 0 auto;
	}
}

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

��������ࡼ�ӡ�

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

.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"); display: flex; justify-content: center; align-items: center; }

.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; }

#cMovieWindowPlayer {
	width: 100%;
	height: 100%;
}
#cMovieWindowPlayer iframe {
	width: 100%;
	height: 100%;
	border: none;
}





/* 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:#5d8959;

	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:#5d8959;

	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: 1000px) {



img{

	max-width: 100%;

	height: auto;

}



/* header */

#header{
	position: relative;
	min-width: 100px;
	margin: 0 auto;
	background:#ffffff;
	overflow: visible;
	padding: 5px;
}

#header.open{
		position: fixed;
}

#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: 21.875%;
	margin: 0 auto;
	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;
	bottom: 0;
	/* left: 10px; */
	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 .hd-store{
  right: 12px;
}

#header .menu_area{
	display: none;
	position: fixed;
	width: 100%;
	height: auto;
	min-height: 100vh;
	background: #fff;
	left: 0;
	top: 60px;
}

#header .menu_area .scroll-container{
	overflow-y: scroll;
	/* visibility: visible; */
	position: absolute;
	width: 100%;
	height: 100%;
	padding-bottom: 150px;
}

#gnav > li{
	height: auto;
	float: none;
	padding: 0;
	background: #F3F4F6;
}

#gnav > li > a {
	position: relative;
	display: block;
	padding: 14px 5.8%;
	border-bottom: 1px solid #87A28E;
	color: #447355;
	height: auto;
}

#gnav > li > a::before,
#gnav > li > a::after  {
    content: '';
    display: inline-block;
    position: absolute;
	right: 5.8%;
    width: 1px;
    height: 15px;
    background-color: #87A28E;
}
#gnav > li > a::after {
    transform: rotate(90deg);
}

#gnav > li.open > a{
	color: #447355;
	background-color: #F3F4F6;
}

#gnav > li.open > a::before{
	opacity: 0;
}


#gnav .flexMenu,
#gnav .w100Menu {
	display: none;
	position: static;
	top: 0;
	width: 100%;
	background: #fff;
}

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

#gnav .menuInner .logo{
  font-size: 16px;
  max-width: max-content;
  margin-bottom: 20px;
}

#gnav .menuInner .logo span{
  font-size: 1em;
  display: inline;
  font-weight: bold;
}

#gnav .close {
	display: none;
}

#gnav .flexMenu .product{
	max-width: 100%;
	width: 100%;
  gap:0 12px;
}

#gnav .product li {
	border-bottom: 1px solid #87A28E;
	margin: 0;
	box-shadow: none;

}

#gnav .w100Menu .product{
  gap: 0;
}

#gnav .flexMenu .product li,
#gnav .w100Menu .product li{
	width: 100%;
	height: auto;
	max-width: 100%;
	min-height: 50px;
}

#gnav .product li a {
	-webkit-flex-direction: row-reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	justify-content: flex-end;
	padding: 5px 16px;
}

#gnav .w100Menu .product li a{
	padding: 15px 19px;
}

#gnav .product li a img {
	width: 50px;
  margin-right: 16px;
}
/* 
#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-left: 16px; */
	font-size: 16px;
}

#gnav .w100Menu .product li a .name{
	margin-left: 0;
	color: #447355;
  font-size: 16px;
}

#gnav .product li a .name span{
	margin-right: 10px;
}

#gnav .menu_campaign .w100Menu{
  border-bottom: 1px solid #87A28E;
  padding: 22px 20px 30px;
}

#gnav .menu_campaign .menuInner > .flex{
  flex-direction: column;
  align-items: flex-start;
  margin-bottom: 30px;
}

#gnav .bnrs{
  width: 100%;
  gap: 30px;
}

#gnav .bnrs li{
	max-width: 100%;
  width: 100%;
  flex: 0 0 auto;
}



#gnav .benefits .bnrs li a{
	/* font-size: 10px; */
	min-height: 170px;
	/* max-height: 67px; */
}

/* #gnav .benefits .bnrs li a strong{
	font-size: 16px;
} */


#gnav .menu_product > a::before,
#gnav .menu_product > a::after{
  display: none;
}

#gnav .menu_subspcription > a::before,
#gnav .menu_subspcription > a::after{
  display: none;
}


/* 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;

	margin-bottom: 9.37%;

	padding-top: 0;

}

.page-default #wrapper #pageTitle,
.page-mediakit #wrapper #pageTitle {
	padding-top: 0;
	margin-bottom: 9.37%;
}

#wrapper #pageTitle h1 span{

/* 	position: absolute;

	top: 27.77%;

	left: 0; */

	width: 100%;

	padding-top: 6.4%;

	font-size: 40px;;
	/* color: #393f45; */
	font-weight: bold;

}
.page-default #wrapper #pageTitle h1 span,
.page-mediakit #wrapper #pageTitle h1 span {
	padding-top: 8.75%;
	font-size: 94%;
	position: absolute;
	top: 27.77%;
	left: 0;
}

#wrapper a.arw01{

	padding-right: 28px;

	background:url(/img/blt_01.png) no-repeat 99% 50%;

	-webkit-background-size: 16px 16px;

	background-size: 16px 16px;

}



/* page_top */

#page_top{
	display: none;
	width: 30px;
	right: 20px;
	bottom: 35px;
}




/* footer */

#footer{
	min-width: 100px;
	background:#fff;
}

#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 #6cb86a;

	text-align: center;

	color: #6cb86a;

	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: #6cb86a;

}

#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;

}



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

��������ࡼ�ӡ�

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

.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: 100%; height: auto; left: 50% !important; margin: 0 auto; transform: translateX(-50%);}

.c_movie-window .c_movie-window_box { min-height: 1px; zoom: 1; width: 100%; 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 {

	position: relative;

	width: 100%;

	height: auto;

	padding-bottom: 56.25%;

	height: 0;

	overflow: hidden;

}

.c_movie-window .c_movie-window_box2 iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}

.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; }







}








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

bnr_specializedrobot

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

.bnr_specializedrobot {
	margin: 0 auto 100px auto;
}
.bnr_specializedrobot p {
	margin: 0 auto;
	width: 1000px;
	height: 120px;
}
.bnr_specializedrobot p a {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	background: #447355;
	color: #fff;
}
.bnr_specializedrobot p a:hover {
	opacity: 0.8;
}
.bnr_specializedrobot p a strong {
	display: block;
	font-size: 30px;
	line-height: 1.6;
	letter-spacing: 0.1em;
	text-align: center;
}
.bnr_specializedrobot p a strong br {
	display: none;
}
.bnr_specializedrobot p a small {
	padding-right: 26px;
	display: block;
	font-size: 16px;
	line-height: 1;
	text-align: center;
	position: relative;
}
.bnr_specializedrobot p a small::before {
	display: inline-block;
	content: '';
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	top: 0;
	right: 0;
}
.bnr_specializedrobot p a small::after {
	display: inline-block;
	content: '';
	width: 4px;
	height: 4px;
	border: 1px solid;
	border-color: #447355 #447355 transparent transparent;
	transform: rotate(45deg);
	position: absolute;
	top: 5px;
	right: 6px;
}

@media screen and (max-width: 1000px) {
	.bnr_specializedrobot {
		margin: 0 4.68% 15.5% 4.68%;
	}
	.bnr_specializedrobot p {
		width: 100%;
		height: 140px;
	}
	.bnr_specializedrobot p a {
		gap: 5px;
	}
	.bnr_specializedrobot p a:hover {
	}
	.bnr_specializedrobot p a strong {
		font-size: 24px;
		line-height: 1.4;
	}
	.bnr_specializedrobot p a strong br {
		display: block;
	}
	.bnr_specializedrobot p a small {
		padding-right: 26px;
		font-size: 16px;
	}
	.bnr_specializedrobot p a small::before {
		width: 16px;
		height: 16px;
	}
	.bnr_specializedrobot p a small::after {
		width: 4px;
		height: 4px;
		top: 5px;
		right: 6px;
	}

}




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

inquirybox

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

.inquirybox {
	margin: 0 auto 50px auto;
	width: 100%;
	max-width: 1000px;
	padding: 30px;
	background: #fff;
	border: 2px solid #E2E5EC;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 40px;
}
.inquirybox__tit {
	width: 280px;
}
.inquirybox__tit h2 {
	margin: 0 !important;
	font-size: 28px;
	line-height: 1.4;
	text-align: center;
}
.inquirybox__tit h2 strong {
	font-weight: bold;
}
.inquirybox__txt {
	padding-left: 100px;
	width: calc( 100% - 280px );
}
.inquirybox__txt_tel {
	position: relative;
}
.inquirybox__txt_tel p {
}
.inquirybox__txt_tel p i {
	display: inline-block;
	width: 70px;
	height: 70px;
	position: absolute;
	top: 10px;
	left: -100px;
}
.inquirybox__txt_tel p i img {
	width: 100%;
	height: auto;
}
.inquirybox__txt_tel p strong {
	margin-bottom: 5px;
	display: block;
	font-size: 28px;
	font-weight: bold;
	color: #447355;
	text-align: left;
}
.inquirybox__txt_tel p strong a,
.inquirybox__txt_tel p strong b {
	font-size: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: inherit;
}
.inquirybox__txt_tel p em {
	margin-bottom: 5px;
	display: block;
	font-size: 18px;
	font-weight: bold;
	font-style: normal;
	color: #000;
	text-align: left;
}
.inquirybox__txt_tel p small {
	margin-bottom: 5px;
	display: block;
	font-size: 12px;
	color: #393F45;
	text-align: left;
}
.inquirybox__txt_tel p span {
	display: block;
	font-size: 18px;
	color: #000;
	text-align: left;
}

@media screen and (max-width: 1000px) {
	.inquirybox {
		margin: 0 20px 50px 20px;
		width: calc( 100% - 40px );
		max-width: calc( 100% - 40px );
		padding: 20px;
		display: block;
	}
	.inquirybox__tit {
		margin-bottom: 20px;
		width: 100%;
	}
	.inquirybox__tit h2 {
		margin: 0 !important;
	}
	.inquirybox__tit h2 strong {
	}
	.inquirybox__txt {
		padding-left: 0;
		width: calc( 100% );
	}
	.inquirybox__txt_tel {
	}
	.inquirybox__txt_tel p {
		text-align: center;
	}
	.inquirybox__txt_tel p i {
		display: inline-block;
		width: 70px;
		height: 70px;
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto 10px auto;
	}
	.inquirybox__txt_tel p i img {
		width: 100%;
		height: auto;
	}
	.inquirybox__txt_tel p strong {
		margin-bottom: 5px;
		display: block;
		text-align: left;
	}
	.inquirybox__txt_tel p strong a,
	.inquirybox__txt_tel p strong b {
	}
	.inquirybox__txt_tel p em {
		margin-bottom: 5px;
		display: block;
		text-align: left;
	}
	.inquirybox__txt_tel p small {
		margin-bottom: 5px;
		display: block;
		text-align: left;
	}
	.inquirybox__txt_tel p span {
		display: block;
		display: block;
		text-align: left;
	}

}

/* 2022.02.10 add */
.borderTop {
	border-top: none;
}
@media screen and (max-width: 1000px) {
	.borderTop {
		border-top: 1px solid #c5c5c5;
	}
}

/* 2022.07.13 */
 .footer-socials .mailmag {
	width: calc(100% - 216px);
  margin: 0;
}
/*
.footer-socials .mailmag a {
	display: inline-flex;
  align-items: center;
  font-size: 21px;
}
.footer-socials .mailmag a img {
	width: 37px;
	margin: 0 10px 0 0;
} */

@media screen and (max-width: 680px) {
	.footer-socials {
		flex-wrap: wrap;
	}
	/* .footer-socials li {
    width: 48px;
	} */
	.footer-socials .ft-01 {
		order: 4;
	}
	
	/*
	.footer-socials .ft-02 {
		order: 0;
	}
	.footer-socials .ft-03 {
		order: 1;
	}
	.footer-socials .ft-04 {
		order: 2;
	}
	.footer-socials .ft-05 {
		order: 3;
	} */
 .footer-socials .mailmag {
		width: 264px;
    margin: 40px 12px 0;
	}
		/*
	.footer-socials .mailmag a img {
		width: 48px;
	} */
}
@media screen and (max-width: 388px) {
	.footer-socials li {
    width: 44px;
	}
	/* .footer-socials .mailmag a img {
		width: 44px;
	} */
}

/* 20230922 add  mktoForm */

.mktoForm {
	align-items: center;
	display: flex;
  }
  .mktoForm .mktoError .mktoErrorMsg {
	display: block;
	margin-top: 7px;
	background-color: #447355 !important;
	background-image: none !important;
	border: none !important;
	border-radius: 6px;
	box-shadow: none !important;
	color: #ffffff !important;
	font-size: 1em;
	line-height: 1.2em;
	max-width: 16em;
	padding: 0.4em 0.6em;
	text-shadow: none !important;
  }
  .mktoForm .mktoError .mktoErrorArrow {
	background-color: #447355 !important;
	border: 1px solid #447355 !important;
	border-right: none;
	border-bottom: none;
	display: inline-block;
	height: 16px;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	width: 16px;
	margin-top: 5px;
  }
  .ft-form {}
  .mktoOffset {
	display: none;
  }
  .mktoGutter {
	display: none;
  }
  .ft-form label {
	display: none;
  }
  .mktoFieldDescriptor {
	margin-bottom: 0 !important;
  }
  .ft-form input {
	border: 2px solid #6a768c !important;
	border-radius: 10px;
	background: #eeeeee;
	left: 0;
	margin: 0 !important;
	padding: 0 0.5em !important;
	height: 2.5em !important;
	width: 217px !important;
  }
  .ft-form button {
	min-width: 80px;
	background: #447355 !important;
	color: #ffffff !important;
	border: none !important;
  }
  .ft-form .ft-title {
	margin: 0 0 1.5%;
	font-size: 20px;
	color: #447355;
	font-weight: bold;
  }
  .ft-form .ft-text {
	margin: 0 0 1.5%;
	font-size: 16px;
  }
  .ft-form p.link {
	margin: 0 0 1.5%;
  }
  .ft-form p.link a {
	color: #447355;
	font-size: 16px;
	text-decoration: underline;
	margin: 0 1em 0 0;
	display: inline-block;
  }
  .ft-form p.link a:hover {
	text-decoration: none;
  }
  .pcHide {
	display: none;
  }
  .spHide {
	display: block;
  }
  /* FOR MOBILE ------------------------------ */
  @media screen and (max-width: 1000px) {
	.spHide {
	  display: none;
	}
	.pcHide {
	  display: block;
	}
	.ft-form input {
	  border: 2px solid #6a768c !important;
	  border-radius: 10px;
	  background: #eeeeee;
	  left: 0;
	  margin: 0 !important;
	  padding: 0 0.5em !important;
	  height: 2em !important;
	  width: 180px !important;
	}
	.ft-form button {
	  min-width: 80px;
	  background: #447355 !important;
	  color: #ffffff !important;
	  border: none !important;
	  /* float: left; */
	}
	.mktoForm {
	  padding: 0 !important;
	}
	.ft-form .ft-title {
	  margin: 0 0 5%;
	}
	.ft-form .ft-text {
	  margin: 0 0 5%;
	}
	.ft-form p.link {
	  margin: 0 0 5%;
	}
  }
  @media screen and (max-width: 680px) {
	.footer-socials .mailmag {
	  width: 100%;
	  margin: 40px 0 0;
	}
  }