@charset "UTF-8";

/* base
-------------------------------------------------------------------------------- */
html {
					font-family: Meiryo, "メイリオ", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", sans-serif;
					word-break : break-all;
					-webkit-font-smoothing: antialiased;
					color: #555555;
}
body				 {min-width:970px;font-size:12px;font-size:1.2em; background-color: #fff; word-break:break-all;}
h1,h2,h3,h4,h5,h6	 {font-weight:normal;-webkit-font-smoothing: subpixel-antialiased;}
img {-webkit-backface-visibility: hidden;}
ul					 {list-style: none;margin: 0;padding: 0;}

.wmax				 {width:970px;}
.ct890				 {margin-right: auto; margin-left: auto; width: 890px;}
.ct800				 {margin-right: auto; margin-left: auto; width: 800px;}
.w700 {
  width: 700px;
}
.w750 {
  width: 750px;
}
.w800 {
  width: 800px;
}
.w1000 {
  width: 1000px;
}
.w100p {
  width: 100%;
}
.color-red {

}

.fs0				 {font-size: 0px;}
.fs220 {
  font-size: 2.2em;
}
.mt1em				 {margin-top: 1em;}
.mb7				 {margin-bottom: 7px;}
.ml2				 {margin-left: 2px;}
.mr2				 {margin-right: 2px;}
.mr3				 {margin-right: 3px;}
.mr9				 {margin-right: 9px;}
.mr9				 {margin-right: 9px;}
.nmt5				 {margin-top: -5px;}
.nmt25				 {margin-top: -25px;}
.pv4				 {padding-top:4px; padding-bottom: 4px;}
.ph4				 {padding-right:4px; padding-left: 4px;}
.p70 ,.l .l-p70 ,.m .m-p70 ,.s .s-p70 {width:70%;}
.bordernone			 {border: none !important;}
.btnone				 {border-top:  none !important;}
.blnone				 {border-left: none !important;}
.bbnone				 {border-bottom: none !important;}
.brnone				 {border-right: none !important;}
.bd01				 {border:1px solid #cccccc;}
.bd02				 {border:2px solid #cccccc;}
.bdradius4			 {border-radius: 4px;}
.bdgreen			 {border-color: #c3e7e7;}

.indent				 {text-indent:1em;}
.indent1m			 {padding-left:1em; text-indent:-1em;}

.vatop				 {vertical-align: top;}
.vamiddle			 {vertical-align: middle;}
.vabottom			 {vertical-align: bottom;}

.hide				 {display: none !important;}
.inline-block				 {display: inline-block !important;}

.ofhidden			 {overflow: hidden;}



/* height
-------------------------------------------------------------------------------- */
.line1hgt			 {height:1.2em; line-height: 1.2; overflow: hidden;}
.line2hgt			 {height:2.4em; line-height: 1.2; overflow: hidden;}
.line3hgt			 {height:3.6em; line-height: 1.2; overflow: hidden;}
.line4hgt			 {height:4.8em; line-height: 1.2; overflow: hidden;}


/* elements
-------------------------------------------------------------------------------- */

/* color
---------------------------------------- */
.bg-white			 {background-color:#ffffff;}
.bg-lightgray1		 {background-color:#f6f6f6;}
.bg-lightgray2		 {background-color:#dddddd;}
.bg-lightgray3		 {background-color:#cccccc;}
.bg-gray			 {background-color:#808080;}
.bg-darkgray		 {background-color:#666666;}
.bg-black			 {background-color:#000;}
.bg-lightpink		 {background-color:#fa8088;}
.bg-lightpink2		 {background-color:#ff749b;}
.bg-orange			 {background-color:#ffc696;}
.bg-orange2			 {background-color:#fff8f1!important;}
.bg-green			 {background-color:#c3e7e7;}
.bg-lightgreen		 {background-color:#f9fdfd;}
.bg-lightgreen2		 {background-color:#e7f3f3;}
.bg-pink			 {background-color:#fcd5d8;}
.bg-slashgreen		 {background:#c3e7e7 url(../img/bg-slash-green.png) top left repeat;}
.bg-turquoise {
  background-color: #85cbc8;
}


.white				 {color:#fff;}
.lightgray1			 {color:#f6f6f6;}
.lightgray2			 {color:#dddddd;}
.lightgray3			 {color:#cccccc;}
.gray				 {color:#999999;}
.darkgray			 {color:#666666;}
.black				 {color:#000;}
.pink				 {color:#ea535e;}
.lightpink2				 {color:#ff749b;}
.lightpink			 {color: #fa8088;}
.blue				 {color:#54abab;}
.blue2				 {color:#4a93e7;}
.green				 {color:#1d8383;}
.lightgreen			 {color:#b7dddd;}
.orange				 {color: #ffb87d;}
.darkorange			 {color: #f09b55;}
.red				 {color: #dd3333;}


.marker-red {
  background: linear-gradient(transparent 75%, #ff9393 75%);
  font-weight: bold;
}
.marker-yellow {
  background: linear-gradient(transparent 80%,#fce75d 0);
}

.mt__15{margin-top: -15px;}
/* a
---------------------------------------- */
a										 {text-decoration: underline;}
a:active,a:hover						 {text-decoration: none;}
a										 {color: #555555;}
a:active,a:hover						 {color: #555555;}
a.pink									 {color: #ea535e;}
a.pink:active,a.pink:hover				 {color: #ea535e;}
a.lightpink								 {color: #fa8088;}
a.lightpink:active,a.lightpink:hover	 {color: #fa8088;}
a.darkgray								 {color: #666666;}
a.darkgray:active,a.darkgray:hover		 {color: #666666;}
a.orange								 {color: #ffb87d;}
a.orange:active,a.orange:hover			 {color: #ffb87d;}
a.green									 {color: #1d8383;}
a.green:active,a.green:hover			 {color: #1d8383;}
a.white									 {color: #ffffff;}
a.white:active,a.white:hover			 {color: #ffffff;}

a.decono								 {text-decoration: none;}
a.decono:hover							 {text-decoration: underline;}

/* p */
.p-01 {
  margin-top: 10px;
}
.p-01:first-child {
  margin-top: 0;
}

/* ul */
.ul-01 {
  margin-left: 1em;
}
.ul-01__li {
  list-style-type: disc;
  line-height: 1.5;
  margin-top: 5px;
}
.ul-02__li {
  list-style-type: none;
  line-height: 1.5;
  margin-top: 5px;
  margin-left: 10px;
  position: relative;
}
.ul-02__li:before {
  content: '\0B7';
  position: absolute;
  left: -10px;
}
.ul-02__li:first-child {
  margin-top: 0;
}
.ul-03__li {
  margin-top: 5px;
}
.ul-03__li:first-child {
  margin-top: 0;
}
.ul-kome {
  margin-left: 0;
}
.ul-kome__li {
  text-indent: -1em;
  margin-left: 1em;
  list-style-type: none;
  line-height: 1.5;
  margin-top: 5px;
}

/* ol */
.ol-01 {
  padding-left: 0;
}
.ol-01__li {
  font-size: 1.6rem;
  line-height: 1.5;
  list-style: none;
  margin-top: 10px;
}

/* like */
.like-at-c {
  margin-right: 5px;
  transform: translateY(2px);
}
.like-number {
  clear: both;
  color: #1d8383;
  text-align: right;
  font-size: 10px;
}

/* linkarrow */
.linkarrow:before,.linkarrow-gray:before,.linkarrow-pink:before,.linkarrow-white:before,.linkarrow-c:before,.linkarrow-c-pink:before,.linkarrow-c-orange:before,.linkarrow-c-green:before
										 {background-image: url('../img/set.png');background-repeat: no-repeat;content: "";display: inline-block;}
.linkarrow:before,.linkarrow-gray:before,.linkarrow-pink:before,.linkarrow-white:before
										 {width: 4px;height: 5px;vertical-align: middle;position: relative;top: -1px;margin-right: 3px;}
.linkarrow								 {color: #555555;}
.linkarrow:before						 {background-position: 0 -15px;}
.linkarrow-gray							 {color: #666666;}
.linkarrow-gray:before					 {background-position: 0 0;}
.linkarrow-pink							 {color: #fa8088;}
.linkarrow-pink:before					 {background-position: 0 -10px;}
.linkarrow-white						 {color: #ffffff;}
.linkarrow-white:before					 {background-position: 0 -3625px;}

/* linkarrow-c */
.linkarrow-c:before,
.linkarrow-c-pink:before,
.linkarrow-c-orange:before,
.linkarrow-c-green:before				 {width: 11px;height: 11px;vertical-align: middle;position: relative;top: -1px;margin-right: 3px;}
.linkarrow-c:before						 {}
.linkarrow-c-pink:before				 {background-position: 0 -94px;}
.linkarrow-c-orange:before				 {background-position: 0 -83px;}
.linkarrow-c-green:before				 {background-position: -92px -20px;}


/* icon
---------------------------------------- */
a.icon								 {text-decoration: none;}
.icon								 {display: inline-block; text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle;position: relative;top: -1px;}
.icon.set-i-good100,.icon.set-i-good075,.icon.set-i-good050,.icon.set-i-good025,.icon.set-i-good000,.icon.set-i-goodnone,
.icon.set-i-bad100,.icon.set-i-bad075,.icon.set-i-bad050,.icon.set-i-bad025,.icon.set-i-bad000,.icon.set-i-badnone {margin: 0 2px;}
.icon--4-5th {
  background-image: url('../img/set.png');
  background-repeat: no-repeat;
  background-size: calc(260px * 4 / 5) calc(3845px * 4 / 5);
}
.set-i-good100--4-5th,
.set-i-good075--4-5th,
.set-i-good050--4-5th,
.set-i-good025--4-5th,
.set-i-good000--4-5th,
.set-i-goodnone--4-5th,
.set-i-bad100--4-5th,
.set-i-bad075--4-5th,
.set-i-bad050--4-5th,
.set-i-bad025--4-5th,
.set-i-bad000--4-5th,
.set-i-badnone--4-5th {
  height: 8px;
  width: 10px;
  margin: 0 2px;
}
.set-i-good100--4-5th {
  background-position: 0 calc(-1743px * 4 / 5);
}
.set-i-good075--4-5th {
  background-position: 0 calc(-1718px * 4 / 5);
}
.set-i-good050--4-5th {
  background-position: 0 calc(-1693px * 4 / 5);
}
.set-i-good025--4-5th {
  background-position: 0 calc(-1668px * 4 / 5);
}
.set-i-good000--4-5th {
  background-position: 0 calc(-1643px * 4 / 5);
}
.set-i-goodnone--4-5th {
  background-position: 0 calc(-1754px * 4 / 5);
}
.set-i-bad100--4-5th {
  background-position: 0 calc(-1333px * 4 / 5);
}
.set-i-bad075--4-5th {
  background-position: 0 calc(-1308px * 4 / 5);
}
.set-i-bad050--4-5th {
  background-position: 0 calc(-1283px * 4 / 5);
}
.set-i-bad025--4-5th {
  background-position: 0 calc(-1258px * 4 / 5);
}
.set-i-bad000--4-5th {
  background-position: 0 calc(-1233px * 4 / 5);
}
.set-i-badnone--4-5th {
  background-position: 0 calc(-1344px * 4 / 5);
}
.set2-i-mail-10 {
    background: transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3664px;
    display: inline-block;
    height: 10px;
    line-height:1;
    vertical-align:middle;
    width: 14px;
}
.set2-i-pointmark-12 {
    background: transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3684px;
    display: inline-block;
    height: 12px;
    line-height:1;
    position: relative;
    top: -10;
    vertical-align:middle;
    width: 12px;
}
.set2-i-pointmark-16 {
    background: transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3706px;
    display: inline-block;
    height: 17px;
    vertical-align: middle;
    width: 17px;
}
.set2-i-cross-btn-white-pink {
    background:transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3640px;
    display: inline-block;
    height: 14px;
    line-height:1;
    position: relative;
    top: -10;
    vertical-align:middle;
    width: 14px;
}


/* to sprite */
.i-pointmark-16 {
  background: transparent url(../img/labo/i-pointmark-16.png) top left no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: bottom;
  width: 16px;
}
.i-pointmark-red-16 {
  background: transparent url(../img/labo/i-pointmark-red-16.png) top left no-repeat;
  display: inline-block;
  height: 16px;
  vertical-align: bottom;
  width: 16px;
}
.i-medal {
  background-image: url('../img/labo/i-medal.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
.i-balloon {
  background-image: url('../img/common/i-balloon.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
/* user SNS */
.i-twitter {
  background-image: url('../img/common/i-twitter.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-instagram {
  background-image: url('../img/common/i-instagram.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
.i-facebook {
  background-image: url('../img/common/i-facebook.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-atcosme {
  background-image: url('../img/common/i-atcosme.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-tiktok {
  background-image: url('../img/common/i-tiktok.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-lips {
  background-image: url('../img/common/i-lips.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
.i-youtube {
  background-image: url('../img/common/i-youtube.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

/* user SNS */
.i-twitter {
  background-image: url('../img/common/i-twitter.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-instagram {
  background-image: url('../img/common/i-instagram.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
.i-facebook {
  background-image: url('../img/common/i-facebook.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-atcosme {
  background-image: url('../img/common/i-atcosme.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-tiktok {
  background-image: url('../img/common/i-tiktok.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}

.i-lips {
  background-image: url('../img/common/i-lips.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}
.i-youtube {
  background-image: url('../img/common/i-youtube.svg');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;
}



/* btn
---------------------------------------- */
.imgbtn								 {text-indent: 100%; white-space: nowrap; overflow: hidden; outline:none; background-color: transparent;padding: 0;}
.btn.set-b-backtotop				 {display: inline-block;}

.btn								 {border-style: solid;border-width: 1px;text-align: center;line-height: 1.2;text-decoration: none;font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ", sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
.nobtn								 {text-align: center;line-height: 1.2;font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ", sans-serif;-webkit-font-smoothing: subpixel-antialiased;}
.btn-l								 {padding-top: 10px;padding-bottom: 10px;-ms-border-radius: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.btn-m								 {padding-top: 6px;padding-bottom: 6px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;}
.btn-s								 {padding-top: 6px;padding-bottom: 6px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}
.btn-ss								 {padding-top: 3px;padding-bottom: 3px;-ms-border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;}

.btn-l.line2						 {padding-top: 0px;padding-bottom: 0px;}


.btn.btn-normal {
	background: #f39956;
	background: -webkit-linear-gradient(#ffb87d 0%, #f09b55 100%);
	background: linear-gradient(#ffb87d 0%, #f09b55 100%);
	border-color: #f09b55;
	color: #ffffff;
	text-shadow:0px 1px 1px #f09b55,0px 0px 1px #f09b55,1px 0px 1px #f09b55,0px -1px 1px #f09b55,-1px -1px 1px #f09b55,-1px 0px 1px #f09b55;
}
.btn.btn-normal:hover {
	background: #ffb87d;
	background: -webkit-linear-gradient(#f09b55 0%, #ffb87d 100%);
	background: linear-gradient(#f09b55 0%, #ffb87d 100%);
	color: #ffffff;
}
.btn.btn-primary {
	background: #61b3b1;
	background: -webkit-linear-gradient(#88cfcf 0%, #54abab 100%);
	background: linear-gradient(#88cfcf 0%, #54abab 100%);
	border-color: #54abab;
	color: #ffffff;
	text-shadow:0px 1px 1px #54abab,0px 0px 1px #54abab,1px 0px 1px #54abab,0px -1px 1px #54abab,-1px -1px 1px #54abab,-1px 0px 1px #54abab;
}
.btn.btn-primary:hover {
	background: #88cfcf;
	background: -webkit-linear-gradient(#54abab 0%, #88cfcf 100%);
	background: linear-gradient(#54abab 0%, #88cfcf 100%);
	color: #ffffff;
}
.btn.btn-primary.is-selected {
	background: #fff;
	border: 2px solid #54abab;
	color: #54abab;
	text-shadow: none;
}
.btn-primary__inner:after {
  content: "\f105"!important;
  display: inline-block;
  font-family: FontAwesome;
  margin-left: 10px;
}
.btn.btn-primary.is-selected .btn-primary__inner:after {
  content: none!important;
}
.btn.btn-userentry.is-selected {
	background: #c1c1c1;
	border: none;
	color: #ffffff;
	text-shadow:0px 1px 1px #999999,0px 0px 1px #999999,1px 0px 1px #999999,0px -1px 1px #999999,-1px -1px 1px #999999,-1px 0px 1px #999999;
}
.btn.btn-userentry.is-selected:hover {
	background: #cccccc;
	border-color: #54abab;
	color: #ffffff;
	text-shadow:0px 1px 1px #999999,0px 0px 1px #999999,1px 0px 1px #999999,0px -1px 1px #999999,-1px -1px 1px #999999,-1px 0px 1px #999999;
}
.btn.btn-secondary,
.btn.btn-userentry,
.brandnav li a.is-selected,
.mypagenav > ul > li > a.is-selected {
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
	border-color: #f56371;
	color: #ffffff;
	text-shadow:0px 1px 1px #f56371,0px 0px 1px #f56371,1px 0px 1px #f56371,0px -1px 1px #f56371,-1px -1px 1px #f56371,-1px 0px 1px #f56371;
}

.btn.btn-secondary:hover,
.btn.btn-userentry:hover,
.brandnav a.is-selected:hover,
.mypagenav > ul > li > a.is-selected:hover {
	background: #f9929b;
	background: -webkit-linear-gradient(#f66572 0%, #f9929b 100%);
	background: linear-gradient(#f66572 0%, #f9929b 100%);
	color: #ffffff;
}
.btn.btn-tertiary,
.brandnav li a,
.mypagenav > ul > li > a {
	background: #f4f4f4;
	background: -webkit-linear-gradient(#ffffff 0%, #eeeeee 100%);
	background: linear-gradient(#ffffff 0%, #eeeeee 100%);
	border-color: #dddddd;
	color: #555555;
}
.btn.btn-tertiary:hover,
.brandnav li a:hover,
.mypagenav > ul > li > a:hover {
  opacity: 0.7;
}
.btn.is-disable {
	background: #f4f4f4;
	background: -webkit-linear-gradient(#ffffff 0%, #eeeeee 100%);
	background: linear-gradient(#ffffff 0%, #eeeeee 100%);
	border-color: #dddddd;
	color: #555555;
}
.btn.is-disable:hover {
	background: #f4f4f4;
	background: -webkit-linear-gradient(#ffffff 0%, #eeeeee 100%);
	background: linear-gradient(#ffffff 0%, #eeeeee 100%);
	color: #555555;
}
.nobtn.is-disable {
	background: #eeeeee;
	color: #666666;
}

.link-01 {
  background-color: transparent;
  color: #009A9C;
  padding: 0;
  text-decoration: underline;
}
.link-01 {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

.open-btn {
  appearance: none;
  background-color: transparent;
  background-color: #fff;
  border: 1px solid #CAD1D1;
  border-radius: 2px;
  cursor: pointer;
  font-size: 1.5rem;
  outline: none;
  padding: 10px 25px;
}
.open-btn.is-active {
  display: none;
}
.open-btn:hover {
  opacity: 0.7;
}
.open-btn__right {
  font-size: 1.5rem;
}
.open-btn__right:after {
  content: "\f0d7";
  font-family: FontAwesome;
  margin-left: 10px;
}
.open-btn__right.is-active:after {
  content: "\f0d8";
  font-family: FontAwesome;
  font-weight: 900;
}
.close-btn {
  background-color: transparent;
  background-color: #fff;
  border: 0;
  border-radius: 2px;
  cursor: pointer;
  font-size: 2rem;
  outline: none;
  position: absolute;
  right: 0;
  top: -26px;
}

.close-btn__i {
  border: 1px solid #555555;
  border-radius: 20px;
  display: inline-block;
  width:20px;
  height: 20px;
  line-height: 1;
  font-style: normal;
}
/* img-search ---------------------------------------- */
.img-search__title {
  display: inline-block;
  letter-spacing: 1px;
  line-height: 1.2;
  text-decoration: none;
  width: calc(2em + 3px);
}
.img-search__logo {
  margin-left: 4px;
}
.img-search__logo:hover {
  opacity: 0.7;
}
.img-search__img {
  vertical-align: top;
}

/* ランキングから探す
---------------------------------------- */
.from-ranking-3cols__li {
  float: left;
  margin-left: 20px;
  margin-top: 20px;
  width: calc(100% / 3 - 20px);
}
.from-ranking-3cols__a {
  color: #1d8383;
  text-decoration: none;
  vertical-align: middle;
}
.from-ranking-3cols__a:hover {
  text-decoration: underline;
}

/* txt
---------------------------------------- */
.imgtxt								 {text-indent: 100%; white-space: nowrap; overflow: hidden; outline:none;vertical-align: middle;}



/* h1 title */
.img-wanted {
  margin-top: 5px;
}
.img-wanted__a:hover {
  opacity: 0.7;
}
.img-wanted__img {
  width: 118px;
  height: auto;
}

/* h2-title
---------------------------------------- */
.h2-title, .h2-title h2				 {font-size:14px;font-size:1.4rem;color: #666666;}
.h2-title h2						 {display: inline-block;}
.h2-title:before					 {content: "";display: inline-block;width: 4px; height: 16px;margin-top: -2px;margin-right: 5px; border-radius: 2px; background-color: #f66371;vertical-align: middle;}

.h2-title2 {
  color: #555555;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}
.h2-title2 i {
  margin-right: 5px;
}
.h2-title2:after{
content: "";
display: block;
width: 100%;
height: 4px;
position: absolute;
bottom: -4px;

background: linear-gradient(#83cbcb, #58aeae);
}
.h2-title3:before {
  position: absolute;
  content: '';
  background: #EE4651;
  width: 5px;
  height: 100%;
  left: 0;
  top: 0;
  bottom: 0;
}
.h2-title3 {
  color: #323232;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  padding: 5px 10px 5px 20px;
  margin-bottom: 10px;
  margin-top: 20px;
  position: relative;
}

.green-h2-title,
.orange-h2-title,
.pink-h2-title,
.pink-h2-title2,
.green-h3-title,
.pink-h3-title,
.orange-h3-title					 {font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ",  sans-serif;}
.green-h2-title:before,
.orange-h2-title:before,
.pink-h2-title:before,
.green-h3-title:before,
.pink-h3-title:before,
.orange-h3-title:before				 {display: inline-block;content: "";margin-right: 5px;vertical-align: middle;position: relative;}
.green-h2-title						 {font-size:16px;font-size:1.6rem;color:#1d8383;}
.green-h2-title:before				 {width: 11px;height: 11px;background: #1d8383;margin-top: -2px;}
.orange-h2-title					 {font-size:16px;font-size:1.6rem;color:#f09b55;}
.orange-h2-title:before				 {width: 11px;height: 11px;background: #f09b55;margin-top: -2px;}
.pink-h2-title {
	font-size:14px;
	font-size:1.4rem;
	color:#ea535e;
	margin-bottom: 10px;
}
.pink-h2-title:before				 {width: 11px;height: 11px;background: #ea535e;margin-top: -2px;}
.green-h3-title						 {font-size:12px;font-size:1.2rem;color:#1d8383;}
.green-h3-title:before				 {width: 10px;height: 10px;background: #1d8383;margin-top: -2px;}
.orange-h3-title					 {font-size:12px;font-size:1.2rem;color:#f09b55;}
.orange-h3-title:before				 {width: 10px;height: 10px;background: #f09b55;margin-top: -2px;}
.pink-h3-title						 {font-size:12px;font-size:1.2rem;color:#ea535e;}
.pink-h3-title:before				 {width: 10px;height: 10px;background: #ea535e;margin-top: -2px;}

.pink-h2-title2 {
	font-size:1.8rem;
	color:#ea535e;
	margin-bottom: 25px;
}
.title-crown-pumpkin {
  content: '';
  background: url('../img/common/crown-pumpkin.png') no-repeat top left;
  display: inline-block;
  padding-left: 33px;
}
.title-crown-gold {
  content: '';
  background: url('../img/common/crown-gold.png') no-repeat top left;
  display: inline-block;
  padding-left: 33px;
}
.title-ranking__occupation {
  background: #fee4e6 url('../img/common/icon-ranking-top-occupation.png') no-repeat 10px 0.3em;
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 35px;
}
.title-ranking__price {
  background: #fee4e6 url('../img/common/icon-ranking-top-price.png') no-repeat 10px 0.3em;
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 35px;
}
.title-ranking__age {
  background: #fee4e6 url('../img/common/icon-ranking-top-age.png') no-repeat 10px 0.3em;
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 35px;
}
.title-ranking__skin {
  background: #fee4e6 url('../img/common/icon-ranking-top-skin.png') no-repeat 10px 0.3em;
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 35px;
}
.title-ranking__hair {
  background: #fee4e6 url('../img/common/icon-ranking-top-hair.png') no-repeat 10px 0.3em;
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 35px;
}
.gray-title-bias-stripe {
  background: repeating-linear-gradient(
    -45deg,     /* 角度の指定 */
    #fff,      /* 色A ... 開始 */
    #fff 1px,  /* 色A ... 終了 */
    #f7f7f7 1px,      /* 色B ... 開始 */
    #f7f7f7 3px   /* 色B ... 終了 */
  );
  /* background-color:#ffc696; */
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 20px;
}
.orange-title {
  background-color:#ffc696;
  color: #333;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 20px;
}

.green-title {
  font-size: 16px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: left;
  color: #1d8383;
  margin-top: 20px;
}

.pink-title-with-bg			{font-size:18px;font-size:1.8rem;/* font-weight:bold; */color:#ea535e;background-color: #fee4e6; padding:5px 10px;}
.black-title-with-bd-dotted	{font-size:18px;font-size:1.8rem;font-weight:bold;color:#000000;border-bottom: 1px dotted #cccccc; padding:5px 0;}

.gray-title {
  background-color: #fafafa;
  color: #666;
  font-size: 1.5em;
  font-weight: bold;
  margin-top: 30px;
  padding: 10px 20px;
}
.title-circle-crown--pink:before {
  background: #cccccc url("../img/labo/crown-white@1x.png") no-repeat 50% 50%;
  background-color: #fa8088;
  background-size: auto;
  background-size: 70%;
  border-radius: 50%;
  content: '';
  display: inline-block;
  height: 17px;
  margin-left: calc(-1 * (17px + 5px));
  position: absolute;
  width: 17px;
}
.title-circle-crown--pink {
  font-size: 14px;
  font-weight: bold;
  margin-top: 20px;
  padding-left: calc(17px + 13px);
  position: relative;
}
.title-circle-crown--pink__a {
  color: #fa8088;
  text-decoration: none;
}
.title-circle-crown--pink__a:hover {
  color: #fa8088;
  text-decoration: underline;
}
.title-pink-border {
  color: #f66371;
  font-weight: bold;
  font-size: 13px;
  letter-spacing: 1px;
  margin-top: 40px;
  padding-left: 20px;
  position: relative;
}
.title-pink-border:after {
  background: url(../img/bg-checkskider-title.png) center bottom repeat-x;
  bottom: -6px;
  content: '';
  display: block;
  left: 0;
  height: 10px;
  position: absolute;
  width: 100%;
}
.title-pink-border__link {
    padding-left: 10px;
    font-size: 12px;
    font-weight: bold;
    float: right;
    margin-top: 2px;
    margin-right: 20px;
    text-decoration: none;
}
.title-pink-border__link:hover {
  text-decoration: underline;
}
.title-pink-border__link:before {
  background-position: 0 -15px;
  margin-right: 3px;
  height: 5px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 4px;
}
.title-pink-border__link:before {
  background-image: url('../img/set.png');
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
}
.ttl-01 {
  color: #3bbcbc;
  font-size: 15px;
  font-weight: bold;
  line-height: 1;
  padding: 5px 10px 5px 20px;
  margin-bottom: 10px;
  margin-top: 30px;
  position: relative;
}
.ttl-01:before {
  position: absolute;
  content: '';
  background: #3bbcbc;
  width: 5px;
  height: 100%;
  left: 10px;
  top: 0;
  bottom: 0;
}
.title-01 {
  font-weight: bold;
  font-size: 1.5rem;
}


/* breadcrumblist
---------------------------------------- */
.breadcrumb-wrap {
  margin-top: 5px;
  margin-bottom: 5px;

}
.breadcrumb {
  width: 970px;
  margin-left: auto;
  margin-right: auto;
}
.breadcrumb__li {
  display: inline-block;
}
.breadcrumb__arrow {
  margin-right: 5px;
  margin-left: 5px;

}
.breadcrumb__li:before {
}
.breadcrumb__li:first-child:before {
}
.breadcrumb__a {
  text-decoration: none;
  color: #666666;
}
.breadcrumb__a--home {
  text-decoration: none;
  color: #999999;
}

/* form
---------------------------------------- */
body:not(.ie8) input[type=text],
body:not(.ie8) input[type=password],
body:not(.ie8) input[type=email],
body:not(.ie8) input[type=url],
body:not(.ie8) textarea {border: 1px solid #cccccc; border-radius: 4px; padding: 4px; line-height: 1.4; vertical-align:middle;}
/*エラー表示*/
body:not(.ie8) input[type=text].is-error,
body:not(.ie8) input[type=password].is-error,
body:not(.ie8) input[type=email].is-error,
body:not(.ie8) textarea.is-error {border-color: #cc0000; background-color: #fff4f4;}

body:not(.ie8) input[type=submit] {vertical-align:middle;}
body:not(.ie8) input[type=button] {vertical-align:middle;}

/* radio ※ie8以外 */
body:not(.ie8) input[type=radio]									{opacity: 0; position: absolute;}
body:not(.ie8) .radio:before										{content:" "; position: absolute; background-image: url(../img/set-form.png); background-repeat: no-repeat; display: inline-block; top:-1px; left: 0;}
body:not(.ie8) input[type=radio] + .radio							{position: relative; display: inline-block; cursor: pointer; padding-left: 25px;}
body:not(.ie8) input[type=radio] + .radio:before					{height: 20px; width: 20px; background-position: 0 -180px;}
body:not(.ie8) input[type=radio] + .radio.is-error:before			{background-position: 0 -140px;}
body:not(.ie8) input[type=radio]:checked + .radio:before			{background-position: 0 -100px;}
body:not(.ie8) input[type=radio]:checked + .radio.is-error:before	{background-position: 0 -80px;}
/*
input[type=radio]:hover + .radio:before,
input[type=radio]:focus + .radio:before						{background-position: 0 -40px;}
body:not(.ie8) input[type=radio][disabled] + .radio:before	{background-position: 0 -20px;}
*/
.check-pink__input {
  display: none;
}
.check-pink__label {
  display: block;
  position: relative;
  padding-left: 30px;
}
.check-pink__label--ib {
  display: inline-block;
  position: relative;
  padding-left: 30px;
}
.check-pink__label--ib:before,
.check-pink__label:before {
  background-position: 0 -60px;
  background-image: url(../img/set-form.png);
  background-repeat: no-repeat;
  content: " ";
  display: inline-block;
  height: 20px;
  position: absolute;
  top: -1px;
  left: 0;
  width: 20px;
}
.check-pink__input:checked + .check-pink__label--ib:before,
.check-pink__input:checked + .check-pink__label:before {
  background-position: 0 -20px;
}
.check-pink__input + .check-pink__label--ib.is-error::before,
.check-pink__input + .check-pink__label.is-error::before {
  background-position: 0 -40px;
}
.check-pink__input:checked + .check-pink__label--ib.is-error:before,
.check-pink__input:checked + .check-pink__label.is-error:before {
  background-position: 0 0px;
}
.radio-pink {
  display: none;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
}
.radio-pink__input + .radio-pink__span {
  padding-left: 25px;
  position: relative;
}
.radio-pink__input + .radio-pink__span:before {
  background-color: #fff;
  box-sizing: border-box;
  color: #ccc;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #999;
  border-radius: 50%;
}
.radio-pink__input + .radio-pink__span.is-error:before {
  background-color: #fff4f4;
  border-color: #cc0000;
}
.radio-pink__input:checked + .radio-pink__span:after {
  box-sizing: border-box;
  content: "";
  display: block;
  position: absolute;
  top: 4px;
  left: 4px;
  width: 8px;
  height: 8px;
  background: #fa7b84;
  border-radius: 50%;
}
.radio-pink__label {
  display: inline-block;
  line-height: 1;
}
/* checkbox ※ie8以外 */
body:not(.ie8) input[type=checkbox]											{opacity: 0; position: absolute;}
body:not(.ie8) .checkbox:before												{content:" "; position: absolute; background-image: url(../img/set-form.png); background-repeat: no-repeat; display: inline-block; top:-1px; left: 0;}
body:not(.ie8) input[type=checkbox] + .checkbox								{position: relative; display: inline-block; cursor: pointer; padding-left: 25px;}
body:not(.ie8) input[type=checkbox] + .checkbox:before						{height: 20px; width: 20px; background-position: 0 -60px;}
body:not(.ie8) input[type=checkbox] + .checkbox.is-error:before				{background-position: 0 -40px;}
body:not(.ie8) input[type=checkbox]:checked + .checkbox:before				{background-position: 0 -20px;}
body:not(.ie8) input[type=checkbox]:checked + .checkbox.is-error:before		{background-position: 0 -0;}
/*
input[type=checkbox]:hover + .checkbox:before,
input[type=checkbox]:focus + .checkbox:before						{background-position: 0 -40px;}
body:not(.ie8) input[type=checkbox][disabled] + .checkbox:before	{background-position: 0 -20px;}
*/

.cehckbox-title														 {display: inline-block;font-weight: bold;margin-right: 5px;}
.checkbox-r	label													 {top:-13px;}

/* searchform ※右側に緑の虫眼鏡アイコンボタンがあるもの */
.searchform							{position: relative; display: inline-block;}
.searchform input[type=text]		{padding-right:30px;}
.searchform input[type=submit]		{position: absolute; top:4px; right:4px;border:none;}
.searchform input[type=button]:focus{outline: 0;}
.searchform .cross-btn				{position: absolute; top:6px; right:30px;border:none; visibility: hidden;}
body:not(.ie8) .searchform input[type=text] {padding-right: 46px;}

/* select ※ie8以外 */
body:not(.ie8) label.select						{overflow:hidden; vertical-align:middle; display:inline-block; background-color:#ffffff; border:1px solid #cccccc; border-radius: 4px; line-height: 1.4; position:relative;}
body:not(.ie8) label.select:after				{content:' '; position: absolute; display: block; right:0; top:0; bottom:0; width:25px; height: 100%; background:#cccccc url(../img/bg-select-arrow-down.png) center center no-repeat; pointer-events: none; /* 	z-index: 1; */ }
body:not(.ie8) label.select > select			{-webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:100%;/* fallback non calc support */ width:-webkit-calc(100% + 5em); width:calc(100% + 5em); margin:0; padding: 5px 40px 5px 5px; background:transparent; border:0; outline:none; font-size: inherit; vertical-align: middle; cursor: pointer; position:relative; word-wrap: normal;}
body.firefox label.select > select				{padding-top: 2px; padding-bottom: 2px;}/* firefox調整 */
body:not(.ie8) label.select > option:checked	{}
body:not(.ie8) label.select:hover		{}

body:not(.ie8) span.select2						{overflow:hidden; vertical-align:middle; display:inline-block; background-color:#ffffff; border:1px solid #cccccc; border-radius: 4px; line-height: 1.4; position:relative;}
body:not(.ie8) span.select2:after				{content:' '; position: absolute; display: block; right:0; top:0; bottom:0; width:25px; height: 100%; background:#cccccc url(../img/bg-select-arrow-down.png) center center no-repeat; pointer-events: none; /* 	z-index: 1; */ }
body:not(.ie8) span.select2 > select			{-webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; width:100%;/* fallback non calc support */ width:-webkit-calc(100% + 5em); width:calc(100% + 5em); margin:0; padding: 5px 40px 5px 5px; background:transparent; border:0; outline:none; font-size: inherit; vertical-align: middle; cursor: pointer; position:relative; word-wrap: normal;}
body.firefox span.select2 > select				{padding-top: 2px; padding-bottom: 2px;}/* firefox調整 */
body:not(.ie8) span.select2 > option:checked	{}
body:not(.ie8) span.select2:hover		{}

/* エラー表示 */
body:not(.ie8) label.select.is-error			{background-color:#fff4f4; border-color:#cc0000;}
body:not(.ie8) label.select.is-error:after		{background-color:#cc0000;}

/* select（2個以上表示状態 size>=2） ※ie8以外 */
body:not(.ie8) label.select-multisize			{overflow:hidden; vertical-align:middle; display:inline-block; background-color:#ffffff; border:2px solid #c3e7e7; border-radius: 4px; line-height: 1.4;}
body:not(.ie8) label.select-multisize > select			{-webkit-appearance:none; -moz-appearance:none; appearance:none; display:block; margin:0; padding: 5px; background:transparent; border:0; outline:none; font-size: inherit; vertical-align: middle; cursor: pointer; position:relative; word-wrap: normal; width: 100%;}
body:not(.ie8) label.select-multisize:hover				{}
/* エラー表示 */
body:not(.ie8) label.select-multisize.is-error			{background-color:#fff4f4; border-color:#cc0000;}
body:not(.ie8) label.select-multisize.is-error:after	{background-color:#cc0000;}

.progressbar {
  display: flex;
  font-size: 1.5rem;
  flex-wrap: wrap;
}
.progressbar .item {
  align-items: center;
  background: #fcf4f5;
  color: #666;
  justify-content: center;
  line-height: 1.5;
  /* padding: 13px 0; */
  position: relative;
  text-align: center;
  width: calc((100% - .01px) / 3);

  display: flex;
  height: calc(21px * 2);
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
  bottom: 0;
  border: 21px solid transparent;
  border-left: 23px solid #fcf4f5;
  content: '';
  left: calc(100% - 3px);
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 2;
}
.progressbar .item.active:not(:last-child)::before,
.progressbar .item.active:not(:last-child)::after {
  left: 100%;
}
.progressbar .item:not(:last-child)::before {
  border-left-color: #FFF;
  margin-left: 3px;
}
.progressbar .item.active {
  background: #fa8088;
  color: #FFF;
  z-index: 1;
}
.progressbar .item.active:not(:last-child)::after {
  border-left-color: #fa8088;
}
.progressbar .item.active:not(:last-child)::before {
  border-left: none;
}

.before-submit {
  background-color: #FFF5E5;
  font-size: 1.2rem;
  padding: 20px;
  text-align: center;
}
.before-submit *:first-child{
  margin-top: 0;
}
.need-check-btn {
    opacity: 0.4;
}

/*-------------------
  form posted-images
---------------------*/
.upload-user-imgs {
  font-size: 0;
}
.img-box {
  display: inline-block;
  margin-left: 7px;
  width: 150px;
}
.img-box:first-child {
  margin-left: 0;
}
.img-box__preview-label {
  background-color: #dbdbdb;
  background-size: contain;
  border-radius: 5px;
  display: inline-block;
  height: auto;
  width: 100%;
}
.img-box__preview {
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  width: 100%;
  padding-top: 100%;
  z-index: 10;

  background: #ffffff no-repeat center center;
  background-size: contain;
  border: 1px solid #78bcbd;
  border-radius: 4px;
  box-shadow: rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
  -webkit-box-shadow: rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
  -moz-box-shadow: rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
}
.img-box__preview.previewing:after {
    content: ''!important;
}
.img-box__preview:after {
  color: #666;
  content: '＋';
  font-size: 2rem;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}
.img-box__file {
  display: none;
}
.delete-img {
  visibility: hidden;
  margin-top: 5px;
  cursor: auto;
  color: #3bbcbc;
  font-size: 14px;
}
.img-box-02 {
  border: 1px solid #78bcbd;
  border-radius: 4px;
}


/* review
---------------------------------------- */
.review									 {line-height: 1;}
.review.review-l						 {font-size:14px;font-size:1.4rem;}
.review .good							 {margin-bottom: 2px;}
.review .title							 {min-width: 36px;}
.review.review-l .title					 {width: 3em;}
.review-count							 {display: inline-block; margin-left: 5px;}
.review.review-l .icon					 {margin-right: 7px;}

/* review-count */
.reviewcount							 {text-decoration: none;}
.reviewcount:hover						 {text-decoration: underline;}
.reviewcount.reviewcount-l				 {font-size:14px;font-size:1.4rem;}

/* review-alllist */
.review-alllist {
  display: inline-block;
  font-size: 0.8em;
  letter-spacing: 2px;
  margin-left: 2px;
  margin-right: 5px;
}

.ref {font-size: 1.3rem;}
.ref a.reflink{color: #339090;}


/* tablegood */
.tableevaluation						{min-width: 280px;}
.tableevaluation.tableevaluation-good	{color:#fa8088;}
.tableevaluation.tableevaluation-bad	{color:#54abab;}
.tableevaluation .evaluation-icon		{padding-right: 5px; letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */ }
.tableevaluation .evaluation-icon .icon	{letter-spacing: normal; /* 文字間を通常に戻す */}
.tableevaluation .evaluation-meter		{min-width: 140px;}
.tableevaluation .evaluation-num		{white-space: nowrap; padding-left:10px;}

/* meter */
[class*=meter]							{height: 12px;}
.meter-good								{background-color: #fca6ac;}
.meter-bad								{background-color: #c3e7e7;}


/* txt-vline-list
---------------------------------------- */
.txt-vline-list .set-b-fav-user {position: absolute;top: 0;right: 0;}
.txt-vline-list .txt-vline-item							{display: inline; padding-right: 0.05em;}
.txt-vline-list .txt-vline-item:before					{content:"｜"; padding-right: 0.3em;}
.txt-vline-list .txt-vline-item:first-child:before		{content:''; padding-right: 0;}

/* 参考になった順
---------------------------------------- */
.sort-like__title {
  display: inline-block;
  margin-left: 2px;
}
.sort-like__good {
  display: inline-block;
  margin-left: 5px;
}
.sort-like__good:hover {
  opacity: 0.7;
}
.sort-like__bad {
  display: inline-block;
  margin-left: 3px;
}
.sort-like__bad:hover {
  opacity: 0.7;
}

/* txt-slash-list
---------------------------------------- */
.txt-slash-list .txt-slash-item							{display: inline; padding-right: 0.1em;}
.txt-slash-list .txt-slash-item:before					{content:"/"; padding-right: 0.5em;}
.txt-slash-list .txt-slash-item:first-child:before		{content:''; padding-right: 0;}

/* txt-breadcrumb-list
---------------------------------------- */
.txt-breadcrumb-list .txt-breadcrumb-item							{display: inline; padding-right: 0.1em;}
.txt-breadcrumb-list .txt-breadcrumb-item:before					{content:">"; padding-right: 0.5em;}
.txt-breadcrumb-list .txt-breadcrumb-item:first-child:before		{content:''; padding-right: 0;}



/* hr
---------------------------------------- */
hr[class*=slash]						{margin: 0; border: 0; background: top left repeat;}
hr.slash-gray02							{height: 2px; background-image: url(../img/bg-slash-gray.png);}
hr.slash-gray03							{height: 2px; margin-bottom: 15px ;background-image: url(../img/bg-slash-gray.png);}
hr.slash-gray04							{height: 4px; background-image: url(../img/bg-slash-gray.png);}
hr.slash-gray06							{height: 6px; background-image: url(../img/bg-slash-gray.png);}
hr.slash-lightgray02					{height: 2px; background-image: url(../img/bg-slash-gray.png); opacity: 0.5;}
hr.slash-lightgray04					{height: 4px; background-image: url(../img/bg-slash-gray.png); opacity: 0.5;}
hr.slash-lightgray06					{height: 6px; background-image: url(../img/bg-slash-gray.png); opacity: 0.5;}
hr.slash-green02						{height: 2px; background-image: url(../img/bg-slash-green.png);}
hr.slash-green04						{height: 4px; background-image: url(../img/bg-slash-green.png);}
hr.slash-green06						{height: 6px; background-image: url(../img/bg-slash-green.png);}

hr[class*=normal]						{margin: 0; border: 0;}
hr.normal-gray01						{height: 1px;background-color: #eaeaea;}
hr.normal-gray02						{height: 2px;background-color: #eaeaea;}
hr.normal-gray04						{height: 4px;background-color: #eaeaea;}
hr.normal-gray06						{height: 6px;background-color: #eaeaea;}
hr.normal-green02						{height: 2px;background-color: #c3e7e7;}
hr.normal-green04						{height: 4px;background-color: #c3e7e7;}
hr.normal-green06						{height: 6px;background-color: #c3e7e7;}
hr.normal-green08						{height: 8px;background-color: #c3e7e7;}

hr[class*=dotted]						{margin: 0; border: 0; height: 0;}
hr.dotted-black01						{border-top: 1px dotted #000000;}
hr.dotted-black02						{border-top: 2px dotted #000000;}
hr.dotted-black04						{border-top: 4px dotted #000000;}
hr.dotted-black06						{border-top: 6px dotted #000000;}
hr.dotted-gray01						{border-top: 1px dotted #b2b2b2;}
hr.dotted-gray02						{border-top: 2px dotted #b2b2b2;}
hr.dotted-gray04						{border-top: 4px dotted #b2b2b2;}
hr.dotted-gray06						{border-top: 6px dotted #b2b2b2;}


/* thumb
---------------------------------------- */
.img-item-thumb46x46-list-row2						{display: inline-block; font-size: 0; margin-right: -4px; margin-bottom: -4px; width: 100px;}
.img-item-thumb46x46-list-row2 .img-item-thumb-item	{width: 46px; height: 46px; display: inline-block; margin-right: 4px; margin-bottom: 4px; }

/* img-border */
.img-border img										{border: 1px solid #e7e7e7;}
.img-border-green img								{border: 3px solid #c3e7e7;}
.img-border-green [class*=img-square]				{border: 3px solid #c3e7e7;}
.img-border-green01 img								{border: 1px solid #c3e7e7;}

.img-border .img-frame img										{border: none;}
.img-border-green .img-frame img								{border: none;}
.img-border-green01 .img-frame img								{border: none;}

.img-border .img-frame										{border: 1px solid #e7e7e7;}
.img-border-green .img-frame								{border: 3px solid #c3e7e7;}
.img-border-green01 .img-frame								{border: 1px solid #c3e7e7;}


/* table
---------------------------------------- */
.table									 {}
.table.table-normal th,
.table.table-normal td							 {padding-top:2px;padding-bottom:2px;}
.table.table-normal th							 {text-align: left;font-weight: normal;}
.table.table-normal tr							 {background-color: #ffffff;}
.table.table-normal tr:nth-child(odd)			 {background-color: #d0eceb;}
.table.table-normal.h-left th					 {width: 150px;padding-left: 20px;padding-right: 20px;}
body.ie8 .table.table-normal tr					 {background-color: #d0eceb; border-top: 1px solid #ffffff;}
body.ie8 .table.table-normal tr:first-child		 {border-top: none;}





/* modules
-------------------------------------------------------------------------------- */

/* layout
---------------------------------------- */
#header-bar							 {width: 100%; /* height: 28px; */}
#contents							 {margin-top: 15px;}
#main								 {width: 750px;}
.main-inner {
  min-height: 200px;
}
#main.main-single								 {width: 100%;}
#main .mainarea						 {width: 540px;}
#main .subarea						 {width: 200px; margin-top: 15px; display: flex; justify-content: center;}
#main .box							 {margin-bottom: 20px;}

#main .box > h2.title				 {font-size:14px;font-size:1.4rem;font-weight: bold;color: #ea535e; padding-left: 20px;padding-bottom: 6px;border-bottom: 3px solid #fa8088;box-shadow: 0 3px 0 #eeeeee;font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ", sans-serif;}
#main .box > h2.title .link			 {margin-top: 2px;padding-left: 10px;font-size:12px;float: right;text-decoration: none;}
#main .box > h2.title .link:hover	 {text-decoration: underline;}

/* header
---------------------------------------- */
/* header-bar */
#header-bar							 {border-top: 3px solid #fba6ab; }
.hbar-description					 {width: 40%;}
.hbar-description p					 {line-height: 25px;}
.hbar-nav							 {width: 60%;}
.hbar-nav .subbox					 {line-height: 1; vertical-align: top; margin-top: 2px;}
.hbar-nav .subbox li.bl				 {border-right: 1px solid #dddddd;}
.hbar-nav .subbox li a				 {text-decoration: none;}
.hbar-nav .hbar-sns a				 {margin: 4px 0 4px 5px; text-decoration: none; text-indent: 100%; white-space: nowrap; overflow: hidden;}
.hbar-nav-myname {
    /* position: relative; */
}
.news-popup {
    display: none;
    position: relative;
}
.news-popup__inner {
    background-color: #ffffff;
    box-shadow: 2px 3px rgba(100, 100, 100, 0.6);
    border: 1px solid #fca6ac;
    border-radius: 3px;
    font-style: normal;
    position: absolute;
    z-index: 9999;
    width: 370px;
    top: 15px;
    left: -150px;
}
.news-popup__triangle {
    width: 0px;
    height: 0px;
    border-style: solid;
    position: absolute;
    z-index: 2;
    left: 130px;
    top: -12px;
    border-width: 0px 10px 16px;
    border-color: transparent transparent #fca6ac;
}
.news-popup__h {
    background-color: #fca6ac;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    color: #ffffff;
    padding: 10px;
}
.news-popup__title {
    float: left;
}
.news-popup__to-all {
    background-color: #fca6ac;
    color: #ffffff;
    padding: 10px;
}
.news-popup__news-table {
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
}
.news-popup__img {
    display: inline-block;
    line-height:1;
    padding-top: 10px;
    text-align: center;
    vertical-align: top;
    width: 48px;
}
.news-popup__news {
    font-size: 1.2rem;
    line-height: 1.5;
    padding-left: 10px;
    padding-top: 10px;
    text-align: left;
    vertical-align: top;
}
.news-popup__news a {
    color: #1d8383;
    display: block;
}
.news-popup__news a:hover {
  opacity: 0.7;
}
.news-popup__set2-i-popup-img-cosmerepo-news {
    background:transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3733px;
    display: inline-block;
    height: 34px;
    line-height:1;
    position: relative;
    top: -10;
    vertical-align:middle;
    width: 48px;
}
.news-popup__set2-i-popup-img-point-history {
    background:transparent url(../img/set.png) top left no-repeat;
    background-position: 0px -3777px;
    display: inline-block;
    height: 34px;
    line-height:1;
    position: relative;
    top: -10;
    vertical-align:middle;
    width: 48px;
}

/* header */
#header												 {height: 135px;background: #fff6f7 url(../img/bg-pattern-header.gif) center top repeat;border-bottom: 3px solid #fee4e6;box-shadow: 0 1px 0 #f8f8f8;}
#header.nonavi										 {height: 100px;}
#header .h-title									 {width: 135px;margin-right: 20px;}
#header .h-info										 {width: 280px;margin-right: 30px;overflow: hidden;}
#header .h-info li									 {width: 100%; height:15px; overflow: hidden;}
#header .h-review									 {width: 270px;z-index: 99;}
#header .h-review .h-reviewinner					 {padding: 6px; border: 1px solid #cccccc; border-radius: 4px;}
#header .h-review a									 {text-decoration: none; line-height: 1;}
#header .h-review .txt								 {padding-top: 4px;}
#header .h-search									 {width: 220px;z-index: 99;}
#header .h-search .subbox input[type="text"]		 {height: 26px;line-height: 24px; padding-right: 46px;}
#header .h-search .subbox input[type="submit"]		 {top: 3px; right: 3px; width: 21px; height: 20px;border: none;}
#header .h-search .subbox input[type="button"]:focus {outline: 0;}
#header .h-search .subbox .cross-btn				 {padding: 0; position: absolute; top: 6px; right: 30px; border: none; background-color: transparent; visibility: hidden;}
#header .h-searchword								 {width: 100%;overflow: hidden;}
#header .h-searchword .h-searchwordarea				 {width: 205px; height: 30px; overflow: hidden;}



.btn.btn-secondary,
.brandnav li a.is-selected,
.mypagenav > ul > li > a.is-selected {
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
	border-color: #f56371;
	color: #ffffff;
	text-shadow:0px 1px 1px #f56371,0px 0px 1px #f56371,1px 0px 1px #f56371,0px -1px 1px #f56371,-1px -1px 1px #f56371,-1px 0px 1px #f56371;
}
.btn.btn-secondary:hover,
.brandnav a.is-selected:hover,
.mypagenav > ul > li > a.is-selected:hover {
	background: #f9929b;
	background: -webkit-linear-gradient(#f66572 0%, #f9929b 100%);
	background: linear-gradient(#f66572 0%, #f9929b 100%);
	color: #ffffff;
}



/* gnav */
#header .h-gnav										 {bottom: 6px; left: 0; right: 0; z-index: 1;}
#header .h-gnav .tabarea a							 {margin:0;padding:0;outline: none; margin-right: 2px;border: none;}
#header .h-gnav .btnarea {
/* 	display: none; */
	height: 32px; border: 1px solid #fa7b84; border-radius: 4px;padding: 0 1px;
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
}
#header .h-gnav .btnarea > li > a {
	font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ", sans-serif;
	line-height: 30px;
	color: #ffffff;
	text-shadow:0px 1px 1px #f56371,0px 0px 1px #f56371,1px 0px 1px #f56371,0px -1px 1px #f56371,-1px -1px 1px #f56371,-1px 0px 1px #f56371;
}
#header .h-gnav .btnarea > li > a:hover,
#header .h-gnav .btnarea > li > a.is-selected {
	text-decoration: none;
	background: #f9929b;
	background: -webkit-linear-gradient(#f66572 0%, #f9929b 100%);
	background: linear-gradient(#f13e51 0%, #f9929b 100%);
}
#header .h-gnav .btnarea > li a						 {width: 100%;height: 100%;}
#header .h-gnav .btnarea > li						 {background: url(../img/bg-gnav-line.png) left center no-repeat;}
#header .h-gnav .btnarea > li:first-child			 {background: none;}
#header .h-gnav .btnarea > li > ul:before			 {position: absolute;left:49px;top: -7px;width: 18px; height: 7px; display: block; content: "";background: url(../img/bg-gnav-arrow.png) center center no-repeat;}
#header .h-gnav .btnarea > li > .btnarea-ul-2col					 {position: absolute;top:30px;left:0;z-index:999;width:402px;background: #fff;border: 1px solid #fa7b84;}

#header .h-gnav .btnarea > li > ul li				 {display: inline-block;padding: 5px 0;}
#header .h-gnav .btnarea > li > ul li.row1			 {width: 100%;}
#header .h-gnav .btnarea > li > ul li.row2			 {width: 50%;}
#header .h-gnav .btnarea > li > ul li.row3			 {width: calc(100%/3);}
#header .h-gnav .btnarea > li > ul li.row4			 {width: 25%;}
#header .h-gnav .btnarea > li > ul li a				 {display: inline-block;width: 100%;padding:0 10px;text-decoration: none;letter-spacing: -0.1em;}
#header .h-gnav .btnarea > li > ul li a:hover		 {background-color: #fbcfd2;}
#header .h-gnav .btnarea > li:hover > ul			 {display: block !important;}

#header .h-gnav .btnarea														 {display: none;}
#header .h-gnav .btnarea.is-selected											 {display: block;}



/* gnav rankingnav */
.set-b-tab-ranking {
  height: 30px;
  width: 164px;
  background:#c3e7e7 url(../img/common/rankings-off.png) top left repeat;
}
.set-b-tab-ranking:hover, .set-b-tab-ranking.is-selected, .set-b-tab-ranking.b-tab-ranking-hover {
  background:#c3e7e7 url(../img/common/rankings-on.png) top left repeat;
}
.h-ranking-nav-top-box {
  position: absolute;
  top:30px;
  left:0;
  z-index:999;
  min-width:160px;
  background: #fff;
  border: 1px solid #fa7b84;
}
.h-ranking-nav-middle__item {
  display: block!important;
  white-space: nowrap;
  padding: 0!important;
}
.h-ranking-nav-middle__title {
  line-height: 30px;
  font-size: 13px;
  font-size: 1.3rem;
  padding: 0!important;
  position: relative;
}
.h-ranking-nav-middle__title span {
  display: inline-block;
  padding: 5px 10px;
  width: 100%;
}
.h-ranking-nav-middle-box-balloon:after,
.h-ranking-nav-middle-box-balloon:before {
  content: "";
  position: absolute;
  top: 12px;
  width: 0;
  height: 0;
  margin: auto;
}
.h-ranking-nav-middle-box-balloon:after {
  left: calc(100% - 12px);
  border-style: solid;
  border-color: transparent #fff transparent transparent;
  /* border-width: 0 39px 35px 0; */
  border-width: 7px;
  z-index: 10;
}
.h-ranking-nav-middle-box-balloon:before {
  left: calc(100% - 13px);
  border-style: solid;
  border-color: transparent #fa7b84 transparent transparent;
  /* border-width: 0 39px 35px 0; */
  border-width: 7px;
  z-index: 10;
}
.h-ranking-nav-open {
  background-color: #fbcfd2;
}
#header .h-gnav .btnarea.h-rankingnav > li										 {width: 120px;}
#header .h-gnav .btnarea.h-rankingnav > li a.parent							 {line-height: 30px;}
.h-ranking-nav-middle-box {
  background-color: #fff;
  border-left: 1px solid #fa7b84;
  border-right: 1px solid #fa7b84;
  border-bottom: 1px solid #fa7b84;
  display: none;
  font-size: 1.2rem;
  min-height: 180px;
  padding: 10px;
  position: absolute;
  left: 158px;
  top: 0;
  min-width: 160px;

}
#header .h-gnav .btnarea.h-rankingnav > li a.child								 {
  display: block;
  line-height: 20px;
}
#header .h-gnav .btnarea.h-rankingnav > li[class*=h-rankingnav-item-]		 {
  vertical-align: top;
  position: relative;
}

/* gnav categorynav */
#header .h-gnav .btnarea.h-categorynav > li										 {width: calc(100% / 8);}
#header .h-gnav .btnarea.h-categorynav > li a.parent							 {line-height: 30px;}
#header .h-gnav .btnarea.h-categorynav > li .childlist							 {font-size:12px; font-size: 1.2rem; padding-left: 15px;}
#header .h-gnav .btnarea.h-categorynav > li a.child								 {line-height: 20px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-3,
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-4,
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-5,
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-6,
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-7,
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-8				 {width: calc(100% / 8);}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-6 > ul:before	 {left:86px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-6 > ul			 {left:-37px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-7 > ul:before	 {left:208px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-7 > ul			 {left:-158px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-8 > ul:before	 {left:330px;}
#header .h-gnav .btnarea.h-categorynav > li.h-categorynav-item-8 > ul			 {left:-279px;}
#header .h-gnav .btnarea.h-categorynav > li[class*=h-categorynav-item-] li		 {vertical-align: top; padding-bottom: 10px;}

/* gnav brandnav */
#header .h-gnav .btnarea.h-brandnav > li								 {width: calc(100% / 10);height: 30px;}
#header .h-gnav .btnarea.h-brandnav > li a.parent						 {line-height: 30px;}
#header .h-gnav .btnarea.h-brandnav > li .childlist						 {font-size:12px; font-size: 1.2rem; padding-left: 15px;}
#header .h-gnav .btnarea.h-brandnav > li a.child						 {line-height: 20px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-5,
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-6,
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-7,
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-8,
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-9,
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-10				 {width: calc(100% / 10);}
#header .h-gnav .btnarea.h-brandnav > li > ul:before					 {left:39px;top: -7px;}
#header .h-gnav .btnarea.h-brandnav > li > ul							 {left:0;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-7 > ul:before	 {left:48px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-7 > ul			 {left:-12px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-8 > ul:before	 {left:147px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-8 > ul			 {left:-109px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-9 > ul:before	 {left:246px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-9 > ul			 {left:-206px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-10 > ul:before	 {left:343px;}
#header .h-gnav .btnarea.h-brandnav > li.h-brandnav-item-10 > ul		 {left:-303px;}
#header .h-gnav .btnarea.h-brandnav > li > ul li a.link-cat-lg		 {background-color: #fbcfd2;}



/* brandheader */
.brandheader										 {background: #f9f9f9;}

/* mypageheader */
.mypage-nav {
	font-size: 0;
}
.mypage-nav-1 {
	background: #f4f4f4;
	background: -webkit-linear-gradient(#ffffff 0%, #eeeeee 100%);
	background: linear-gradient(#ffffff 0%, #eeeeee 100%);
	border: 1px solid #dddddd;
	border-radius: 2px;
	color: #555555;
	margin: 0;
	padding: 0;
}
.mypage-nav-1__item {
	box-sizing: border-box;
	color: #555555;
	display: inline-block;
	font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ", sans-serif;
	font-size: 15px;
	list-style-type: none;
	position: relative;
	width: 16.66666%;
	width: -webkit-calc(100% / 6);
	width: calc(100% / 6 - 0.05px);
}
.mypage-nav-1__item > span:hover::after,
.mypage-nav-1__item.is-selected > span:after {
	background: url(../img/set.png) top left no-repeat;
	background-position: 0px -3838px;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 5px;
	position: relative;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 9px;
}
.mypage-nav-1__item > a {
	display: block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.mypage-nav-1__item > span:hover,
.mypage-nav-1__item > a:hover {
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
	color: #ffffff;
}
.mypage-nav-1__item > span {
	display: block;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	width: 100%;
}
.mypage-nav-1__item > span:after {
	background: url(../img/set.png) top left no-repeat;
	background-position: 0px -3821px;
	content: "";
	display: inline-block;
	height: 7px;
	margin-left: 5px;
	position: relative;
	right: 0;
	top: 0;
	vertical-align: middle;
	width: 9px;
}
.mypage-nav-1__item.is-selected > a,
.mypage-nav-1__item.is-selected > span {
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
	/* border-color: #f56371; */
	color: #ffffff;
	/* text-shadow: 0px 1px 1px #f56371,0px 0px 1px #f56371,1px 0px 1px #f56371,0px -1px 1px #f56371,-1px -1px 1px #f56371,-1px 0px 1px #f56371; */
}
.mypage-nav-2 {
	border: 1px solid #fa7b84;
	display: none;
	margin: 0;
	padding: 0;
	position: absolute;
	z-index: 100;
}
.mypage-nav-1__item:hover .mypage-nav-2 {
	display: block;
}
.mypage-nav-2__item {
}
.mypage-nav-2__item > a {
	background-color: #ffffff;
	display: block;
	font-family: Meiryo, "メイリオ", "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", sans-serif;
	font-size: 1.3rem;
	font-weight: normal;
	line-height: 35px;
	min-width: 180px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	text-decoration: none;
	white-space: nowrap;
}
.mypage-nav-2__item > a:before {
	background-image: url('../img/set.png');
	background-repeat: no-repeat;
	content: "";
	display: inline-block;
	background-position: 0 -94px;
	height: 11px;
	width: 11px;
	margin-right: 5px;
	vertical-align: middle;
}
.mypage-nav-2__item:last-child > a {
	border-bottom: 1px solid #dddddd;
}
.mypage-nav-2__item > a:hover {
	color: #005500;
	/* background-color: #fa7b84; */
	background-color: #fbcfd2;
}

.mypagenav > ul > li > a.is-selected {
	background: #f67985;
	background: -webkit-linear-gradient(#f9929b 0%, #f66572 100%);
	background: linear-gradient(#f9929b 0%, #f66572 100%);
	border-color: #f56371;
	color: #ffffff;
	text-shadow:0px 1px 1px #f56371,0px 0px 1px #f56371,1px 0px 1px #f56371,0px -1px 1px #f56371,-1px -1px 1px #f56371,-1px 0px 1px #f56371;
}

.mypageheader										 {background: #f9f9f9;}
.mypage-profileicon									 {display: table-cell;vertical-align: middle;width: 60px;height: 60px;}
.mypage-profileicon-img								 {display: inline-block; width: 60px;height: 60px;border-radius: 50%;border: 3px solid #c3e7e7;overflow: hidden; vertical-align: middle; background: #ffffff center center no-repeat; background-size: contain;}
.mypage-profileicon-img__90								 {display: inline-block; width: 90px;height: 90px;border-radius: 50%;border: 3px solid #c3e7e7;overflow: hidden; vertical-align: middle; background: #ffffff center center no-repeat; background-size: contain;}
.mypage-h2-title									 {display: table-cell;vertical-align: middle;width: 850px;height: 60px;padding-left: 10px; margin: 15px 0; margin-right: 10px;}

.img-square-xxs{display:inline-block; width: 46px;  height: 46px;  background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}
.img-square-xs {display:inline-block; width: 60px;  height: 60px;  background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}
.img-square-s  {display:inline-block; width: 70px;  height: 70px;  background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}
.img-square-m  {display:inline-block; width: 100px; height: 100px; background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}
.img-square-l  {display:inline-block; width: 130px; height: 130px; background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}
.img-square-xl {display:inline-block; width: 144px; height: 144px; background: #ffffff center center no-repeat; background-size: contain; vertical-align:middle;}


/* ランキングから探す サイドナビ
---------------------------------------- */
.side-ranking-nav-title {
  background: repeating-linear-gradient(
    -45deg,     /* 角度の指定 */
    #fff,      /* 色A ... 開始 */
    #fff 1px,  /* 色A ... 終了 */
    #f7f7f7 1px,      /* 色B ... 開始 */
    #f7f7f7 3px   /* 色B ... 終了 */
  );
  background-color:#ffc696;
  border-top: 5px solid #fca6ac;
  text-align: center;
}
.side-ranking-nav-title__main {
  color: #ea535e;
  display:block;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
}
.side-ranking-nav-title__sub {
  color: #999999;
  display:block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}

.side-ranking-nav-top__title:hover,
.side-ranking-nav-middle__title:hover,
.side-ranking-nav-bottom__title:hover {
  background-color: #fbcfd2!important;
}

.side-ranking-nav-top__item {
  border-top: 1px dotted #c1c1c1!important;
}

.side-ranking-nav-top__item:first-child {
  border-top: none!important;
}
.side-ranking-nav-top__item:last-child {
  border-bottom: 2px solid #f9f9f9!important;
}

.side-ranking-nav-top__title {
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
  display: block;
  font-size: 1.2rem;
  padding: 10px calc(8px + 11px + 8px) 10px 8px !important;
  position: relative
}
.side-ranking-nav-top__title:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 10px;
    content: "";
    width: 3px;
    height: 12px;
    border-radius: 1px;
    background: #f56371;
}
.side-ranking-nav-top__title:after {
  color: #f56371;
  content: "\f0fe"!important;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-weight: normal;
  position: absolute!important;
  right: 10px!important;
  top: calc(50% - 8px/ 2)!important;
  vertical-align: middle;
}
.side-ranking-nav-top__title.side-nav-open:after {
  content: "\f146"!important;
}
.side-ranking-nav-top__title.side-nav-open {
  background-color: #fbcfd2!important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
 }
.side-ranking-nav-top__a {
  text-decoration: underline;
}
.side-ranking-nav-top__icon {
  background: transparent url(../img/set.png) top left no-repeat;
  background-position: 0 0;
}
.side-ranking-nav-top__title + .side-ranking-nav-top-box {
  display: none;
}
.side-ranking-nav-middle__title + .side-ranking-nav-middle-box {
  display: none;
}
.side-ranking-nav-top-box {
  margin-left: calc(1.2rem + 5px) !important;
  margin-bottom: 0 !important; }

.side-ranking-nav-middle__item {
  border-top: 1px solid #f9f9f9; }

.side-ranking-nav-middle__item:first-child {
  border-top: none; }

.side-ranking-nav-middle__title {
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
  display: block;
  padding: 8px calc(8px + 11px + 8px) 8px 8px !important;
  position: relative;
}
.side-ranking-nav-middle__title:after {
  color: #f56371;
  content: "\f196"!important;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-weight: normal;
  position: absolute!important;
  right: 10px!important;
  top: calc(50% - 6px/ 2)!important;
  vertical-align: middle;
}
.side-ranking-nav-middle__title.side-nav-open:after {
  content: "\f147"!important;
}
.side-ranking-nav-middle__title.side-nav-open {
  background-color: #fbcfd2 !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
 }
.side-ranking-nav-middle__a {
  font-size: 1.2rem;
  padding: 4px 8px 4px 4px!important;
}
.side-ranking-nav-middle-box {
  margin-left: calc(1.2rem + 5px) !important;
  margin-bottom: 0 !important;
}
.side-ranking-nav-bottom__title {
  border-top: 1px solid #f9f9f9;
 }
.side-ranking-nav-bottom__title:hover {
  border-top: 1px solid transparent;
 }
.side-ranking-nav-bottom__title:first-child {
  border-top: none;
}
.side-ranking-nav-bottom__title.side-nav-open {
  background-color: #fbcfd2 !important;
 }
.side-ranking-nav-bottom__a {
  display: block;
  font-size: 1rem;
  padding: 4px 8px 4px 4px!important;
}


/* このブランドのカテゴリ一覧 サイドナビ
---------------------------------------- */
.side-brand-category-title {
  background: repeating-linear-gradient(
    -45deg,     /* 角度の指定 */
    #fff,      /* 色A ... 開始 */
    #fff 1px,  /* 色A ... 終了 */
    #f7f7f7 1px,      /* 色B ... 開始 */
    #f7f7f7 3px   /* 色B ... 終了 */
  );
  background-color:#ffc696;
  border-top: 5px solid #fca6ac;
  text-align: center;
}
.side-brand-category-title__main {
  color: #ea535e;
  display:block;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
}
.side-brand-category-title__sub {
  color: #999999;
  display:block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}

.side-brand-category-top__title:hover,
.side-brand-category-middle__title:hover,
.side-brand-category-bottom__title:hover {
  background-color: #fbcfd2!important;
  background-color: rgba(59, 188, 188, 0.15)!important;
}

.side-brand-category-top__item {
  border-top: 1px dotted #c1c1c1!important;
}

.side-brand-category-top__item:first-child {
  border-top: none!important;
}
.side-brand-category-top__item:last-child {
  border-bottom: 2px solid #f9f9f9!important;
}

.side-brand-category-top__title {
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
  display: block;
  font-size: 1.2rem;
  padding: 10px calc(8px + 11px + 8px) 10px 8px !important;
  position: relative
}
.side-brand-category-top__title:before {
    display: inline-block;
    vertical-align: middle;
    margin-top: -1px;
    margin-right: 10px;
    content: "";
    width: 3px;
    height: 12px;
    border-radius: 1px;
    background: #88cfcf;
}
.side-brand-category-top__title:after {
  color: #88cfcf;
  content: "\f0fe"!important;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-weight: normal;
  position: absolute!important;
  right: 10px!important;
  top: calc(50% - 8px/ 2)!important;
  vertical-align: middle;
}
.side-brand-category-top__title.side-nav-open:after {
  content: "\f146"!important;
}
.side-brand-category-top__title.side-nav-open {
  background-color: rgba(59, 188, 188, 0.15)!important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
 }
.side-brand-category-top__a {
  text-decoration: none;
}
.side-brand-category-top__icon {
  background: transparent url(../img/set.png) top left no-repeat;
  background-position: 0 0;
}
.side-brand-category-top__title + .side-brand-category-top-box {
  display: none;
}
.side-brand-category-middle__title + .side-brand-category-middle-box {
  display: none;
}
.side-brand-category-top-box {
  margin-left: calc(1.2rem + 5px) !important;
  margin-bottom: 0 !important; }

.side-brand-category-middle__item {
  border-top: 1px solid #f9f9f9; }

.side-brand-category-middle__item:first-child {
  border-top: none; }

.side-brand-category-middle__title {
  background-repeat: no-repeat;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
  display: block;
  padding: 8px calc(8px + 11px + 8px) 8px 8px !important;
  position: relative;
}
.side-brand-category-middle__title:after {
  color: #88cfcf;
  content: "\f196"!important;
  display: inline-block;
  font-family: FontAwesome;
  font-size: 1em;
  font-weight: normal;
  position: absolute!important;
  right: 10px!important;
  top: calc(50% - 6px/ 2)!important;
  vertical-align: middle;
}
.side-brand-category-middle__title.side-nav-open:after {
  content: "\f147"!important;
}
.side-brand-category-middle__title.side-nav-open {
  background-color: rgba(59, 188, 188, 0.15)!important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 8px) 50% !important;
  background-size: inherit !important;
 }
.side-brand-category-middle__a {
  font-size: 1.2rem;
  padding: 4px 8px 4px 4px!important;
  text-decoration: none;
}
.side-brand-category-middle-box {
  margin-left: calc(1.2rem + 5px) !important;
  margin-bottom: 0 !important;
}
.side-brand-category-bottom__title {
  border-top: 1px solid #f9f9f9;
 }
.side-brand-category-bottom__title:hover {
  border-top: 1px solid transparent;
 }
.side-brand-category-bottom__title:first-child {
  border-top: none;
}
.side-brand-category-bottom__title.side-nav-open {
  background-color: rgba(59, 188, 188, 0.15)!important;
 }
.side-brand-category-bottom__a {
  display: block;
  font-size: 1em;
  padding: 4px 8px 4px 4px!important;
  text-decoration: none;
}



/* list
---------------------------------------- */
/* listheader */
/* .listheaderbox										 {height: 52px;} */
.listheaderbox .displayorderbox						 {padding-top: 8px;}
.listheaderbox .displayformatbox					 {padding-top: 8px;}
.listheaderbox .inlinefilter						 {padding-top: 2px;}
.listheaderbox .pagerbox							 {padding-top: 8px;}


/* list outer */
.searchlistbox										 {border-top: 4px solid #e7e7e7;border-bottom: 4px solid #e7e7e7;}

/* listitem */
.listitem											 {}
.listitem-normal									 {padding:10px 0;margin: 0 10px;border-top: 1px dotted #a3a3a3;}
.listitem-normal--no-border									 {padding:10px 0;margin: 0 10px;}
.listitem-normal2									 {padding:10px 0;margin: 0 10px;border-bottom: 1px dotted #fee4e6;}
.listitem:first-child								 {border-top:none;}
.listitem-review-with-reviewer						 {}
.listitem-report-with-reporter						 {}
.listitem-mypage-normal								 {padding:20px 0;border-top: 1px dotted #a3a3a3;}
.listitem-mypage-favorite							 {padding:20px 0;border-top: 1px dotted #a3a3a3;}
.listitem-mypage-favorite-user						 {padding:20px 0;border-top: 1px dotted #a3a3a3;}
.listitem-favorite-user								 {padding:10px 0;border-top: 1px dotted #a3a3a3;}

/* listitem-ttl */
.listitem-ttl.listitem-ttl-reviews										 {position: relative; padding-right: 68px;}
.listitem-ttl.listitem-ttl-reviews .set-i-repeat							 {position: absolute; right: 0;}

/* listimg */
.listitem > .img									 {}
.listitem-normal > .img								 {width: 118px;}
.listitem-normal2 > .img								 {width: 118px;}

.listitem-review-with-reviewer > .img				 {padding-right: 20px; text-align: center;}
.listitem-review-with-reviewer .img-item-thumb-list	 {font-size: 0;margin-right: -3px;margin-bottom: -3px;}
.listitem-review-with-reviewer .img-item-thumb-item	 {width: 46px;height: 46px;display: inline-block;margin-right: 3px;margin-bottom: 3px;}

.listitem-report-with-reporter .img					 {float:left; width: 110px;}
.listitem-report-with-reporter .txt					 {float:right; margin-left: -110px; width: 100%;}
.listitem-report-with-reporter .txt > .txt-inner	 {margin-left: 110px;}

/* listtext */
.listitem-normal .txt								 {width: 402px;}
.listitem-normal2 .txt								 {width: 402px;}
.listitem-review-with-reviewer .txt,
.listitem-favorite-user .txt						 {width: 612px;}
.listitem-favorite-user .txt						 {width: 612px;}
.listitem-brand .txt								 {width: 560px;}
.listitem-mypage-nromal .txt						 {width: 550px;}

.listitem-review-with-reviewer a.txt-title			 {display: inline-block; font-weight: bold; color:#1d8383; text-decoration: none;}
.listitem-review-with-reviewer a.txt-title:hover	 {text-decoration: underline;}

.listitem-report-with-reporter a.txt-title			 {display: inline-block; font-weight: bold; color:#1d8383; text-decoration: none;}
.listitem-report-with-reporter a.txt-title:hover	 {text-decoration: underline;}

.list-brand											 {font-size:11px;font-size:1.1rem;color: #666666;text-decoration: none;display: block;}
.list-brand:hover									 {color: #666666;text-decoration: underline;}
.list-item											 {font-size:16px;font-size:1.6rem;color: #1d8383;text-decoration: none;display: block;background:url(../img/bg-list-normal-item.jpg) bottom center repeat-x;margin-bottom: 5px;}
.list-item:hover									 {color: #1d8383;text-decoration: underline;}
.list-detail										 {font-size:10px;font-size:1.0rem;color: #999999;}
.list-category										 {margin-bottom: 2px;}
.list-category a									 {font-size:1.0rem;color: #1d8383;text-decoration: none; display: inline-block;}
.list-category a:hover									 {text-decoration: underline;}
.listbox__iteminfo--w-m150 {
	width: calc(100% - 150px);
	display: inline-block;
	box-sizing: border-box;
}
.list-review dl										 {margin: 5px 0 0 0 !important;padding: 0;}
.list-review dt										 {margin: 0 0 10px 0 !important;}
.list-review dd										 {min-height: 4.5em; font-size:10px;font-size:1.0rem;margin: 0 0 10px 0 !important;line-height: 1.2;}
.list-review-footer									 {font-size:10px;font-size:1.0rem;text-align: right;position: relative;}
.searchword-hit										 {color: #da7d30;}
.listitem-normal-l .review							 {line-height: 1.4;}
.listitem-normal-l .review > .review-inner			 {border:1px solid #eeeeee; border-radius: 4px; padding:10px; float: right; width: 49%;}
.listitem-normal-l .review > .review-inner:first-child {float: left;}
.listitem-normal-l .reviewcomment-title				 {padding-bottom: 6px; border-bottom: 1px dotted #cccccc;}
.listitem-normal-l .reviewcomment-title > p > a			 {color: #1d8383; text-decoration: none;}
.listitem-normal-l .reviewcomment-title .icon		 {float: left; margin-right: 5px;}
.listitem-normal-l .userinfo						 {bottom: 5px;right: 0;}
.listitem-normal-l .reviewcomment-body				 {min-height: 4.5em;}
.listitem-normal-l .reviewcomment-body > a			 {color: #000; text-decoration: none;}
.listitem-normal-l .reviewcomment-title > p > a:hover,
.listitem-normal-l .reviewcomment-body > a:hover {text-decoration: underline;}

.listitem-normal-l .list-review	.review.cf:after,
.listitem-normal-l .list-review	.review.cf:before	 {content: "";display: none;}
.listitem-normal-l .list-review						 {margin-left: -5px;margin-right: -5px;}
.listitem-normal-l .review							 {display: table;width: 100%;border-spacing: 5px;}
.listitem-normal-l .review > .review-inner			 {display: table-cell;vertical-align: top;margin-left: 5px;padding-bottom:35px;float: none !important;position: relative;}
.reviewcomment-footer	 {
  margin-top: 10px;
  width: 100%;
  padding: 0;
}
.reviewcomment-footer .fr {
  transform: translateY(-2px);
}

.listitem-normal-l .reviewcomment-title a			 {display: block;word-break: break-all;}
.listitem-normal-l .reviewcomment-body a			 {display: block;word-break: break-all;}


/* list-review-more-link */
.list-review-more-link								 {margin-top: 0.2em;}


/* llistitem-mypage-normal */
.listitem-mypage-normal.formlistitem				 {padding: 20px 40px;}
.listitem-mypage-normal.formlistitem .inner			 {width: 660px;}
.listitem-mypage-normal.formlistitem .inner	.txt	 {width: 500px;}
.listitem-mypage-normal.formlistitem .btnarea		 {width: 180px; top:20px; right: 40px;}
.listitem-mypage-normal.formlistitem .list-checkbox	 {top: 0;left: 0;}
.listitem-mypage-normal.formlistitem .listitem-mypage-review-detail .list-review			 {width: 660px;}
.listitem-mypage-normal .listitem-mypage-clip-date	 {width: 100%;padding: 15px;border: 3px solid #f9f9f9;}
.listitem-mypage-normal .set-i-clip					 {position: absolute;top: -5px;right: 10px;}
.listitem-mypage-normal .list-review640			 {width: 640px;}

/* listitem-mypage-favorite */
.listitem-mypage-favorite .inner					 {width: 528px;padding: 20px; background-color: #daf0f0;}
.listitem-mypage-favorite .list-item				 {background: url(../img/bg-listitem-mypage-favorite.png) bottom center repeat-x;}
.listitem-mypage-favorite .btnarea					 {width: 156px; top:20px; right: 0;}

.listitem-mypage-favorite.formlistitem					 {padding: 20px 40px;}
.listitem-mypage-favorite.formlistitem .list-checkbox	 {top: 0;left: 0;}
.listitem-mypage-favorite.formlistitem .btnarea			 {width: 180px; top:20px; right: 40px;}
.listitem-mypage-favorite.formlistitem .inner			 {width:690px;}
.listitem-mypage-favorite.formlistitem .inner .txt		 {width:500px;}
.listitem-mypage-favorite.formlistitem .postdate		 {width: 180px; position: absolute;bottom: 20px;right: 40px;}


/* listitem-mypage-favorite-user */
.listitem-mypage-favorite-user						 {padding: 20px 40px;}
.listitem-mypage-favorite-user .img					 {width: 100px;margin-right: 30px;}
.listitem-mypage-favorite-user .txt					 {width: 720px;}
.listitem-mypage-favorite-user .list-checkbox		 {top: 0;left: 0;}
.listitem-mypage-favorite-user .inner				 {width: 100%;padding: 20px; background-color: #daf0f0;}
.listitem-mypage-favorite-user .mypage-profileicon-img	 {width: 100px;height: 100px;border-radius: 50px;}
.listitem-mypage-favorite-user .list-detail				 {color: #666666;font-size:12px;font-size:1.2rem;}
.listitem-mypage-favorite-user .list-item			 {background: none !important;}
.listitem-mypage-favorite-user-date					 {top: 0; right: 0;width: 190px;height: 38px;padding: 4px 4px 4px 20px;border: 3px solid #c3e7e7;line-height: 1.2;}
.listitem-mypage-favorite-user .set-i-mypage-favorite-user {position: absolute; top: -2px; right: 164px;}

/* listitem-favorite-user */
.listitem-favorite-user									{padding: 10px 10px;}
.listitem-favorite-user .img							{width: 110px;margin-right: 20px;}
.listitem-favorite-user .txt							{width: 560px;}
.listitem-favorite-user .inner							{width: 100%;padding: 20px; background-color: #daf0f0;}
.listitem-favorite-user .mypage-profileicon-img			{width: 100px;height: 100px;border-radius: 50px;}
.listitem-favorite-user .list-detail					{color: #666666;font-size:12px;font-size:1.2rem;}
.listitem-favorite-user .list-title 					{background:url(../img/bg-list-normal-item.jpg) bottom center repeat-x;padding-bottom: 5px; margin-bottom: 5px;}

/* listitem-mypage-user-favorite-user */
.listitem-mypage-user-favorite-user									 {padding: 20px 0; border-top: 1px dotted #c1c1c1;}
.listitem-mypage-user-favorite-user:first-child						 {border-top: none;}
.listitem-mypage-user-favorite-user .img							 {width: 100px; padding-right: 30px; display: table-cell; vertical-align: top;}
.listitem-mypage-user-favorite-user .txt							 {width: 100%; display: table-cell; vertical-align: top;}
.listitem-mypage-user-favorite-user .list-checkbox					 {top: 0;left: 0;}
.listitem-mypage-user-favorite-user .inner							 {padding: 20px; background-color: #daf0f0;}
.listitem-mypage-user-favorite-user .mypage-profileicon-img			 {width: 100px;height: 100px;border-radius: 50px;}
.listitem-mypage-user-favorite-user .list-detail					 {color: #666666;font-size:12px;font-size:1.2rem;}
.listitem-mypage-user-favorite-user .list-item						 {background: none !important;}
.listitem-mypage-user-favorite-user-date							 {top: 0; right: 0;width: 190px;height: 44px;padding: 3px;border: 3px solid #c3e7e7;}
.listitem-mypage-user-favorite-user .btnarea						 {width: 172px; top:35px; right: 20px; padding-left: 20px;}
.listitem-mypage-user-favorite-user .set-i-mypage-favorite-user		 {position: absolute; top: -2px; right: 164px;}

/* listitem-mypage-review-detail */
.listitem-mypage-review-detail						 {padding: 20px; border-radius: 5px;background-color: #daf0f0;}
.listitem-mypage-review-detail .list-review			 {width: 470px;}
.listitem-mypage-review-detail .list-review	dl		 {margin: 0 !important;}
.listitem-mypage-review-detail .list-review	dt,
.listitem-mypage-review-detail .list-review	dd		 {background-color: #ffffff;}
.listitem-mypage-review-detail .list-review	dt		 {padding: 20px;margin: 0 !important;}
.listitem-mypage-review-detail .list-review	dd		 {padding: 0 20px 20px;margin:0 0 20px 0 !important;}
.listitem-mypage-review-detail .list-review	dd:last-child		 {margin: 0 !important;}
.listitem-mypage-review-detail-photo				 {width: 170px; margin-left: 20px;}
.listitem-mypage-review-detail-photo dl				 {width: 100%;margin: 0;padding: 0; text-align: center;}
.listitem-mypage-review-detail-photo dt				 {width: 166px; margin: 0 !important;padding: 2px !important; height: 20px;display: table-cell;vertical-align: middle;background-color: #c3e7e7;color: #1d8383;}
.listitem-mypage-review-detail-photo dd.l-block		 {padding: 10px !important;}
.listitem-mypage-review-detail-photo dd				 {width: 166px; margin: 0 !important;padding: 5px !important; background-color: #ffffff;}
.listitem-mypage-review-detail-photo ul 			 {width: 140px;}
.listitem-mypage-review-detail-photo li 			 {display:inline-block;width: 60px; margin: 5px;}
.listitem-mypage-review-detail-photo .img-item-thumb-item-none:before	 {content: ""; display: inline-block; width: 28px; height: 2px;background-color: #cccccc;}

.listitem-mypage-review-detail-draft				 {display: inline-block;width: 240px;height: 26px;text-align: center;background-color: #ffffff;color: #ea535e;border: 1px solid #ea535e;font-style: normal;font-weight: bold;line-height: 26px;border-radius: 4px;}
.listitem-mypage-review-detail .listitem-mypage-review-detail-draft		 {position: absolute;top: 20px;right: 20px;}
.listitem-mypage-review-detail-draft02				 {
display: inline-block;
text-align: center;
background-color: #fa8088;
color: #ffffff;
border: 1px solid #fa7b84;
font-style: normal;
font-weight: bold;
border-radius: 4px;
padding: 0 5px;
}


/* listitem-brand */
.listitem-brand										 {padding: 10px; vertical-align: top;}
.listitem-brand .inner								 {width: 140px;}
.listitem-brand.formlistitem .inner					 {width: 182px;}
.listitem-brand .list-checkbox						 {top: 0;left: 0;}
.listitem-brand .img								 {width: 140px;}
.listitem-brand.formlistitem .img					 {width: 140px;margin-left: 24px; padding-right: 20px;}
.listitem-brand .img-item-thumb-item.img-item-thumb-item-s  {width:120px; height:120px;background: center center no-repeat; background-size: contain; }
.listitem-brand .img-item-thumb-item.img-item-thumb-item-xs {width:100px; height:100px;background: center center no-repeat; background-size: contain; }

/* listitem-category */
.listitem-category									 {padding: 10px;}
.listitem-category .listitem-rankingarea			 {width: 50px;margin-right: 20px;}
.listitem-category .txt								 {width: 640px;}
.listitem-category .txt-imgarea						 {width: 90px;}
.listitem-category .txt-titlearea					 {width: 550px;}
.listitem-category .txt-titlearea--nowrap					 {
  white-space: nowrap;
}

.listitem-category2									 {
  padding-top: 20px;
  padding-left: 5px;
}
.listitem-category2 .listitem-rankingarea			 {width: 50px;margin-right: 20px;}
.listitem-category2 .txt								 {width: 640px;}
.listitem-category2 .txt-imgarea						 {width: 90px;}
.listitem-category2 .txt-titlearea					 {width: 550px;}

.item-info-area {
  float: right;
  width: calc(100% - 90px);
}

.listitem-normal-l .review > .review-inner			 {border:1px solid #eeeeee; border-radius: 4px; padding:10px; float: right; width: 49%;}
.listitem-normal-l .review > .review-inner:first-child {float: left;}


.icon-ranking										 {display: inline-block;width: 32px;height: 32px;text-align: center;line-height: 32px;color: #ffffff;background-color: #986c56;border-radius: 16px;font-size: 22px;font-size: 2.2rem;font-weight: bold;font-style: normal;font-family: Helvetica,Arial,sans-serif;}
.icon-ranking-other								     {display: inline-block;width: 45px;height: 32px;text-align: center;line-height: 32px;color: #ffffff;background-color: #986c56;border-radius: 16px;font-size: 22px;font-size: 2.2rem;font-weight: bold;font-style: normal;font-family: Helvetica,Arial,sans-serif;}
.icon-ranking-1,
.icon-ranking-2,
.icon-ranking-3										 {display: inline-block;width: 39px;height: 30px;border-radius: inherit;background-color: inherit;text-indent: 100%; white-space: nowrap; overflow: hidden; vertical-align: middle;position: relative;top: -1px;}
.icon-must {
  background-color: #fca6ac;
  color: #fff;
  padding: 0 6px;
  font-style: normal;
}


.listitem-news										 {padding: 10px;}
.listitem-news .img									 {width: 120px;margin-right: 20px;}
.listitem-news .txt									 {width: 570px;}
.listitem-news .txt .list-time						 {color: #999;font-weight: bold;font-size: 10px;font-size: 1rem;}
.listitem-news .txt .list-title						 {font-weight: bold;margin-bottom: 5px;line-height: 1.3;}
.listitem-news .txt .list-title a					 {display: block; font-size: 12px;font-size: 1.2rem;font-weight: bold;text-decoration: none;color: #1d8383;/*background:url(../img/bg-list-normal-item.jpg) bottom center repeat-x;*/}
.listitem-news .txt .list-title a:hover				 {text-decoration: underline;}
.listitem-news .txt .list-brandarea					 {font-size: 12px;font-size: 1.2rem;margin-bottom: 5px;}
.listitem-news .txt .list-brandarea a				 {display: inline-block;margin-right: 5px;text-decoration: none;color: #000;font-weight: bold;line-height: 1.3;}
.listitem-news .txt .list-brandarea a:hover			 {text-decoration: underline;}
.topic-nothing										 {padding: 56px 0;height: 136px;font-size: 16px;background: #fafafa;text-align: center;}

.listitem-news-2 {
}
.listitem-news-2__item {
	border-top: 1px dotted #cccccc;
	list-style: none;
	margin-top: 10px;
	padding: 10px 0 0 0;
}
.listitem-news-2__item:first-child {
	border-top: none;
	list-style: none;
	margin-top: 10px;
	padding: 10px 0 0 0;
}
.listitem-news-2__img {
	float: left;
	margin-right: 20px;
	width: 120px;
}
.listitem-news-2__txt {
	float: left;
	width: 500px;
}
.listitem-news-2__date {
	color: #999;
	font-weight: bold;
}
.listitem-news-2__title {
	font-weight: bold;
	line-height: 1.3;
	margin-top: 5px;
}
.listitem-news-2__title a {
	color: #1d8383;
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
	text-decoration: none;
}
.listitem-news-2__title a:hover {
	text-decoration: underline;
}
.listitem-news-2__brand {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
}
.listitem-news-2__brand a {
	color: #000;
	display: inline-block;
	font-weight: bold;
	line-height: 1.3;
	margin-right: 5px;
	text-decoration: none;
}
.listitem-news-2__brand a:hover {
	text-decoration: underline;
}
.listitem-news-2__body {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 5px;
}

.listitem-campaign .txt .list-title a				 {font-size: 14px;font-size: 1.4rem;color: #15C;}
.listitem-campaign .txt .list-date,
.listitem-brandcampaign .txt .list-date				 {font-size: 12px;font-size: 1.2rem;margin-bottom: 5px;color: #999;}

.listitem-brandcampaign .img						 {margin-top: 10px;width: 100%;}
.listitem-brandcampaign .txt						 {padding: 0 30px;width: auto;}
.listitem-brandcampaign .list-title					 {margin-bottom: 10px;font-size: 14px;font-weight: bold;}
.listitem-brandcampaign .list-title	a				 {color: #1155cc;text-decoration: none;}
.listitem-brandcampaign .list-title	a:hover			 {text-decoration: underline;}
.listitem-brandcampaign .application				 {width: 122px;background: #61b3b1;background: -webkit-linear-gradient(#88cfcf 0%, #54abab 100%);background: linear-gradient(#88cfcf 0%, #54abab 100%);border-color: #54abab;display: block;color: #ffffff;text-shadow:0px 1px 1px #54abab,0px 0px 1px #54abab,1px 0px 1px #54abab,0px -1px 1px #54abab,-1px -1px 1px #54abab,-1px 0px 1px #54abab;}
.listitem-brandcampaign .application:hover			 {background: #88cfcf;background: -webkit-linear-gradient(#54abab 0%, #88cfcf 100%);background: linear-gradient(#54abab 0%, #88cfcf 100%);color: #ffffff;}
.listitem-brandcampaign .list-body					 {line-height: 1.6;color: #000;}

/* list other */
.list-detailbox										 {position: relative; background: #f9f9f9;color: #000000}
.list-detailbox a									 {text-decoration: none;color: #000000;}
.list-detailbox a:hover								 {text-decoration: underline;}
.list-detailbox.box-l								 {padding: 15px 20px; min-height: 170px;}
.list-detailbox.box-m								 {padding: 15px 20px; min-height: 160px;}
.list-detailbox.box-s								 {padding: 10px; min-height: 110px;}
.list-detailbox .img								 {position: absolute;z-index: 1;}
.list-detailbox.box-l .img							 {top: 50%; left: 20px; margin-top: -65px;}
.list-detailbox.box-l .txt							 {padding-left: 150px;}
.list-detailbox.box-m .img							 {top: 50%; left: 20px; margin-top: -60px;}
.list-detailbox.box-m .txt							 {padding-left: 140px;}
.list-detailbox.box-s .img							 {top: 50%; left: 10px; margin-top: -45px;}
.list-detailbox.box-s .txt							 {padding-left: 100px;}
.list-detailbox-bland,
.list-detailbox-item,
.list-detailbox-ranking a							 {display: block;}
.list-detailbox-ranking a:before					 {content: "★";}
.list-detailbox-review								 {margin-bottom: 5px;}
.list-detailbox-review .review						 {display: inline-block; vertical-align: top;}
.list-detailbox-date								 {text-align: right;}
.list-detailbox.box-s .list-detailbox-bland,
.list-detailbox.box-s .list-detailbox-item,
.list-detailbox.box-s .list-detailbox-detail,
.list-detailbox.box-s .list-detailbox-ranking		 {margin-bottom: 5px;}
.list-detailbox.box-review							 {width: 590px;margin-left: auto;margin-right: auto;}
.list-detailbox.box-review .list-detailbox-category	 {margin-top: 15px;margin-bottom: 15px;}
.list-reviewbox-title								 {font-size: 16px;font-size: 1.6rem;color: #f46878;padding: 5px 0;border-bottom: 2px solid #eb8a45;margin: 0 0 20px 0;}
.list-reviewbox dt									 {min-height:20px; margin-bottom: 10px !important;}
.list-reviewbox dd									 {margin-left: 0;/* margin-start: 0; */line-height: 1.4;margin-bottom: 15px;}
.list-reviewbox-footerimg a							 {display: inline-block;margin-right: 8px;}
.list-checkbox										 {width: 40px;}
.list-mainbox										 {width: 590px;}
.list-btnbox										 {width: 260px;padding-left: 20px;padding-right: 30px;}
.list-checkbox.box-s								 {margin-top: 35px;}
.list-checkbox.box-m								 {margin-top: 55px;}
.list-checkbox.box-l								 {margin-top: 70px;}
.list-profilebox 									 {padding: 15px 20px 0 20px; margin-bottom: -5px;}
.listitem.form-listitem.nocolumn-listitem .list-mainbox					 {width: 850px;}
.listitem.form-listitem.nocolumn-listitem .list-detailbox.box-m .inner	 {padding: 15px 20px; min-height: 150px;}
.listitem.form-listitem.nocolumn-listitem .list-detailbox.box-m			 {padding: 0; min-height: auto;}
.listitem.form-listitem.nocolumn-listitem .list-checkbox.box-m			 {margin-top: 75px;}
.set-bg-clip										 {text-indent: inherit !important;}

/* listitem-repeat */
.listitem-txt-repeat {position: absolute;right: 0;bottom: 5px;}
.list-review-footer .listitem-txt-repeat {right: inherit;left: 0; bottom: 0;}

/* listitem tag-area */
.listitem .tag-area {margin-bottom: 10px;}
.listitem .tag-area span {display: inline-block; border: 1px solid #999; border-radius: 4px; padding: 1px 5px 0; font-size: 0.833em; color: #555555; background: #F4F4F4; margin: 5px 5px 0 0;}
.listitem .listitem-mypage-review-detail .tag-area {margin-bottom: 0; margin-top: 20px; padding: 15px 20px 20px; background: #FFF;}

/* list-bullet */
.list-bullet .list-bullet__li {
	list-style-type: disc;
	margin-top: 1em;
}

/* pager
---------------------------------------- */
.mainnav								 {width: 100%; display: table;}
.mainnav .displayorderbox						 {display: table-cell; padding-right: 20px;}
.mainnav .pagerbox								 {display: table-cell;}

.displayorderbox a,
.displayformatbox a,
.pagerbox a								 {text-decoration: none;}
.displayorderbox a:hover,
.displayformatbox a:hover,
.pagerbox a:hover						 {text-decoration: underline;}
.displayorderbox a.is-selected,
.displayformatbox a.is-selected,
.pagerbox a.is-selected					 {text-decoration: underline; color: #339090;}
.displayorderbox a.is-selected:hover	 {text-decoration: none;}


/* 主にキャンペーンアンケート
---------------------------------------- */
.form-sec-01 {
  margin-top: 10px;
}
.form-sec-01__header {
  background-color: #b9e2e2;
  padding: 15px 20px;
}
.form-sec-01__header-q {
  font-weight: bold;
  font-size: 1.5em;
}
.form-sec-01__header-p {
  font-weight: bold;
  margin-top: 5px;
}
.form-sec-01__contents {
  background-color: #f4fafa;
  padding: 15px 20px;
}

.ul-inputs-vertical__li {
  margin-top: 10px;

}

/* tableform
---------------------------------------- */
table.tableform							{width:100%;}
table.tableform caption					{/* font-size:16px; font-size:1.6em;  */text-align: left; color:#1d8383; margin-bottom: 10px;}
table.tableform tbody					{border:2px solid #eeeeee; width: 100%; outline: 4px solid #fafafa; color:#666666;}
table.tableform tr						{border-top:1px solid #eeeeee;}
table.tableform tr:nth-child(odd) th	{background-color: #d1ecec;}
table.tableform tr:nth-child(even) th	{background-color: #b9e2e2;}
table.tableform th                        {width:30%/* 316px */; -moz-width:316px; text-align: left; padding:15px 3%/* 40px */; background-color: #b9e2e2; vertical-align: top;}
table.tableform th .required			{float: right; padding-left:20px;}
table.tableform th i {
  margin-right: 4px;
  transform: translateY(3px);
}
table.tableform td						{background-color: #f4fafa; padding:15px 24px;}
table.tableform td a {
  color: #1d8383;
  text-decoration: none;
}
table.tableform td a:hover {
  text-decoration: underline;
}

/* tableform
/* table-history
---------------------------------------- */
.table-history {
	table-layout: fixed;
	width:100%;
}
.table-history caption					{/* font-size:16px; font-size:1.6em;  */text-align: left; color:#1d8383; margin-bottom: 10px;}
.table-history tbody					{border:2px solid #eeeeee; width: 100%; outline: 4px solid #fafafa; color:#666666;}
.table-history tr						{border-top:1px solid #eeeeee;}
.table-history tr:nth-child(odd) td	{background-color: #f4fafa;}
.table-history tr:nth-child(even) td	{background-color: #ffffff;}
.table-history th						{width:30%/* 316px */; text-align: left; padding:15px 24px/* 40px */; background-color: #d1ecec; vertical-align: top;}
.table-history td						{padding:15px 24px; vertical-align: top}
.table-history .table-history__date						{width: 170px}
.table-history .table-history__detail						{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 640px
}
.table-history .table-history__point						{width: 160px; text-align: right;}

/* table-dotted-line
---------------------------------------- */
.table-dotted-line							{width:100%; table-layout: fixed;}
.table-dotted-line caption					{/* font-size:16px; font-size:1.6em;  */text-align: left; color:#1d8383; margin-bottom: 10px;}
.table-dotted-line tbody					{color:#666666;}
.table-dotted-line tr						{border-top: 1px dotted #cccccc; padding-top: 100px;}
.table-dotted-line tr:first-child			{border-top: none;}
.table-dotted-line tr:last-child td			{padding-bottom: 0}
.table-dotted-line td						{padding-top: 10px; padding-bottom: 10px; vertical-align: top}
.table-dotted-line .table-dotted-line__date {
	width: 120px;
	color: #999;
	font-weight: bold;
}
.table-dotted-line .table-dotted-line__detail {
	padding-left: 20px;
}
.table-dotted-line .table-dotted-line__point		{width: 100px; text-align: right;}


/* table-dotted-line
---------------------------------------- */
/* profileimgbox プロフィール画像 */
.table-favorite-user-new-review {
    width: 100%;
}
.table-favorite-user-new-review tr:first-child .table-favorite-user-new-review__avatar,
.table-favorite-user-new-review tr:first-child .table-favorite-user-new-review__item-img,
.table-favorite-user-new-review tr:first-child .table-favorite-user-new-review__info {
    border-top: none;
}
.table-favorite-user-new-review tr:last-child .table-favorite-user-new-review__avatar,
.table-favorite-user-new-review tr:last-child .table-favorite-user-new-review__item-img,
.table-favorite-user-new-review tr:last-child .table-favorite-user-new-review__info {
	padding-bottom: 0;
}

.table-favorite-user-new-review__item-img {
    border-top:1px dotted #cccccc;
    padding-top: 10px;
    vertical-align: top;
    width: 60px;
}
.table-favorite-user-new-review__avatar {
    border-top:1px dotted #cccccc;
    padding: 10px 0;
    vertical-align: middle;
    width: 60px;
}
.table-favorite-user-new-review__info {
    border-top:1px dotted #cccccc;
    padding: 10px 10px 10px 20px;
}
.table-favorite-user-new-review__info a {
    text-decoration: none;
}
.table-favorite-user-new-review__info a:hover {
    text-decoration: underline;
}
.table-favorite-user-new-review__date {
	color: #999;
	font-weight: bold;
}
.table-favorite-user-new-review__brand {
    margin-top: 5px;
}
.table-favorite-user-new-review__item {
    margin-top: 5px;
}
.table-favorite-user-new-review__username {
    font-weight: bold;
    margin-top: 5px;
}
.table-favorite-user-new-review__title {
    font-weight: bold;
    margin-top: 5px;
}
.table-new-follower {
    margin-top: 10px;
    width: 100%;
}
.table-new-follower tr:first-child .table-new-follower__img-name,
.table-new-follower tr:first-child .table-new-follower__info {
	border-top: none;
}
.table-new-follower tr:last-child .table-new-follower__img-name,
.table-new-follower tr:last-child .table-new-follower__info {
	padding-bottom: 0;
}
.table-new-follower__img-name {
    border-top:1px dotted #cccccc;
    padding: 10px 0 10px 0;
    text-align: center;
    vertical-align: top;
    width: 120px;
}
.table-new-follower__info {
    border-top:1px dotted #cccccc;
    padding: 10px 0 10px 20px;
}

.profileimgbox
{
	width:144px;
	height:144px;
	background: #ffffff no-repeat center center;
	background-size:contain;
	border:1px solid #78bcbd;
	border-radius:4px;
	box-shadow:rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
	-webkit-box-shadow:rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
	-moz-box-shadow:rgba(120, 188, 189, 0.8) 0px 0px 2px 1px inset;
}


/* message
---------------------------------------- */
.messagebox								 {padding: 30px; background-color: #f6f6f6;}

/* txt
---------------------------------------- */
.txtbox								 {background-color: #ffffff; border-radius: 4px; border:4px solid #eeeeee;}
.txtbox .title						 {display: table-cell; vertical-align: middle; min-width: 180px; text-align: center;}
.txtbox .content					 {display: table-cell; vertical-align: middle; padding: 20px 30px; border-left: 1px solid #eeeeee;}

.txtbox-02 {
  border:4px solid #eeeeee;
  border-radius: 4px;
  padding: 20px
}

/* boxfilter
---------------------------------------- */
/* boxfilter */
.boxfilter								{background-color: #fbfbfb; text-align: center; padding:20px;}
.boxfilter .boxfiltertitle				{display: inline-block; margin-right:20px;}
.boxfilter input[type=text]				{width:450px;}
/* .boxfilter input[type=submit]			{width:100px; margin-left:10px;} */

.boxfilter-app											{background-color:#ffffff; border:1px solid #eeeeee; width: 100%; text-align: center; padding:20px;}
.boxfilter-app .boxfiltertitle							{display: inline-block; margin-right:20px;}
.boxfilter-app .searchform input[type=text]				{width:450px;}


/* inlinefilter */
.inlinefiltertitle						 {display: table-cell;vertical-align: middle;padding-right: 20px;}
.inlinefiltercontent					 {display: table-cell;vertical-align: middle;}
.inlinefilter-s .inlinefiltertitle		 {padding-right: 8px;}


/* search-boxfilter */
.sb-tabbox																 {margin-bottom: -4px;}
.sb-tabbox a															 {margin-right: 5px;}
.sb-boxfilter .subbox													 {padding: 4px;background: url(../img/bg-search-repeat.jpg) left top repeat;}
.sb-boxfilter .inner													 {padding: 12px 16px;background: #f7fdfc;}
.sb-product .inner														 {padding: 12px 16px; background: #f7fdfc url(../img/bg-search-product.png) right bottom no-repeat;}
.sb-review .inner														 {padding: 12px 16px;background: #f7fdfc;}
.sb-boxfilter .leftbox													 {width: 490px;}
.sb-boxfilter .rightbox													 {width: 220px; padding: 30px 0 0 76px;}
.sb-boxfilter .btn														 {width: 64px;}
.sb-boxfilter .cross-btn												 {padding: 0; position: relative; top: 0; left: -24px; right: 0; background-color: transparent; visibility: hidden;}
body:not(.ie8) .sb-boxfilter input[type=text]							 {padding-right: 24px;}
body:not(.ie8) .sb-boxfilter input[type=button]:focus					 {outline: 0;}
.searchselect .line2													 {line-height: 1.2 !important; text-align: center;}
.sb-product .searchselect .txt											 {width: 50px;height:26px; line-height: 26px; text-align: center;vertical-align: top;letter-spacing: -0.1em;}
body:not(.ie8) .sb-product .searchselect label.select					 {width: 170px !important;}
body.ie8 .sb-product .searchselect label.select select					 {width: 170px !important;}
.sb-review	.searchselect.searchselect-s								 {width: 165px !important;}
.sb-review	.searchselect.searchselect-l								 {width: 190px !important;}
.sb-review	.searchselect.searchselect-r								 {width: 165px !important;}
body:not(.ie8) .sb-review	.searchselect.searchselect-s label.select	 {width: 120px !important;}
body:not(.ie8) .sb-review	.searchselect.searchselect-l label.select	 {width: 130px !important;}
body:not(.ie8) .sb-review	.searchselect.searchselect-r label.select	 {width: 130px !important;}
body.ie8 .sb-review	.searchselect.searchselect-s label.select select	 {width: 120px !important;}
body.ie8 .sb-review	.searchselect.searchselect-l label.select select	 {width: 130px !important;}
body.ie8 .sb-review	.searchselect.searchselect-r label.select select	 {width: 130px !important;}
.sb-review .searchselect.searchselect-s .txt							 {width: 25px;height:26px; line-height: 26px; text-align: center;vertical-align: top; letter-spacing: -0.2em;}
.sb-review .searchselect.searchselect-l .txt							 {width: 40px;height:26px; line-height: 26px; text-align: center;vertical-align: top; letter-spacing: -0.2em;font-size: 11px;font-size: 1.1rem;}
.searchcheck-review														 {width: 380px;}
.searchcheck-review .txt												 {width: 65px;}

.sb-boxfilter-category .subbox											 {padding: 4px;background: url(../img/bg-search-category-repeat.jpg) left top repeat;}
.sb-boxfilter-category .sb-review .inner								 {padding: 12px 16px;background: #fff8f1;box-shadow: 0 0 2px #f0c9a8;}
.sb-boxfilter-category .searchcheck-review								 {width: 450px;letter-spacing: -0.1em;}
.sb-boxfilter-category .searchcheck-review .txt							 {width: 65px;}
.sb-boxfilter-category .searchcheck-repeat								 {width: 90px;overflow: hidden;}



/* newsbox
---------------------------------------- */
.newsbox .subbox								 {border-style: solid;border-left-width: 4px;border-right-width: 4px;border-bottom-width: 4px;padding: 10px 28px;}
.newsbox.whatsnew .subbox						 {border-color: #c3e7e7;}
.newsbox.campaginnews .subbox					 {border-color: #facacf;}
.newsbox > .title								 {padding: 5px 20px !important;border-bottom: none !important;box-shadow: none !important;}
.newsbox.whatnew > .title						 {background: #c3e7e7;}
.newsbox.campaginnews > .title					 {background: #fcd5d8;}
.newsbox .item									 {width: 50%; padding: 0 12px;}
.newsbox.brandnews .item						 {width: 100%; padding: 0; border-bottom: 1px dotted #c1c1c1;}
.newsbox.brandnews .item:last-child				 {border-bottom: none;}
.newsbox .item > a								 {padding: 10px 0; border-bottom: 1px dotted #cccccc;}
.newsbox .item > a:nth-last-child(1),
.newsbox .item > a:nth-last-child(2)			 {border-bottom:none;}
.newsbox .item .img								 {width: 120px;margin-right: 10px;}
.newsbox .item .txt								 {width:218px;}
.newsbox.brandnews .item .txt					 {width:556px;}
.newsbox .item .txt .subtitle					 {height:15px; overflow: hidden;}
.newsbox.whatsnew .item .txt .subtitle			 {color: #000;}
.newsbox.whatsnew .item .txt .subtitle a		 {color: #339090; text-decoration: none;}
.newsbox.whatsnew .item .txt .subtitle a:hover	 {text-decoration: underline;}
.newsbox.campaginnews .item .txt .subtitle		 {color: #ea535e;}
.newsbox .item .txt p							 {height: 46px; overflow: hidden; line-height: 1.35;}
#main .newsbox.top                               {margin-bottom: 40px;}
.newsbox.top .item								 {padding: 10px 0; border-bottom: 1px dotted #cccccc;}
.newsbox.top .subbox							 {padding: 10px 20px; border-width: 2px; border-top: none;}
.newsbox.top .item .txt							 {width: 200px;}
.newsbox.top .item .txt p {
    height: 6.75rem;
}
.newsbox.top .item .brand						 {color: #000;text-decoration: none;}
.newsbox.top .item .brand:hover					 {text-decoration: underline;}
.newsbox.top .item:last-child,
.newsbox.top .item:nth-last-child(2):nth-child(odd)	 {border-bottom: none;}
.newsbox.campaign .subbox						 {border-color: #fcd5d8;}
.newsbox.campaign .item .txt .subtitle a		 {color: #339090; text-decoration: none;}
.newsbox.campaign .item .txt .subtitle a:hover	 {text-decoration: underline;}
.newsbox article > .txt > span { height: 14px; }


/* lightbox
---------------------------------------- */
.featherlight {
	display: none;
	position:fixed;
	top: 0; right: 0; bottom: 0; left: 0;
	z-index: 2147483647;
	text-align: center;
	white-space: nowrap;
	cursor: pointer;
	background: #333;
	background: rgba(0, 0, 0, 0);
}
.featherlight:last-of-type			 {background: rgba(0, 0, 0, 0.6);}
.featherlight:before				 {content: '';display: inline-block;height: 100%;vertical-align: middle;margin-right: -0.25em;}
.featherlight .featherlight-content {
	position: relative;
	text-align: left;
	vertical-align: middle;
	display: inline-block;
	overflow: auto;
/*
	padding: 25px 25px 0;
	border-bottom: 25px solid transparent;
*/
	min-width:  30%;
	margin-left: 5%;
	margin-right: 5%;
	max-height: 95%;
	background: #fff;
	cursor: auto;
	white-space: normal;
}
.featherlight .featherlight-inner	 {display: block;}
.featherlight .featherlight-close-icon {
	position: absolute;
	z-index: 9999;
	top: 0;
	right: 0;
	line-height: 25px;
	width: 25px;
	cursor: pointer;
	text-align: center;
	font-family: Arial, sans-serif;
	background: #fff;
	background: rgba(255, 255, 255, 0.3);
	color: #000;
}
.featherlight .featherlight-image {width: 100%;}
.featherlight-iframe .featherlight-content {border-bottom: 0;padding: 0;}
.featherlight iframe {border: none;}



/* sub
---------------------------------------- */
#sub										 {width: 200px; margin-bottom: 60px;}
#sub .box									 {margin-bottom: 15px;}

/* campaign */
#sub .s-campaign li a						 {padding-bottom: 10px;border-bottom: 1px dotted #cccccc;display: block;text-align: center;}
#sub .s-campaign .subbox-m a,
#sub .s-campaign .subbox-s a				 {border-bottom: none;}
#sub .s-campaign .bb .subbox-m,
#sub .s-campaign .bb .subbox-l				 {padding-bottom: 5px;border-bottom: 1px dotted #cccccc;}
#sub .s-campaign .bb .subbox-m a,
#sub .s-campaign .bb .subbox-l a			 {border-bottom: none;}
#sub .s-campaign .bb li	.date				 {color: #999;font-size: 10px;}
#sub .s-campaign  a .img					 {margin-bottom: 5px;}
#sub .s-campaign  a .txt					 {display: block;text-align: left;}
#sub .s-campaign .subbox-s				 {padding: 5px 0; border-top: 1px dotted #cccccc;}
#sub .s-campaign .subbox-s:last-child		 {border-bottom: 1px dotted #cccccc;}
#sub .s-campaign .subbox-s a				 {padding-bottom: 0;display: block;}
#sub .s-campaign .subbox-s a .img			 {width: 60px; margin-bottom: 0; margin-right: 10px;float: left;}
#sub .s-campaign .subbox-s a .txt			 {width: 130px;float: left;text-decoration: underline;}
#sub .s-campaign .subbox-s a:hover .txt	 {width: 130px;float: left;text-decoration: none;}

#sub .s-campaign .subbox-m a,
#sub .s-campaign .subbox-l a				 {padding-top: 10px;display: block;text-align: center;}
#sub .s-campaign .subbox-m .img,
#sub .s-campaign .subbox-l .img				 {margin-bottom: 5px;text-align: center;}
#sub .s-campaign .subbox-m .txt,
#sub .s-campaign .subbox-l .txt				 {display: inline-block;text-decoration: underline;}
#sub .s-campaign .subbox-m a:hover .txt,
#sub .s-campaign .subbox-l a:hover .txt		 {text-decoration: none;}

#sub .s-rankingword .subbox,
#sub .s-blandsearch .subbox,
#sub .s-branditem-rec .subbox						 {padding: 4px;background-color: #f9f9f9;}
#sub .s-rankingword .subbox	a				 {text-decoration: none;}
#sub .s-rankingword .subbox ul				 {border: 1px solid #eaeaea; padding: 10px;background-color: #ffffff;}
#sub .s-rankingword .subbox ul .icon		 {float: left; width: 15px; height: 14px; display: block; vertical-align: top;}
#sub .s-rankingword .subbox ul .rank		 {float: left;width: 34px; height: 14px; line-height: 14px; margin-right: 5px; font-weight: bold; text-align: right; display: block;}
#sub .s-rankingword1 .rank .number,
#sub .s-rankingword2 .rank .number,
#sub .s-rankingword3 .rank .number			 {font-size: 16px;font-size: 1.6rem;}
#sub .s-rankingword1 a .rank				 {color: #dcc503;}
#sub .s-rankingword2 a .rank				 {color: #a0a0a0;}
#sub .s-rankingword3 a .rank				 {color: #ae6f13;}
#sub .s-rankingword .subbox ul .txt			 {float: left;width: 110px; line-height: 14px; display: block;}

.sub-announcement {
  margin-bottom: 20px;
  width: 200px;
}
.sub-announcement__link:hover {
  opacity: 0.7;
}
.sub-announcement__img {
  height: 688px;
  width: 200px;
}

/* reccomend */
#sub .s-reccomend							 {background: #fafafa;}
#sub .s-reccomend .inner					 {padding: 12px;}
#sub .s-reccomend .subbox-l					 {padding: 8px 18px;background: #FFF;}
#sub .s-reccomend .subbox-l a                {text-decoration: none;}
#sub .s-reccomend .img 						 {margin-bottom: 15px;text-align: center;}
#sub .s-reccomend .maker					 {
    color: #EA535E;
    font-size: 1rem;
    height:1.3rem;
    line-height: 1.3;
    margin-bottom: 5px;
    overflow: hidden;
}
#sub .s-reccomend .product {
    color: #333;
    font-size: 1.1rem;
    font-weight: bold;
    height: 2.9rem;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    margin-bottom: 8px;
}
#sub .s-reccomend .good,
#sub .s-reccomend .bad						 {text-align: center;}
#sub .s-reccomend .categoryranking			 {
    text-align: center;
    line-height:1;
}
#sub .s-reccomend .category			 {
    display: block;
    margin-top: 5px;
    height: 1.1rem;
    overflow: hidden;
}
#sub .s-reccomend .ranking			 {
    display: block;
    margin-top: 5px;
}
#sub .s-reccomend .flack		 {
    height: 3rem;
    font-size: 1.0rem;
    line-height: 1.5;
    margin: 5px auto 0;
    overflow: hidden;
    text-align: center;
    width: 120px;
}
#sub .s-reccomend .comment		 {
    font-size: 1.0rem;
    margin: 5px auto 0;
    max-height: 12.8em;
    line-height: 1.6;
    overflow: hidden;
    text-align: left;

}

/* inbrandsearch */
#sub .s-inbrandsearch .searchform input[type=text]		 {width: 100%;}
#sub .s-inbrandsearch .subbox .categorylistitem			 {padding: 4px;background-color: #f9f9f9;}
#sub .s-inbrandsearch .subbox .categorylistitem .inner	 {border: 1px solid #eaeaea; padding: 0;background-color: #ffffff;}
#sub .s-inbrandsearch .subbox .categorylistitem h4		 {margin: 0;padding: 10px;border-bottom: 1px dotted #c1c1c1;}
#sub .s-inbrandsearch .subbox .categorylistitem ul		 {padding: 10px 20px;}
#sub .s-inbrandsearch .subbox .categorylistitem ul	li	 {padding: 2px 0;}

/* categorylistbox */
#sub .s-categorylistbox .subbox							 {padding: 4px;background-color: #f9f9f9;}
#sub .s-categorylistbox .inner							 {border: 1px solid #eaeaea; padding: 0;background-color: #ffffff;letter-spacing: -0.1em;}
#sub .s-categorylistbox .inner > ul > li				 {width: 100%;border-top: 1px dotted #c1c1c1;}
#sub .s-categorylistbox .inner > ul > li:first-child	 {border-top: none;}
#sub .s-categorylistbox .inner > ul > li > a			 {display: block; width: 100%;padding: 10px 10px;}
#sub .s-categorylistbox .inner > ul > li a:hover,
#sub .s-categorylistbox .inner > ul > li a.is-selected	 {background: #fbcfd2;text-decoration: none;}
#sub .s-categorylistbox .inner > ul > li > a:before		 {display: inline-block;vertical-align: middle;margin-top: -1px;margin-right: 10px; content: "";width: 3px;height: 12px;border-radius: 1px;background: #f56371;}
#sub .s-categorylistbox .inner > ul > li > ul					 {padding: 5px 0;}
#sub .s-categorylistbox .inner > ul > li > ul > li > a			 {display: block;text-decoration: none; padding: 3px 10px 0 20px;}
#sub .s-categorylistbox .inner > ul > li > ul > li > a:hover	 {text-decoration: none;}
#sub .s-categorylistbox .inner > ul > li > ul > li > ul					 {padding: 5px 0;}
#sub .s-categorylistbox .inner > ul > li > ul > li > ul > li a			 {display: block;text-decoration: none; padding: 3px 10px 0 30px;}
#sub .s-categorylistbox .inner > ul > li > ul > li > ul > li a:hover	 {text-decoration: none;}

#sub .s-inbrandsearch .inner > ul > li a:hover,
#sub .s-inbrandsearch .inner > ul > li a.is-selected {background: #b7dddd;}
#sub .s-inbrandsearch .inner > ul > li > a:before {background: #1d8383;}


/* side-title
---------------------------------------- */

.side-brand-category-title {
  background: repeating-linear-gradient(
    -45deg,
    #fff,
    #fff 1px,
    #f7f7f7 1px,
    #f7f7f7 3px
  );
  background-color:#ffc696;
  border-top: 5px solid #88cfcf;
  text-align: center;
}
.side-brand-category-title__main {
  color: #339090;
  display:block;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
}
.side-brand-category-title__sub {
  color: #999999;
  display:block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}

.side-ranking-nav-title {
  background: repeating-linear-gradient(
    -45deg,
    #fff,
    #fff 1px,
    #f7f7f7 1px,
    #f7f7f7 3px
  );
  background-color:#ffc696;
  border-top: 5px solid #fca6ac;
  text-align: center;
}
.side-ranking-nav-title__main {
  color: #ea535e;
  display:block;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
}
.side-ranking-nav-title__sub {
  color: #999999;
  display:block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}


.side-search-category-title {
  background-color: #fff8f1;
  border-top: 5px solid #ffc696;
  position: relative;
  text-align: center;
}
.side-search-category-title:after{
    display: inline-block;
    font-family: FontAwesome;
    font-size: 1.2em;
    font-weight: normal;
    color: #ffc696;
    content: "\f0fe";
    padding-right: 3px;
    position: absolute;
    right: 10px;
    top: calc(50% - 1em / 4);
    vertical-align: middle;
}
.side-search-category-title.side-search-open:after{
    content: "\f146";
}
.side-search-category-title:hover {
  cursor: pointer;
  opacity: 0.7;
}
.side-search-category-title__main {
  color: #f09b55;
  color: #333;
  display:block;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 1;
  margin-top: 6px;
}
.side-search-category-title__sub {
  color: #999999;
  display:block;
  font-size: 0.7em;
  font-weight: bold;
  line-height: 1;
  margin-top: 2px;
}

/* side-search-category
---------------------------------------- */

.side-search-category {
  background-color: #fff;
  display: none;
  padding: 10px;
}
.side-search-category__p {
  margin-top: 15px;
}
.side-search-category__dl {
  margin-top: 0;
}
.side-search-category__dl-title {
  background-color: #f6f6f6;
  font-weight: bold;
  margin-top: 15px;
  margin-bottom: 10px;
  padding: 5px;
}
.side-search-category__dl-title:first-child {
  margin-top: 0;
}
.side-search-category__dl-box {
  margin-left: 0;
}
.side-search-category__box {
  margin-left: 0;
}
.side-search-category__select-wrapper {
    background-color: #ffffff;
    border: 1px solid #cccccc;
    border-radius: 4px;
    display: inline-block;
    line-height: 1.4;
    margin-top: 10px;
    overflow: hidden;
    position: relative;
    vertical-align: middle;
    width: 100%;
}
.side-search-category__select-wrapper:first-child {
    margin-top: 0;
}

.side-search-category__select-wrapper:after {
    content: ' ';
    position: absolute;
    display: block;
    right: 0;
    top: 0;
    bottom: 0;
    width: 25px;
    height: 100%;
    background: #cccccc url(../img/bg-select-arrow-down.png) center center no-repeat;
    pointer-events: none;
    /* z-index: 1; */
}
.side-search-category__select-wrapper > select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: block;
    width: 100%;
    margin: 0;
    padding: 5px 40px 5px 5px;
    background: transparent;
    border: 0;
    outline: none;
    font-size: inherit;
    vertical-align: middle;
    cursor: pointer;
    position: relative;
    word-wrap: normal;
}
.side-search-category__select-wrapper > select.is-selected {
    background-color: #fbcfd2;
}
.side-search-category__select-wrapper > select.is-selected option {
    background-color: #ffffff;
}
.side-search-category__select-wrapper > select::-ms-expand {
  display: none;
}
.side-search-rate {
	margin-bottom: 5px;
}
.side-search-rate__title {
	font-weight: bold;
}
.side-search-rate__li {
	float: left;
	margin-top: 5px;
	width: 50%;
}
.side-search-buttons {

}
.side-search-buttons__btn {
	width:calc((100% - 10px) / 2);
	box-sizing: border-box;
	float: left;
}

/* carouselbox
---------------------------------------- */
.carouselbox h2							 {padding-bottom: 10px; padding-left: 20px;background: url(../img/bg-checkskider-title.png) center bottom repeat-x;}
.carouselbox h3							 {padding-bottom: 10px; padding-left: 20px;background: url(../img/bg-checkskider-title.png) center bottom repeat-x;}
.carouselbox h4							 {padding-bottom: 10px; padding-left: 20px;background: url(../img/bg-checkskider-title.png) center bottom repeat-x;}
.carouselbox.brandranking .titlebox		 {border-bottom: 4px solid #fda96a;}
.carouselbox.branditem-rec .titlebox h2	 {padding: 5px 15px; background: #8edb81 none;border-radius: 4px 4px 0 0;}
.carouselbox.branditem-rec .titlebox h3	 {padding: 5px 15px; background: #8edb81 none;border-radius: 4px 4px 0 0;}
.carouselbox.brandranking .titlebox h2	 {padding: 5px 15px; background: #fda96a none;border-radius: 4px 4px 0 0;}
.carouselbox.brandranking .br-info		 {padding: 10px 0;height: 30px; overflow: hidden;}
.carouselbox.branditem-rec .carousel	 {background-color: transparent;background: url(../img/bg-this-branditemrec.png) center top repeat-y;}
.carouselbox.brandranking .carousel		 {background-color: transparent;background: url(../img/bg-this-brandranking.png) center top repeat-y;}
.carousel							 {background-color: #fafafa;padding: 10px; position: relative;}
.carousel-prev						 {display:block;top: 50%;left: 15px;margin-top: -13px;border: none;}
.carousel-next						 {display:block;top: 50%;right: 15px;margin-top: -13px;border: none;}
.carousel-prev.is-disabled			 {cursor: default; opacity: 0.5;}
.carousel-next.is-disabled			 {cursor: default; opacity: 0.5;}
.carousel .carousel-area			 {width:651px;height: 220px;margin: auto; padding: 10px 0;border: 1px solid #e4e4e4;background-color: #ffffff;overflow:hidden;}
.carouselbox.branditem-rec .carousel .carousel-area							 {height: 430px;}

.carouselbox.brandranking .carousel .carousel-area							 {height: 240px;}
.carousel .carousel-area a													 {text-decoration: none;}
.carousel .carousel-area .carousel-area-inner								 {float: left; position:relative;}
.carousel .carousel-area .itembox											 {width: 20000%;border-right: 1px dotted #cccccc; float: left; position:relative;}
.carousel .carousel-area .itembox li										 {float: left;width: 163px;height: 200px;padding: 0 10px;border-right: 1px dotted #cccccc;}
.carouselbox.brandranking .carousel .carousel-area .itembox li				 {width: 217px;height: 220px;padding: 0 40px;}
.carouselbox.branditem-rec .carousel .carousel-area .itembox li				 {width: 217px;height: 420px;padding: 0;}
.carouselbox.branditem-rec .carousel .carousel-area .itembox li .txt		 {height: 125px; padding: 0 40px;}
.carouselbox.brandranking .carousel .carousel-area .itembox li .rankingicon	 {top: 0;left: 30px;position: absolute !important;}
.carousel .carousel-area .itembox li .brand									 {height:15px; margin-bottom: 3px; overflow: hidden;}
.carousel .carousel-area .itembox li .product								 {
    font-size: 1.1rem;
    font-weight: bold;
    height: 2.9rem;
    line-height: 1.3;
    overflow: hidden;
    text-align: left;
    margin-bottom: 8px;
}
.carousel .carousel-area .itembox li .category								 {
    margin-top: 5px;
}
.carousel .carousel-area .itembox li .review								 {margin-bottom: 8px;}
.carousel .carousel-area .itembox li .category								 {width: 100%; height:17px; overflow: hidden;}


.carouselbox.brandranking .categoryranking {height: 36px;display: block;}

.carouselbox.branditem-rec .carousel .carousel-area02						 {width: 649px;height: 530px;}
.carouselbox.branditem-rec .carousel .carousel-area02 .itembox li			 {width: 162px;height: 509px;
}
.carouselbox.branditem-rec .carousel .carousel-area02 .itembox li .txt		 {padding: 0 20px;}
.carouselbox.branditem-rec .carousel .carousel-area02 .itembox li .maker	 {
    font-size: 1rem;
    height:1.3rem;
    line-height: 1.3;
    margin-bottom: 5px;
    overflow: hidden;
}
#main .box03 .carousel .carousel-area02 .itembox li .flack {
    font-size: 1.0rem;
    line-height: 1.5;
    height: 3rem;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
    text-align: center;
    width: 80%;
}
.carouselbox.branditem-rec .carousel .carousel-area02 .itembox li .bi-rec-txt {
    background: url(../img/bg-branditem-rec02.png) center center no-repeat;
    height: 164px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -5px;
    padding: 14px 8px 12px 8px;
    text-align: left;
    width: 136px;
}
.carouselbox.branditem-rec .carousel .carousel-area02 .itembox li .bi-rec-txt-p {
    font-size: 1.0rem;
    height: 14.4rem;
    line-height: 1.6;
    overflow: hidden;
}
#main .box03 .carousel .carousel-area02 .itembox li .comment {
    font-size: 10.0rem;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}


/* main-footer
---------------------------------------- */
.f-nav								 {width: 100%;}
.f-nav-title						 {font-size: 14px;font-size: 1.4rem;font-weight: bold;color: #666666;margin-bottom: 10px;}
.f-nav-title-category				 {/* border-top: 3px solid #fca5ad; */ padding-top: 15px;}
.f-nav-title > span					 {margin-right: 5px;}
.f-nav-list							 {padding-left: 15px;}
.f-nav-listitem						 {display: inline-block;width: 220px;margin-bottom: 20px;vertical-align: top;}
.f-nav-listitem-title				 {font-size: 14px;font-size: 1.4rem;line-height: 1;font-weight: bold;color: #f66371;margin-bottom: 10px;}
.f-nav-listitem-title:before		 {content: "";display: inline-block;width: 4px; height: 12px;margin-top: -2px;margin-right: 3px; border-radius: 2px; background-color: #f66371;vertical-align: middle;}
.f-nav-sublist						 {font-size: 10px;font-size: 1.0rem;}
.f-nav-sublistitem					 {margin-left: 5px;margin-bottom: 2px;}

/* categorybox */
.f-categorynav						 {width: 750px;padding-right: 10px;}

/* blandbox */
.f-blandnav							 {width: 220px;padding-left: 10px; border-left: 1px solid #dddddd;}
.f-popularbland						 {padding-bottom: 10px;}
.f-popularbland .imglist			 {font-size: 10px;font-size: 1.0rem;}
.f-popularbland .imglist .img		 {display: block;width: 45px;}
.f-popularbland .imglist .txt		 {width: 144px;margin-left: 10px;line-height: 1.4;}
.f-popularbland .imglist .txt a		 {display: block; overflow: hidden;}
.f-popularbland .txtlist li			 {padding-left: 8px;margin-bottom: 2px;}
.f-popularbland .txtlist li:before	 {position: absolute;top: 5px;left: 0; content: "";width: 4px;height: 4px;background: #fa7b84;}
.f-popularbland .txtlist a			 {text-decoration: none;}
.f-popularbland						 {border-bottom: 1px solid #dddddd;}
.f-blandsearch						 {border-top: 1px solid #ffffff;}
.f-blandsearch a					 {text-decoration: none;}
.f-blandsearch .txtlist				 {width: 80px;font-size: 10px;font-size: 1.0rem;}
.f-blandsearch .txtlist li			 {line-height: 1; padding: 0 8px;margin-bottom: 2px;}
.f-blandsearch .txtlist li.br		 {border-right: 1px solid #666666;}

/* footer
---------------------------------------- */
#footer								 {width: 100%;border-top: 3px solid #fca5ad;background-color:#f6f6f6;}
#footer .inner						 {border-top: 1px solid #cce6e7;padding-top: 25px;}

#footer .f-nav						 {width: 750px; padding-left: 15px;}
#footer .f-nav-sublistitem			 {width: 220px;display: inline-block;}




/* top
-------------------------------------------------------------------------------- */
/* top ranking filter */
#main .reviewfilterbox																			 {background: url(../img/bg-rankingfilter-repeat.jpg) left top repeat; padding: 4px;}
#main .reviewfilterbox .reviewfilterblock														 {display: table; width: 100%; border-top: 1px solid #eeeeee; margin-top: -1px;}
#main .reviewfilterbox .reviewfilterblock:first-child											 {border-top: none; margin-top: 0px;}
#main .reviewfilterbox .reviewfilterblock .reviewfiltertitle									 {display: table-cell;width:10%;height:21px;line-height:21px;text-align: center;background-color: #fff8f1; font-size: 12px; font-size:1.2rem; vertical-align: middle;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlistblock								 {display: table-cell;width:90%;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist										 {display: table; table-layout: fixed; width:100%;height:21px;background-color: #ffffff; border:1px solid #fddfc6; border-top-width: 0; padding:3px 0px; font-size: 12px; font-size:1.2rem;}
#main .reviewfilterbox .reviewfilterblock:first-child .reviewfilterlist							 {border-top-width: 1px;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist .reviewfilterbtn					 {display: table-cell; text-align: center; border-left: 1px solid #eeeeee; padding:0 3px; white-space: nowrap; cursor: pointer;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist .reviewfilterbtn:first-child		 {border-left:none;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist .reviewfilterbtn > span				 {display: inline-block; width: 100%;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist .reviewfilterbtn.is-selected > span	 {background-color: #f2c19c; color:#ffffff;}
#main .reviewfilterbox .reviewfilterblock .reviewfilterlist .reviewfilterbtn > span:hover		 {background-color: #f2c19c; color:#ffffff;}

/*
#main .reviewfilterbox .reviewfilterblock input[type=radio] + label			 {padding:0 3px; display: block; width: 100%; }
#main .reviewfilterbox .reviewfilterblock input[type=radio]:checked + label	 {background-color: #f2c19c; color:#ffffff; }
#main .reviewfilterbox .reviewfilterblock input[type=radio] + label:hover	 {background-color: #f2c19c; color:#ffffff; }
*/






/* reviewranking */
#main .reviewranking > .title		 {padding-left: 0 !important;padding-bottom: 0 !important;border-bottom: none !important;box-shadow: none !important;}
#main .reviewranking .info			 {top: 4px;right: 0;}
#main .reviewranking .info .lavel	 {background-color:#99cccc;color:#ffffff;border-radius: 2px;padding: 0 2px;margin-right: 2px;}
#main .reviewranking-area								 {margin-right: -4px; margin-left: -4px; font-size:0;}
#main .reviewranking-category							 {display:inline-block; width: 33.333333333%; padding:0 4px; font-size: 12px; font-size:1.2rem; vertical-align: top;}
#main .reviewranking-category .inner					 {border-radius: 4px 4px 2px 2px; overflow: hidden;}
#main .reviewranking-category ul a						 {text-decoration: none;}
#main .reviewranking-category .inner .title a			 {
	display:block;
	text-align:center;
	padding:5px 10px 0px 10px;
	background-color: #ffc696;
/*	height:50px; */
	line-height: 20px;
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#main .reviewranking-category .inner .title a:hover		 {color: #ffffff;}
#main .reviewranking-category .inner ul					 {border-left: 2px solid #feddbf;border-bottom: 2px solid #feddbf;border-right: 2px solid #feddbf; padding:0 10px;}
#main .reviewranking-category .inner ul li				 {border-top: 1px dotted #cccccc; padding:10px 0;}
#main .reviewranking-category .inner ul li:first-child	 {border-top: 0;}
#main .reviewranking-category .inner .img				 {display:table-cell; width: 80px; padding-right: 10px; text-align: center;}
#main .reviewranking-category .inner .img > .icon		 {margin-bottom: 5px;}
#main .reviewranking-category .inner .txt				 {display:table-cell; width: 140px;}
#main .reviewranking-category .inner .txt .brand		 {
  display:block;
  margin-bottom:5px;
  color:#ea535e;
  font-size:1rem;
  height: calc(1rem + 1px);
  line-height: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  text-decoration: none;
  width: 140px;
  white-space: nowrap;
}
#main .reviewranking-category .inner .txt .brand:hover {
  text-decoration: underline;
}
#main .reviewranking-category .inner .txt .item {
  display:block;
  font-weight:bold;
  font-size:1.1rem;
  height:calc(1.1rem * 2 * 1.5);
  line-height: 1.5;
  margin-bottom:5px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
#main .reviewranking-category .inner .txt .item:before {
  color: rgba(85, 85, 85, 0.5);
  content: '…';
  position: absolute;
  right: 0;
  bottom: 0;
  background-color: #fff;
  /* background-color: blue; */
}
#main .reviewranking-category .inner .txt .item:after {
  background-color: #fff;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}

#main .reviewranking-category .inner .txt .item:hover			 {text-decoration: underline;}
#main .reviewranking-category .inner .txt .review		 {font-size:10px; font-size:1.0rem; font-weight: bold;}




/* bland
-------------------------------------------------------------------------------- */
/* blandnav */
.brandnav li						 {float: left; width: 186px;margin-right: 10px;}
.brandnav li.last					 {margin-right: 0;}

/* blandbox */
.blandbox .subbox .img				 {width: 120px;margin-right: 20px;}
.blandbox .subbox .txt				 {width: 560px;}
.blandbox .bb-info					 {width: 302px;}
.blandbox .bb-btn					 {width: 258px;}
.blandbox .bb-btn .btn,
.blandbox .bb-btn .nobtn				 {width: 120px;}

/* listitem-repeat */
.staff_point						 {padding: 20px;width: 560px;border: 1px solid #CAD1D1; background-color: #fff;}
.blandbox .subbox .staff_point .img	 {width: 46px;margin-right: 15px;}
.blandbox .subbox .staff_point .txt	 {width: 430px;}
.staff_point .txt p                  {font-size: 1em;}
.staff_point .txt .ttl				 {margin-bottom: 5px;color: #1d8383; font-weight: bold;}

/* tab-box */
.tab-box                                          {width: 100%; overflow: hidden;}
.tab-box.tab-box-num02 .tab-box-list               {width:200%;}
.tab-box.tab-box-num02 .tab-box-list .tab-box-item {width:50%;}


/* brandlistbox */
.brandlistbox							 {border-style: solid;border-color: #c3e7e7;border-top-width: 4px;}
.brandlistbox-nav						 {border-bottom: 1px solid #eaeaea;}
.brandlistbox-nav ul					 {padding: 10px 0;}
.brandlistbox-nav a						 {text-decoration: none;}
.brandlistbox-nav a:hover				 {text-decoration: underline;}
.brandlistbox-nav a.is-selected			 {text-decoration: underline; color: #339090; font-weight: bold;}
.brandlistbox-nav a.is-selected:hover	 {text-decoration: none;}
.brandlistbox .listitem-brand .inner,
.brandlistbox .listitem-brand .img		 {width: 120px;margin: auto;}
.brandlistbox .list-brand				 {display: block; line-height:16px;height: 48px; color: #000000;text-decoration: underline;}
.brandlistbox .list-brand:hover			 {text-decoration: none;}
.brandlistbox .pagerbox					 {padding: 10px 0; border-top: 4px solid #c3e7e7;border-bottom: 1px solid #eaeaea;}
.brandcategory {
  margin-top: 40px;
}
.brandcategory dt						 {line-height: 1; border-left: 2px solid #1b716f;padding-left: 10px; }




/* login・register
-------------------------------------------------------------------------------- */
/* register
---------------------------------------- */
.reg-title,
.productapp-title				 {margin-top: 47px;}
.reg-messagebox					 {border: 1px solid #cccccc;background: #ffffff url(../img/bg-reg-message.png) right center no-repeat;}
.reg-messagebox.welcome			 {background: url(../img/bg-reg-message-welcome.png) right center no-repeat !important;}
.reg-messagebox p				 {padding: 30px 120px; line-height: 30px;}

.reg-termbox					 {height: 330px;overflow: auto; border: 4px solid #f9f9f9;}
.reg-termbox .inner				 {padding: 20px 38px; background-color: #ffffff;border: 1px solid #e8e8e8;}
.reg-termbox-2 {
  border: 4px solid #eee;
  height: 7em;
  overflow: auto;
  padding: 10px;
}
.reg-terms-body	dt				 {margin: 0 0 10px 0;padding: 0;border-bottom: 2px solid #ededed;}
.reg-terms-body	dt:before		 {width:8px;height: 8px;content: "";background: #2a7f7d;margin-right: 10px;display:inline-block;}
.reg-terms-body	dd				 {margin: 0 0 20px 0;padding: 0;}


/* login logout
---------------------------------------- */
.loginbox
{
	margin-top: 40px;
	width: 100%;
	font-size: 0;
}
.logintitle
{
	position: relative;
	text-align: center;
	padding: 15px 0 0;
}
.loginblock
{
	position: relative;
	font-size: 12px;
	display: inline-block;
	width: 49%;
	border: 1px solid #fee4e6;
	background-color: #fcf4f5;
	vertical-align: top;
}
.memberblock
{
	margin-right: 1%;
}
.memberblock .logintitle:before
{
	content:" ";
	position: absolute;
	bottom: -10px;
	left: 20px;
	width: 120px;
	height: 80px;
	background:url(../img/bg-register-illust01.png) center center no-repeat;
}
.registerblock
{
	margin-left: 1%;
}
.registerblock:after
{
	content:" ";
	position: absolute;
	top: -52px;
	right: -20px;
	width: 222px;
	height: 152px;
	background:url(../img/bg-register-illust02.png) center center no-repeat;
}
.logincontent
{
	display: inline-block;
	background-color: #ffffff;
	background-clip: content-box;
	padding: 10px 15px 15px;
	width: 100%;
	min-height: 270px;
	vertical-align: top;
}
.logincontentinner
{
	padding:20px;
}

.logoutbox
{
	position: relative;
	margin: 20px;
	border:1px solid #fee4e6;
	background-color: #fcf4f5;
	padding: 10px 30px;
}
.logoutblock
{
	background-color: #ffffff;
	text-align: center;
	padding:20px;
}

.logoutbox:before
{
	content:" ";
	position: absolute;
	bottom: -8px;
	left: 100px;
	width: 136px;
	height: 124px;
	background: url(../img/bg-register-illust03.png) center center no-repeat;
}



/* userpage
-------------------------------------------------------------------------------- */
.u2-txt {
  width: 570px;
}

.u2-2-txt {
  width: 520px;
}
/* use-info */
.user-info__dl {
  margin-top: 0;
}
.user-info__dt {
  color: #1d8383;
  font-weight: bold;
  padding: 5px 0;
  text-align: left;
}
.user-info__dt i {
  margin-right: 4px;
  transform: translateY(4px);
}

.user-info__dd {
  border-bottom: 1px dotted #8babab;
  margin-left: 0;
  padding-left: 5px;
}
.user-info__dd:last-child {
  border-bottom: none;
}
.user-info__a {
  color: #555555;
  display: inline-block;
  font-size: 1.2rem;
  text-decoration: none;
}
.user-info__a:hover {
  text-decoration: underline;
}
.user-info__a .fa-laptop {
  font-size:1.4em;
  margin-right: 5px;
  transform: translateY(2px);
}
.user-info__a .fa-mobile {
  font-size:1.8em;
  margin-left: 4px;
  margin-right: 9px;
  transform: translateY(2px);
}


/* mypage
-------------------------------------------------------------------------------- */
/* mypagenav */
.mypagenav > ul > li						 {float: left; width: 132px; margin-left: 7px;position: relative;}
.mypagenav > ul > li > a						 {height: 40px; overflow: hidden;}
.mypagenav > ul > li:first-child			 {width: 136px; margin-left: 0;	/*margin-left: 70px;*/}
.mypagenav.mypagenav-user > ul > li						 {width: 147px; margin-left: 17px;}
.mypagenav.mypagenav-user > ul > li:first-child			 {margin-left: 0;}

.mypagenav > ul > li > ul					 {position: absolute;top:40px;left:0;z-index:999;width:240px;background: #fff;border: 1px solid #fa7b84;}
.mypagenav > ul > li > ul li				 {width: 240px;display: inline-block;padding: 5px 0;line-height:1;}
.mypagenav > ul > li > ul li a				 {display: inline-block;width: 100%;padding: 5px 10px 5px 10px;text-decoration: none;letter-spacing: -0.1em;}
.mypagenav > ul > li > ul li a small		 {margin-left: 15px;}
.mypagenav > ul > li > ul li a:hover		 {background-color: #fbcfd2;}
.mypagenav > ul > li:hover > ul				 {display: block !important;}



/* mypagebox */
.mypagebox									 {background: #e7f3f3; display: table; width: 100%;}
.mypagetop-info-date							 {position: absolute;bottom: 0; right: 0;}

/* mypage-main */
#main.mypage-main						 {width: 720px;margin-right: 0; display:table-cell; vertical-align: top;}


/* mypage-side */
#sub.mypage-sub							 {width: 250px; padding: 20px; background-color: #b7e2e2; display:table-cell; vertical-align: top;}
#sub.mypage-sub	hr.diamond-line			 {margin: 0; border: 0; background: top left repeat;height: 8px; background-image: url(../img/bg-mypage-sub-line.png);}
#sub.mypage-sub .profile-icon .inner	 {width: 138px;height: 138px; display: block;margin: 10px auto;border: 4px solid #ffffff;border-radius: 3px; background: no-repeat center center; background-size: contain;}

#sub.mypage-sub .table-memberprofile {
	width: 100%;
}
#sub.mypage-sub .table-memberprofile tr {
	border-bottom: 1px dotted #8babab;
}
#sub.mypage-sub .table-memberprofile tr:last-child,
#sub.mypage-sub .table-memberprofile tr.table-v {
	border-bottom: none;
}
#sub.mypage-sub .table-memberprofile tr th {
	padding: 5px 0;
	text-align: left;
	color: #1d8383;
}
#sub.mypage-sub .table-memberprofile tr td {
	padding: 3px 5px;
}
#sub.mypage-sub .profile-info li {
	padding: 5px;
	border-bottom: 1px dotted #8babab;
}
#sub.mypage-sub .profile-info li:last-child {
	border-bottom: none;
}

#sub.mypage-sub .profile-info li a {
	color: #1d8383;
	text-decoration: none;
}
#sub.mypage-sub .profile-info li a:hover {
	text-decoration: underline;
}
#sub.mypage-sub .profile-info li.favorite ul li {
	padding: 0;
	border-bottom: none;
	color: #1d8383;
}


#sub.mypage-sub .profile-info li.goodcount table .good,
#sub.mypage-sub .profile-info li.goodcount table .bad {
	letter-spacing: 0em!important;
}

#sub.mypage-sub .profile-info li.goodcount table th {
	width: 50px;
}

#sub.mypage-sub .profile-info li.goodcount table .good th {
	color: #FF7C8A;
}

#sub.mypage-sub .profile-info li.goodcount table .bad th {
	color: #379390;
}

#sub.mypage-sub .profile-info li.goodcount table td {
	text-align: right;
}

#sub.mypage-sub .profile-info li.favorite ul li a {
	text-decoration: none;
/*	display: table;*/
}
#sub.mypage-sub .profile-info li.favorite ul li a:hover {
	text-decoration: underline;
}
#sub.mypage-sub .profile-info li.favorite ul li a span {
/*	display: table-cell;
*/}

#sub.mypage-sub .profile-info li.favorite ul li a span:first-child {
/*	width: 70px;
*/}

#sub.mypage-sub .profile-info li.favorite ul li a span:last-child {
/*	width: 60px;
	text-align: right;*/
}

/* favoritebrandbox */
.favoritebrandbox {
	border-style: solid;
	border-color: #c3e7e7;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
}
.favoritebrandbox-title {
	border-top: 4px solid #c3e7e7;
	border-bottom: 1px solid #eaeaea;
}
.favoritebrandbox-title ul {
	padding: 10px 0;
}
.favoritebrandbox-title ul a {
	text-decoration: none;
}
.favoritebrandbox-title ul a:hover {
	text-decoration: underline;
}
.favoritebrandbox-title ul a.is-selected {
	text-decoration: underline;
	color: #339090;
	font-weight: bold;
}
.favoritebrandbox-title ul a.is-selected:hover {
	text-decoration: none;
}
.favoritebrandbox .inner {
	padding: 10px;
}
.favoritebrandbox .list-brand {
	display: block;
	line-height:16px;
	height: 48px;
	color: #000000;
	text-decoration: underline;
}
.favoritebrandbox .list-brand:hover {
	text-decoration: none;
}



/* reviewpost
-------------------------------------------------------------------------------- */
/* reviewpostbox */
.reviewpostbox	{
	border-style: solid;
	border-color: #c3e7e7;
	border-left-width: 4px;
	border-right-width: 4px;
	border-bottom-width: 4px;
	overflow: hidden;
	border-radius: 4px 4px 0 0;
}
.reviewpostbox.no-radius {border-radius: 0;}
.reviewpostbox-title {
	padding: 10px 40px;
	background-color: #c3e7e7;
}
.reviewpostbox .inner {
	padding-left:35px;
	padding-right:35px;
}

/* post-area */
.post-area {
	margin-bottom: 40px;
	background: url(../img/bg-post-area02.png) top left repeat-y;
}
.post-area .inner {
	padding-top: 40px;
	background: url(../img/bg-post-area01.png) top left no-repeat;
}
.post-area .inner .bg				 {padding: 5px 40px 35px;background: url(../img/bg-post-area03.png) bottom left no-repeat;}
.post-area .item					 {margin-bottom: 20px;padding-bottom: 20px;border-bottom: 1px dotted #b2b2b2;position: relative;}
.post-area .item:last-child			 {margin-bottom: 0;padding-bottom: 0;border-bottom: none;}
.post-area .item .txt-title			 {margin-bottom: 20px;}
.post-area .item .txt-title a		 {color: #1d8383; font-weight: bold; text-decoration: none;}
.post-area .item .txt-title a:hover	 {text-decoration: underline;}
.post-area .item .edit-btn			 {position: absolute;	top: 6px; right: 0;}
.post-area .item .edit-btn a		 {padding: 3px 18px 3px 10px;background: #f39956;background: -webkit-linear-gradient(#ffb87d 0%, #f09b55 100%);background: linear-gradient(#ffb87d 0%, #f09b55 100%);border-color: #f09b55;color: #ffffff;-webkit-border-radius: 6px;border-radius: 6px;font-size: 14px;font-weight: bold;}
.post-area .item .edit-btn a:hover	 {background: #ffb87d;background: -webkit-linear-gradient(#f09b55 0%, #ffb87d 100%);background: linear-gradient(#f09b55 0%, #ffb87d 100%);color: #ffffff;}
.post-area .item .edit-btn a span	 {padding-left: 15px;}
.post-area .item .list-review dd	 {width: 700px;min-height: auto;height: auto;margin: 0 0 20px!important;}
.post-area .item .list-review dd:last-child{margin: 0 0 10px!important;}
.post-area .item .list-review dd span {color: #da7d30;}
.post-area .item .date				 {color: #666;text-align: right;}
.post-area #open-btn				 {margin-top: -10px;text-align: right;cursor:pointer;}
.post-area #open-btn span			 {margin-left: 3px;color: #339090;text-decoration: underline;vertical-align: 1px;}
.post-area #open-btn span:hover		 {text-decoration: none;}
.post-area .acc-box					 {display: none;}

/* advice-area */
.advice-area						 {margin-bottom: 40px;background: url(../img/bg-advice02.png) top left repeat-y;}
.advice-area .inner					 {padding-top: 40px;background: url(../img/bg-advice01.png) top left no-repeat;}
.advice-area .inner .bg				 {padding: 5px 40px 35px;background: url(../img/bg-advice03.png) bottom left no-repeat;}
.advice-area .img					 {width: 120px;margin-right: 30px;}
.advice-area .txt					 {width: 740px;}
.advice-area .txt dl				 {margin: 0;}
.advice-area .txt dt				 {margin: 30px 0 10px;color: #000;font-size: 16px;}
.advice-area .txt dt:first-child	 {margin-top: 0;}
.advice-area .txt dd				 {margin: 0;color: #666;}

/* listitem-reviewpostbox */
.listitem-reviewpostbox .img					 {width: 140px;margin-right: 30px;}
.listitem-reviewpostbox .img .img-item-thumb-item	{display: block; width: 140px;height:140px;padding: 4px; border: 1px solid #e7e7e7;}
.listitem-reviewpostbox .txt					 {width: 722px;}
.listitem-reviewpostbox .txt .list-item			 {font-weight:bold;font-size: 18px;font-size: 1.8rem;}
.listitem-reviewpostbox .txt .list-detail		 {font-size: 12px;font-size: 1.2rem;}
.listitem-reviewpostbox .txt .list-category,
.listitem-reviewpostbox .txt .list-category a	 {font-size: 12px;font-size: 1.2rem;}
.listitem-reviewpostbox .txt .reviewpoint		 {padding: 3px 0;vertical-align: middle;}

/* reviewpostitem */
.reviewpostitem-title							 {font-family: "Hiragino Maru Gothic ProN", "ヒラギノ丸ゴ ProN W4", Meiryo, "メイリオ",  sans-serif;}
.reviewpostitem-title.bb						 {border-bottom: 4px solid #c6e5e5;padding-bottom: 8px;}
.reviewpostitem-title .set-i-required 			 {position: relative;margin-top: -2px;}
.reviewpostitem-title .noicon,
.reviewpostitem-title .set-i-mypage-review-post-step1-1,
.reviewpostitem-title .set-i-mypage-review-post-step1-2					 {width: 30px;height: 34px; display: inline-block; vertical-align: bottom;}
.reviewpostitem-title .set-i-mypage-review-post-step1-total				 {position: absolute;top: 0;left: 0;}
.reviewpostitem .subbox							 {background-color: #f9f9f9; padding: 10px 45px;}
.reviewpostitem .subbox.form-check				 {padding: 10px;}
.reviewpostitem .subbox.subbox-l.form-check		 {padding: 20px;}
.reviewpostitem .subbox.reviewpostitem-radio	 {background-color: inherit; padding: 0 70px;}
.reviewpostitem-radio-title						 {width: 139px;letter-spacing: -0.1em;}
.reviewpostitem-radio-box,
.reviewpostitem-noreview						 {width: 444px;margin-left: 15px;margin-right: 15px;}
.reviewpostitem-radio-box li					 {width: 74px;text-align: center;display: inline-block;}
.reviewpostitem-radio-count						 {display: block;font-size: 14px;font-size: 1.4rem;margin-bottom: 15px;}
.reviewpostitem-noreview						 {width: 74px;height: 14px;text-align: center;}
body:not(.ie8) .reviewpostitem-noreview			 {margin-left: 19px;}

.reviewposttitleboxttl							 {float:left; width:25%;}
.reviewposttitleboxctt							 {float:left; width:75%;}

.reviewpostitem-step							 {padding: 20px 0; border-bottom: 1px dotted #c1c1c1;}
.reviewpostitem-step:last-child					 {border-bottom: none;}
.reviewpostitem-step .titleimg					 {display: block;margin-bottom: 15px;}
.reviewpostitem-step .asideimg					 {display: block;margin: 0 auto;}
.js-charcountReviewpostbox1 .reviewposttitleboxctt textarea {height: 26px;}

/* radio ※ie8以外 */
body:not(.ie8) .reviewpostitem-radio-box input[type=radio] + .radio						{padding-left:0;text-align: center;}
body:not(.ie8) .reviewpostitem-radio-box .radio:before									{top:-1px; left: 1px;}
body:not(.ie8) .reviewpostitem-radio-good .reviewpostitem-radio-box input[type=radio] + .radio:before			{height: 14px; width: 17px; background-position: 0 -284px;}
body:not(.ie8) .reviewpostitem-radio-bad .reviewpostitem-radio-box  input[type=radio] + .radio:before			{height: 14px; width: 17px; background-position: 0 -255px;}
body:not(.ie8) .reviewpostitem-radio-good .reviewpostitem-radio-box  input[type=radio]:checked + .radio:before	{background-position: 0 -270px;}
body:not(.ie8) .reviewpostitem-radio-bad .reviewpostitem-radio-box  input[type=radio]:checked + .radio:before	{background-position: 0 -241px;}

body:not(.ie8) .reviewpostitem-noreview .checkbox										 {top:-15px;}

body.ie8 .reviewpostitem-radio-box input[type=radio]							{display: block; margin: 0 30px; padding-left:0;text-align: center;}


/* reviewpostimglist */
.reviewpostimglist{}
.reviewpostimg{
	float: left;
	width: 50%;
	text-align: center;
	padding:0 120px;
}
.reviewimg{
	border: 1px solid #cecece;
	background: #cecece no-repeat center center;
	background-size: contain;
	width: 130px;
	height: 130px;
	display: inline-block;
}
.reviewpostimg input[type=file]{
	width:100%;
}


/* reviewpostitem-getorigin */
.reviewpostitem-getorigin {
	padding: 8px;
	background: url(../img/bg-slash-gray-l.png) center center repeat;
}
.reviewpostitem-getorigin {
	padding: 20px 50px;
	background-color: #ffffff;


}



/* reviewpostitem-getorigin-check */
.reviewpostitem-getorigin-check {
	width: 590px;
}
.table-reviewpostitem {
	width: 100%;
}
.table-reviewpostitem tr {
	border-bottom: 1px dotted #c1c1c1;
}
.table-reviewpostitem tr:last-child {
	border-bottom: none;
}
.table-reviewpostitem tr th {
	padding: 3px 0;
	width: 147px;
	text-align: center;
}
.table-reviewpostitem tr th span {
	display: block;
	width: 147px;
	background-color: #d0eceb;
}
.table-reviewpostitem tr td {
	padding: 3px 20px;
}


.reviewpostitem-getorigin-check .subbox {
	padding: 20px 45px;
}



/* reviewgetorigin */
.reviewgetorigin
{
	padding:8px;
	background: #ffffff url(../img/bg-slash-gray-large.png) repeat top left;
}
.reviewgetorigin-inner
{
	background: #ffffff;
}
.reviewgetorigin-selectbox
{
	font-size: 0;
	vertical-align: middle;
}
.reviewgetorigin-select-multi
{
	font-size: 12px; font-size: 1.2rem;
	display: inline-block;
	width: 25%;
	padding-right: 10px;
	vertical-align: top;
	position: relative;
	padding-right: 14px;
}
.reviewgetorigin-select-multi:after
{
	position: absolute;
	content:"▲";
	top:40%;
	bottom: 40%;
	right:1px;
	color:#1d8383;
}
.reviewgetorigin-select-multi > .select-multisize
{
	width: 100%;
}
.reviewgetorigin-select
{
	font-size: 12px; font-size: 1.2rem;
	display: inline-block;
	padding-left: 12px;
}
.reviewgetorigin-select > .select
{
	width: 100%;
}
.reviewgetorigin-repletion-repeat
{
	border:1px solid #cccccc;
	padding:10px;
	margin: 10px 0 0 0;
	display: inline-block;
	vertical-align: middle;
	width: 48.5%;
}
.reviewgetorigin-repletion-source
{
	border:1px solid #cccccc;
	padding:10px;
	margin: 0;
	display: inline-block;
	width: 50%;
	vertical-align: top;
}




/* レビュー高さ調整
-------------------------------------------------------------------------------- */
.product-detail-review,.list-review-area {
	display: table;
	width: 100%;
}
.product-detail-review-inner,.list-review-area-inner {
	display: table-cell;
	vertical-align: top;
	position: relative;
	padding-bottom: 45px;
}
.list-review-area-inner {
	padding-bottom: 32px;
}

.list-review-area-inner-footer {
	padding: 5px 10px 5px 0;
	height: 27px;
}




/* productapp
-------------------------------------------------------------------------------- */
/* productapp-stepbox */
.prodactapp-stepbox {
	display: table;
}
.prodactapp-stepbox .img,
.prodactapp-stepbox .txt {
	display: table-cell;
	vertical-align: middle;
}

.steparrow {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	background-position: center center;
	background-repeat: no-repeat;
}
.steparrow-bottom-orange {
	background-image: url(../img/bg-produtapp-arrow-bottom-orange.png);
	width: 202px;
	height: 61px;
	padding: 15px 0;
}
.steparrow-bottom-green {
	background-image: url(../img/bg-produtapp-arrow-bottom-green.png);
	width: 202px;
	height: 61px;
	padding: 15px 0;
}
.steparrow-right-orange {
	background-image: url(../img/bg-produtapp-arrow-right-orange.png);
	width: 141px;
	height: 60px;
	line-height: 60px;
	padding-right: 10px;
}


.productapp-stepbox {
	margin-top: 70px;
	display: table;
	background-color:#ffffff;
	border:1px solid #eeeeee;
	width: 100%;
	outline: 4px solid #fafafa;
	padding:10px;
	vertical-align: middle;
}
.productapp-stepbox:first-child {
	margin-top: 0;
}
.productapp-stepbox > div {
	display: table-cell;
	vertical-align: middle;
}
.productapp-stepbox-number {
	width: 60px;
}
.productapp-stepbox-steparrow {
	width: 151px;
}

.productapp-stepbox .steparrow-bottom-green {
	position: absolute;
	top: -50px;
	left: 200px;
}





/* error-message-box（エラーページ系）
-------------------------------------------------------------------------------- */
.error-message-box
{
	padding: 30px;
	background-color: #f2f2f2;
	border: 1px solid #dddddd;
}
.error-title
{
	font-weight: bold;
	font-size: 42px;
	font-size: 4.2rem;
	text-align: center;
	color:#cc0000;
	padding:0 0 10px;
}
.error-detail
{
	font-weight: bold;
	font-size: 20px;
	font-size: 2.0rem;
	text-align: center;
	padding:0 0 20px;
}
.error-content
{
	font-size: 14px;
	font-size: 1.4rem;
}




.good							 { letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */ }
.firefox .good					 { letter-spacing: -.30em; /* 文字間を詰めて隙間を削除する */ }
.good .title					 { letter-spacing: normal; /* 文字間を通常に戻す */ }
.good .icon[class*=set-i-good]	 { letter-spacing: normal; /* 文字間を通常に戻す */}
.good .review-count				 { letter-spacing: normal; /* 文字間を通常に戻す */}
.bad							 { letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */ }
.firefox .bad					 { letter-spacing: -.30em; /* 文字間を詰めて隙間を削除する */ }
.bad .title						 { letter-spacing: normal; /* 文字間を通常に戻す */ }
.bad .icon[class*=set-i-bad]	 { letter-spacing: normal; /* 文字間を通常に戻す */}
.bad .review-count				 { letter-spacing: normal; /* 文字間を通常に戻す */}




/* modal モーダルウィンドウ 1*******************************************************************************************/
.modal {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 9999;
  overflow-y: auto;
  background: rgba(0, 0, 0, 0.5);
  text-align: center;
}
.modal:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
  /* Adjusts for spacing */
}

.modalbg {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
}

.modalpanel {
  position: relative;
  z-index: 1;
  background: #fff;
  margin: 0 auto;
  padding: 20px;
  text-align: left;
  border-radius: 10px;
  width: 770px;
  -moz-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.03);
  -webkit-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.03);
  -o-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.03);
  -ms-box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.03);
  box-shadow: 0 0 8px 8px rgba(0, 0, 0, 0.03);
  display: inline-block;
  vertical-align: middle;
}

.modalclose {
  float: right;
}

.modalhead {
  margin-bottom: 20px;
  clear: both;
}

.modalcontrolblock {
  text-align: center;
  margin-top: 20px;
/*   background-color: #f2f2f2; */
  padding: 10px 20px;
}

.modalcontrol {
  min-width: 180px;
  display: inline-block;
}

/* modal モーダルウィンドウ 2*******************************************************************************************/
.com-mark-box {
  display: block;
  position: relative;
}

.com-js-box-wrapper {
  display: none;
  text-align: center;
}
.com-js-box {
  max-height: 90vh;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: auto;
  padding: 20px;
  position: fixed;
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  z-index: 100;
}

.com-js-box--90percent .com-js-box__inner {
  display: block;
  padding: 20px 100px;
}

.com-js-box__inner {
  display: block;
  padding: 15px; }

.com-js-box__inner img {
  max-width: 100%; }

.com-js-box .close02 {
  color: #333;
  font-size: 2rem;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 8px;
  position: sticky;
  text-align: right;
  transform: translateX(-1rem);
  top: 1rem;
  width: 100%;
}
.com-js-box--90percent .close02 {
  color: #333;
  font-size: 2rem;
  font-style: normal;
  display: inline-block;
  line-height: 1;
  margin-bottom: 8px;
  position: sticky;
  text-align: right;
  transform: translateX(-1rem);
  top: 1rem;
  width: 100%;
}
.com-js-box--90percent .close02 a:hover,
.com-js-box .close02 a:hover {
  text-decoration: none; }

.overlay {
  background: rgba(0, 0, 0, 0.6);
  bottom: 0;
  display: none;
  height: 100vh;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 99; }

.com-js-box__inner .text {
  line-height: 1.8;
  display: block;
  font-size: 1.2rem; }

.modal-title {
  text-align: left;
  font-size: 1.2rem;
  font-weight: bold;
}
.com-js-box__modal .cols-4__item {
}
.com-js-box__modal .card-01 {
  margin: 0 20px;
}
.com-js-box__modal .card-01__img-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 140px;
  height: 140px;
  width: 140px;
  align-items: center;
  justify-content: center;
  
}
.com-js-box__modal .card-01__img {
  border: 1px solid #ccc;
  max-height: 140px;
  max-width: 140px;
  height: auto;
  width: auto;
}
.card-01__description {
  margin-top: 5px;
}
.com-js-box__modal .card-01__img {
  border: 1px solid #c0c0c0;
  max-width: 100%;
  max-height: 100%;
  height: auto;
  width: auto;
}
.com-js-box__modal .card-01__description {
  margin-top: 5px;
}
.com-js-box__iframe {
  width: 100%;
}
.com-js-box--90percent {
  max-height: 95vh;
  margin: 0 auto;
  overflow-y: auto;
  overflow-x: auto;
  position: fixed;
  text-align: left;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  background-color: #fff;
  z-index: 100;
}
/* 検索ボックス *******************************************************************************************/
input[type="text"].searchword-box::-ms-clear {
	display: none;
}


/* よくある質問 *******************************************************************************************/
.faq-box{border:1px solid #ea535e; padding:20px;}
.faq-box-title{font-size:18px; font-size:1.8rem; color:#ea535e; margin-top: 25px;}
.faq-box-title:first-child{margin-top: 0;}
.faq-box-list{margin:5px 0 0; padding:0 30px;}
.faq-box-list li {padding:2px 0;}
.faq-box-list li a:before{content:"●"}

.faq-qa-box{font-size:14px; font-size:1.4rem;padding:0 10px;margin-top: 20px;}
.faq-qa-box-q{color:#ea535e;}
.faq-qa-box-q:before{content:"●"}
.faq-qa-box-a{margin-top: 10px;}
.faq_ttl{color:#ea535e; font-weight: normal;}


/* N1_newstop.html *******************************************************************************************/
.listitem-n1{margin: 0 20px;}
.listitem-n1 .txt{width: 560px; margin-right: -10px;}

/* B2-blandtop.html *******************************************************************************************/
#main .box01 {margin-bottom: 5px;}
#main .box02 {margin-bottom: 40px;}
#main .box02 .item .txt p {line-height: 1.4;}
#main .box03 .titlebox h2 { background-color: #9ddf93;}
#main .box03 .titlebox h3 { background-color: #9ddf93;}
#main .box03 .carousel .carousel-area .itembox li .review {margin: 0 -10px;}
.carousel .carousel-area .itembox li .review .title {text-align: left;}
#main .box03 .carousel .carousel-area .itembox li {border-right: none;}
#main .box03 .carousel .carousel-area .itembox li:after {width: 1px;height: 94%;position: absolute;border-right: 1px dotted #CCC;bottom: 0;right: 0;content: "";}

/* pagerbox
-------------------------------------------------------------------------------- */
#main .pagerbox > div .num {color: #339090; font-size: 11px; font-weight: bold;}

/* B5-campaign.html *******************************************************************************************/
.listitem-normal.listitem-brandcampaign {margin: 0 20px;}
.listitem-normal.listitem-brandcampaign .txt {padding: 0 10px;}
.listitem-normal.listitem-brandcampaign .img {margin: 0;}


/* I1-0.html *******************************************************************************************/
.bg-noreview {
	background:transparent url(../img/i/no_review.png ) top left no-repeat;
	width: 622px;
	height: 381px;
	text-align: center;
}


/* K3-review-post-check.html *******************************************************************************************/
.taglist h4 {
	margin-bottom: 10px;
	padding: 0 30px;
	line-height: 0;
}

.taglist h4 img {
	vertical-align: text-top;
}

.taglist h4 span {
	margin-left: 15px;
}

.taglist ul {
	padding: 20px 30px 10px;
	background: #f9f9f9;
}
.taglist-on ul {
	padding: 20px 30px 18px;
	background: #f9f9f9;
}

.taglist ul li {
	display: inline-block;
	margin-bottom: 10px;
}
.taglist-on ul li {
	display: inline-block;
	margin-bottom: 0px;
}

.taglist ul li a {
	display: table;
	margin-bottom: 4px;
	padding: 0 3px;
	border: 1px solid #949691;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555555;
	font-size: 0.917em;
	text-decoration: none;
}

.taglist ul li span,
.taglist ul li label.checktype {
	display: table;
	margin-bottom: 4px;
	padding: 0 3px;
	border: 1px solid #949691;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555555;
	font-size: 0.917em;
	text-decoration: none;
}
.taglist-on ul li span,
.taglist-on ul li label.checktype {
	display: table;
	margin-bottom: 0px;
	padding: 0 3px;
	border: 1px solid #949691;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #555555;
	font-size: 0.917em;
	text-decoration: none;
}
.taglist ul li label.checktype:hover {
	opacity: 0.7;
}
.taglist ul li label.checktype:last-child {
	margin-bottom: 0;
}
.taglist ul li span.on,
.taglist ul li input[type=checkbox]:checked + label.checktype {
	background: #FFDCE0;
}
.taglist-on ul li span.on,
.taglist-on ul li input[type=checkbox]:checked + label.checktype {
	background: #FFDCE0;
}


/* M3.html *******************************************************************************************/

.child-birthday-year--disabled {
	opacity: 0.5;
}


/* M11.html *******************************************************************************************/
.bg-white .date {
    text-align: right;
}

.review-search .sb-boxfilter {
	margin-left: 110px;
	margin-right: 110px;
}

.review-search .sb-product .inner {
    background: #f7fdfc url(../img/bg-search-product.png) 505px 22px no-repeat;
}

.review-search .sb-boxfilter .rightbox {
	padding: 33px 0 2px 75px;
	width: auto;
}

.review-search .mainnav {
	margin-left: 65px;
	margin-right: 65px;
}

.review-search .mainnav {
	display: block;
	width: auto;
}

.review-search .mainnav .displayorderbox {
	display: block;
	margin-bottom: 5px;
	width: 100%;
}

.review-search .mainnav .displayorderbox a {
	padding-right: 15px;
	position: relative;
}

.review-search .mainnav .displayorderbox a:after {
	content: "";
	display: block;
	position: absolute;
	top: 2px;
	right: 0;
	background-image: url('../img/set.png');
	background-repeat: no-repeat;
	background-position: -41px 0px;
	height: 11px;
	width: 9px;
}

.review-search .mainnav .displayorderbox a.is-selected:after {
	background-position: -32px 0px;
	color: #1d8383;
}


.review-search .mainnav .pagerbox {
	display: block;
	margin-bottom: 0px;
	width: 100%;
}

.review-search .searchlistbox {
	padding-top: 0;
	border-top: none;
	border-bottom: none;
}

.review-search .listitem-favorite-user {
	padding: 5px 65px 10px 65px;
}

.review-search .listitem-favorite-user .txt {
	width: 665px;
}

.review-search .listitem-favorite-user .list-title {
	background: none;
	padding-bottom: 0;
	margin-bottom: 20px;
}

.btn-userentry {
	margin-right: 0;
	width: 205px;
}

.dl-list {
	margin: 5px 0 0 0;
}

.dl-list dt,
.dl-list dd {
	margin: 0;
	padding: 0;
	display: inline-block;
}

.dl-list dd {
	-webkit-margin-start: 0;
}


.dl-list dd .good,
.dl-list dd .bad {
	margin-right: 5px;
	letter-spacing: 0em;
	font-weight: bold;
}

.dl-list dd .good {
	color: #fa8088;
}

.dl-list dd .bad {
	color: #54abab;
}

.dl-list dd a {
	color: #1d8383;
	text-decoration: none;
}

.review-search .listfooterbox {
	margin-top: 20px;
	margin-bottom: 65px;
}

.review-search .item-title {
	color: #000;
	font-weight: bold;
}
.review-search .item-title a {
	text-decoration: none;
	line-height: 1.4;
}

.review-search .item-title a:hover {
	text-decoration: underline;
}

.review-search .item-title span a {
	color: #1A8491;
	font-weight: bold;
}
.review-search .item-title .list-brand {
	font-size: 12px;
}
.review-search .item-title .list-item {
	font-size: 12px;
/*	font-size: 1.2em;
*/	line-height: 1.4;
	color: #1A8491;
	font-weight: bold;
	background: none;
}
.review-search .rev-title {
	margin-bottom: 20px;
	font-weight: bold;
}


.review-search .detail-down a {
	padding:10px 0 7px 13px;
	margin-left: 0;
	color: #ffb87d;
	font-size: 10px;
	float: right;
}

.review-search .detail-down .fa {font-size: 12px; vertical-align: middle; margin-right: 3px;}



/*------------------------------------------------------------
	image
------------------------------------------------------------*/
.img-frame {
    background-color: #ffffff;
	display: inline-block;
	overflow: hidden;
	position: relative;
}
.img-frame img {
	position: absolute;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}
.img-frame-40 {
	height: 40px;
	width: 40px;
}
.img-frame-popup-news {
	height: 34px;
	width: 48px;
}
.img-frame-46 {
	height: 46px;
	width: 46px;
}
.img-frame-70 {
	height: 70px;
	width: 70px;
}
.img-frame-150 {
	height: 150px;
	width: 150px;
}
.img-frame-brand-45 {
	height: 45px;
	width: 45px;
}
.img-frame-brand-100 {
	height: 100px;
	width: 100px;
}
.img-frame-brand-120 {
	height: 120px;
	width: 120px;
}
.img-frame-brand-970 {
	height: 170px;
	width: 970px;
}
.img-frame-campaign-120 {
	height: 85px;
	width: 120px;
}
.img-frame-campaign-710 {
	height: 100px;
	width: 710px;
}
.img-frame-campaign-750 {
	height: 100px;
	width: 750px;
}
.img-frame-news-120 {
	height: 85px;
	width: 120px;
}
.img-frame-popup-48 {
	height: 34px;
	width: 48px;
}
.img-frame-product-46 {
	height: 46px;
	width: 46px;
}
.img-frame-product-60 {
	height: 60px;
	width: 60px;
}
.img-frame-product-70 {
	height: 70px;
	width: 70px;
}
.img-frame-product-120 {
	height: 120px;
	width: 120px;
}
.img-frame-product-130 {
	height: 130px;
	width: 130px;
}
.img-frame-profile-46 {
	height: 70px;
	width: 70px;
}
.img-frame-profile-60 {
	height: 60px;
	width: 60px;
}
.img-frame-profile-70 {
	height: 70px;
	width: 70px;
}
.img-frame-profile-100 {
	height: 100px;
	width: 100px;
}
.img-frame-profile-120 {
	height: 120px;
	width: 120px;
}
.img-frame-profile-130 {
	height: 130px;
	width: 130px;
}



/* L1-login.html 　ログイン　*******************************************************************************************/
.registerblock .logincontentinner > p { font-size: 12px;}
.registerblock .logincontentinner > dl > dt {
    color:#ea535e;
    font-weight: bold;
    margin-top: 1rem;
}
.registerblock .logincontentinner > dl > dt:before {
    content:"●"
}

.registerblock .logincontentinner > dl > dd {
    margin-left: 1em;
}


/* campain form #design-area
---------------------------------------- */
#design-area h3 {
	font-size: 14px;}
#design-area h2 {
	font-size: 18px;}
#design-area .cp-comment{
	background: #ededed;
	padding-left: 60px;
	padding-right: 60px;
	padding-top: 20px;
	padding-bottom: 30px;
}
#design-area .cp-date{
	margin-left: 50px;
	margin-right: 50px;
	margin-top: 0px;
	margin-bottom: 30px;
}
#design-area #cp-case{
	text-align: center;
	margin-top: 20px;
}
#design-area .case01{
	width: 245px;
	float:left;
	text-align: center;
	margin-bottom: 50px;
}
#design-area .cp-cf {
	clear: both;
}
#cp-case {
	text-align: center;
}
#cp-case .case01 img {
	margin-bottom: 15px;
}
#cp-case2 {padding-left: 100px;
		padding-right: 100px;
		padding-top: 20px;}
#cp-case2 .case01 {margin-left: 20px;}
#cp-date {font-size: 12px; font-weight: bold; text-align: right;
margin-bottom: 10px;}

.cp-btn01{
	margin-left: 10px;
	margin-right: 10px;
}
.cp-btn02{
	margin-left: 300px;
	margin-right: 300px;
}
.cp-btn03{
	margin-left: 5px;
	margin-right: 5px;
	width: 173px;
}
.readonly{background: #cdcdcd}

#campaign-entry-area #cp-comment01 {
	text-align: left;
	margin-top: 50px;
	margin-bottom: 40px;

}
#campaign-entry-area #cp-kiyaku {
    text-align: left;
    width: 100%;
    height: 70px;
    overflow-y: scroll;
    overflow-x: hidden;
    border: 1px solid #666666;
	padding: 10px;
	margin-bottom: 50px;
}
#design-area #cp-sub {
	float: left;
	margin-bottom: 10px;
}

#design-area a:hover img { opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


.btn.btn-tertiary2{
	background: #CCCCCC;
	background: -webkit-linear-gradient(#EEEEEE 0%, #CCCCCC 100%);
	background: linear-gradient(#EEEEEE 0%, #CCCCCC 100%);
	border-color: #dddddd;
	color: #555555;
}

/* o12 point-is */
.o12-step {
  margin-top: 40px;
}
.o12-join {
  margin-top: 60px;
}
.o12-join__text {
  float: left;
  font-size: 1.6em;
  font-weight: bold;
}
.o12-join__btn {
  float: right;
  background: #f39956;
  background: -webkit-linear-gradient(#ffb87d 0%, #f09b55 100%);
  background: linear-gradient(#ffb87d 0%, #f09b55 100%);
  border-color: #f09b55;
  border-radius: 3px;
  color: #ffffff;
  font-size: 2em;;
  font-weight: bold;
  padding: 0.6em;
  text-align: center;
  text-decoration: none;
  width: 50%;
}
.o12-join__btn:hover {
  background: #ffb87d;
  background: -webkit-linear-gradient(#f09b55 0%, #ffb87d 100%);
  background: linear-gradient(#f09b55 0%, #ffb87d 100%);
  color: #ffffff;
}
.o12-3way {
  background-color: #84ccc9;
  padding-left: 40px;
  padding-right: 40px;
}
.o12-save {
  margin-top: 40px;
}
.o12-save__create-review {
  background-color: #fff;
  border-radius: 3px;
  float: left;
  height: 355px;
  padding: 20px 0 0 0;
  text-align: center;
  width: 435px;

}
.o12-save__login {
  background-color: #fff;
  border-radius: 3px;
  float: right;
  height: 355px;
  padding: 20px 0 0 0;
  text-align: center;
  width: 435px;

}
.o12-save__get-like {
  background-color: #fff;
  border-radius: 3px;
  float: left;
  margin-top: 20px;
  padding: 20px 0;
  text-align: center;
  width: 100%;

}
.o-12-save__footer {
  background-color: #84ccc9;
  padding: 20px 40px;
  text-align: right;
}
.o-12-save__footer-link {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
}
.o-12-save__footer-link:hover {
  color: #fff;
  text-decoration: none;
}
.o12-exchange {
  background-color: #ff749b;
  margin-top: 40px;
  position: relative;
}
.o12-exchange__pallet {
  position: absolute;
  right: 8px;
  top: 50px;
}
.o12-exchange__title {
  text-align: center;
}
.o12-exchange__get-something-you-want {
  background-color: #ffffff;
  border-radius: 3px;
  margin-left: 40px;
  margin-right: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  text-align: center;
}
.o12-exchange__img {
  margin-top: 20px;
}
.o12-exchange__footer {
  background-color: #ff749b;
  margin-left: 40px;
  margin-right: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
  position: relative;
}
.o12-exchange__footer-link {
  color: #fff;
  font-size: 1.6rem;
  font-weight: bold;
  position: absolute;
  right: 0;
}
.o12-exchange__footer-link:hover {
  color: #fff;
  text-decoration: none;
}
.o12-exchange__amazon-disclaimer {
  display: inline-block;
}

/* rankings
---------------------------------------- */
.rankings-middle-group {
  border: 1px solid #fee4e6;
}
.rankings-middle-group__title-wrapper {
  background-color: #fee4e6;
  color: #ea535e;
  line-height: 1;
  padding: 10px 20px;
}
.rankings-middle-group__title {
  color: #ea535e;
  font-size: 1.6rem;
  font-weight: bold;
}
.rankings-middle-group__title-a {
  text-decoration: none;
}
.rankings-middle-group__title-a:hover {
  opacity: 0.7;
}
.rankings-middle-group__title-to-4th {
  padding-left: 10px;
  font-size: 12px;
  font-weight: bold;
  float: right;
  margin-top: 2px;
}

/* category-list
---------------------------------------- */
.category-list-area {
  font-size: 0;
  margin-bottom: 40px;
}

.category-list-area__top-title {
    background-color: #fee4e6;
    color: #ea535e;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 1;
    padding: 10px 15px;
}
.category-list-area__top-title i {
  margin-right: 3px;
  vertical-align: bottom;
}
.i-base-make {
  background-image: url('../img/labo/i-base-make.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-body-care {
  background-image: url('../img/labo/i-body-care.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-hair-care {
  background-image: url('../img/labo/i-hair-care.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-make-up {
  background-image: url('../img/labo/i-make-up.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-nail-care {
  background-image: url('../img/labo/i-nail-care.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-perfume {
  background-image: url('../img/labo/i-perfume.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}
.i-skin-care {
  background-image: url('../img/labo/i-skin-care.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.i-sunscreen {
  background-image: url('../img/labo/i-sunscreen.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 20px;
  height: 20px;

}
.i-medal {
  background-image: url('../img/labo/i-medal.png');
  background-repeat: no-repeat;
  display: inline-block;
  width: 17px;
  height: 18px;

}
.category-list-area__top-title-a,
.category-list-area__top-title-a:hover {
    color: #ea535e;
}
.category-list-area__middle-title-a {
    background: url(../img/labo/i-kirakira.png) 0 2px no-repeat;
    color: #1d8383;
    font-size: 1.6rem;
    padding-left: 18px;
    text-decoration: none;
}
.category-list-area__middle-title {
  margin-left: 57px;
  text-indent: -18px;
}
.category-list-area__middle-title:nth-child(n + 2) {
  margin-top: 40px;
}
.category-list-area__middle-title-a:hover {
    color: #1d8383;
    text-decoration: underline;
}
.category-list-area__bottom-list {
  margin-top: 10px;
}
.category-list-area__bottom-title {
  margin-left: calc(35px + 18px);
  margin-top: 5px;
}
.category-list-area__bottom-title-a:hover {
    color: #1d8383;
    text-decoration: underline;
}
.category-list-area__bottom-title-a {
    color: #1d8383;
    font-size: 1.2rem;
    padding-top: 1em;
    text-decoration: none;
    vertical-align: middle;
}
.category-list-area__box {
  display: inline-block;
  margin-top: 40px;
  vertical-align: top;
  width: calc(100% / 3);
}
.category-list-area__box:nth-child(-n + 3) {
  margin-top: 20px;
}

/* point-status
---------------------------------------- */
.point-status {
  background-color: #fff;
  display: inline-block;
  line-height: 1;
  margin-bottom: 10px;
  padding: 8px;
  text-align: center;
  width: 100%;
}
.point-status i {
  margin-right: 2px;
}

/* matomebox */
.matomebox {
  margin-bottom: 40px;
}
.matomebox__title {
  background-color: #ebfde7;
  line-height: 1;
  padding: 7px 20px !important;
}
.matomebox__title-main {
  color: #32b31e;
  font-weight: bold;
  font-size: 1.4rem;
}
.matomebox__title-sub {
  color: #32b31e;
  display: inline;
  font-weight: bold;
  font-size: 1.2rem;
  margin-left: 15px;
}
.matomebox__title-to-list {
  color: #555;
  font-size: 12px;
  float: right;
  font-weight: bold;
  margin-top: 2px;
  padding-left: 10px;
  text-decoration: none;
}
.matomebox__title-to-list:hover {
  text-decoration: underline;
}
.matomebox__title-to-list:before {
  background-image: url('../img/set.png');
  background-position: 0 -15px;
  background-repeat: no-repeat;
  content: "";
  display: inline-block;
  height: 5px;
  vertical-align: middle;
  position: relative;
  top: -1px;
  margin-right: 3px;
  width: 4px;
}
.matomebox__subbox {
  border: 2px solid #ebfde7;
  padding: 10px 20px;
}
.box-item {
  border-bottom: 1px dotted #cccccc;
  float: left;
  padding: 10px 0;
  width: 50%;
}
.box-item:last-child,
.box-item:nth-last-child(2):nth-child(2n+1) {
  border-bottom: none;
}
.box-item__left {
  float: left;
  margin-right: 10px;
  width: 120px;
}
.box-item__right {
  float: left;
  font-size: 1rem;
  width: 200px;
}
.box-item__title {
  font-weight: bold;
  font-size: 1.0rem;
  line-height: 1.5;
  height: calc(1.0rem * 1.5 * 2);
  margin-bottom: 5px;
  position: relative;
  overflow: hidden;
}
.box-item__title:before {
  background: #fff;
  bottom: 0;
  color: rgba(85, 85, 85, 0.5);
  content: '…';
  position: absolute;
  right: 0;
}
.box-item__title:after {
  background: #fff;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}
.box-item__title-a {
  color: #339090;
  text-decoration: none;
}
.box-item__title-a:hover {
  color: #339090;
  text-decoration: underline;
}
.box-item__info {
  color: #999999;
  margin-bottom: 5px;
}
.box-item__date {
  float: left;
}
.box-item__category {
  background-color: #ebfde7;
  color: #555;
  float: right;
  padding: 3px;
  text-decoration: none;
}
.box-item__category:hover {
  opacity: 0.7;
}
.box-item__abstract {
  color: #000;
  font-size: 1rem;
  line-height: 1.5;
  height: calc(1rem * 1.5 * 5);
  overflow: hidden;
}

/* top3-box */
.top3-box {
  margin-bottom: 40px;
}
.top3 {
	float: left;
	margin-left: 20px!important;
}
.top3:first-child {
	margin-left: 0!important;
}
.media:before,.media:after{content: " ";display: table;}
.media:after {clear: both;}
.media {*zoom: 1;}
.media-70__left {
  float: left;
  width: 70px;
}
.media-70__right {
  float: right;
  margin-left: 15px;
  width: calc(100% - 70px - 15px);
}
.media-95__left {
  float: left;
  width: 95px;
}
.media-95__right {
  float: right;
  margin-left: 20px;
  width: calc(100% - 95px - 20px);
}
.media-130__left {
  float: left;
  width: 130px;
}
.media-130__right {
  float: right;
  margin-left: 20px;
  width: calc(100% - 130px - 20px);
}


.l-media {
  display: flex;
}
.l-media-120__left {
  width: calc(100% - 120px - 15px);
}
.l-media-120__right {
  margin-left: 15px;
  width: 120px;
}
.l-media-140__left {
  width: calc(100% - 140px - 15px);
}
.l-media-140__right {
  margin-left: 15px;
  width: 140px;
}
.l-media-200__left {
  width: calc(100% - 200px - 15px);
}
.l-media-200__right {
  margin-left: 15px;
  width: 200px;
}

.top3__1i {
  padding-top: 30px;
  width: calc((100% - (20px * 3)) * 2/5);
}
.top3__2i,
.top3__3i {
  padding-top: 30px;
  width: calc((100% - (20px * 3)) * 3/10);
}
.top3__1i,
.top3__2i,
.top3__3i {
  background-color: white;
  position: relative;
  z-index: 0;
}
.top3__1i:before,
.top3__2i:before,
.top3__3i:before {
  background-size: auto;
  background-image: url('../img/set.png');
  background-repeat: no-repeat;
  content: '';
  display: inline-block;
  position: absolute;
  left: calc(70px / 2 - 26px / 2);
  top: 0;
  z-index: 10;
}
.top3__1i:before {
  background-position: 0 -2255px;
  height: 20px;
  width: 26px;
}
.top3__2i:before {
  background-position: 0 -2319px;
  height: 20px;
  width: 26px;
}
.top3__3i:before {
  background-position: 0 -2383px;
  height: 20px;
  width: 26px;
}

/* item-info */
.item-info-01__brand {
  display: block;
  color:   #ea535e;
  font-size: 1rem;
  line-height: 1;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.item-info-01__brand:hover {
  color:   #ea535e;
  text-decoration: underline!important;
}
.item-info-01__productname {
  display: block;
  font-weight: bold;
  font-size: 1.2rem;
  height: calc(1.2rem * 1.5 * 2 + 1px);
  line-height: 1.5;
  margin-top: 5px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.item-info-01__productname:before {
  background: #fff;
  bottom: 0;
  color: rgba(85, 85, 85, 0.5);
  content: '…';
  position: absolute;
  right: 0;
}
.item-info-01__productname:after {
  background: #fff;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}
.item-info-01__productname-a {
  color: #555;
  text-decoration: none;
}
.item-info-01__productname-a:hover {
  text-decoration: underline!important;
}
.item-info-01__review {
  color: #1d8383;
  text-decoration: none;
}
.item-info-01__review:hover {
  color: #1d8383;
  text-decoration: underline;
}
.item-info-01__review i {
  margin-right: 5px;
  vertical-align: bottom;
}
.item-info-01__review-rate {
  display: inline-block;
  line-height: 1.3;
  margin-top: 10px;
}
.item-info-01__review-rate-a {
  text-decoration: none;
}
.item-info-01__review-rate-a:hover {
  opacity: 0.7;
}
.item-info-01__review-rate .title{
  font-size: 1rem;
  min-width: 3em;
}

.item-info-02__brand {
  display: block;
  color:   #ea535e;
  font-size: 1rem;
  line-height: 1;
  overflow: hidden;
  text-decoration: none;
  text-overflow: ellipsis;
  white-space: nowrap
}
.item-info-02__brand:hover {
  color:   #ea535e;
  text-decoration: underline!important;
}
.item-info-02__productname {
  display: block;
  font-weight: bold;
  font-size: 1.1rem;
  height: calc(1.1rem * 1.5 * 2 + 1px);
  line-height: 1.5;
  margin-top: 7px;
  overflow: hidden;
  position: relative;
  text-decoration: none;
}
.item-info-02__productname:before {
  background: #fff;
  bottom: 0;
  color: rgba(85, 85, 85, 0.5);
  content: '…';
  position: absolute;
  right: 0;
}
.item-info-02__productname:after {
  background: #fff;
  content: '';
  height: 100%;
  position: absolute;
  width: 100%;
}
.item-info-02__productname:hover {
  text-decoration: underline;
}
.item-info-02__review-rate {
  display: inline-block;
  line-height: 1.3;
  margin-top: 10px;
}
.item-info-02__review-rate-a{
  text-decoration: none;
}
.item-info-02__review-rate-a:hover {
  opacity: 0.7;
}
.item-info-02__review-rate .title{
  font-size: 1rem;
  min-width: 3em;
}

/* box */
.common-box {
  margin-top: 20px;
}
.common-box__item {
  margin-top: 20px;
}
.common-box__item:first-child {
  margin-top: 0!important;
}

/* layout */
.columns {
  margin-top: 20px;
}
.columns:before,.columns:after{content: " ";display: table;}
.columns:after {clear: both;}
.columns {*zoom: 1;}

.columns-3 {
  box-sizing: border-box;
  float: left;
  margin-left: 20px;
  width: calc((100% - 20px * 2) / 3 - 1px);
}
.columns-3:first-child {
  margin-left: 0;
}
.cols-2,
.cols-4 {
  display: flex;
  flex-wrap: wrap;
}
.cols-2__item {
  width: calc((100% - 20px) / 2);
}
.cols-2__item:nth-child(2n + 2) {
  margin-left: 20px;
}
.cols-4__item {
  width: 180px;
  margin-left: calc((100% - 180px * 4) / 3);
  margin-top: 10px;
}
.cols-4__item:nth-child(4n + 1) {
  margin-left: 0;
}
.cols-4__item:nth-child(1),
.cols-4__item:nth-child(2),
.cols-4__item:nth-child(3),
.cols-4__item:nth-child(4) {
  margin-top: 0;
}

/* thumbnails */
.img-item-thumb {
  font-size: 0;
}
.img-item-thumb__item {
  display: inline-block;
}
.img-item-thumb__item:nth-child(2n - 1) {
  margin-right: 3px;
}
.img-item-thumb__item:nth-child(n + 3) {
  margin-top: 3px;
}

/* kuchikomi */
.review__title {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.5;
}
.review__title-a {
  color:#1d8383;
  text-decoration: none;
}
.review__title-a:hover {
  text-decoration: underline;
}
.review__excerpt {
  font-size: 12px;
  line-height: 1.5;
}

/* balloon */
.balloon {
  border: solid 1px #ccc;
  border-radius: 6px;
  box-sizing: border-box;
  display: inline-block;
  padding: 10px;
  position: relative;
  width: 100%;

}
.balloon:before {
  content: "";
  position: absolute;
  top: 30px;
  left: -21px;
  margin-top: -13px;
  border: 7px solid transparent;
  border-right: 16px solid #fff;
  z-index: 2;
}
.balloon:after {
  content: "";
  position: absolute;
  top: 30px;
  left: -23px;
  margin-top: -13px;
  border: 7px solid transparent;
  border-right: 16px solid #ccc;
  z-index: 1;
}

/* common info */
.profile__excerpt {
  font-size: 12px;
  line-height: 1.5;
  max-height: calc(12px * 1.5 * 5);
  overflow: hidden;
}


/* sns */
.sns-list {
  margin-top: 5px;
}
.sns-list__li {
  display: inline-block;
  margin-left: 2px;
}
.sns-list__li:first-child {
  margin-left: 0;
}
.sns-list__i {
  width: 26px;
  height: 26px;
}
.sns-list__a:hover {
  opacity: 0.7;
}

/* review */
.review-01__good {
  color: #fa8088;
  line-height: 1;
}
.review-01__bad {
  color: #54abab;
  line-height: 1;
  margin-top: 3px;
}
.review-03__type {
  display: inline-block;
  font-style: normal;
  width: 3em;
}


/* brand SNS */
.banner-instagram {
  align-items: center;
  border: 1px solid #ccc;
  border: 1px solid #b146bc;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  flex-direction: column;
  justify-content: center;
  padding: 14px 0 10px;
}
.banner-instagram__a {
  height: 27px;
}
.banner-instagram__img {
}
.banner-instagram__title {
  font-size: 1rem;
  font-style: italic;
}
.twitter-wrapper {
  height: 500px;
  overflow-y: scroll;
  width: 100%;
}
.facebook-wrapper {
  width: 100%;
}
.h-sns--twitter {
    background: url(../img/common/i-twitter.svg) no-repeat 1rem center;;
    background-size: 1.1rem 1.1rem;
    background-color: #e5f0f8;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: calc(1rem + 1.6rem);
}
.twitter-follow-button-wrapper {
  margin-top: 5px;
  text-align: right;
}
.h-sns--facebook {
    background: url(../img/common/i-facebook.svg) no-repeat 1rem center;
    background-size: 1.1rem 1.1rem;
    background-color: #f0f2f5;
    background-color: #e5f0f8;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-left: calc(1rem + 1.6rem);
}

/* reply */
.reply {
  border: 1px solid #ccc;
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}
.reply--no-border {
  background-color: #fff;
  margin-bottom: 20px;
  padding: 20px;
}
.reply__from {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
}
.reply__from-brand {
  color: #787878;
}
.reply__intro {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 10px;
}
.reply__to-good,
.reply__to-bad {
  font-weight: bold;
  font-size: 1.2rem;
  line-height: 1;
  margin-top: 15px;
}
.reply__to-good {
  color: #fa8088;
}
.reply__to-bad {
  color: #1d8383;
}
.reply__comment {
  font-size: 1.2rem;
  line-height: 1.5;
  margin-top: 5px;
}
.reply__action {
  height: 20px;
  margin-top: 5px;
  text-align: right;
}
.nattoku {
  appearance: none;
  background: url(/img/labo/iine.png) left top no-repeat;
  background-size: contain;
  background-color: transparent;
  border: none;
  cursor: pointer;
  height:18px;
  outline: none;
  padding: 0;
  width:69px;
}
.nattoku.is-active {
  background: url(/img/labo/iine.png) left top no-repeat;
  background-size: contain;
  opacity: 0.3;
}
.nattoku:hover {
  opacity: 0.2;
}

.side-banner {
  display: flex;
  justify-content: center;
  margin-top: 15px;
}
/*-------------------
  I6
---------------------*/
.user-img-box {
  font-size: 0;
  margin: 0 0 30px;
}
.user-img-box__li {
  display: inline-block;
  margin-left: 7px;
  vertical-align: top;
  height: calc((100vmin - 7px * 2 - 7px * 3) / 4);
  position: relative;
  width: calc((100vmin - 7px * 2 - 7px * 3) / 4);
}
.user-img-box__li:first-child {
  margin-left: 0;
}
.user-img-box__a {
  background-color: #ffffff;
  display: inline-block;
  overflow: hidden;
}
.user-img-box__img {
  font-family: 'object-fit: cover;';
  height: 183px;
  object-fit: cover;
  width: 183px;
}
.user-img-box__preview:after {
  color: #666;
  content: '＋';
  font-size: 2rem;
  position: absolute;
  transform: translate(-50%, -50%);
  top: 50%;
  left: 50%;
  z-index: 1;
}
.user-img-box__file {
  display: none;
}

.user-img-box__user {
  display: block;
  font-size: 1.2rem;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.user-img-box__user-a {
  color: #1d8383;
}

.imgs-lightbox .featherlight-content {
  background-color: #fff;
  border: none!important;
  /* height: 630px !important; */
  width: 1030px !important;
  overflow: hidden;
  padding: 50px 0 0 0!important;
  transform: translateY(-50px);
}
.imgs-lightbox .featherlight-previous:before {
  content: "\f104";
  color: #333;
  font-size: 5rem;
  font-family: FontAwesome;
  left: 10px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.imgs-lightbox .featherlight-next:before {
  content: "\f105";
  color: #333;
  font-size: 5rem;
  font-family: FontAwesome;
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.imgs-lightbox .featherlight-close-icon {
  background-color: transparent!important;
  color: #333!important;
  font-size: 4rem;
  font-weight: bold;
  top: 60px!important;
  right:30px!important;
}

.user-img-modal__section {
  display: none;
}
.user-img-modal img {
  display: none;
}
.imgs-lightbox .user-img-modal img {
  display: inherit;
}
.imgs-lightbox__figure {
  height: 400px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 5px auto 0;
  width: 830px !important;
}
.imgs-lightbox__figure-img {
  max-height: 400px !important;
  max-width: 830px !important;
}
.imgs-lightbox__header {
  align-items: flex-end;
  display: flex;
  justify-content: space-between;;
  margin: 0 auto;
  width: 820px;
}
.imgs-lightbox__header-title {
  color: #333;
  font-size: 2.5rem;
  font-weight: bold;
}
.imgs-lightbox__to-original-img {
  align-items: end;
  color: #333;
  font-size: 1.2rem;
}
.imgs-lightbox__footer {
  background-color: #fff;
  margin: 20px auto;
  padding: 20px;
  width: 830px;
}
.imgs-lightbox__footer-user-a {
  color: #009A9C;
  font-size: 1.2rem;
}
.imgs-lightbox__footer-title {
  color: #009A9C;
  margin-top: 3px;
}
.imgs-lightbox__footer-title-a {
  color: #009A9C;
  text-decoration: underline;
}
.imgs-lightbox__footer-date {
  font-size: 1.2rem;
  margin-top: 3px;
  text-align: right;
}
.imgs-lightbox .featherlight-next,
.imgs-lightbox .featherlight-previous {
  height: 30%;
  top: 50%;
  transform: translateY(-50%);
}

.target-product {
  display: inline-block;
}
.target-product__inner {
  border: 1px solid #CAD1D1;
  display: none;
  margin-top: 20px;
  padding: 0 20px;
  position: relative;
}
.target-product__legend {
  font-size: 1.5rem;
  font-weight: bold;
  padding: 0 10px;
}
.target-product__title {
  font-size: 1.5rem;
  font-weight: bold;
  white-space: wrap;
}
.target-product .txt-titlearea {
  min-width: 550px;
  width: inherit;
}
.target-product .list-item {
  padding-bottom: 5px;
}

/* common */
.need-check-btn {
  opacity: 0.4;
}

.callout-01 {
  background-color: #FFF5F6;
  border-radius: 12px;
  padding: 15px;
}
.target-product .list-item {
  padding-bottom: 5px;
}

.side-banner:hover {
  opacity: 0.7;
}
.side-banner-0 {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
}
.side-banner-0__a:hover {
  opacity: 0.7;
}