﻿@charset "utf-8";
/* CSS Document */

/* ------ top Page ------
---------------------- */

/***** main *****/

/*** contents ***/
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner {
  margin-top: 30px;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertise {
  background: url('/img/common/images/ad_upper_bkg.jpg') center top;
  width: 750px;
  height: 290px;
  padding: 12px;
  box-sizing: border-box;
  margin-bottom: 30px;
  position: relative;
  text-align: center;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertise > img {
  display: block;
  position: absolute;
  top: 12px;
  left: 12px;
  width: 726px;
  height: 266px;
  z-index: 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertise > div.mailMagaGuideButton {
  position: relative;
  top: 205px;
  z-index: 1;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertise > div.mailMagaGuideButton > a {
  padding: 0 70px;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange {
  width: 750px;
  height: 360px;
}
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner {
  background: url('/img/common/images/ad_bottom_bkg.jpg') no-repeat center top;
  width: 750px;
  height: 84px;
  padding: 12px;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner > ul {
  font-size: 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner > ul li {
  display: inline-block;
  width: 234px;
  height: 60px;
  margin-left: 12px;
}
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner > ul li:first-child {
  margin-left: 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsThreeBanner > ul li > a {
  display: block;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendInfo > ul {font-size: 0;}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendInfo > ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 15px 10px;
  font-size: 14px; font-size: 1.4rem;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendInfo > ul li:first-child {padding-top: 0;}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendInfo > ul li > span {
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendInfo > ul li > a {
  display: inline-block;
  vertical-align: top;
  width: 98%;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul,
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul {
  font-size: 0;
  display: table;
  width: 750px;
  table-layout: fixed;
  border-top: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > div + ul,
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > div + ul {
  border-top: none;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li,
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li {
  width: 250px;
  display: table-cell;
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding-top: 25px;
  padding-bottom: 23px;
  vertical-align: top;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li:nth-child(3n+1),
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li:nth-child(3n+1) {
  border-left: none;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li > a img,
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li > a img {
  display: block;
  margin-bottom: 14px;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li > a span {display: block;}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li > a,
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li > a {
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 14px; font-size: 1.4rem;
  width: 200px;
}
main.okidokiMain > .wrap.topPage .contents .contentsRecommendProducts > ul li > p {
  font-size: 12px; font-size: 1.2rem;
  border-top: 1px solid #dcdcdc;
  padding-top: 9px;
  text-align: center;
  margin: 9px auto 0;
  width: 200px;
}

main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li {
  font-size: 0;
  position: relative;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > a:hover p span,
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > a:active p span {
  color: #d61b1b;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > a > img {
  display: inline-block;
  width: 125px;
  margin-right: 20px;
  vertical-align: middle;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > div.shopDescription {
  display: inline-block;
  vertical-align: middle;
  width: 80%;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > div.shopDescription p {
  font-size: 14px; font-size: 1.4rem;
  color: #000;
  line-height: 1.6;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > div.shopDescription p:first-child {
  width: 76%;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > div.shopDescription p:last-child {
  font-size: 13px; font-size: 1.3rem;
  margin-top: 30px;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li > div.shopDescription p span {
  text-decoration: underline;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li {
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li:first-child {padding-top: 0;}

/* shopOkidokiPoint */
/*main.okidokiMain > .wrap.topPage .contents div.shopOkidokiPoint > p {line-height: 1.1;}*/
main.okidokiMain > .wrap.topPage .contents div.shopOkidokiPoint {
  position: absolute;
  top: 10px;
  right: 0;
  font-size: 0;
}

/* contentsNewShop特有 */
main.okidokiMain > .wrap.topPage .contents .contentsNewShop > ul li:first-child > div.shopOkidokiPoint {top: 0;}
/* contentsNewShop特有 /*/

/* shopOkidokiPoint /*/
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li > a img {
  display: block;
  width: 125px;
  margin: 0 auto 14px;
}
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop > ul li > a span {
  display: block;
}
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop div.shopOkidokiPoint {
  position: static;
  display: block;
  text-align: center;
  width: 200px;
  margin: 10px auto;
}
main.okidokiMain > .wrap.topPage .contents .contentsPointUpCampaignShop .campaignShopDate {
  font-size: 12px; font-size: 1.2rem;
  margin: 0 auto;
  width: 200px;
  text-align: center;
}

/* 画像切り替え */
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange {
  font-size: 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #view {
  width: 590px;
  height: 360px;
  overflow: hidden;
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #view p {
  width: 590px;
  height: 360px;
  line-height: 0;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn {
  width: 160px;
  height: 360px;
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn li {
  font-size: 12px; font-size: 1.2rem;
  color: #FFF;
  text-align: center;
  cursor: pointer;
  width: 160px;
  height: 60px;
  line-height: 1.4;
  padding: 15px;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn li:nth-child(odd) {
  background: url('/img/common/images/change_button1.jpg');
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn li:nth-child(even) {
  background: url('/img/common/images/change_button2.jpg');
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn li:hover {
  text-decoration: underline;
}
main.okidokiMain > .wrap.topPage .contents .contentsAdvertiseImageChange #thumbBtn li.active {
  opacity: 0.7;
}

/* ------ shop_mid Page --------------
----------------------------------- */

/* --- main --- */
main.okidokiMain > .wrap.shopMid .contents h2 {
  font-size: 28px; font-size: 2.8rem;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite {
  padding-top: 20px;
  margin-top: 30px;
  border-top: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite .imgSurroundBorder {
  display: table-cell;
  width: 200px;
  height: 200px;
  border: 1px solid #dcdcdc;
  overflow: hidden;
  text-align: center;
  vertical-align: middle;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite .imgSurroundBorder img {
  border: 0;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite ul {font-size: 0;}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li {
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a  {
  width: 200px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div {
  margin-top: 8px;
  font-size: 0;
}
/* お気に入りショップボタン */
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a {
  background-color: #f2cece;
  font-size: 0;
  padding: 12px 0;
  box-sizing: border-box;
  display: inline-block;
  text-align: center;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a div.favoriteIcon {
  display: inline-block;
  width: 20px;
  height: 19px;
  vertical-align: top;
  background: url('/img/shop/jcb_images/favorite_shop_add_icon.png') no-repeat left top;
  background-size: 20px 19px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a > span {
  text-align: center;
  margin-left: 6px;
  margin-top: 5px;
  vertical-align: top;
  display: inline-block;
  font-size: 12px; font-size: 1.2rem;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a > span span {
  display: inline-block;
  margin-top: 6px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a:link,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a:visited,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a:hover,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a:active {
  color: #000;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a:hover > img {
  opacity: 1.0;
}
/* on */
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a.favoriteButtonOn {
  background-color: #FFF;
  color: #d61b1b;
  border: 1px solid #dcdcdc;
  padding: 11px 0;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div a.favoriteButtonOn div {
  background: url('/img/shop/jcb_images/favorite_shop_add_icon_on.png') no-repeat left top;
  background-size: 20px 19px;
}
/* toolTip */
main.okidokiMain > .wrap.shopMid .contents div.favoriteTip {
  opacity: 1;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:first-child > div {
  position: relative;
}
main.okidokiMain > .wrap.shopMid .contents div.favoriteTip {
  display: none;
  margin: 0;
  /*padding: 10px;*/
  padding-top: 17px;
  width: 200px;
  height: 73px;
  background: url('/img/shop/jcb_images/fukidashi_200.png') no-repeat center top;
  left: 0;
  bottom: 45px;
  position: absolute;
  box-sizing: border-box;
  color: #000;
  font-size: 12px; font-size: 1.2rem;
  line-height: 1.4;
  text-align: center;
}
/* toolTip /*/
/* お気に入りショップボタン /*/
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:nth-child(2) {
  width: 448px;
  margin: 0 20px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:nth-child(2) > p {
  font-size: 14px; font-size: 1.4rem;
  line-height: 1.6;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:nth-child(2) > p:last-child {
  border-top: 1px dashed #dcdcdc;
  padding-top: 29px;
  margin-top: 29px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:nth-child(2) > p > span {
  font-weight: bold;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:nth-child(2) > p > span > span {
  font-size: 20px; font-size: 2.0rem;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child {
  width: 312px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon {
  position: relative;
  display: inline-block;
  width: 312px;
  height: 122px;
  background: url('/img/shop/jcb_images/point_balloon_bkg.png') no-repeat left top;
  background-size: 312px 122px;
  padding: 15px 0 0;
  box-sizing: border-box;
  text-align: center;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.shopMidBtnWarm {
  margin-left: 7px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child div.shopMidButton {
  margin-top: 0;
}

main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > div {
  min-width: 60px;
  height: 60px;
  margin: 0 5px 0 4px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > div p,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > div span {
  font-size: 40px;
  padding-top: 10px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > p {
  font-size: 16px; font-size: 1.6rem;
  line-height: 1;
  text-align: left;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > p > span {
  font-size: 13px; font-size: 1.3rem;
  color: #000;
  display: inline-block;
  margin-bottom: 5px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon div.shopOkidokiPoint > span {
  font-size: 22px; font-size: 2.2rem;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child > div.pointBalloon > p {
  font-size: 12px; font-size: 1.2rem;
  text-align: center;
  margin-top: 12px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm,
main.okidokiMain > .wrap .contents .shopNotes {font-size: 12px; font-size: 1.2rem;}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm img,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm span,
main.okidokiMain > .wrap .contents .shopNotes span {
  vertical-align: middle;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm img,
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm span:first-child,
main.okidokiMain > .wrap .contents .shopNotes span:first-child {
  margin-right: 6px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm {
  margin-top: 7px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidfavorite li:last-child p.shopMidWarm:last-child,
main.okidokiMain > .wrap .contents .rkHshopAttentionPointPeriod .shopNotes {
  margin-left: 3px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidCampaign,
main.okidokiMain > .wrap.shopMid .contents .shopMidCampaign .shopMidCampaignText {
  margin-top: 70px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidCampaign .shopMidCampaignText {
  margin-bottom: 70px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidCampaign .shopMidCampaignText p {
  line-height: 1.4;
  font-size: 14px; font-size: 1.4rem;
  margin-top: 30px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidCampaign .shopMidCampaignText p:first-child {
  margin-top: 0;
}
main.okidokiMain > .wrap .contents .shopMidCaution {
  font-size: 14px; font-size: 1.4rem;
  border-top: 1px solid #dcdcdc;
  padding-top: 50px;
  margin-top: 50px;
}
main.okidokiMain > .wrap .contents .shopMidCaution h3 {
  font-size: 26px; font-size: 2.6rem;
}
main.okidokiMain > .wrap .contents .shopMidCaution dt {
  font-size: 20px; font-size: 2.0rem;
  font-weight: bold;
  margin-top: 50px;
  margin-bottom: 30px;
}
main.okidokiMain > .wrap .contents .shopMidCaution dd {
  line-height: 1.6;
}
main.okidokiMain > .wrap .contents .shopMidCaution ul.pointTargetList {
  margin-top: 30px;
  margin-bottom: 30px;
}
main.okidokiMain > .wrap .contents .shopMidCaution ul.pointTargetList li:before {
  content: '・';
}
main.okidokiMain > .wrap .contents .shopMidCaution > p {
  margin-top: 50px;
}
main.okidokiMain > .wrap .contents .shopMidCaution > p a {
  margin-left: 12px;
}
main.okidokiMain > .wrap .contents .shopMidCaution ul.shopMidAnnotation.cautionSet li {
  margin-top: 0;
  line-height: 1.6;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidButtonW480.shopMidButton {
  width: 480px;
  margin: 0 auto;
  margin-top: 70px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidButtonW480.shopMidButton > a {
  width: 480px;
  background-image: url('/img/shop/jcb_images/shop_mid_button_w480.png');
  background-size: 480px 85px;
}
main.okidokiMain > .wrap.shopMid .contents .shopMidButtonW480.shopMidButton > a > span:first-child {
  top: 31px;
  left: 135px;
}

/* ------ shop_list Page --------------
------------------------------------ */
main.okidokiMain > .wrap.shopList .contents .shopListAll {
  width: 740px;
  margin: 50px 0;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > h3 {
  font-size: 26px; font-size: 2.6rem;
  margin-bottom: 20px;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul li {
  font-size: 0;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul li:first-child {
  padding-top: 0;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul > li > div.shopListsImgTxtArea {
  width: 575px;
  display: table;
  font-size: 1.4rem;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul > li > div.shopListsImgTxtArea > a.shopListsImg {
  width: 125px;
  display: table-cell;
  vertical-align: middle;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul > li > div.shopListsImgTxtArea > a.shopListsTxt {
  display: table-cell;
  vertical-align: middle;
  line-height: 1.6;
  padding-left: 20px;
  width: 100%;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll .shopListEachLine > ul li div.shopOkidokiPoint {
  position: absolute;
  top: 38px;
  right: 0;
}
main.okidokiMain > .wrap.shopList .contents .shopListAll p.shopListAllMsg {
  font-size: 1.4rem;
  margin-top: 30px;
}

/* ------ mypage --------------
---------------------------- */

/* --- main --- */
main.okidokiMain > .wrap.mypage .contents h3 {
  font-size: 26px; font-size: 2.6rem;
  margin-top: 70px;
  margin-bottom: 30px;
}
/* sidebar */
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop {
  padding: 20px 10px;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > div {
  font-size: 0;
  padding-left: 6px;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > div img {
  display: inline-block;
  width: 44px;
  margin-right: 15px;
  vertical-align: bottom;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > div p {
  display: inline-block;
  font-size: 13px; font-size: 1.3rem;
  color: #d61b1b;
  font-weight: bold;
  line-height: 1.6;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > p.mypageShopAddText {
  font-size: 12px; font-size: 1.2rem;
  margin-top: 19px;
  line-height: 1.6;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > p:last-child {
  font-size: 12px; font-size: 1.2rem;
  line-height: 1.4;
  margin-top: 19px;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists {
  position: relative;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li {
  font-size: 0;
  /*border-top: 1px solid #dcdcdc;*/
  border-bottom: 1px solid #dcdcdc;
  padding: 10px 10px 10px 0;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li:first-child {
  /*border-bottom: 1px solid #dcdcdc;*/
  border-top: 1px solid #dcdcdc;
  /*margin-bottom: 20px;*/
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li:last-child {
  margin-bottom: 20px;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a {
  display: inline-block;
  font-size: 0;
  width: 88%;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a .mypageFavoriteShopListsImg {
  display: inline-block;
  width: 50px;
  height: 50px;
  vertical-align: middle;
  overflow: hidden;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a .mypageFavoriteShopListsImg img {
  width: 100%;
  height: auto;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a .mypageFavoriteShopListsName {
  display: inline-block;
  font-size: 12px; font-size: 1.2rem;
  margin-left: 15px;
  width: 58%;
  vertical-align: middle;
  line-height: 1.6;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a:link .mypageFavoriteShopListsName,
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > a:hover .mypageFavoriteShopListsName {
  text-decoration: underline;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete {
  display: inline-block;
  font-size: 12px; font-size: 1.2rem;
  vertical-align: middle;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete a:visited {
  color: #000;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete a:link,
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete a:visited {
  text-decoration: none;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete a:hover,
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShopLists > ul li > div.favoriteShopDelete a:active {
  text-decoration: underline;
  color: #d61b1b;
}

/* 確認ダイアログ */
/*#confirmOverlay {
  position: static;
}*/
/* 確認ダイアログ /*/
/* sidebar /*/

main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop > p:last-child:before {
  content: '>  ';
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop.mypageFavoriteShopOn {
  border-bottom: 1px solid #dcdcdc;
  padding-top: 0;
}
main.okidokiMain > .wrap.mypage .sideBar .mypageFavoriteShop.mypageFavoriteShopOn p:first-child {
  margin-top: 0;
}
main.okidokiMain > .wrap.mypage .contents .mypageRegistrationCard {
  font-size: 14px; font-size: 1.4rem;
  border: 1px solid #dcdcdc;
  width: 718px;
  background-color: #f0f0f0;
  padding: 15px;
  margin-bottom: 30px;
}
main.okidokiMain > .wrap.mypage .contents .mypageRegistrationCard > p {
  text-indent: -8em;
  padding-left: 8em;
  line-height: 1.6;
}
main.okidokiMain > .wrap.mypage .contents .mypageRegistrationCard span {
  font-size: 20px; font-size: 2.0rem;
  font-weight: bold;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > div.historyPullDownArea form {
  font-size: 0;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > div.historyPullDownArea input[type="submit"] {
  background-color: #000000;
  color: #FFF;
  border: none;
  font-size: 14px; font-size: 1.4rem;
  width: 50px;
  height: 40px;
  text-align: center;
  cursor: pointer;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > div.historyPullDownArea form > p {
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > div.historyPullDownArea form > p:first-child {
  width: 180px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > div.historyPullDownArea form > p:last-child {
  width: 50px;
  margin-left: 10px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table {
  border: 1px solid #dcdcdc;
  width: 750px;
  box-sizing: border-box;
  margin-top: 20px;
  table-layout: fixed;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table thead tr,
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child {
  background-color: #f0f0f0;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table th,
main.okidokiMain > .wrap.mypage .contents .pointHistory > table td {
  padding: 15px;
  text-align: left;
  font-size: 14px; font-size: 1.4rem;
  vertical-align: middle;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table td {
  word-wrap: break-word;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr th:first-child,
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr td:first-child {
  width: 150px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr th:nth-child(2),
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr td:nth-child(2) {
  width: auto;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr th:nth-child(3),
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr td:nth-child(3) {
  width: 100px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr th:nth-child(4),
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tr td:nth-child(4) {
  width: 180px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table th {
  border: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table td {
  border: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child td:first-child {font-weight: bold;}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table td:last-child,
main.okidokiMain > .wrap.mypage .contents .pointHistory > table td:nth-last-child(2),
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child td:first-child {
  text-align: right;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child td:first-child {
  width: 580px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child td:nth-child(2) {
  width: 80px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > table tbody tr:last-child td:last-child {
  width: 90px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > p {
  font-size: 14px; font-size: 1.4rem;
  margin: 20px 0 30px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > p:last-child {
  margin: 30px 0 0 10px;
}
main.okidokiMain > .wrap.mypage .contents .pointHistory > p:last-child:before {
  content: '>';
  margin-right: 10px;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div {
  display: table;
  width: 100%;
  text-align: center;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div {
  display: table-row;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div > div {
  display: table-cell;
  width: 33%;
  padding: 0 20px;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div:first-child > div {
  font-size: 14px; font-size: 1.4rem;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div:first-child > div img {
  display: block;
  width: 100px;
  margin: 0 auto 15px;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div > div > p {
  font-size: 12px; font-size: 1.2rem;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div:first-child span {
  line-height: 1.6;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div > div:nth-child(2) {
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div > div:nth-child(2) {
  width: 34%;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div:last-child > div {
  padding-top: 20px;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange > div > div:last-child > div > p:nth-child(2) {
  margin: 8px 0;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange div.pointCumulative,
main.okidokiMain .wrap .contents div.pointCumulativeCmn {
  background-color: #f0f0f0;
  border: 1px solid #dcdcdc;
  padding: 15px;
  box-sizing: border-box;
  text-align: left;
  font-size: 14px; font-size: 1.4rem;
  line-height: 1.6;
  margin-top: 30px;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange div.pointCumulative a,
main.okidokiMain .wrap .contents div.pointCumulativeCmn a {
  display: table-cell;
  vertical-align: top;
}
main.okidokiMain > .wrap.mypage .contents .pointExchange div.pointCumulative span:before,
main.okidokiMain .wrap .contents div.pointCumulativeCmn span:before {
  content: '>';
  display: table-cell;
  padding-right: 10px;
}

/**** 楽天高料率トップページ ****/
main.okidokiMain > .wrap.rkHshopTop .contents h2 {
  font-size: 2.6rem;
  margin-top: 70px;
  margin-bottom: 30px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopBnr {
  margin-bottom: 30px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists {
  display: table;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists {
  width: 100%;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow {
  border-top: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.rkHshopAttentionLists ul.rkHshopAttentionListsRow:first-child {
  border-top: none;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsCell {
  display: table-cell;
  padding: 0 25px;
  box-sizing: border-box;
  text-align: center;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell {
  font-size: 1.4rem;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell > a,
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists,
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell a.rkHshopListsTxt > span {
  display: block;
  border-bottom: 1px dashed #dcdcdc;
  padding-bottom: 9px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > a > span,
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsTxt {
  display: block;
  margin-top: 15px;
  line-height: 1.6;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 128px;
  height: 128px;
  display: block;
  margin: 0 auto;
}
.contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsTxt > span {display: block;}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsCell {
  width: 333px;
  box-sizing: border-box;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsCell:nth-child(2) {
  width: 334px;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionName,
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopListsCategory {
  font-size: 1.2rem;
  line-height: 1.6;
  padding-top: 10px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionPointShopArea {
  padding-top: 15px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionPointShopArea .shopOkidokiPoint {
  float: left;
}
main.okidokiMain > .wrap.rkHshopTop .contents .shopMidButton {
  float: right;
  width: 146px;
  height: 48px;
  margin: 0;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell div.rkHshopAttentionPointPeriod {
  font-size: 1.2rem;
  margin-top: 15px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell div.rkHshopAttentionPointPeriod p:first-child {
  line-height: 1.6;
  margin-bottom: 8px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell {
  padding-bottom: 25px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell {
  padding-top: 25px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.rkHshopAttentionLists ul.rkHshopAttentionListsRow:first-child .rkHshopAttentionListsCell {
  padding-top: 0;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.rkHshopAttentionLists ul.rkHshopAttentionListsRow:last-child .rkHshopAttentionListsCell {
  padding-bottom: 0;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention.rkHshopRecommendation {
  margin-bottom: 70px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention.rkHshopRecommendation .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > a > span {
  margin-top: 0;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention.rkHshopRecommendation .rkHshopAttentionLists .rkHshopAttentionListsRow:first-child .rkHshopAttentionListsCell > a > span {
  margin-top: 15px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .shopMidCaution,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .shopMidCaution {
  border-top: none;
  padding-top: 0;
  margin-top: 70px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .shopMidCaution .cautionSet,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .shopMidCaution .cautionSet {
  margin-top: 30px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .shopMidCaution ul.shopCautionRkLists,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .shopMidCaution ul.shopCautionRkLists {
  margin-top: 30px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .shopMidCaution dl p:nth-last-child(2),
main.okidokiMain > .wrap.rkHshopSearchPage .contents .shopMidCaution dl p:nth-last-child(2) {
  margin-top: 30px;
}

/**** 楽天高料率ショップ検索結果ページ ****/
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopOverall:first-child {
  margin-bottom: 30px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult ul.shopListNavi {
  width: 100%;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult ul.shopListNavi li {
  width: 159px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult ul.shopListNavi li a {
  width: 159px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult ul.shopListNavi li a > span {
  width: 158px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult ul.shopListNavi li:last-child {
  width: 682px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists {
  margin-top: 10px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists ul {
  width: 100%;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists li {
  border-bottom: 1px solid #dcdcdc;
  padding: 20px 0 30px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists .rkHshopResultLeft {
  float: left;
  width: 51%;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists .rkHshopResultLeft > p:first-child {
  font-size: 1.4rem;
  margin: 10px 0 19px;
  line-height: 1.6;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists .rkHshopResultLeft > p:last-child {
  font-size: 1.2rem;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultLists .rkHshopResultRight {
  float: right;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPointBtnArea {
  float: right;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPointBtnArea .shopOkidokiPoint {
  display: inline-block;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPointBtnArea .shopMidButton {
  display: inline-block;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPointBtnArea .shopMidButton > a {
  background: url('/img/shop/jcb_images/shop_mid_button_w176.png');
  width: 176px;
  height: 48px;
  background-size: 176px 48px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPeriodNotesArea {
  clear: both;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPeriodNotesArea p {
  display: inline-block;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .rkHshopResultRight .rkHshopResultPeriodNotesArea p:first-child {
  font-size: 1.2rem;
  margin-right: 25px;
  vertical-align: middle;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation {
  margin-top: 50px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation ul {
  font-size: 0;
  text-align: center;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li {
  display: inline-block;
  width: 40px;
  /*height: 40px;*/
  margin-left: 10px;
  font-size: 1.4rem;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li:first-child {
  margin-left: 0;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a {
  display: block;
  width: 38px;
  height: 38px;
  border: 1px solid #dcdcdc;
  line-height: 38px;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a:hover,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li.shopPageActive a {
  border: 1px solid #d61b1b;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li.shopPageActive a {
  color: #d61b1b;
}
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a:link,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a:visited,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a:hover,
main.okidokiMain > .wrap.rkHshopSearchPage .contents .rkHshopSearchResult .shopPageNation li a:active {
  text-decoration: none;
}

/**** Cookieエラー ****/
main.okidokiMain > .wrap .contents.sideBarNone .cookieErrorMsg {
  font-size: 1.4rem;
  line-height: 1.6;
  /*min-height: 400px;*/
}
main.okidokiMain > .wrap .contents.sideBarNone .cookieErrorMsg:before {
  content: '・';
  display: table-cell;
  width: 1em;
}
main.okidokiMain > .wrap .contents.sideBarNone .cookieErrorMsg span {
  display: table-cell;
}

/**** 倍率確認 ****/
main.okidokiMain > .wrap.permitShop .contents p.permitShopText {
  font-size: 1.4rem;
  line-height: 1.6;
}
main.okidokiMain > .wrap.permitShop .contents div.grayBorderBkg section h3 {
  margin-bottom: 6px;
}
main.okidokiMain > .wrap.permitShop .contents .permitShopBtnArea {
  text-align: center;
  margin-top: 40px;
}
/*main.okidokiMain > .wrap.permitShop .contents .permitShopBtnArea button.buttonRed[type="submit"] {
  padding: 0 10px;
}*/
main.okidokiMain > .wrap.permitShop .contents button.btn.btn-primary {
  margin-bottom: 0;
}

/**** 期間限定優待ショップログイン ****/
main.okidokiMain > .wrap.limitShop .contents .grayBorderBkg {
  padding: 30px 15px;
}
main.okidokiMain > .wrap.limitShop .contents form {font-size: 0;}
main.okidokiMain > .wrap.limitShop .contents form > div {
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain > .wrap.limitShop .contents form > div.limitShopSubmit {
  float: right;
}
main.okidokiMain > .wrap.limitShop .contents .limitShopNormal {
  font-size: 1.4rem;
  text-align: right;
  margin-top: 10px;
}
main.okidokiMain > .wrap.limitShop .contents .limitShopNormal a {margin-left: 5px;}
main.okidokiMain > .wrap.limitShop .contents .mailMagaGuide {
  margin-top: 30px;
}
main.okidokiMain > .wrap.limitShop .contents .mailMagaGuide .mailMagaGuideInner > div p.mailMagaGuideText {
  font-size: 1.4rem;
  margin-right: 20px;
  max-width: 620px;
}

/* 特集ページ */
main.okidokiMain > .wrap .contents.featureTop .featurePeriod {
  background-color: #d61b1b;
  padding: 10px;
}
main.okidokiMain > .wrap .contents.featureTop .featurePeriod p {
  font-size: 1.4rem;
  color: #FFF;
  margin: 0;
  padding: 0;
}
main.okidokiMain > .wrap .contents.featureTop ul.cautionSet.featureCaution {
  margin: 10px 0 20px;
}
main.okidokiMain > .wrap .contents.featureTop ul.cautionSet.featureCaution > li {
  margin-top: 5px;
}
main.okidokiMain > .wrap .contents.featureTop .rkHshopBnr {
  margin-bottom: 20px;
}
main.okidokiMain > .wrap .contents.featureTop .rkHshopAttention > div:first-child {
  margin-top: 0;
}
main.okidokiMain > .wrap .contents.featureTop .rkHshopAttention .rkHshopBnr {
  margin-bottom: 10px;
}
main.okidokiMain > .wrap .contents.featureTop .shopMidCaution dt {
  font-size: 1.4rem;
  font-weight: normal;
}
main.okidokiMain > .wrap .contents.featureTop .shopMidCaution ul.cautionLists li:before {
  content: '>';
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 226px;
  height: 188px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.campaignBlock .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists {
  border: none;
  padding-bottom: 0;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 300px;
  height: 250px;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsTxt,
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionName,
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.campaignBlock .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionPointShopArea {
  padding-left: 25px;
  padding-right: 25px;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention .rkHshopAttentionLists .rkHshopAttentionListsCell {
  padding: 0;
}
main.okidokiMain > .wrap .contents.featureTop .rkHshopAttention div.featureBlock {
  margin-top: 50px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.featureBlock div.contentsTitleArea {
  margin-bottom: 25px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsCell {
  width: 250px;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsCell:nth-child(3) {
  border-right: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.rkHshopTop .contents .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionPointShopArea > div,
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionPointShopArea > div {
  float: none;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > div {
  width: 180px;
  margin: 0 auto;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > p.rkHshopAttentionName {
  padding-left: 30px;
  padding-right: 30px;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 180px;
  height: 180px;
}
main.okidokiMain > .wrap.rkHshopTop .contents.featureTop .rkHshopAttention div.featureBlock div.shopMidButton.shopMidButtonH48,
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.campaignBlock div.shopMidButton.shopMidButtonH48 {
  width: 146px;
  margin: 20px auto 0;
}

/* 幅850 */
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 226px;
  height: 188px;
}
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsTxt,
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents .rkHshopAttention div.campaignBlock .rkHshopAttentionLists ul.rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionPointShopArea {
  padding-left: 0;
  padding-right: 0;
  width: 226px;
  margin-left: auto;
  margin-right: auto;
}
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.campaignBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell .rkHshopAttentionName {
  padding-left: 22px;
  padding-right: 22px;
}
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > .rkHshopLists > a.rkHshopListsImg {
  width: 150px;
  height: 150px;
}
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > div {
  width: 150px;
}
main.okidokiMain > .wrap.rkHshopTop.wrapW850 .contents.featureTop .rkHshopAttention div.featureBlock .rkHshopAttentionLists .rkHshopAttentionListsRow .rkHshopAttentionListsCell > p.rkHshopAttentionName {
  padding-left: 29px;
  padding-right: 29px;
}

/**** ご利用ガイド ****/
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi {margin-bottom: 50px;}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi ul {
  font-size: 0;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li {
  display: inline-block;
  width: 167px;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:first-child,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:nth-child(2) {
  width: 166px;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a {
  font-size: 1.4rem;
  display: block;
  background-color: #f0f0f0;
  border-top: 1px solid #dcdcdc;
  border-bottom: 1px solid #dcdcdc;
  box-sizing: border-box;
  width: 167px;
  text-align: center;
  padding: 10px 0;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:first-child a {
  border-left: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:last-child a {
  border-right: 1px solid #dcdcdc;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:first-child a,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:nth-child(2) a {
  width: 166px;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span {
  display: block;
  border-right: 1px solid #dcdcdc;
  padding: 10px 0;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li:last-child a > span {
  border-right: none;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span:first-child {
  margin-right: 5px;
  transform: rotate(90deg);
  display: inline-block;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt {
  font-weight: bold;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a:link,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a:visited,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a:hover,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a:active {
  text-decoration: none;
  color: #000;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt:link,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt:visited {
  text-decoration: underline;
  color: #000;
}
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt:hover,
main.okidokiMain > .wrap.guidePage .contents .guidePageNavi li a > span > span.guidePageNaviTxt:active {
  text-decoration: underline;
  color: #d61b1b;
}
main.okidokiMain .mainInnerOne {
  background-color: #fff9f2;
  border-top: 1px solid #e6d2b8;
  border-bottom: 1px solid #e6d2b8;
}
main.okidokiMain .mainInnerOne,
main.okidokiMain .mainInnerTwo {
  padding-top: 80px;
  padding-bottom: 80px;
}
main.okidokiMain #guide6.mainInnerTwo {
  padding-bottom: 0;
}
main.okidokiMain .wrap.guidePage .contents h3 {
  text-align: center;
  margin-bottom: 60px;
}
main.okidokiMain .wrap.guidePage .contents h3 span {
  font-size: 2.6rem;
  font-weight: bold;
  border-bottom: 4px solid #000000;
  padding-bottom: 20px;
  display: inline-block;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle {
  position: relative;
  margin-bottom: 30px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > ul {
  font-size: 0;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > ul li {
  display: inline-block;
  background-color: #FFF;
  color: #d61b1b;
  border-radius: 30px;
  border: 4px solid #d61b1b;
  font-size: 1.8rem;
  font-weight: bold;
  width: 302px;
  text-align: center;
  padding: 5px 0;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > ul li > span {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.2rem;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > ul li:nth-child(2) {
  margin: 0 35px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > img {
  display: block;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > img:first-child {
  position: absolute;
  top: 11px;
  left: 310px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupTitle > img:first-child + img {
  position: absolute;
  top: 11px;
  left: 655px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists ul {
  display: table;
  width: 100%;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists > ul > li {
  display: table-cell;
  width: 33%;
  text-align: center;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists > ul > li:nth-child(2) {
  width: 34%;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  box-sizing: border-box;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists > ul > li > .flowSetupListsInner {
  width: 310px;
  margin: 0 auto;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists > ul > li > .flowSetupListsInner > img {
  width: 310px;
  display: inline-block;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner .mailMagaGuideButton {
  margin-bottom: 30px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner p.flowSetupTxt,
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists > li,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn > li {
  font-size: 1.4rem;
  text-align: left;
  line-height: 1.6;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn {
  font-size: 0;
  margin: 20px 0;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists > li:before,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn li:before {
  content: '・';
  display: table-cell;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists > li > span,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn > li > span {
  display: table-cell;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists.flowAnnotation,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn
 {
  margin-bottom: 0;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists.flowAnnotation > li:before,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn > li:before {
  content: '>';
  transform: rotate(90deg);
  margin-right: 8px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupLists .flowSetupListsInner ul.flowSetupTxtLists.flowAnnotation > li > span,
main.okidokiMain .wrap .contents ul.iconTxtOtherPtn > li > span {
  padding-left: 8px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure {
  margin-top: 80px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure .procedureSet {
  margin-top: 60px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure .procedureTxt {
  float: left;
  width: 310px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure .procedureTxt > p.procedureTxtTitle {
  font-weight: bold;
  font-size: 2.0rem;
  margin-bottom: 30px;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure .procedureTxt > p:last-child {
  font-size: 1.4rem;
  line-height: 1.6;
}
main.okidokiMain .mainInnerOne > .wrap.guidePage .contents .guidePageFlow .flowSetupProcedure .procedureImg {
  float: right;
  width: 660px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckArea > div:first-child {
  font-size: 0;
  float: left;
  margin: 0 20px 30px 0;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckArea > div:last-child {
  float: right;
  width: 370px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckBalloon {
  background: url('/img/guide/images/method_check_bkg.png') no-repeat left top;
  width: 100px;
  height: 59px;
  background-size: 100px 59px;
  color: #FFF;
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  margin-right: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckBalloon,
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt {
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckBalloon {
  width: 100px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckBalloon > p {
  padding-top: 19px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt img.footerIcon {
  margin-left: 7px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt > p.methodCheckTxtTitle {
  font-size: 1.6rem;
  font-weight: bold;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt > p:last-child {
  font-size: 1.4rem;
  line-height: 1.6rem;
  margin-top: 18px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt > p:last-child a {
  display: table-cell;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodCheckTxt > p:last-child > span:before {
  content: '>';
  display: table-cell;
  padding-right: 10px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodIdArea,
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .guideMethodBtm h4.methodIdTake {
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea {
  display: table;
  width: 100%;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod h4.methodIdTake {
  font-size: 2.0rem;
  font-weight: bold;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod p.methodIdTxt {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 25px 0 30px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod p.methodIdSmallTitle {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.6;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea {
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea .methodBtmLeft,
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea .methodBtmright {
  display: table-cell;
  width: 50%;
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea .methodBtmLeft {
  padding-right: 25px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea .methodBtmright {
  border-left: 1px solid #dcdcdc;
  box-sizing: border-box;
  padding-left: 25px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .guideMethodBtm {
  border-top: 1px solid #dcdcdc;
  padding-top: 30px;
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guidePageMethod .methodBtmTakeArea p.methodIdTxt {
  text-align: left;
}
main.okidokiMain .wrap.guidePage .contents h4.guideSmallTitle2 {
  font-size: 2.0rem;
  font-weight: bold;
  margin-bottom: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .doubleStickArea {
  width: 100%;
  margin-bottom: 40px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .doubleStickArea > div {
  display: table-cell;
  vertical-align: top;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .doubleStickArea > div:first-child {
  background-color: #FFF;
  border-radius: 10px;
  border: 3px solid #f7d1d1;
  padding: 12px 0;
  width: 194px;
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .doubleStickArea > div:last-child {
  font-size: 1.4rem;
  line-height: 1.6;
  padding-left: 20px;
  vertical-align: middle;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .pointStickExampleTitle {
  font-size: 1.6rem;
  font-weight: bold;
  width: 100%;
  margin-bottom: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .pointStickExampleTitle > div {
  display: table-cell;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .pointStickExampleTitle > div:first-child {
  background: url('/img/guide/images/guide_example_bkg.png') no-repeat left top;
  width: 80px;
  height: 40px;
  background-size: 80px 40px;
  color: #FFF;
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .pointStickExampleTitle > div:first-child > span {
  display: block;
  padding-top: 8px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .pointStickExampleTitle > div:last-child {padding-left: 10px;}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dt {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd {
  font-size: 0;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea,
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd > img {
  display: inline-block;
  vertical-align: middle;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea {
  width: 290px;
  background: #FFF url('/img/guide/images/guide_gold_ten.png') no-repeat right 26px center;
  border-radius: 10px;
  border: 3px solid #e5e5e5;
  background-size: 69px 53px;
  min-height: 53px;
  font-size: 1.4rem;
  font-weight: bold;
  padding: 15px 0 15px 17px;
  box-sizing: border-box;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea > p:last-child {
  font-size: 1.8rem;
  position: relative;
  top: 5px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea > p > span.pointTenNum {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.2rem;
  margin-right: 2px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point190Area > p:last-child {
  color: #d61b1b;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea > p > span.pointBrackets {
  font-size: 1.4rem;
  margin-left: 2px;
  color: #000;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point190Area {
  background: #FFF url('/img/guide/images/guide_gold_190.png') no-repeat right 5px center;
  background-size: 99px 70px;
  height: 105px;
  border: 3px solid #d61b1b;
  padding-top: 0 ;
  padding-bottom: 0 ;
}

main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointBonus {
  position: relative;
  top: 3px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point200Area {
  background: #d61b1b url('/img/guide/images/guide_gold_200.png') no-repeat right 8px center;
  background-size: 113px 78px;
  height: 105px;
  padding-top: 0;
  padding-bottom: 0;
  border: none;
  color: #FFF;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point200Area > p:first-child {
  font-size: 1.8rem;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point200Area > p > span.pointTenNum {
  /*font-size: 4.6rem;*/
  font-size: 4.0rem;
  letter-spacing: -0.01em;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point190Area,
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl dd .pointTenArea.point200Area {
  padding-top: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick dl img.pointPlus {
  margin: 0 10px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick ul.historyCaution {
  margin-top: 30px;
  margin-bottom: 50px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick ul.historyCaution li,
main.okidokiMain .wrap.guidePage .contents .pointConfirm  ul.historyCaution li {
  margin-top: 5px;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick ul.historyCaution li:first-child,
main.okidokiMain .wrap.guidePage .contents .pointConfirm  ul.historyCaution li:first-child {
  margin-top: 0;
}
main.okidokiMain .wrap.guidePage .contents .guidePointStick .doubleStickArea.pointEvenness > div:first-child {
  border: 3px solid #bfdef1;
}
main.okidokiMain .wrap.guidePage .contents .pointCumulativeCmn > p {
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}
main.okidokiMain .wrap.guidePage .contents .pointCumulativeCmn > span {
  margin-left: 1em;
}
main.okidokiMain .wrap.guidePage .contents .pointConfirm > div > img {
  display: block;
  margin: 30px 0 35px;
}
main.okidokiMain .wrap.guidePage .contents .pointConfirm .mailMagaGuideButton {
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .pointConfirm .pointCumulativeCmn {
  margin-top: 50px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea {
  display: table;
  width: 100%;
  margin-bottom: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea,
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartFpArea {
  display: table-cell;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea {
  width: 666px;
  border-right: 1px solid #dcdcdc;
  font-size: 0;
  box-sizing: border-box;
  padding-left: 10px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartFpArea {
  width: 334px;
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartAreaBtm {
  margin-top: 30px;
  height: 182px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea .smartAreaBtm .smartSpBlueBalloon {
  font-size: 0;
  background: url('/img/guide/images/guide_blue_Balloon_bkg.png') no-repeat left top;
  width: 190px;
  height: 110px;
  background-size: 190px 110px;
  padding: 14px 20px 0 20px;
  box-sizing: border-box;
  display: inline-block;
  vertical-align: top;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea .smartAreaBtm > img {
  display: inline-block;
  width: 202px;
  vertical-align: bottom;
  margin: 0 35px 0 30px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea .smartAreaBtm > img + img {
  width: 111px;
  margin: 0;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea .smartSpBlueBalloon > p {
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
  color: #FFF;
  line-height: 1.6;
  text-align: center;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartSpArea .smartSpBlueBalloon > img {
  display: inline-block;
  float: right;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartFpArea {
  position: relative;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartFpArea .smartAreaBtm > img:first-child {
  position: absolute;
  bottom: 0;
  left: 67px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartSpFpArea .smartFpArea .smartAreaBtm > img:last-child {
  position: absolute;
  bottom: 0;
  left: 155px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart ul.cautionSet {
  text-align: center;
  margin-top: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart ul.cautionSet > li {
  margin-top: 5px;
  display: inline-block;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart ul.cautionSet > li > span:first-child {
  width: 3.0em;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea {
  border-top: 1px solid #dcdcdc;
  padding-top: 30px;
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea ul {
  display: table;
  width: 100%;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea ul li {
  display: table-cell;
  width: 50%;
  box-sizing: border-box;
  padding-top: 20px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea ul li:first-child {
  border-right: 1px solid #dcdcdc;
  padding-right: 25px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea ul li:nth-child(2) {
  padding-left: 25px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea p.smartTwoImg {
  text-align: center;
  margin: 20px 0;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea .mailMagaGuideButton {
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .guideSmart .smartTwoArea .hrContour {
  margin: 30px 0;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.pointExchangeLists {
  display: table;
  width: 100%;
  margin: 30px 0;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.pointExchangeLists li {
  display: table-cell;
  width: 33%;
  text-align: center;
  padding-top: 20px;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.pointExchangeLists li:nth-child(2) {
  width: 34%;
  border-left: 1px solid #dcdcdc;
  border-right: 1px solid #dcdcdc;
  box-sizing: border-box;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.pointExchangeLists li > img {
  display: inline-block;
  margin-top: 30px;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.cautionSet li {
  margin-top: 5px;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange ul.cautionSet li:first-child {
  margin-top: 0;
}
main.okidokiMain .wrap.guidePage .contents .pointExchange .mailMagaGuideButton {
  margin-top: 20px;
}

/**** Oki Doki ランド とは ****/
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title {
  font-size: 0;
  text-align: center;
  margin-top: 45px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title .aboutThreeMinutes {
  background: url('/img/guide/images/about_red_balloon.png') no-repeat left top;
  font-size: 1.6rem;
  color: #FFF;
  font-weight: bold;
  text-align: center;
  width: 145px;
  height: 50px;
  background-size: 145px 50px;
  margin-right: 15px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title .aboutThreeMinutes > p {
  padding-top: 5px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title .aboutThreeMinutes span {
  font-family: 'Montserrat', sans-serif;
  font-size: 2.8rem;
  font-weight: normal;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title .aboutThreeMinutes,
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title h2 {
  display: inline-block;
  vertical-align: middle;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title h2 img,
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title h2 span {
  display: inline-block;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title h2 img {
  margin-right: 8px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH2Title h2 span {
  font-size: 3.4rem;
  font-weight: 800;
  color: #d61b1b;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH3Title {
  text-align: center;
  margin-top: 60px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH3Title:before {
  content: '';
  border-top: 2px solid #d61b1b;
  display: block;
  width: 725px;
  margin: 0 auto;
  position: relative;
  top: 21px;
  z-index: -1;
}
main.okidokiMain .wrap.aboutOkidoki .contents .aboutH3Title > div {
  background-color: #d61b1b;
  border-radius: 19px;
  padding: 10px 20px;
  color: #FFF;
  font-size: 2.0rem;
  text-align: center;
  font-weight: bold;
  display: inline-block;
}
main.okidokiMain .aboutFirstContents {
  padding-top: 45px;
  padding-bottom: 80px;
}
main.okidokiMain .wrap.aboutOkidoki h4.aboutH4Title {
  font-weight: 700;
  font-size: 2.9rem;
  text-align: center;
}
main.okidokiMain .wrap.aboutOkidoki h4.aboutH4Title > span {
  display: inline-block;
  vertical-align: text-top;
}
main.okidokiMain .wrap.aboutOkidoki h4.aboutH4Title > span.aboutTxtTakeImg {
  margin-top: 24px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists {
  font-size: 0;
  margin-top: 50px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li {
  display: inline-block;
  text-align: center;
  vertical-align: top;
  width: 33.33333333333%;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div {
  background: url('/img/guide/images/about_bdr_red_balloon.png') no-repeat center top;
  width: 240px;
  height: 260px;
  background-size: 240px 260px;
  margin: 0 auto;
  position: relative;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div > img,
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div > span {
  display: block;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div > img {
  margin: 0 auto;
  padding-top: 36px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div > span {
  margin-top: 25px;
  line-height: 1.6;
  font-size: 2.0rem;
  color: #d61b1b;
  font-weight: 800;
  line-height: 1.3;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li > div > span > span {
  font-family: 'Montserrat', sans-serif;
  /*font-size: 2.2rem;*/
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li:last-child > div > span {
  margin-top: 11px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerOne ul.aboutRedBalloonLists > li ul.iconTxtOtherPtn > li {
  display: inline-block;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo h4.aboutH4Title > span {
  padding-top: 2px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo h4.aboutH4Title > span.dispB {
  padding-top: 0;
  margin-bottom: 20px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo h4.aboutH4Title > span.aboutTxtTakeImg {
  margin: 0;
  padding: 0;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo h4.aboutH4Title > span.kerning {
  margin-left: 3px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists {
  margin-bottom: 90px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul {
  font-size: 0;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopUpper {
  text-align: center;
  margin-top: 90px;
  margin-bottom: 90px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopUpper > li {
  display: inline-block;
  margin-right: 135px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopUpper > li:last-child {
  margin-right: 0;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopBtm  {
  margin-right: -50px;
  margin-top: 60px;
  text-align: center;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopUpper + ul {margin-top: 0;}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerTwo .aboutPopularShopLists ul.aboutPopularShopBtm > li {
  display: inline-block;
  margin-right: 69px;
}
main.okidokiMain .wrap.aboutOkidoki .contents .btn {
  padding-left: 20px;
  padding-right: 20px;
  margin: 0;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree h4.aboutH4Title > span:first-child {
  position: relative;
  top: 36px;
  vertical-align: top;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree h4.aboutH4Title > span.aboutTxtTakeImg {
  margin-top: 0;
  margin-left: 7px;
  vertical-align: bottom;
  width: 161px;
  height: 79px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper {
  margin-top: 80px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div {
  background-color: #FFF;
  border-radius: 10px;
  border: 3px solid #d61b1b;
  width: 750px;
  height: 74px;
  background-size: 156px 94px;
  position: relative;
  margin: 0 auto;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div .aboutStepBalloon {
  background: url('/img/guide/images/about_3step_balloon.png') no-repeat left top;
  width: 120px;
  height: 50px;
  background-size: 120px 50px;
  color: #FFF;
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
  position: absolute;
  top: -23px;
  left: 20px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div > p {
  text-align: center;
  font-weight: 700;
  font-size: 2.6rem;
  line-height: 80px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div > img {
  position: absolute;
  bottom: 0;
  right: 10px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div .aboutStepBalloon > p {
  position: relative;
  top: 4px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > div .aboutStepBalloon span {
  font-family: 'Montserrat', sans-serif;
  font-size: 3.2rem;
  font-weight: normal;
  margin-left: 8px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > p.aboutLines {
  margin: 0 auto;
  text-align: center;
  width: 756px;
  height: 40px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepUpper > p.aboutStepArrow {
  margin: 0 auto;
  text-align: center;
  width: 756px;
  height: 50px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepBtm {
  position: relative;
  width: 1000px;
  height: 410px;
  margin-top: 10px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepBtm > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepBtm > ul.cautionSet {
  position: absolute;
  top: 322px;
  left: 370px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepBtm > ul.cautionSet > li > span:first-child {
  width: 2.5em;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerThree .aboutThreeStepBtm > p > span {
  margin-left: 0.5em;
}
main.okidokiMain .wrap .contents .shopMidButtonW800.shopMidButton {
  width: 800px;
  margin: 30px auto 0;
}
main.okidokiMain .wrap .contents .shopMidButtonW800.shopMidButton > a {
  width: 800px;
  background-image: url('/img/shop/jcb_images/shop_mid_button_w800.png');
  background-size: 800px 85px;
}
main.okidokiMain .wrap .contents .shopMidButtonW800.shopMidButton > a > span:first-child {
  top: 31px;
  left: 135px;
}
main.okidokiMain .wrap .contents div.shopMidButtonW800.shopMidButton > a > span.shopMidBtnText {
  font-size: 3.2rem;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists {
  font-size: 0;
  margin-top: 60px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists > li {
  width: 300px;
  display: inline-block;
  text-align: center;
  vertical-align: top;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists > li:nth-child(3n+2) {
  margin: 0 50px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists > li p.font20BoldRedLhTac {
  margin: 20px 0;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists > li ul.rightAngleIcon
 {
  text-align: left;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFour ul.exceptShopLists > li p.fontLineH {
  margin-bottom: 15px;
  text-align: left;
}
main.okidokiMain .wrap.aboutOkidoki.guidePage .aboutInnerFive .pointExchange {
  margin-top: 60px;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerFive .alignCenter {
  margin-top: 30px;
}
main.okidokiMain .mainInnerOne.mainInnerBalloon {
  padding-top: 0;
}
main.okidokiMain .mainInnerOne.mainInnerBalloon img.mainInnerBalloonImg {
  position: relative;
  top: -1px;
  display: block;
}
main.okidokiMain .wrap.aboutOkidoki .aboutInnerSix p.font20BoldTac {
  margin: 50px 0 20px;
}

/* add */
main.okidokiMain > .wrap.otherPageWrap h2.h2ContentsRedTitle,
main.okidokiMain > .wrap.otherPageWrap h1.h1ContentsRedTitle {
  font-size: 30px;
  font-size: 3.0rem;
  color: #d61b1b;
  margin-bottom: 30px; }
main.okidokiMain > .wrap.otherPageWrap h2.h2ContentsRedTitle small,
main.okidokiMain > .wrap.otherPageWrap h1.h1ContentsRedTitle small {
  font-size: 20px;
  font-size: 2.0rem;
}
main.okidokiMain > .wrap.otherPageWrap .contents {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.8; }
  main.okidokiMain > .wrap.otherPageWrap .contents p {
    margin-bottom: 1em; }
  main.okidokiMain > .wrap.otherPageWrap .contents ol li {
    margin-left: 1.5em; }
  main.okidokiMain > .wrap.otherPageWrap .contents img.footerIcon {
    margin-left: 7px; }
  main.okidokiMain > .wrap.otherPageWrap .contents .guideline {
    background: #f4f4f4;
    border: 1px solid #dcdcdc;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 15px;
    margin-bottom: 40px; }
  main.okidokiMain > .wrap.otherPageWrap .contents .listGroup {
    margin-bottom: 1em; }
    main.okidokiMain > .wrap.otherPageWrap .contents .listGroup li:before {
      content: '>';
      margin-right: 10px; }
  main.okidokiMain > .wrap .contents .errorGroup {
    border: 1px solid #d61b1b;
    color: #d61b1b;
    padding: 10px 15px 8px;
    list-style: disc;
    font-weight: bold; }
  main.okidokiMain > .wrap .contents .errorGroup li {
    margin-left: 1.5em;
    font-size: 1.4rem;
    line-height: 1.8;
  }
  main.okidokiMain > .wrap.otherPageWrap .contents .textCenter {
    text-align: center; }
  main.okidokiMain > .wrap.otherPageWrap .contents .btn {
    overflow: hidden;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1;
    color: #fff;
    background: #000;
    border: none;
    text-decoration: none;
    padding: 20px 60px 17px;
    margin: 10px 0 30px;
    display: inline-block;
    cursor: pointer;
    font-family: inherit;
    white-space: nowrap; }
    main.okidokiMain > .wrap.otherPageWrap .contents .btn:before {
      content: '>';
      margin-right: 10px; }
    main.okidokiMain > .wrap.otherPageWrap .contents .btn:hover {
      opacity: 0.7; }
    main.okidokiMain > .wrap.otherPageWrap .contents .btn.btn-primary {
      background: #d61b1b;
      font-size: 20px;
      font-size: 2.0rem; }
    main.okidokiMain > .wrap.otherPageWrap .contents .btn.btn-defult {
      background: #000;
      font-size: 16px;
      font-size: 1.6rem;
      padding: 15px 15px 13px; }
    main.okidokiMain > .wrap.otherPageWrap .contents .btn.btn-sm {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 15px 15px 7px; }
  main.okidokiMain > .wrap.otherPageWrap .contents .inputform {
    width: 100%; }
    main.okidokiMain > .wrap.otherPageWrap .contents .inputform input[type='text'], main.okidokiMain > .wrap.otherPageWrap .contents .inputform input[type='password'] {
      font-size: 20px;
      font-size: 2.0rem;
      height: 38px;
      padding-left: 5px;
      padding-right: 5px;
      border: 1px solid #dcdcdc;
      box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
      -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
      -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
      -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1) inset;
      -ms-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.1) inset; }
  main.okidokiMain > .wrap.otherPageWrap .contents table.inputform {
    border: 1px solid #dcdcdc;
    box-sizing: border-box;
    margin-top: 20px;
    margin-bottom: 40px;
    table-layout: fixed; }
    main.okidokiMain > .wrap.otherPageWrap .contents table.inputform th {
      background-color: #f4f4f4;
      font-weight: bold;
      width: 285px;
      white-space: nowrap; }
      main.okidokiMain > .wrap.otherPageWrap .contents table.inputform th span {
        display: inline-table;
        vertical-align: middle;
        margin-right: 1em; }
    main.okidokiMain > .wrap.otherPageWrap .contents table.inputform th, main.okidokiMain > .wrap.otherPageWrap .contents table.inputform td {
      padding: 15px 10px 15px 15px;
      text-align: left;
      font-size: 14px;
      font-size: 1.4rem;
      vertical-align: middle;
      box-sizing: border-box;
      word-wrap: break-word;
      border: 1px solid #dcdcdc; }
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt {
    display: block;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    background: #fff;
    width: 100%;
    cursor: pointer;
    margin-top: 20px;
    padding: 12px 110px 10px 70px;
    font-size: 20px;
    font-size: 2.0rem;
    position: relative; }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt:focus {
      outline: 1px dotted;
      outline: -webkit-focus-ring-color auto 5px; }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt:hover {
      color: #d61b1b; }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt span {
      text-decoration: underline; }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt:before {
      content: "";
      position: absolute;
      top: 18px;
      left: 20px;
      height: 23px;
      width: 26px;
      background: url('/img/qa/jcb_images/Q.png') no-repeat;
      background-size: 26px 23px;
    }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt:after {
      content: "";
      position: absolute;
      top: 14px;
      right: 20px;
      height: 30px;
      width: 73px;
      background: url('/img/common/images/open.png') no-repeat;
      background-size: 73px 30px;
    }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt.open {
      background: #f0f0f0;
    }
      main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt.open:after {
        width: 85px;
        background: url('/img/common/images/close.png') no-repeat;
        background-size: 85px 30px;
      }
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dd {
    display: none;
    box-sizing: border-box;
    border: 1px solid #dcdcdc;
    border-top: none;
    background: #fff;
    width: 100%;
    padding: 30px 18px 20px 70px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem; }
    main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dd:before {
      content: "";
      position: absolute;
      top: 20px;
      left: 20px;
      height: 22px;
      width: 27px;
      background: url('/img/qa/jcb_images/A.png') no-repeat;
      background-size: 27px 22px;
    }
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt > a {
    display: block;
  }
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt > a:link,
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt > a:visited {
    color: #000;
  }
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt > a:hover,
  main.okidokiMain > .wrap.otherPageWrap .contents .accordionMenu dt > a:active {
    color: #d61b1b;
  }
  main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation {
    margin-top: 30px; }
    main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul {
      font-size: 0;
      text-align: center; }
      main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li {
        display: inline-block;
        width: 40px;
        margin-left: 10px;
        font-size: 1.4rem; }
        main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li:first-child {
          margin-left: 0; }
        main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li.shopPageActive a {
          border: 1px solid #d61b1b;
          color: #d61b1b; }
        main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a {
          display: block;
          width: 38px;
          height: 38px;
          border: 1px solid #dcdcdc;
          line-height: 38px; }
          main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a:link, main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a:visited, main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a:hover, main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a:active {
            text-decoration: none; }
          main.okidokiMain > .wrap.otherPageWrap .contents .shopPageNation ul li a:hover {
            border: 1px solid #d61b1b; }
  main.okidokiMain > .wrap.otherPageWrap .contents .shopListAll .shopListEachLine > ul li div.shopOkidokiPoint p {
    margin-bottom: 0;
    line-height: inherit; }

main.okidokiMain > .wrap.otherPageWrap .btn#closelink:before {
  display: none; }

main.okidokiMain > .wrap.login h3 {
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 15px; }
main.okidokiMain > .wrap.login .contents {
  float: left;
  width: 690px;
  font-size: 12px;
  font-size: 1.2rem; }
  main.okidokiMain > .wrap.login .contents .btn {
    padding: 14px 20px 12px;
    margin: 0 0 15px; }
  main.okidokiMain > .wrap.login .contents hr {
    display: block;
    border: none;
    border-top: 1px solid #dcdcdc;
    margin: 20px 0 20px; }
  main.okidokiMain > .wrap.login .contents .boxLogin {
    border: 1px solid #dcdcdc;
    background: #f0f0f0;
    padding: 29px 29px 0;
    margin: 0 0 20px; }
    main.okidokiMain > .wrap.login .contents .boxLogin .topCaution {
      border: 1px solid #d61b1b;
      background: #fff;
      padding: 15px 15px 10px;
      margin: 0 0 15px; }
      main.okidokiMain > .wrap.login .contents .boxLogin .topCaution h3 {
        color: #d61b1b; }
      main.okidokiMain > .wrap.login .contents .boxLogin .topCaution ul.message li {
        color: #d61b1b;
        font-size: 1.4rem;
        font-weight: bold;
        list-style: disc;
        margin-left: 1.5em;
         }
    main.okidokiMain > .wrap.login .contents .boxLogin .inputform {
      margin-bottom: 10px; }
      main.okidokiMain > .wrap.login .contents .boxLogin .inputform dt {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: bold;
        clear: both;
        text-align: right;
        padding-right: 10px;
        vertical-align: middle;
        width: 178px;
        line-height: 18px; }
      main.okidokiMain > .wrap.login .contents .boxLogin .inputform dd {
        width: 440px;
        padding-bottom: 15px; }
      main.okidokiMain > .wrap.login .contents .boxLogin .inputform dt, main.okidokiMain > .wrap.login .contents .boxLogin .inputform dd {
        display: inline-block;
        box-sizing: border-box; }
      main.okidokiMain > .wrap.login .contents .boxLogin .inputform input[type='text'], main.okidokiMain > .wrap.login .contents .boxLogin .inputform input[type='password'] {
        width: 438px; }
    main.okidokiMain > .wrap.login .contents .boxLogin input[name='login'] {
      background: #d61b1b;
      padding: 14px 75px 12px;
      font-size: 20px;
      font-size: 2.0rem;
      margin: 10px 0 30px; }
  main.okidokiMain > .wrap.login .contents .cautionGroup {
    list-style: none;
    line-height: 1.8;
    font-size: 12px;
    font-size: 1.2rem;
    text-indent: -2.95em;
    margin-left: 3.0em; }
main.okidokiMain > .wrap.login .sideBar {
  float: right;
  width: 280px; }

main.okidokiMain > .wrap.riskbase .contents h3 {
  font-size: 20px;
  font-size: 2.0rem;
  margin-bottom: 30px;
}
main.okidokiMain > .wrap.riskbase .contents h4 {
  margin-top: 50px;
  margin-bottom: 10px;
}
main.okidokiMain > .wrap.riskbase .contents ul.course {
  list-style: disc;
  margin-bottom: 1em; }
  main.okidokiMain > .wrap.riskbase .contents ul.course li {
    margin-left: 1.5em; }

main.okidokiMain > .wrap.mypage.otherPageWrap h2.h2ContentsRedTitle {
  font-size: 30px;
  font-size: 3.0rem;
  color: #d61b1b;
  margin-bottom: 30px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents h3 {
  font-size: 26px;
  font-size: 2.6rem;
  margin: 0 0 25px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents > .coution {
  margin-bottom: 45px;
  font-size: 14px;
  font-size: 1.4rem; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mypageRegistrationCard {
  width: auto;
  margin-bottom: 20px; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mypageRegistrationCard p {
    margin: 0; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .listGroup {
  margin-bottom: 45px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mailMagaGuide {
  background: url('/img/mypage/jcb_images/mailmaga_guide_bkg.png');
  width: auto;
  height: auto; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mailMagaGuide .mailMagaGuideInner {
    width: auto;
    height: auto; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mailMagaGuide .mailMagaGuideInner > div img {
      float: left !important; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents .mailMagaGuide .mailMagaGuideInner > div p.mailMagaGuideText {
      vertical-align: middle !important;
      display: table-cell;
      color: #d61b1b;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: bold;
      line-height: 1.5em;
      height: 58px;
      padding-left: 20px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .cautionGroup {
  margin-top: 30px;
  margin-bottom: 40px;
  line-height: 1.8;
  text-indent: -3.62em;
  margin-left: 3.0em; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .errorGroup {
  margin-bottom: 20px;}
main.okidokiMain > .wrap.mypage.otherPageWrap .contents h4 {
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 20px;
  font-size: 2.0rem; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform {
  margin-bottom: 50px; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform input[type='text'] + .coution, main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform input[type='password'] + .coution {
    margin-top: 10px; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform hr {
    display: block;
    border: none;
    border-top: 1px dashed #dcdcdc;
    margin: 10px 0 10px; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution {
    margin-bottom: 5px; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution small {
      font-size: 12px;
      font-size: 1.2rem; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution.aboutHtmlMail {
      margin: 10px 0 0;
      padding: 10px 0 0;
      border-top: 1px solid #dcdcdc; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .btnGroup {
  margin-top: 15px; }
  main.okidokiMain > .wrap.mypage.otherPageWrap .contents .btnGroup .btn {
    height: 20px; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents .btnGroup .btn.btn-primary {
      margin-left: 20px; }
    main.okidokiMain > .wrap.mypage.otherPageWrap .contents .btnGroup .btn.btn-sm:last-child {
      margin-left: 20px;
      margin-top: 30px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .btn.btn-sm {
  width: 225px; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .guideline dt {
  font-weight: bold;
  margin-bottom: 1rem; }
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .guideline ul {
  margin-top: 1rem; }

main.okidokiMain > .wrap.qa .contents h4 {
  margin-top: 3em;
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1; }
  main.okidokiMain > .wrap.qa .contents h4:first-child {
    margin-top: 0; }
main.okidokiMain > .wrap.qa .contents h6 {
  font-weight: normal;
  margin-bottom: 1em;
  line-height: 1; }
main.okidokiMain > .wrap.qa .contents .btnGroup {
  margin-top: 15px; }
  main.okidokiMain > .wrap.qa .contents .btnGroup .btn {
    height: 20px; }
    main.okidokiMain > .wrap.qa .contents .btnGroup .btn:last-child {
      margin-left: 20px; }
main.okidokiMain > .wrap.qa .contents .btn.btn-sm {
  width: 290px; }
main.okidokiMain > .wrap.qa .contents .cautionGroup {
  line-height: 1.8;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -3.62em;
  margin-left: 3.0em; }
main.okidokiMain > .wrap.qa .contents .guideline {
  margin-bottom: 0; }
  main.okidokiMain > .wrap.qa .contents .guideline .cautionGroup {
    text-indent: -3.62em;
    margin-left: 3.0em;
    margin-top: 1em; }
main.okidokiMain > .wrap.qa .contents .exGroup {
  border: 1px solid #dcdcdc;
  padding: 10px 15px 10px 18px;
  display: inline-block;
  margin-bottom: 2em;
  margin-top: 1em; }
  main.okidokiMain > .wrap.qa .contents .exGroup h5 {
    margin-bottom: 0.5em; }
  main.okidokiMain > .wrap.qa .contents .exGroup p {
    margin-bottom: 0; }
main.okidokiMain > .wrap.qa .contents .listGroup {
  margin-bottom: 2em;
  padding-left: .7em; }
main.okidokiMain > .wrap.qa .contents table.exTable {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  table-layout: fixed; }
  main.okidokiMain > .wrap.qa .contents table.exTable th {
    background-color: #f4f4f4;
    font-weight: bold; }
  main.okidokiMain > .wrap.qa .contents table.exTable th, main.okidokiMain > .wrap.qa .contents table.exTable td {
    padding: 10px 15px 7px;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
    border: 1px solid #dcdcdc; }

main.okidokiMain > .wrap.news .contents .accordionMenu dt:before {
  background: url('/img/news/jcb_images/i.png') no-repeat;
  background-size: 22px 22px;
}
main.okidokiMain > .wrap.news .contents .accordionMenu dd {
  padding: 20px 17px 5px 17px; }
  main.okidokiMain > .wrap.news .contents .accordionMenu dd:before {
    background: none; }
main.okidokiMain > .wrap.news .contents h4 {
  margin-top: 3em;
  margin-bottom: 1.5em;
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1; }
  main.okidokiMain > .wrap.news .contents h4:first-child {
    margin-top: 0; }
main.okidokiMain > .wrap.news .contents h6 {
  font-weight: normal;
  margin-bottom: 1em;
  line-height: 1; }
main.okidokiMain > .wrap.news .contents .cautionGroup {
  line-height: 1.8;
  font-size: 12px;
  font-size: 1.2rem;
  text-indent: -3.62em;
  margin-left: 3.0em; }
main.okidokiMain > .wrap.news .contents .guideline {
  margin-bottom: 0; }
  main.okidokiMain > .wrap.news .contents .guideline .cautionGroup {
    text-indent: -3.62em;
    margin-left: 3.0em;
    margin-top: 1em; }
main.okidokiMain > .wrap.news .contents .exGroup {
  border: 1px solid #dcdcdc;
  padding: 10px 15px 10px 18px;
  display: inline-block;
  margin-bottom: 2em;
  margin-top: 1em; }
  main.okidokiMain > .wrap.news .contents .exGroup h5 {
    margin-bottom: 0.5em; }
  main.okidokiMain > .wrap.news .contents .exGroup p {
    margin-bottom: 0; }
main.okidokiMain > .wrap.news .contents .listGroup {
  margin-bottom: 2em;
  padding-left: .7em; }
main.okidokiMain > .wrap.news .contents table.exTable {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  table-layout: fixed; }
  main.okidokiMain > .wrap.news .contents table.exTable th {
    background-color: #f4f4f4;
    font-weight: bold; }
  main.okidokiMain > .wrap.news .contents table.exTable th, main.okidokiMain > .wrap.news .contents table.exTable td {
    padding: 10px 15px 7px;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
    border: 1px solid #dcdcdc; }

main.okidokiMain > .wrap.kankyo .contents h4 {
  margin-bottom: 5px;
  text-indent: -.1em; }
main.okidokiMain > .wrap.kankyo .contents > ol div {
  margin-left: -1.8em; }
main.okidokiMain > .wrap.kankyo .contents > ol > li {
  margin-bottom: 1em;
  padding-left: .5em; }
  main.okidokiMain > .wrap.kankyo .contents > ol > li ol.cautionGroup {
    list-style: none;
    padding-top: .5em;
    margin-bottom: 1.5em; }
    main.okidokiMain > .wrap.kankyo .contents > ol > li ol.cautionGroup li {
      line-height: 1.8;
      font-size: 12px;
      font-size: 1.2rem;
      text-indent: -3.7em;
      margin-left: 3.5em; }
  main.okidokiMain > .wrap.kankyo .contents > ol > li > ul {
    list-style-type: disc; }
    main.okidokiMain > .wrap.kankyo .contents > ol > li > ul li {
      text-indent: 0; }
main.okidokiMain > .wrap.kankyo .contents .listGroup {
  list-style: none; }
  main.okidokiMain > .wrap.kankyo .contents .listGroup li {
    margin-left: 1.5em; }
main.okidokiMain > .wrap.kankyo .contents table.table {
  border: 1px solid #dcdcdc;
  box-sizing: border-box;
  table-layout: fixed;
  margin-bottom: 1em; }
  main.okidokiMain > .wrap.kankyo .contents table.table thead th {
    background-color: #f4f4f4; }
  main.okidokiMain > .wrap.kankyo .contents table.table th {
    font-weight: bold; }
  main.okidokiMain > .wrap.kankyo .contents table.table th, main.okidokiMain > .wrap.kankyo .contents table.table td {
    padding: 10px 15px 7px;
    text-align: left;
    font-size: 1.4rem;
    vertical-align: middle;
    box-sizing: border-box;
    word-wrap: break-word;
    border: 1px solid #dcdcdc; }

main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts {
  margin-top: 0;
  /*overflow: hidden;*/ }
  main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul {
    font-size: 0;
    display: table;
    width: 778px;
    table-layout: fixed;
    margin-left: -12.5px;
    margin-right: -12.5px;
    clear: both; }
    main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul:after {
      content: "";
      clear: both;
      display: block; }
    main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul:last-child {
      margin-bottom: -50px; }
    main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li {
      width: 258px;
      float: left;
      box-sizing: border-box;
      padding-bottom: 50px;
      vertical-align: top; }
      main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li a {
        display: block; }
      main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li a span {
        display: block;
        text-align: center;
        margin: 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        width: 234px;
        min-height: 44px; }
        main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li a img {
          display: block;
          margin-left: auto;
          margin-right: auto;
          margin-bottom: 14px; }
      main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li p {
        font-size: 14px;
        font-size: 1.4rem;
        border-top: 1px solid #dcdcdc;
        padding-top: 9px;
        text-align: center;
        margin: 9px auto 0;
        width: 234px; }
        main.okidokiMain > .wrap.feature .contents .contentsRecommendProducts ul li p small {
          font-size: 12px;
          font-size: 1.2rem; }

main.okidokiMain > .wrap.shopMid.feature .contents {
  position: relative; }
  main.okidokiMain > .wrap.shopMid.feature .contents .shopMidbanner {
    display: block;
    position: absolute;
    top: 0;
    right: 0; }
  main.okidokiMain > .wrap.shopMid.feature .contents .shopMidfavorite li:nth-child(2) > p:last-child {
    border: none;
    padding-top: 0;
    margin-top: 0; }
  main.okidokiMain > .wrap.shopMid.feature .contents .shopMidfavorite li:last-child > div.pointBalloon {
    line-height: 1; }
    main.okidokiMain > .wrap.shopMid.feature .contents .shopMidfavorite li:last-child > div.pointBalloon p {
      margin-bottom: 0; }
  main.okidokiMain > .wrap.shopMid.feature .contents .cautionGroup {
    line-height: 1.8;
    font-size: 1.2rem;
    text-indent: -3.62em;
    margin-left: 3.0em;
    margin-top: 20px; }

main.okidokiMain > .wrap.goriyou .contents h3 {
  font-size: 26px;
  font-size: 2.6rem;
  margin-top: 35px;
  margin-bottom: 15px; }
main.okidokiMain > .wrap.goriyou .contents > ol > li {
  margin-bottom: 1em;
  padding-left: .5em; }
  main.okidokiMain > .wrap.goriyou .contents > ol > li > ol {
    list-style: none;
    padding-top: .5em;
    margin-bottom: 1.5em; }
    main.okidokiMain > .wrap.goriyou .contents > ol > li > ol > li {
      text-indent: -2em;
      margin-left: 1.5em; }
  main.okidokiMain > .wrap.goriyou .contents > ol > li > ul {
    list-style-type: disc; }
    main.okidokiMain > .wrap.goriyou .contents > ol > li > ul li {
      text-indent: 0; }
main.okidokiMain > .wrap.goriyou .contents .listGroup {
  list-style: none; }
  main.okidokiMain > .wrap.goriyou .contents .listGroup li {
    margin-left: .7em; }

main.okidokiMain > .wrap.shopList.campaignList .contents {
  line-height: inherit; }
  main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi {
    border-bottom: 4px solid #dcdcdc; }
    main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi li {
      margin-bottom: -4px;
      width: auto; }
      main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi li:last-child {
        border: none;
        width: auto;
        position: inherit;
        bottom: 0; }
      main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi li a {
        width: auto; }
        main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi li a span {
          padding-left: 20px;
          padding-right: 20px; }
    main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi.shopListNaviBtm {
      border-bottom: none;
      border-top: 4px solid #dcdcdc; }
      main.okidokiMain > .wrap.shopList.campaignList .contents .shopListNavi.shopListNaviBtm li {
        margin-bottom: 0;
        margin-top: -4px; }
main.okidokiMain > .wrap.shopList.campaignList .contents .shopListAll {
  margin-top: 20px;
}
main.okidokiMain > .wrap.shopList.campaignList .contents .shopListAll .shopListEachLine > ul li:first-child {
  padding-top: 10px;
}
    main.okidokiMain > .wrap.shopList.campaignList .contents .shopListAll .shopListEachLine > ul li div.shopOkidokiPoint {
      top: 25%; }
    main.okidokiMain > .wrap.shopList.campaignList .contents .shopListAll .shopListEachLine .shopDate {
      font-size: 12px;
      font-size: 1.2rem;
      position: absolute;
      top: 65%;
      right: 0;
      display: block; }

main.okidokiMain > .wrap.shopList.categorysearch .contents {
  line-height: inherit; }
  main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category {
    font-size: 14px;
    font-size: 1.4rem;
    margin-bottom: 40px; }
    main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category:after {
      content: ".";
      display: block;
      height: 0;
      font-size: 0;
      clear: both;
      visibility: hidden; }
    main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dt {
      font-weight: bold;
      position: relative;
      clear: both;
      float: left;
      width: 100px;
      height: 50px;
      line-height: 50px; }
      main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dt:after {
        content: ":";
        position: absolute;
        top: 0;
        right: 0; }
    main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dd {
      box-sizing: border-box;
      float: left;
      width: 650px;
      padding-top: 7px; }
      main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dd a {
        box-sizing: border-box;
        display: inline-block;
        border: 1px solid #dcdcdc;
        height: 35px;
        margin-left: 10px;
        margin-bottom: 10px;
        padding: 10px 15px; }
        main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dd a:hover {
          border: 1px solid #d61b1b; }
        main.okidokiMain > .wrap.shopList.categorysearch .contents dl.category dd a.active {
          border: 1px solid #d61b1b;
          color: #d61b1b;
          text-decoration: none;
          font-weight: bold; }
  main.okidokiMain > .wrap.shopList.categorysearch .contents .result {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
    line-height: 1.6; }

main.okidokiMain > .wrap.shopList.shopsearch .contents {
  line-height: inherit; }
  main.okidokiMain > .wrap.shopList.shopsearch .contents h3 {
    font-size: 26px;
    font-size: 2.6rem; }
  main.okidokiMain > .wrap.shopList.shopsearch .contents .result {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
    line-height: 1.6; }
  main.okidokiMain > .wrap.shopList.shopsearch .contents .shopListAll .shopListEachLine > ul li div.shopOkidokiPoint {
    top: 25%; }
  main.okidokiMain > .wrap.shopList.shopsearch .contents .shopListAll .shopListEachLine .shopDate {
    font-size: 12px;
    font-size: 1.2rem;
    position: absolute;
    top: 65%;
    right: 0;
    display: block; }

main.okidokiMain.popup {
  margin-top:0px; }
  main.okidokiMain.popup .wrap.otherPageWrap {
    width: 770px;}
  main.okidokiMain.popup > .wrap.otherPageWrap .contents {
    line-height: 1.6;}
main.okidokiMain.popup .wrap.otherPageWrap .contents h2.h2ContentsRedTitle,
main.okidokiMain.popup .wrap.otherPageWrap .contents h1.h1ContentsRedTitle {
    margin-bottom: 0px; }
  main.okidokiMain.popup > .wrap.otherPageWrap .contents .guideline {
    margin-bottom: 10px;}
  main.okidokiMain.popup > .wrap.otherPageWrap .contents .btn.btn-primary {
    margin: 10px 0;
    font-size: 1.8rem;}
  main.okidokiMain.popup > .wrap.otherPageWrap .contents .btn.btn-defult {
    margin: 10px 0 0;
    font-size: 1.4rem;}

/* add /*/

/* fix */
main.okidokiMain > .wrap .contents.shopListFix .shopListAll .shopListEachLine > ul li div.shopOkidokiPoint p {
  line-height: 1.1;
}
main.okidokiMain > div.wrap div.contents ul.errorGroup {
  margin-bottom: 20px;
}
main.okidokiMain > .wrap.mypage.otherPageWrap .contents .cautionSet {
  margin: 20px 0;
}
main.okidokiMain .wrap.mypage.otherPageWrap .contents ul.cautionSet > li:last-child {
  margin-top: 5px;
}
main.okidokiMain .wrap.otherPageWrap.feature .contents div.shopMidButton.featureItemButton > a {
  line-height: 1;
}
main.okidokiMain > .wrap.otherPageWrap .contents table.inputform th.emailAddressLabels label {
  display: none;
}
main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution ul.cautionSet,
main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution ul.cautionSet > li:last-child {
  margin: 0;
}
main.okidokiMain > .wrap.mypage.otherPageWrap .contents table.inputform .coution ul.cautionSet > li > span:first-child {
  width: 2.5em;
}
main.okidokiMain > .wrap.otherPageWrap .contents h2,
main.okidokiMain > .wrap.otherPageWrap.clearfix.shopMid .contents {
  line-height: 1;
}
main.okidokiMain > .wrap.otherPageWrap.clearfix.shopMid .contents p {margin-bottom: 0;}
main.okidokiMain > .wrap.riskbase .contents table.inputform input#answer[type="text"] {
  width: 90%;
}
main.okidokiMain > .wrap.riskbase .contents table.inputform input#inputOtp[type="password"] {
  width: 30%;
}
main.okidokiMain.popup > .wrap.otherPageWrap .contents h2 {
  line-height: 1.6;
}
/* fix /*/
