@charset "UTF-8";

#ui1052{
  margin: 0 0 100px;
  color: #1a1a1a;
}
#ui1052 .inner{
  width: 1160px;
  margin: 0 auto;
}
#ui1052 h1{
  margin: 0;
}
#ui1052 h2{
  margin: 0 0 50px;
  padding: 24px 0 20px;
  font-size: 3.2rem;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
}
#ui1052 h2 span{
  display: block;
  width: 1160px;
  margin: 0 auto;
}
#ui1052 h3{
  margin: 0 0 12px;
  font-size: 2.8rem;
  font-weight: 400;
  font-family: 'Noto Sans JP', sans-serif;
}
#ui1052 ul,#ui1052 ol{
  padding: 0;
  list-style: none;
}
#ui1052 ul li,#ui1052 ol{
  margin: 0;
}
#ui1052 img{
  vertical-align: bottom;
}
#ui1052 img.w100{
  width: 100%;
  height: auto;
}
#ui1052 .section{
  margin-top: 70px;
}
#ui1052 .figure img{
  vertical-align: bottom;
}
#ui1052 .chat > li + li{
  margin-top: 5px;
}
#ui1052 .chat > li:nth-of-type(odd){
  padding: 10px 0 10px 120px;
  background: url(./../ui1052/ui1052_ic01.png) no-repeat top left / 85px auto;
}
#ui1052 .chat > li:nth-of-type(2n){
  padding: 10px 120px 10px 0;
  background: url(./../ui1052/ui1052_ic02.png) no-repeat top right / 85px auto;
  text-align: right;
}
#ui1052 .chat > li .balloon{
  display: inline-block;
  position: relative;
  width: 880px;
  padding: 20px;
  border: 2px solid #1a1a1a;
  border-radius: 10px;
  font-size: 1.6rem;
  text-align: left;
}
#ui1052 .chat > li:nth-of-type(odd) .balloon{
  background: #fffecd;
}
#ui1052 .chat > li:nth-of-type(odd) .balloon::before{
	content: "";
	position: absolute;
	top: 35px;
	left: -27px;
 	margin-top: -15px;
	border: 12px solid transparent;
	border-right: 15px solid #fffecd;
 	z-index: 2;
}
#ui1052 .chat > li:nth-of-type(odd) .balloon::after{
	content: "";
	position: absolute;
	top: 35px;
	left: -32px;
 	margin-top: -17px;
	border: 14px solid transparent;
	border-right: 17px solid #1a1a1a;
 	z-index: 1;
}
#ui1052 .chat > li:nth-of-type(2n) .balloon{
  background: #fff;
}
#ui1052 .chat > li:nth-of-type(2n) .balloon::before{
	content: "";
	position: absolute;
	top: 35px;
	right: -27px;
 	margin-top: -15px;
	border: 12px solid transparent;
	border-left: 15px solid #fff;
 	z-index: 2;
}
#ui1052 .chat > li:nth-of-type(2n) .balloon::after{
	content: "";
	position: absolute;
	top: 35px;
	right: -32px;
 	margin-top: -17px;
	border: 14px solid transparent;
	border-left: 17px solid #1a1a1a;
 	z-index: 1;
}
#ui1052 .chat ul{
  margin-top: 5px;
}
#ui1052 .chat ul li + li{
  margin-top: 5px;
}
#ui1052 .chat ol{
  margin-top: 5px;
}
#ui1052 .chat ol li + li{
  margin-top: 5px;
}
#ui1052 .tabArea{
  margin-top: 35px;
}
#ui1052 .tabArea .tabTitle{
  width: 100%;
  display: flex;
  text-align: center;
}
#ui1052 .tabArea .tabTitle li{
  padding: 17px 0 15px;
  border: 2px solid #1a1a1a;
  border-radius: 10px 10px 0 0;
  font-size: 2.5rem;
  cursor: pointer;
}
#ui1052 .tabArea .tabTitle li:not(.active):hover{
  background: #e5e5e5;
}
#ui1052 .tabArea .tabTitle li.active{
  color: #fff;
  cursor: auto;
  font-weight: bold;
}
#ui1052 .tabArea .tabContents{
  padding: 30px;
  border-right: 2px solid #1a1a1a;
  border-bottom: 2px solid #1a1a1a;
  border-left: 2px solid #1a1a1a;
  border-radius: 0 0 10px 10px;
  box-sizing: border-box;
}
#ui1052 .tabArea .tabContents > li{
  display: none;
}
#ui1052 .tabArea .tabContents > li.active{
  display: block;
}
#ui1052 .colBox{
  width: 100%;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
#ui1052 .colBox li{
  width: 48%;
}
#ui1052 .colBox li:nth-of-type(n+3){
  margin-top: 50px;
}
#ui1052 .colBox li .readTxt{
  font-size: 1.6rem;
}
#ui1052 .redTxt{
  color: #c00;
  font-style: normal;
}
#ui1052 .colBox li p + p{
  margin-top: 10px;
}
#ui1052 .colBox li .txtLink{
  margin-top: 15px;
  text-align: right;
}
#ui1052 .colBox li .txtLink a{
  color: #1a1a1a;
  font-size: 120%;
  text-decoration: none;
}
#ui1052 .colBox li .txtLink a::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 1px 2px 0;
  border: 4px solid transparent;
  border-left: 7px solid #1a1a1a;  
}
#ui1052 .colBox li .txtLink a:hover{
  text-decoration: underline;
}
#ui1052 .colBox li .figure{
  margin-top: 15px;
}
#ui1052 .spOnly{
  display: none;
}

/* メインビジュアル
------------------------------------- */
#ui1052 .mainVisual{
  padding-bottom: 60px;
  background: url(./../ui1052/ui1052_bg01.png) no-repeat top center;
}

/* グロナビ
------------------------------------- */
#ui1052 .glovalNav.navFix{
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
#ui1052 .glovalNav ul{
  display: flex;
  justify-content: space-between;
  width: 100%;
}
#ui1052 .glovalNav ul li{
  width: 25%;
  text-align: center;
}
#ui1052 .glovalNav ul li:nth-of-type(1){
  background-image: -webkit-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-image: -ms-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-size: 30px 30px;
}
#ui1052 .glovalNav ul li:nth-of-type(2){
  background-image: -webkit-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-image: -ms-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-size: 30px 30px;
}
#ui1052 .glovalNav ul li:nth-of-type(3){
  background-image: -webkit-linear-gradient(-45deg, #29B360 25%, #2CBE66 25%, #2CBE66 50%, #29B360 50%, #29B360 75%, #2CBE66 75%, #2CBE66);
  background-image: -ms-linear-gradient(-45deg, #29B360 25%, #2CBE66 25%, #2CBE66 50%, #29B360 50%, #29B360 75%, #2CBE66 75%, #2CBE66);
  background-size: 30px 30px;
}
#ui1052 .glovalNav ul li:nth-of-type(4){
  background-image: -webkit-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-image: -ms-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-size: 30px 30px;
}
#ui1052 .glovalNav ul li:nth-of-type(5){
  background-image: -webkit-linear-gradient(-45deg, #e8860e 25%, #f68f0e 25%, #f68f0e 50%, #e8860e 50%, #e8860e 75%, #f68f0e 75%, #f68f0e);
  background-image: -ms-linear-gradient(-45deg, #e8860e 25%, #f68f0e 25%, #f68f0e 50%, #e8860e 50%, #e8860e 75%, #f68f0e 75%, #f68f0e);
  background-size: 30px 30px;
}
#ui1052 .glovalNav ul li span{
  display: block;
  position: relative;
  padding: 15px 0 35px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.8rem;
  line-height: 1.4;
  cursor: pointer;
}
#ui1052 .glovalNav ul li span::before{
  display: inline-block;
  position: absolute;
  left: 49%;
  bottom: 11%;
  content: "";
  width: 0;
  height: 0;
  border: 8px solid transparent;
  border-top: 10px solid #fff;
}
#ui1052 .glovalNav ul li span:hover{
  color: #1a1a1a;
}
#ui1052 .glovalNav ul li span:hover::before{
  border-top: 12px solid #1a1a1a;
}

/* レッド
------------------------------------- */
#redArea h2{
  background-image: -webkit-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-image: -ms-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-size: 30px 30px;
}
#redArea .tabArea .tabTitle li{
  width: 34%;
}
#redArea .tabArea .tabTitle li:nth-of-type(n+2){
  margin-left: -2px;
  width: 35%;
}
#redArea .tabArea .tabTitle li.active{
  background-image: -webkit-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-image: -ms-linear-gradient(-45deg, #E03131 25%, #EE3536 25%, #EE3536 50%, #E03131 50%, #E03131 75%, #EE3536 75%, #EE3536);
  background-size: 30px 30px;
}
#redArea h3{
  color: #c00;
}

/* イエロー
------------------------------------- */
#yellowArea h2{
  background-image: -webkit-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-image: -ms-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-size: 30px 30px;
}
#yellowArea .tabArea .tabTitle li{
  width: 51%;
}
#yellowArea .tabArea .tabTitle li:nth-of-type(n+2){
  margin-left: -2px;
}
#yellowArea .tabArea .tabTitle li.active{
  background-image: -webkit-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-image: -ms-linear-gradient(-45deg, #3A93C7 25%, #3D9CD4 25%, #3D9CD4 50%, #3A93C7 50%, #3A93C7 75%, #3D9CD4 75%, #3D9CD4);
  background-size: 30px 30px;
}
#yellowArea h3{
  color: #3A93C7;
}
#yellowArea .readTxt{
  padding-right: 200px;
}
#yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(1){
  background: url(./../ui1052/img_15.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(2){
  background: url(./../ui1052/img_04.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(3){
  background: url(./../ui1052/ui1052_im14.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(4){
  background: url(./../ui1052/img_03.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(1){
  background: url(./../ui1052/img_09.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(2){
  background: url(./../ui1052/img_10.png) no-repeat top 20px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(3){
  background: url(./../ui1052/img_11.png) no-repeat top -10px right 40px / 130px auto;
}
#yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(4){
  background: url(./../ui1052/img_13.png) no-repeat top right 40px / 130px auto;
}

/* ブルー
------------------------------------- */
#blueArea h2{
  background-image: -webkit-linear-gradient(-45deg, #29B360 25%, #2CBE66 25%, #2CBE66 50%, #29B360 50%, #29B360 75%, #2CBE66 75%, #2CBE66);
  background-image: -ms-linear-gradient(-45deg, #29B360 25%, #2CBE66 25%, #2CBE66 50%, #29B360 50%, #29B360 75%, #2CBE66 75%, #2CBE66);
  background-size: 30px 30px;
}
#blueArea .figure{
  padding: 0 100px;
}
#blueArea .figure img{
  width: 100%;
  height: auto;
}
#blueArea .figure + .figure{
  margin-top: 14px;
}

/* グリーン
------------------------------------- */
#greenArea h2{
  background-image: -webkit-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-image: -ms-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-size: 30px 30px;
}
#greenArea .chat > li:first-child{
  display: none;
}
#greenArea .chat li li .smlTxt{
  margin: 0 3px;
  font-style: normal;
  font-size: 70%;
}
#greenArea .chat .balloon > .smlTxt{
  margin-top: 8px;
  font-size:70%
}
#greenArea table{
  width: 1160px;
  border-right: 3px solid #1a1a1a;
  border-bottom: 3px solid #1a1a1a;
  border-left: 3px solid #1a1a1a;
  border-radius: 0 0 10px 10px;
  text-align: center;
  vertical-align: middle;
}
#greenArea table .w90{
  width: 90px;
}
#greenArea table .w340{
  width: 340px;
}
#greenArea table caption{
  margin-top: 35px;
  padding: 17px 0 15px;
  border: 3px solid #1a1a1a;
  border-radius: 10px 10px 0 0;
  background-image: -webkit-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-image: -ms-linear-gradient(-45deg, #E3647B 25%, #F06A82 25%, #F06A82 50%, #E3647B 50%, #E3647B 75%, #F06A82 75%, #F06A82);
  background-size: 30px 30px;
  font-size: 2.5rem;
  font-weight: bold;
  color: #fff;
  text-align: center;
}
#greenArea table tbody{
  font-size: 1.4rem;
}
#greenArea table tbody th,
#greenArea table tbody td{
  padding: 10px 10px;
  text-align: center;
}
#greenArea table th{
  background: #f7f7f7;
  border-right: 1px solid #ccc;
  font-weight: normal;
}
#greenArea table tr:not(:first-child) th{
  border-top: 1px solid #ccc;
}
#greenArea table tr:not(:first-child) td{
  border-top: 1px solid #ccc;
}
#greenArea table tr td:not(:last-child){
  border-right: 1px solid #ccc;
}
#greenArea table th[rowspan="3"]{
  border-radius: 0 0 0 10px;
}
#greenArea table tbody td a{
  text-decoration: none;
  color: #1a1a1a;
}
#greenArea table tbody td img{
  max-height: 140px;
}
#greenArea table .buyLink{
  padding: 0;
}
#greenArea table .buyLink a{
  display: block;
  padding: 10px 10px;
  color: #039;
}
#greenArea table .buyLink a:hover{
  background: #e5e5e5;
}
#greenArea table .pcPrice{
  margin-top: 1px;
  color: #c00;
}
#greenArea table .blackColor{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #010000;
}
#greenArea table .whiteColor{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #fff;
}
#greenArea table .redColor{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #E60012;
}
#greenArea table .blueColor{
  display: inline-block;
  width: 15px;
  height: 15px;
  margin-top: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  background: #4C7CBF;
}
#greenArea table .textLeft{
  display: flex;
  justify-content: center;
  text-align: left;
}
#greenArea table .point{
  font-weight: bold;
}
#greenArea table .point li + li{
  margin-top: 4px;
}
#greenArea table .txtLink a{
  text-decoration: underline;
}
#greenArea table .txtLink a::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 1px 2px 0;
  border: 4px solid transparent;
  border-left: 7px solid #039;
}
#greenArea table .txtLink a:hover{
  text-decoration: none;
}
#greenArea table .specBtn{
  display: inline-block;
  width: 280px;
  padding: 13px 0;
  border-radius: 5px;
  background: -webkit-linear-gradient(top, #f6c20e 0%,#e8b90e 100%);
  background: linear-gradient(to bottom, #f6c20e 0%,#e8b90e 100%);
  color: #1a1a1a;
  cursor: pointer;
  text-align: center;
  font-weight: bold;
  box-shadow: 2px 2px 5px #666;
}
#greenArea table .specBtn::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 7px -2px 0;
  border: 4px solid transparent;
  border-top: 7px solid #1a1a1a; 
}
#greenArea table .specBtn.active::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 7px 1px 0;
  border: 4px solid transparent;
  border-bottom: 7px solid #1a1a1a;  
}
#greenArea table .specBtn:hover{
  opacity: 0.8;
}
#greenArea table .borderNo .buyLink01{
  border-top: none !important;
}
#greenArea table .buyLink01{
  padding: 0;
  text-align: left;
}
#greenArea table .buyLink01 a{
  display: block;
  padding: 7px 0 7px 33px;
  color: #039;
  text-decoration: underline;
}
#greenArea table .buyLink01 a:hover{
  background: #e5e5e5;
  text-decoration: none;
}
#greenArea table tr:last-child td a:last-child:hover{
  /*! border-radius: 0 0 10px 0; */
}
#greenArea table .spec,
#greenArea table .spec div{
  display: none;
}
#greenArea table .spec th,
#greenArea table .spec td{
  padding: 0;
}
#greenArea table .spec th div,
#greenArea table .spec td div{
  padding: 10px 10px;
}

/* ピンク
------------------------------------- */
#pinkArea h2{
  background-image: -webkit-linear-gradient(-45deg, #e8860e 25%, #f68f0e 25%, #f68f0e 50%, #e8860e 50%, #e8860e 75%, #f68f0e 75%, #f68f0e);
  background-image: -ms-linear-gradient(-45deg, #e8860e 25%, #f68f0e 25%, #f68f0e 50%, #e8860e 50%, #e8860e 75%, #f68f0e 75%, #f68f0e);
  background-size: 30px 30px;
}
#pinkArea .inner > .figure{
  margin: 40px 0;
  text-align: center;
}
#pinkArea .balloon .txtLink{
  margin-top: 15px;
  text-align: right;
}
#pinkArea .balloon .txtLink a{
  color: #1a1a1a;
  text-decoration: none;
}
#pinkArea .balloon .txtLink a::before{
  display: inline-block;
  content: "";
  width: 0;
  height: 0;
  margin: 0 1px 2px 0;
  border: 4px solid transparent;
  border-left: 7px solid #1a1a1a;
}
#pinkArea .balloon .txtLink a:hover{
  text-decoration: underline;
}
#pinkArea .clearfix p{
  float: left;
}
#pinkArea .clearfix .figure{
  float: right;
  max-width: calc(100% - 15em);
}


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

  #ui1052{
    margin: 0 0 50px;
    line-height: 1.5;
  }
  #ui1052 .inner{
    width: 100%;
    padding: 0 12px;
  }
  #ui1052 .section{
    margin-top: 50px;
  }
  #ui1052 h2{
    margin: 0 0 30px;
    padding: 10px 20px;
    font-size: 2rem;
  }
  #ui1052 h2 span{
    width: 100%;
  }
  #ui1052 h3 {
    font-size: 2.0rem;
  }
  #ui1052 .chat > li:nth-of-type(odd) {
    padding: 10px 0 10px 70px;
    background: url(./../ui1052/ui1052_ic01.png) no-repeat top left / 50px auto;
  }
  #ui1052 .chat > li:nth-of-type(2n) {
    padding: 10px 70px 10px 0;
    background: url(./../ui1052/ui1052_ic02.png) no-repeat top right / 50px auto;
    text-align: right;
  }
  #ui1052 .chat > li .balloon{
    width: 100%;
    padding: 12px;
    font-size: 1.4rem;
  }
  #ui1052 .chat > li .balloon strong {
    font-weight: bold;
  }
  #ui1052 .chat > li:nth-of-type(odd) .balloon::before{
    top: 27px;
    left: -26px;
  }
  #ui1052 .chat > li:nth-of-type(odd) .balloon::after{
    top: 27px;
    left: -31px;
  }
  #ui1052 .chat > li:nth-of-type(2n) .balloon::before{
    top: 27px;
    right: -26px;
  }
  #ui1052 .chat > li:nth-of-type(2n) .balloon::after{
    top: 27px;
    right: -31px;
  }
  #ui1052 .tabArea .tabContents{
    padding: 12px;
  }
  #ui1052 .colBox{
    display: block;
  }
  #ui1052 .colBox li{
    width: 100%;
    font-size: 120%;
  }
  #ui1052 .colBox li:nth-of-type(n+3){
    margin-top: 0;
  }
  #ui1052 .colBox li + li{
    margin-top: 40px !important;
  }
  #ui1052 .colBox li img{
    width: 100%;
    height: auto;
  }
  #ui1052 .colBox li img.spImg50{
    width: 50%;
    height: auto;
  }
  #ui1052 .spOnly{
    display: block;
  }
  #ui1052 .tabArea .tabTitle li {
    font-size: 1.6rem;
    line-height: 1.2;
  }
  #ui1052 .colBox li .readTxt {
    font-size: 1.4rem;
  }
  #greenArea table tbody td {
    font-size: 1.4rem;
  }


  /* メインビジュアル
  ------------------------------------- */
  #ui1052 .mainVisual{
    padding: 0;
    background: none;
  }
  #ui1052 .mainVisual .inner{
    padding: 0;
  }
  #ui1052 .mainVisual .inner h1 img{
    width: 100%;
    height: auto;
  }


  /* グロナビ
  ------------------------------------- */
  #ui1052 .glovalNav{
    display: none;
  }


  /* レッドエリア
  ------------------------------------- */
  #ui1052 #redArea.section{
    margin-top: 0;
  }


  /* ブルーエリア
  ------------------------------------- */
  #ui1052 #yellowArea .readTxt{
    padding-right: 120px;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(1){
    background: url(./../ui1052/img_15.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(2){
    background: url(./../ui1052/img_04.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(3){
    background: url(./../ui1052/ui1052_im14.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(1) .colBox li:nth-of-type(4){
    background: url(./../ui1052/img_03.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(1){
    background: url(./../ui1052/img_09.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(2){
    background: url(./../ui1052/img_10.png) no-repeat top 20px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(3){
    background: url(./../ui1052/img_11.png) no-repeat top -6px right 12px / 100px auto;
  }
  #ui1052 #yellowArea .tabContents > li:nth-of-type(2) .colBox li:nth-of-type(4){
    background: url(./../ui1052/img_13.png) no-repeat top right 12px / 100px auto;
  }


  /* グリーンエリア
  ------------------------------------- */
  #ui1052 #blueArea .figure{
    padding: 0;
  }


  /* ピンクエリア
  ------------------------------------- */
  #ui1052 #greenArea .tableWrap{
    font-size: 120%;
    overflow: auto;
  }
  #ui1052 #greenArea table caption{
    padding: 17px 20px 15px;
    text-align: left;
    font-size: 2rem;
  }
  #ui1052 #greenArea table .buyLink01 a{
    padding: 7px 0 7px 10px;
  }


  /* オレンジエリア
  ------------------------------------- */
  #ui1052 #pinkArea .inner > .figure img{
    width: 100%;
    height: auto;
  }
  #ui1052 #pinkArea .inner .chat li .figure{
    display:none;
  }
  #ui1052 #pinkArea .inner .spOnly{
    margin-top: 40px;
  }
  #ui1052 #pinkArea .inner .spOnly img{
    width: 100%;
    height: auto;
  }

  #greenArea table {
    width:725px;
  }
}