@charset "euc-jp";

/* Smartphones (portrait and landscape) ----------- */

/*@media screen and (min-width: 320px) and (max-width: 480px) {*/
/* @media screen and (min-width: 320px) and (max-width: 480px) { */

/*
 * .mbn / mobile の時 display:none
 * .mdb / mobile の時 display:block
 */

body{
	width:100%;
	margin:0;
	padding:0;
	-webkit-text-size-adjust: none; /* Prevent the automatic adjustment of font size  */
}
#header, #slider, .index_div_02, .index_div_03, #sidebar, #footer, .mdn{
	display:none;
}
#header_mobile, #footer_mobile_area, .mdb{
	display:block;
}
div.stage {
    margin: 0 auto;
    width: 100%;
}
.container .article{
	width:300px;
	margin:0 auto;
}
#topicsPath, #localNav, #branding, .tab_set, .footLocalNav{
	display:none;
}
#pageTitle{
	width:93.75%;
	margin:35px auto 0;
}
#pageTitle h2 {
    border-bottom: 1px solid #666;
    padding-bottom: 10px;
}
.modList01 li {
    background: none;
    float: none;
    margin-bottom: 30px;
    overflow: hidden;
    padding: 0;
    width: 300px;
}
.modList01 li.dot2 {
	background:none;
}
.sectionBlock h4{
	margin-top:40px;
}
.sectionBlock h4+p{
	font-size:18px;
}
.modLinkAicon {
	margin-top: 0;
}
.sectionBlockInner{
	margin-top:10px !important;
	padding-bottom:15px !important;
}
.sectionBlockInner p.notes {
	padding-bottom:0 !important;
}
.sectionBlockInner .pic{
	display:none !important;
}
.contentBlock h3{
	margin-top:20px;
}
#m-branding{
	width:300px;
	margin:20px auto;
}
.branding_text {
	width:300px;
	margin:20px auto 40px;
}
.c_movie-window {
	position:absolute;
}
.c_movie-window .c_movie-window_content {
	top: 0;
	left: 0;
	width: 300px;
	height: 192px;
	margin:0 auto;
}
.c_movie-window .c_movie-window_box {
	width: 100% !important;
	height: 24px;
	min-height: 24px;
}
.c_movie-window .c_movie-window_box .c_movie-window_box-left {
	width:265px;
}
.c_movie-window .c_movie-window_box2 {
	width: 100% !important;
	margin-top: 10px;
	height: auto;
}
.c_movie-window .c_movie-window_box2 .movieMdb {
	width: 100% !important;
	height: 100% !important;
}
.c_movie-window .c_movie-window_box2 #cMovieWindowPlayer iframe {
	width: 100% !important;
	height: 100% !important;
}
.c_movie-window .c_movie-window_txt {
	font-size: 12px;
	padding-top: 2px;
}
.c_movie-window .c_movie-window_btn {
	width: 16px;
	height: 16px;
	background-position: right top;
	background-image: url("/roomba/img/movie/mobile_c_movie-window_btn.gif");
}
.mpb10{ padding-bottom:10px !important;}
.mmt0{ margin-top:0 !important;}
.mmt10{ margin-top:10px !important;}
.mmt20{ margin-top:20px !important;}
.mmt30{ margin-top:30px !important;}
.fc-g{ color:#808080;}
.d-b{ display:block;}
.bb-e6{	border:none;}

.modList01 h4 {
	height: auto !important;
}

/* ルンバについて
----------------------------------------------------------------------------------------------------*/
#index ul#contentList li {
    float: none;
    width: 300px;
}
#index li h3 img{
	width:300px;
	height:28px;
}
#index div.pic {
	width:109px;
	float:left;
	padding-right: 11px;
}
#index div.pic img{
	border:1px solid #e6e6e6;
}
#index .listBlock p a{
	display:block;
	width:170px;
	float:right;
	font-weight:bold;
	font-size:14px;
	color:#008236;
	background:url(/img/blt_mobile_01.gif) no-repeat 100% 50%;
	-webkit-background-size: 15px 15px;
	padding-right:20px;
	word-break:break-all;
}
#index .listBlock p a span{
	color:#008236;
}

/* テクノロジー
----------------------------------------------------------------------------------------------------*/
#technology h3,
#technology div.tec_sec h3 {
	margin: 0 0 15px 0;
	padding-left: 0;
}
#technology div.sectionBlockInner div.pic {
    display: block;
    float: none;
    margin-left: 0;
}
#technology .modList01 h4 {
    border: 1px solid #D2D2D2;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
}
#technology .modList01 h4 span{
	display:block;
	font-size:15px;
}
/* mobile img size */
#technology div.sectionBlock h4 {
    padding-left: 0;
	margin-top:30px;
}
#technology div.sectionBlock h4 img.mis01{
	width:300px;
	height:36px;
}
#technology .sectionBox h5{
    padding-bottom: 10px;
}
#technology div.sectionBlockInner .leftColumn {
	float:none;
	margin-top:20px;
}
#technology div.sectionBlockInner div.pic {
	float:none;
	display:block !important;
	margin-top:20px;
}
#technology .modList02 li {
    background: none;
    float: none;
    padding: 0;
    width: 300px;
}
#technology .modList02 h4 {
    margin-bottom: 10px;
	padding: 15px 0 15px 0;
}
#technology .modList02 .notes {
	width:150px;
}
#technology .modList03 {
	width:300px;
}
#technology .modList03 li {
	padding: 0 0 10px 0;
}

#technology .intelligenceContentsInner {
	height:640px;
}
#technology .powerContentsInner {
	height:780px;
}
#technology .tec_sec .box_left {
	float:none;
	margin:0 0;
}
#technology .powerContents .box_right {
	float:none;
	width:234px;
	padding:0 33px;
}
#technology .tec_sec .box_text {
	margin:0 0 25px 0;
}
#technology .iAaptImage,
#technology .iaerforceImage {
	position:relative;
}
#technology .iAaptMovie,
#technology .aerforceMovie {
	position:relative;
}
#technology .iAaptMovie,
#technology .aerforceMovie {
	top:0;
	left:0;
	margin:0 0;
}
	
.mw270{	width:270px !important;}
.mfw-b{	font-weight:bold !important;}

/* ルンバの多彩な機能
----------------------------------------------------------------------------------------------------*/
#feature h3 {
	margin: 0 0 15px 0;
}
#feature div.tec_sec h3 {
	margin: 0 0 15px 0;
	padding-left: 0;
}
#feature .tec_sec .box_text {
	margin:0 0 25px 0;
}
#feature .modList01 h4 {
	border:none;
	border-bottom:1px solid #ccc;
	display: block;
    vertical-align: middle;
    width: 300px;
	background: none;
}
#feature .modList01 h4 span {
    color: #008236;
    display: block;
	font-size:15px;
    font-weight: bold;
    padding: 0 0 2px 0;
}
#feature .modList01 .pic{
	width:98px;
	float:left;
	margin-top:10px;
}
#feature .modList01 p{
	width:190px;
	float:right;
	margin-top:10px;
}
#feature .modList01 li .pic img{
	width:98px;
	height:59px;
}
#feature .modList01 p.link {
	margin-top:0;
}
#feature .notesLink {
	margin-left:0;
}

/* エコ
----------------------------------------------------------------------------------------------------*/
#eco h3 {
	margin: 0 0 15px 0;
}
#eco div.sectionBlock {
    background-color: #FFFFFF;
    border: 2px solid #008236;
    border-radius: 10px 10px 10px 10px;
    float: none;
    margin-bottom: 10px;
    width: 296px;
	-webkit-border-radius: 10px;
}
#eco .even {
    margin-right: 0;
}
#eco .modList01 h4 {
    border: 1px solid #D2D2D2;
    display: table-cell;
    vertical-align: middle;
    width: 300px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ebebeb));
}
#eco .modList01 h4 span{
	display:block;
	font-size:15px;
}
#eco div.sectionBlock .pic img{
	width:270px;
	height:166px;
}
#eco .modList01 li .pic img{
	width:300px;
	height:150px;
}
#eco .modList01 li .mdb+p{
	margin-top:10px;
}


/* override */
#eco .modList01 li:first-child{
	overflow:hidden; /* clearfix */
}
#eco .modList01 li .pic{
	width:98px;
	float:left;
	margin-top:10px;
}
#eco .modList01 li p{
	width:190px;
	float:right;
	margin-top:10px;
}
#eco .modList01 li .pic img{
	width:98px;
	height:59px;
}