@charset "UTF-8";

.clrF:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/*------------------------------
 PC
------------------------------*/
@media screen and (min-width: 769px) {
.irobotWrap {
  width:1020px;
}
.irobotWrap img {
  vertical-align:top;
}
.irobotWrap a{
display: block;
}
/*
------------------------------------------ 240527 */
.irobotWrap .headingBlockA03 {
  text-align: center;
  color: #000000;
  margin: 51px auto;
  }
  .irobotWrap .headingBlockA03 a{
  display:inline;
  color: #ff0000;
  }
  .informationBlockA02 p {
  font-size: 23px;
  font-weight: normal;
  line-height: 1.5;
  }
/*
------------------------------------------ 180608L */
.irobotWrap .column2Wrap{
margin: 0 0 17px;
}
.irobotWrap .column2Wrap .column{
float: left;
width: 280px;
}
.irobotWrap .column2Wrap .column:nth-child(2n){
float: left;
width: 740px;
}
.irobotWrap .column2Wrap .column .inner{
padding: 0 0 0 23px;
}
.irobotWrap .column2Wrap .column .brandName01{
margin: 0 0 10px;
font-size: 18px;
font-weight: bold;
}
.irobotWrap .column2Wrap .column .txt01{
font-size: 16px;
line-height: 1.75;
color: #666;
}
.irobotWrap .cpnBlockA01{
/*margin: 0 0 12px;*/
margin: 0;
}
.irobotWrap .anchorLinkBlock{
width: 440px;
margin: 0 auto 40px;
}
.irobotWrap .anchorLinkBlock ul li{
float: left;
margin: 0 80px 0 0;
}
.irobotWrap .anchorLinkBlock ul li:last-child{
margin: 0;
}
.irobotWrap .anchorLinkBlock.col3{
width: 700px;
}
.irobotWrap .movieBlock{
margin: 44px 0 60px;
text-align: center;
}
/*
bnrBlockA01**************************/
.irobotWrap .bnrBlockA01 img{
width:100%;
height: auto;
}

.irobotWrap .bnrBlockA01{
margin: 44px 0 60px;
}
.irobotWrap .bnrBlockA01Inner{
width: 750px;
margin: 0 auto;
}

/*couponBlock 210517
*****************************************************/
.irobotWrap .couponWrapA01{
margin: 44px 0 30px;
}
.irobotWrap .couponBlockA01{
background: url(../image/irobot_bg_001_220523.gif) no-repeat top center;
background-size: 100%;
}
.irobotWrap .couponBlockA01Inner{
width: 944px;
margin: 0 auto;
padding: 39px 0 0;
}
.irobotWrap .couponBlockA01 .columnBlockA01{
float: left;
width: 440px;
margin-top: 0;
}
.irobotWrap .couponBlockA01 .columnBlockA02{
float: right;
width: 440px;
}
.irobotWrap .couponBlockA01 .couponBtnA01{
margin: 23px 0 0;
}
.irobotWrap .couponBlockA01 .couponBtnA02{
margin: 10px 0 0;
}
.irobotWrap .cautiontxtBlockA01{
text-indent: 8px;
font-size: 14px;
line-height: 1.43;
font-weight: bold;
color: #3e3e3e;
margin: 6px 0 0;
}
.irobotWrap .cautiontxtBlockA01 .couponLinkA01 a{
display: inline;
color: #0b318f;
text-decoration: underline;
}
/*imgBlockA01 211130
*****************************************************/
.irobotWrap .imgBlockA01 {
margin: 60px 0;
}
/*columnBlockA01 211130
*****************************************************/
.irobotWrap .columnBlockA01 {
margin: 60px 0;
}
.irobotWrap .columnBlockA01 .column01 {
float: left;
width: 670px;
}
.irobotWrap .columnBlockA01 .column02 {
float: right;
width: 310px;
padding-right: 40px;
}
.irobotWrap .columnBlockA01 .column02 .ttl01 {
display: block;
padding-top: 43px;
font-size: 29px;
font-weight: bold;
color: #447355;
line-height: 1.38;
}
.irobotWrap .columnBlockA01 .column02 .text01 {
display: block;
font-size: 18px;
line-height: 1.5;
margin: 20px 0 0 0;
}
.irobotWrap .columnBlockA01 .column02 .text02 {
display: block;
font-size: 16px;
line-height: 1.68;
margin: 140px 0 0 0;
}
.irobotWrap .columnBlockA01 .column02 .text03 {
display: block;
font-size: 16px;
line-height: 1.68;
margin: 85px 0 0 0;
}
.irobotWrap .columnBlockA01 .cautionA01 {
font-size: 14px;
vertical-align: top;
}
/*columnBlockA01 220523
*****************************************************/
.irobotWrap .txtBlockA01{
text-align: center;
margin: 0 0 25px;
}

.pane-contents .container {
  width: 1360px;
}
.mvBlock01 h1 {
  margin: 0;
}
.ichioshiBlock h2 {
  margin: 0 auto 40px;
}
.block-top-event--goods {
  text-align: center;
}
.block-top-event--goods .block-thumbnail-t {
  display: inline-block;
  text-align: left;
}
.irobotWrap .headingBlockA02 {
	padding: 20px;
	background: #cccccc;
	letter-spacing: 4px;
	text-align: center;
	color: #000000;
}
.irobotWrap .informationBlockA01 {
  margin-bottom: 60px;
}

.irobotWrap .informationBlockA01 h2 {
    font-size: 35px;
    margin: 30px 0 20px 0;
}

.irobotWrap .informationBlockA01 p {
    margin: 0 30px 30px;
    font-size: 16px;
    font-weight: normal;
    line-height: 2;
}
.irobotWrap .mb0{
	margin-bottom: 0!important;
}
.sp-only {
  display: none;
}

/*columnBlockA01 250704
*****************************************************/
.block-separat:last-of-type {
  display: none;
}
}

/*------------------------------
 SPiX}[gtHj
------------------------------*/
@media screen and (max-width: 768px) {
/* SpCommonReset
**************************** */
/* h1 and h2 */
#main h1 img,#main div[id^="h2_0"] img{
  zoom:1;
  display:block;
  max-width:750px;
  width:100%;
  height:auto;
  margin:auto;
}

/* wrap */
.irobotWrap {
  max-width:750px;
  width:100%;
  margin:0 auto 5.3%;
  -webkit-text-size-adjust:100%;
}
.irobotWrap img {
  vertical-align: top;
  width: 100%;
  height: auto;
  zoom: 1 !important;
}
.irobotWrap a{
  display: block;
}
/*
------------------------------------------ 240527up */
.irobotWrap .headingBlockA03 {
  text-align: center;
  color: #000000;
  }
  .irobotWrap .headingBlockA03 a{
  display: inline;
  color: #ff0000;
  }
  .informationBlockA02 p {
  margin: calc(60 / 750* 100%) auto;
  font-size: clamp(0.875rem, 0.41rem + 2.33vw, 1.5rem);
  font-weight: normal;
  line-height: 1.7em;
  }
/*
------------------------------------------ 180608up */

.irobotWrap .logoBlock01Inner{
padding: 4% 6.6% 4.6%;
}
.irobotWrap .mvBlock01{
/*margin: 0 0 4%;*/
margin: 0;
}
.irobotWrap .anchorLinkBlock{
width: 61.3%;
margin: 0 auto;
}
.irobotWrap .anchorLinkBlock ul li{
float: left;
width: 50%;
}
.irobotWrap .anchorLinkBlock.col3{
width: 92%;
}
.irobotWrap .anchorLinkBlock.col3 ul li{
width: 33.33%;
}
.irobotWrap .movieBlock{
margin: 10.6% 0 0 0;
text-align: center;
}
.irobotWrap .movieBlock{
position:relative;
width:93%;
margin: 6.6% auto 0;
height:0;
padding-top:52%;
}
.irobotWrap .movieBlock iframe{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

/*
bnrBlockA01**************************/
.irobotWrap .bnrBlockA01{
margin: 6.6% 0 0;
}
.irobotWrap .bnrBlockA01Inner{
width: 93%;
margin: 0 auto;
}

/*couponBlock 210517
*****************************************************/
.irobotWrap .couponWrapA01{
margin: 6.6% 0;
}
.irobotWrap .couponBlockA01{
background: url(../image/irobot_bg_sp_001_220523.gif) no-repeat top center;
background-size: 100%;
}
.irobotWrap .couponBlockA01Inner{
width: 88.8%;
margin: 0 auto;
padding: 5% 0 2%;
}
.irobotWrap .couponBlockA01 .txtBlockA01{
margin: 3.61% 0;
}
.irobotWrap .couponBlockA01 .couponBtnA01{
margin: 3.61% auto 0;
width: 95.8%;
}
.irobotWrap .cautiontxtBlockA01{
margin-top: 1.6%;
font-size: 12px;
line-height: 1.44;
font-weight: bold;
color: #3e3e3e;
text-align: left;
text-indent: -1em;
margin-left: 1.5em;
}
.irobotWrap .cautiontxtBlockA01 .couponLinkA01 a{
display: inline;
color: #0b318f;
text-decoration: underline;
}
/*imgBlockA01 211130
*****************************************************/
.irobotWrap .imgBlockA01 {
margin: 8% 0 10.67%;
}
/*columnBlockA01 211130
*****************************************************/
.irobotWrap .columnBlockA01 {
width: 92%;
max-width: 690px;
margin: 6.67% auto 5.33%;
}
.irobotWrap .columnBlockA01 .column01 {
margin-bottom: 5.33%;
}
.irobotWrap .columnBlockA01 .column02 {
}
.irobotWrap .columnBlockA01 .column02 .ttl01 {
font-size: 18px;
line-height: 1.27;
font-weight: bold;
color: #447355;
}
.irobotWrap .columnBlockA01 .column02 .text01 {
font-size: 14px;
line-height: 1.43;
margin: 4% 0 0;
}
.irobotWrap .columnBlockA01 .column02 .text02 {
font-size: 13px;
line-height: 1.53;
margin: 4% 0 0;
}
.irobotWrap .columnBlockA01 .cautionA01 {
font-size: 10px;
vertical-align: top;
}
/*cautiontxtBlockA01 220523
*****************************************************/
.irobotWrap .btnBlockA01{
margin-bottom: 15%;
}
.irobotWrap .txtBlockA02{
text-align: center;
width: 92%;
margin: 0 auto 3.61%;
}

.pane-main {
  padding: 5px 0 60px;
}
.mvBlock01 h1 {
  padding: 0;
}
.ichioshiBlock h2 {
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0);
  padding: 0;
  margin: 0 auto 1em;
}
.block-separat:last-of-type {
  display: none;
}

.irobotWrap .headingBlockA02 {
margin: 0 0 0 0;
padding: 4% 0 3%;
background: #cccccc;
letter-spacing: 4px;
text-align: center;
color: #000000;
}

.irobotWrap .headingBlockA02 h2 {
margin: 0 5% 3% 5%;
padding: 5.5% 0 3%;
width: 89.3%;
font-size: 2.4em;
font-weight: bold;
line-height: 1.2;
text-align: center;
color: #000000;
background-color: transparent;
}
.irobotWrap .informationBlockA01{
margin: 0 0 4%;
}
.irobotWrap .informationBlockA01 p {
margin: 0 5% 5% 5%;
font-size: 1.3em;
font-weight: normal;
line-height: 1.7em;
}

.irobotWrap h1{
padding: 0;
}
.irobotWrap .anchorLinkBlock ul{
border-right: 1px solid #ccc;
}
.pc-only {
  display: none;
}
}