/*---------------------------------
add css standard start
--------------------------------*/

html {
  font-size: 62.5%;
  height: 100%;
}

body {
	font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック’, ‘メイリオ’, meiryo, sans-serif;
	color:#5c5c5c;
	font-size: 1.4em;
	width: 100%;
    position: relative;
    height: auto !important;
    height: 100%;
    min-height: 100%;
	min-width:1024px;
}
section.contents.register {
	padding-bottom: 153.2px;
}
img {
	max-width: 100%;
}

table {
	width: 100%;
}
h2 {
	font-size:2.0rem;
}
h3 {
	padding:1.2em 1em 1.1em;
}
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;
}
.both {
	clear: both;
}
.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
a, a:link, a:active, a:visited {
	color:#f64747;
	text-decoration:underline;
}
a:hover {
	background:#f64747;
	color:#FFF;
	text-decoration:none;
}

a:hover img {
	filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
h1 a:hover img {
	filter:alpha(opacity=100);
    -moz-opacity: 1.0;
	opacity:1.0;
}
.tCenter {
	text-align:center;
}
.tLeft {
	text-align:left;
}
.tRight {
	text-align:right;
}
.tRed, .tRedYear {
	color:#f64747;
}
.t14 {
	font-size:1.4rem;
}
.t16 {
	font-size:1.6rem;
}
.t22 {
	font-size:2.2rem;
}
.pL1m {
	padding-left:1em;
}
.pR1m {
	padding-right:1em;
}
.pT1m {
	padding-top:1em;
}
.pB1m {
	padding-bottom:1em;
}
.pB2m {
	padding-bottom:2em;
}
.pLR1m {
	padding-left:1em;
	padding-right:1em;
}
.pAll1m {
	padding:1em;
}
.pTLR1m {
	padding-top:1em;
	padding-left:1em;
	padding-right:1em;
}
.mT0 {
	margin-top:0;
}
.mT1m {
	margin-top:1em;
}
.mT2m {
	margin-top:2em;
}
.w5m {
	width:5em;
}
.w6m {
	width:6em;
}
.w7m {
	width:7em;
}
.w100pcnt {
	width:100%;
}
.w50pcnt {
	width:50%;
}
.w80pcnt {
	width:80%;
}
.tBold {
	font-weight:bold;
}
.tVertical {
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.leadttl {
	font-weight:bold;
}
/* tab display */
.etabs {
	padding:0;
}
.tab {
	display: inline-block;
	zoom:1;
	*display:inline;
	background: #eee;
}
.tab a {
	text-decoration:none;
	cursor:pointer;
	display:block;
}
.tab a:hover {
}
.tab.active {
	color:#fff;
}
.tab a.active {
	font-weight: bold;
}
.tab-pane {
    display:none;
}
.tab-pane.active {
    display: block;
}
.tab-container .panel-container {
	background: #fff;
	border: ;
	padding: 10px;
}
.panel-container div {word-wrap: break-word; }

/*---------------------------------
add css standard end
add css layout start
--------------------------------*/

/*----- header -----*/
header {
	border-top:6px solid #5c5c5c;
	padding-top:1em;
}
/*----- contents -----*/
.contents:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.contents {
	margin:0 auto;
	width:1024px;
	min-height: 1px;
}
* html .contents {
	height: 1px;
}
.contents {
	padding-top:30px;
}
header .contents, footer .contents {
	padding-top:0;
}

/*----- breadcrums -----*/
#breadcrums {
	border-bottom:1px solid #c1c1c1;
	padding:1em 0;
	display:block;
	margin:0 auto;
	font-size:1.2rem;
	width: 1020px;
}
#breadcrums .contents {
	padding:0;
}
#breadcrums a {
	text-decoration:none;
}
#breadcrums i {
	padding:0 0.5em;
}

/*-- left culumn --*/
.contents aside {
	float:left;
	width:214px;
}
/*-- main column --*/
/* registration/loginページ用 / single column */
.contents.register > section {
	margin:0 auto;
	float:none;
}
/* two columns */
#top article,
.contents > section {
	float:right;
	width:795px;
}
#top article > section:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top article section {
	min-height: 1px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	margin-top:30px;
}
* html #top article > section {
	height: 1px;
}
section.contents section section {
	margin-top:30px;
	background:#f5f5f5;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px solid #f5f5f5;
}
section.contents section div section {
	margin-top:1em;
}

#top article section:nth-child(1),
section.contents section section:nth-child(1) {
	margin-top:0;
}
#top article section > div, #top article section > ul,
#narrowBox, section.contents section section ul,
.box01 > ol, .box01 > ul, .box01 > div {
	padding:1em;
}
.contents > section > h3 {
	padding:0.8em 1em 0.5em;
	background:#5c5c5c;
	color:#fff;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px solid #5c5c5c;
	font-size:1.8rem;
	font-weight:normal;
	position:relative;
}
.contents > section > h3 a {
	display:block;
	vertical-align:bottom;
	text-align:right;
	padding:0.3em 1em 0.2em;
	background:#ffe6e6;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px solid #a6a6a6;
	font-size:1.2rem;
	text-decoration:none;
	color:#3e3a39;
	font-weight:bold;
	position:absolute;
	top:1em;
	right:1em;
}
.contents > section > h3 a:before {
	content: "\f059";
	font-family: FontAwesome;
	color:#f64747;
	font-size:1.4rem;
	vertical-align:middle;
	padding-right:0.3em;
}
.contents > section > h3 a:after {
	content: "\f08e";
	font-family: FontAwesome;
	font-size:1.4rem;
	vertical-align:middle;
	padding-left:0.3em;
}
.contents > section > h3 a:hover {
	background:#fbcece;
}
section.contents section section h4,
section.contents section div section h4  {
	font-size:1.8rem;
	padding:0.8em 14px 0.6em;
	background:#c1c1c1;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0px solid #c1c1c1;
}
#report h4, #affiliate h4 {
	font-weight:normal;
}

/*-- slider --*/
.unslider {
	position:relative;
	overflow:visible;
}
.unslider li span a {
	display:block;
	cursor:pointer;
}
.unslider li span {
	background-color: transparent;
}
.unslider nav ol {
	display:none;
}
.unslider a.unslider-arrow {
	color:#5c5c5c;
	top:0;
	text-align:center;
}
.unslider a.unslider-arrow:hover {
	color:#3e3a39;
}

/*----- footer -----*/
footer {
	text-align:center;
	background-color:#5c5c5c;
	color:#FFF;
	padding:1.5em 0 2.3em;
	margin-top:2em;
}
/* registration/loginページ用 / single column */
section.contents.register + footer#singleClm {
	position:absolute;
	bottom:0;
	width:100%;
	height:72px;
}
form + footer#singleClm {
	position:absolute;
	bottom:0;
	width:100%;
	height:72px;
}

/*----- basic form styles -----*/
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
  color: inherit;
  box-sizing: content-box;
  position: relative;
  width: 100%;
  padding: 0px;
}
input {
	vertical-align:middle;
}
form input[value] {
	color:#7a7476;
}
form input[type="search"]::-webkit-input-placeholder { /* Webkit */
    color: #c1c1c1;
    opacity: 1;
}
form input[type="search"]:-moz-placeholder { /* Firefox 18 以前 */
    color: #c1c1c1;
}
form input[type="search"]::-moz-placeholder { /* Firefox 19 以降 */
    color: #c1c1c1;
    opacity: 1;
}
form input[type="search"]:-ms-input-placeholder { /* IE 10 以降 */
    color: #c1c1c1;
}
form input[type="search"]:placeholder-shown { /* CSS4 */
    color: #c1c1c1;
}
form input[type="search"]:focus::-webkit-input-placeholder { /* Webkit */
    color: transparent;
}
form input[type="search"]:focus:-moz-placeholder { /* Firefox 18 以前 */
    color: transparent;
}
form input[type="search"]:focus::-moz-placeholder { /* Firefox 19 以降 */
	color: transparent;
}
form input[type="search"]:focus:-ms-input-placeholder { /* IE 10 以降 */
    color: transparent;
}
form input[type="search"]:focus:placeholder-shown { /* CSS4 */
    color: transparent;
}
form input.email, form input.loginID {
	width:250px;
}
form input.name, form input.kana {
	width:180px;
}
form input.company {
	width:450px;
}
#user input, #return input, #user textarea,
.contents.register #registerInfo input,
#registerInfo dd textarea,
.contents.register #loginInfo input {
	outline:none;
	padding:0.2em 0.3em 0.1em;
	border:1px solid #c1c1c1;
	color:#5c5c5c;
}
.contents.register #registerInfo input,
.contents.register #registerInfo textarea,
.contents.register #loginInfo input {
	color:#3e3a39;
}
#user .changePW input[type='password'],
.pw input[type='password'],
#user .changePW input[type='text'],
.pw input[type='text'] {
	width:200px;
}
form dt label.require:after {
	content: "※";
	color:#f64747;
}
form dd input[type='checkbox'],
form dd input[type='radio'] {
	margin-right:0.3em;
}
form dd.birthdate p.sort, form dd.birthdate span {
	float:none;
	margin-right:5px;
	display:inline-block;
	vertical-align:middle;
}
form .dm dd label {
	margin:0 1em 0 0.5em;
}
form dd.birthdate p.sort label option {background-color:#fff\9;}
@media all and (-ms-high-contrast:none){
form dd.birthdate p.sort label option { background-color:#fff;}
}
form dd.address p {
	margin-bottom:0.5em;
}
form dd.address p:last-child {
	margin-bottom:0;
}
form dd.address p.jPostal {
	padding-left:0;
}
form dd.address p.jPostal span {
	padding-right:0.5em;
	font-weight:normal;
}
form dd.address p.adres:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
form dd.address p.adres {
	min-height: 1px;
}
* html form dd.address p.adres {
	height: 1px;
}
form dd.address p.adres label.noarw {
	background-color:transparent;
	display:inline;
	position:inherit;
}
form dd.address p.adres .sort label.noarw:before {
    content: "";
    width: 0;
    height: 0;
    margin: 0 0 0 0;
    border: 0 solid transparent;
    border-top: 0 solid transparent;
}
form dd.address p.adres .sort label.noarw + label {
	background-color:#ddd;
    position: relative;
    display: inline-block;
}
.sort label option {
	background-color:#fff;
}
.sort label option {background-color:#ddd\9;}
@media all and (-ms-high-contrast:none){
.sort label option { background-color:#fff;}
}
.sort label:hover {
	cursor:pointer;
	background:#c1c1c1;
}
.sort select {
	padding:0.5em 1em 0.4em;
}
.sort label select {
	width:115px;
}
.sort label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #5c5c5c;
}
.sort select::-ms-expand {
    display: none;
}
form dd.address p.adres label.noarw:hover {
	cursor:default;
}
form dd.address p.adres label.noarw + label:hover {
	background:#c1c1c1;
}
form dd.address p.adres1, form dd.address p.adres2 {
	padding-left:0;
}
form dd.address p.adres1 input, form dd.address p.adres2 input {
	width:450px;
}
form #user dd.address p.jPostal button.addisply,
form .register #registerInfo dd.address p.jPostal button.addisply {
	font-size:1.2rem;
	padding:0.4em 1em 0.3em;
	background-color:#ddd;
	margin-left:1em;
}
form #user dd.address p.jPostal button.addisply:hover,
form .register #registerInfo dd.address p.jPostal button.addisply:hover {
	cursor:pointer;
	background-color:#c1c1c1;
	color:#fff;
}
#user dd.birthdate p.sort label, #registerInfo dd.birthdate p.sort label,
#user dd.address p.adres .sort label.noarw + label, #registerInfo dd.address p.adres .sort label.noarw + label {
	background-color:#fff;
	border:1px solid #c1c1c1;
	margin-left:0;
}
#user dd.birthdate p.sort label:hover, #registerInfo dd.birthdate p.sort label:hover,
#user dd.address p.adres .sort label.noarw + label:hover, #registerInfo dd.address p.adres .sort label.noarw + label:hover {
	cursor:pointer;
	background:#e1e1e1;
}
#registerInfo dd.birthdate p.sort label select,
#registerInfo dd.address p.adres .sort label.noarw + label select,
#user dd.address p.adres .sort label.noarw + label select {
	color:#7a7476;
}
#registerInfo dd.address p.adres .sort label.noarw + label select option,
#user dd.address p.adres .sort label.noarw + label select option {background-color:#fff\9;}
@media all and (-ms-high-contrast:none){
#registerInfo dd.address p.adres .sort label.noarw + label select option,
#user dd.address p.adres .sort label.noarw + label select option { background-color:#fff;}
}
#registerInfo dd.birthdate p.sort label select option:first-child,
#registerInfo dd.address p.adres .sort label.noarw + label select option:first-child,
#user dd.address p.adres .sort label.noarw + label select option:first-child {
	color:#c1c1c1;
}

/*----- basic button styles -----*/
.buttons {
	padding:1em 0 0.8em;
}
.buttons button {
	font-weight:bold;
	width:49%;
	display:inline-block;
}
.buttons button:first-child {
	margin-right:2%;
}
p.buttons a {
	display:block;
	cursor:pointer;
	padding:0.8em 1em 0.5em;
	color:#3e3a39;
	font-weight:bold;
}
p.buttons a i {
	padding-left:0.5em;
}
.btn {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	text-decoration:none;
	cursor:pointer;
}
a.btn {
	text-decoration:none;
}
.btnY {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background:#f7b52c;
	text-align:center;
	border-bottom:2px solid #e19b0a;
}
.btnY:hover, a.btnY:hover {
	border:none;
	background:#fbce1c;
}
a.btnY, a.btnR, a.btnPpl, a.btnGry {
	text-decoration:none;
	margin-top:-2px;
}
a.btnY:hover, a.btnR:hover, a.btnPpl:hover, a.btnGry:hover {
	margin-top:0;
}
.btnLY {
	background:#f8dd7a;
	border-bottom:2px solid #e1c55e;
}
a.btnLY:hover {
	background:#eec52e;
}
.btnR, a.btnR {
	color:#fff;
	background:#f64747;
	border-bottom:2px solid #c23838;
}
.btnR:hover, a.btnR:hover {
	background:#f51111;
	border:none;
}
.btnPpl, a.btnPpl {
	color:#3e3a39;
	background:#dba5e5;
	border-bottom:2px solid #b080b9;
}
.btnPpl:hover, a.btnPpl:hover {
	color:#fff;
	background:#bb4ecf;
	border:none;
}
.btnGry, a.btnGry {
	text-align:center;
	color:#fff;
	background:#918d8f;
	border-bottom:2px solid #5c5c5c;
}
.btnGry:hover, a.btnGry:hover {
	color:#fff;
	background:#5c5c5c;
	border:none;
}
form button.btnY:disabled {
	background:#e1e1e1;
	color:#919191;
	border-bottom:none;
	cursor:default;
}
form button.btnY:disabled:hover {
	cursor:default;
}

/*-- button styles -- */
#shosai .detail div div a.btnY.btnLY { /*line 3834*/
	width:auto;
}
/*-- Movie Button -- */
#shosai .detail div div a.btnMV {
	display:block;
	cursor:pointer;
	float:right;
	margin-top:-2px;
	margin-right: 1em;
	padding:0.8em 1em 0.5em 1em;
	width:auto;
	text-align:center;
	font-weight:bold;
	font-size:1.4rem;
	color: #ffffff;
	text-decoration: none;
	background-color: #c30101;
	border-bottom:2px solid #8d0000;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#shosai .detail div div a.btnMV:hover {
	margin-top:0;
	background:#dd0101;
	text-decoration:none;
	border: none;
    position: relative;
}
#shosai .detail div div a.btnMV i {
	padding-left:0.5em;
}

#shosai .detail div div a.btnMV span {
    display: none;
    position: absolute;
    top: -9em;
    left: 0;
}
#shosai .detail div div a.btnMV:hover span {
    border: none;
    display: block;
    width: 210px;
}


/*----- icons styles -----*/
.icons {
	color:#3e3a39;
}
.icons i, #top #tab-container .panel-container dd i,
#news section div dd i {
	display:inline-block;
	padding:0.1em 0.3em 0;
	/*margin-right:0.3em;*/
	font-size:1.2rem;
}
.camp { /* キャンペーン */
	background:#c5eff7;
}

.copimaru { /* コピ丸君 */
	background:#fde3a7;
}
.newbnr, #top #tab-container .panel-container dd i.newbnr { /* 新着バナー（トップ：新着情報）／NEW（他ページ：バナー属性） */
	color:#f64747;
	background:#fbcece;
}
.info, #top #tab-container .panel-container dd i.info { /* お知らせ */
	background:#362e2b;
	color:#fff;
}
.sisSite { /* 姉妹サイト報酬UP */
	background:#f64747;
	color:#fff;
}
.couponBn { /* coupon */
	background:#ffdd60;
}
.feeUp { /* 高報酬 */
	background:#c8f7c5;
}
.mReturn { /* 返金保障 */
	background:#e4f1fe;
}
.movieBnr { /* 動画あり */
	background:#dcc6e0;
}
.twoTier { /* 2ティア */
	background:#e8dac5;
}
.good { /* イチ押し */
	background:#c8f7c5;
}

.click { /* クリック報酬 */
	background:#e0f9f3;
}

/* リンクにマウスオーバーした際の赤い背景を消す */
header h1 a, .contents aside .member.infoBox, .contents aside nav dd li span, .contents aside nav dd a, .contents aside nav dd a:link, .contents aside nav dd a:active, .contents aside nav dd a:hover, .contents aside nav dd a:visited, #shosai .detail a.btnY.btnLY, #top #tab-container .panel-container a dd, #news section div a dd {
	color:#3e3a39;
	text-decoration:none;
}
header h1 a, header h1 a:link, header h1 a:visited, header h1 a:hover, li h3 a, li h3 a:link, li h3 a:visited, li h3 a:hover, .unslider a, .thumb .image a:hover, #affiliate table td a:hover, #top #tab-container .panel-container a:hover dd, #news section div a:hover dd {
	text-decoration:none;
	background:transparent;
}

/* 長い文章やタイトルを「…」で消す */
.ellipsis {
	position: relative;
	height: px;
	overflow: hidden;
	line-height: px;
	background: #fff;
}
.ellipsis:before, .ellipsis:after {
	position: absolute;
	background: #fff;
}
.ellipsis:before {
	content: "...";
	bottom: 0;
	right: 0;
	padding-left:0.5em;
}
.ellipsis:after {
	content: "";
	width: 100%;
	height: 100%;
}

/*----- tooltip -----*/
.tooltip {
	cursor:pointer;
	display:inline-block;
}
.tooltip:hover {
	position: relative;
}
.tooltip span {
	display: none;
	font-family: -apple-system, ‘Helvetica Neue’, ‘Hiragino Kaku Gothic ProN’, ‘游ゴシック’, ‘メイリオ’, meiryo, sans-serif;
	text-align:left;
}
.tooltip:hover span {
    display: block;
    position: absolute;
    bottom: 26px;
	left:-25px;
    font-size: 1.2rem;
	line-height:1.4;
    color: #5c5c5c;
    background-color: #fffae6;
    width: 216px;
    padding: 8px;
	border:1px solid #f7b52c;
    border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
    z-index:100;
}
.tooltip:hover span:after, .tooltip:hover span:before {
    content:'';
    display:block;
    position:absolute;
    height:0;
    width:0;
    left:32px;
    border:10px transparent solid;
    border-right-width:0;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -o-transform:rotate(90deg);
    z-index:100;
}
.tooltip:hover span:after {
    bottom:-13px;
    border-left-color:#fffae6;
}
.tooltip:hover span:before {
    bottom:-15px;
    border-left-color:#f7b52c;
}
/* table内 tooltip */
th .tooltip i {
	padding-left:0.3em;
	color:#e19b0a;
}
th .jLetter2.tooltip:hover span:after, th .jLetter2.tooltip:hover span:before {
    left:58px;
}
th .jLetter3.tooltip:hover span:after, th .jLetter3.tooltip:hover span:before {
    left:71px;
}
th .jLetter3hf.tooltip:hover span:after, th .jLetter3hf.tooltip:hover span:before {
    left:80px;
}
th .jLetter4.tooltip:hover span:after, th .jLetter4.tooltip:hover span:before {
    left:85px;
}
th .jLetter4hf.tooltip:hover span:after, th .jLetter4hf.tooltip:hover span:before {
    left:91px;
}
th .jLetter5.tooltip:hover span:after, th .jLetter5.tooltip:hover span:before {
    left:99px;
}
th .jLetter8.tooltip:hover span:after, th .jLetter8.tooltip:hover span:before {
    left:146px;
}

/*----- error message style -----*/
.error {
	color:#fff;
	background:#f64747;
	padding:1em 1em 0.8em;
	margin-top:1em;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px solid #f64747;
}
.error i, .error span {
	display:inline-block;
	vertical-align:middle;
}
.error i {
	font-size:3.0rem;
	padding-right:10px;
	color:#ffea9c;
}
.error ul {
	padding:1em 0 0 4em;
	list-style:disc;
}
.error a {
	text-decoration:underline;
	color:#fff;
}
.error a:hover {
	background:#fff;
	color:#f64747;
}
.errorPoint {
	color:#f64747;
}
.errorInput, .errorTextarea, #return input.errorInput, #user input.errorInput,
.contents.register #loginInfo input.errorInput, .contents.register #registerInfo input.errorInput {
	border:1px solid #ffb7b7;
	background:#fff1f1;
}

/*---------------------------------
add css layout end
add css base start
--------------------------------*/

/*----- header -----*/
header a, header a:link, header a:active, header a:hover, header a:visited {
	text-decoration:none;
}
header hgroup {
	float:left;
	width:45%;
}
header .utility {
	float:right;
	width:55%;
}
header hgroup h1, header p {
	display:inline-block;
	vertical-align:middle;
	color:#3e3a39;
	font-size:1.2rem;
}
header hgroup img {
	margin-right:1em;
}
header .utility span {
	display:inline-block;
	padding:0 0.2em;
}
header .utility span:after {
	content: " |";
}
header nav {
	background-color:#c1c1c1;
	margin-top:0.8em;
}
header h2 {
	width:204px;
	padding:5px 10px 0 14px;
	float:left;
}
/* registrationページ用 */
header .contents.register hgroup {
	float:left;
	width:45%;
	margin-left:1em;
}
header .contents.register h2 {
	width:800px;
	display:inline-block;
	float:none;
}
header .contents.register h2 span {
	font-weight:normal;
	padding-left:1em;
}
header .contents.register .buttons {
	float:right;
	display:block;
	width:50%;
	text-align:right;
}
header .contents.register .buttons a.btn {
	padding:0.8em;
	background-color:#5c5c5c;
	font-size:1.4rem;
	font-weight:normal;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 0 solid #5c5c5c;
	display:inline-block;
	color:#fff;
	text-align:center;
	margin-left:1em;
}
header .contents.register a.btn i {
	padding:0 0.3em 0 0;
}
header .contents.register a.btn:hover {
	color:#fff;
	background-color:#3e3a39;
}
header nav section.contents.register {
	padding-bottom:0.2em;
}
/* search box */
header form {
	padding-bottom:0.5em;
	vertical-align:top;
}
header form input {
	padding:0.3em 1em;
	background:#ececec;
	width:80%;
	height:30px;
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
	border: 1px solid #ececec;
}
header form input {padding:0em 1em\9; } /* IE9 under hack */
@media all and (-ms-high-contrast:none){
header form input { padding:0.3em 1em\0; }
}
header form input[value] {
	color:#7a7476;
}
header form button {
	background:#5c5c5c;
	color:#FFF;
	font-weight:bold;
	font-size:1.5rem;
	width:20%;
	padding:0.25em 1em;
	display:inline-block;
	cursor:pointer;
	height:30px;
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
	border: 1px solid #5c5c5c;
}
header form button { width:15%\9; } /* IE9 under hack */
@media all and (-ms-high-contrast:none){
header form button { width:20%\0; }
}
header form button:hover {
	background:#3e3a39;
}

/* global navi */
#dropmenu{
  width: 795px;
  float:left;
  height: 40px;
  margin: 0;
  padding: 0;
  cursor: pointer;
}
#dropmenu li{
  position: relative;
  z-index:997;
  width: 14%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu > li:nth-child(1), #dropmenu > li:nth-child(6){
	width:20%;
}
/*#dropmenu > li:nth-child(4){
	width:13%;
}*/
#dropmenu > li:nth-child(3){
	width:18%;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li ul li{
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 10px 13px 15px;
  background: #5c5c5c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #5c5c5c;
  color: #FFF;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #ededed;
  border-bottom: 1px solid #362e2b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}

/* header slider */
header aside {
	background:#ededed;
}
header .slider-pro li a {
	background-color:#ededed;
}
#topBnrSlider li {
	padding:0.5em;
}
#topBnrSlider li img {
	width:393px;
	height:99px;
}
#topBnrSlider .sp-horizontal .sp-arrows {
	margin-top: -25px;
}
#topBnrSlider .sp-arrow {
	width: 10px;
	height: 50px;
}
#topBnrSlider .sp-previous-arrow {
	left: 50px;
}
#topBnrSlider .sp-next-arrow {
	right: 50px;
}

/*----- fixed header -----*/
header#fixedHdr {
   position: fixed;
   z-index:999;
   top: 0px;
   left: 0px;
   width: 100%;
   padding:0.8em 0 1em;
   border-bottom:1px solid #c1c1c1;
   background-color: #fff;
   color: #5c5c5c;
   -webkit-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
   -moz-box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
   box-shadow: 0px 1px 5px 0px rgba(0,0,0,0.5);
   display:none;
}
header#fixedHdr { padding: 0.8em 0 0\9;} /* IE9 under hack */
@media all and (-ms-high-contrast:none){
header#fixedHdr { padding:0.8em 0 1em\0;}
}
#fixedHdr h1 {
	width:180px;
	float:left;
}
#fixedHdr div {
	float:right;
	width:840px;
	padding-top:3px;
}
#fixedHdr h1 img {
	height:47px;
}
#fixedHdr form {
	width:490px;
	margin:10px 5px 0 0;
}
#fixedHdr form button {
	width:20%;
}
#fixedHdr form button { width:13%\9; } /* IE9 under hack */
@media all and (-ms-high-contrast:none){
#fixedHdr form button { width:20%\0; }
}
#fixedHdr form, #fixedHdr nav {
	display:inline-block;
	vertical-align:middle;
}
#fixedHdr nav, #fixedHdr #dropmenu {
	width:340px;
	margin-top:0;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#fixedHdr nav #dropmenu > li {
	width:31%;
}
#fixedHdr nav #dropmenu > li a {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0px solid #EDEDED;
}
#fixedHdr nav #dropmenu > li:first-child > a {
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3px;
	-webkit-border-radius: 3px 0px 0px 3px;
}
#fixedHdr nav #dropmenu > li:nth-child(2) {
	width:38%;
}
#fixedHdr nav #dropmenu > li:last-child > a {
	border-radius: 0px 3px 3px 0px;
	-moz-border-radius: 0px 3px 3px 0px;
	-webkit-border-radius: 0px 3px 3px 0px;
}
#fixedHdr nav #dropmenu li ul li:last-child a {
	border-radius: 0px 0px 3px 3px;
	-moz-border-radius: 0px 0px 3px 3px;
	-webkit-border-radius: 0px 0px 3px 3px;
}

/*----- contents -----*/

/* page-top */
#page-top {
	position: fixed;
	z-index:998;
	bottom: 20px;
	right: 20px;
	font-size: 160%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 60px;
	padding: 15px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/* page-anchored link style */
span.pageAncr {
	padding-top:90px;
	margin-top:-90px;
	display:block;
}

/*-- leftside --*/
/* treasurebox */
.contents aside #treasurebox {
	padding-bottom:10px;
}
.contents aside #treasurebox dt {
	text-align:center;
	padding:0.3em 0 0.2em;
	background:#f5f5f5;
	position: relative;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #c1c1c1;
}
#treasurebox dt:after, #treasurebox dt:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#treasurebox dt:after {
	border-color: rgba(240, 249, 255, 0);
	border-top-color: #f5f5f5;
	border-width: 10px;
	margin-left: -10px;
}
#treasurebox dt:before {
	border-color: rgba(193, 193, 193, 0);
	border-top-color: #c1c1c1;
	border-width: 11px;
	margin-left: -11px;
}
#treasurebox dd a {
	display:block;
	cursor:pointer;
	background-color:#FFF;
	background-image:url(../img/close_open_box.png);
	background-repeat:no-repeat;
	background-position:left 10px top 0;
	width:214px;
	height:111px;
	margin-top:15px;
}
#treasurebox dd a:hover {
	background-position:left -185px top 0;
}
/* aside navigation */
.contents aside .member, .contents aside nav {
	background:#e2e2e2;
	margin-top:10px;
}
.contents aside .member .nickName, .contents aside nav dt {
	background:#5c5c5c;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 1px solid #5c5c5c;
	color:#FFF;
	padding:1em;
}
.contents aside .member .nickName {
	text-align:center;
}
.contents aside .member .nickName span, .contents aside .member .infoBox dd li span {
	display:inline-block;
}
.contents aside .member .infoBox a.btn {
	color:#FFF;
	background:#5c5c5c;
}
.contents aside .member .infoBox a.btn:hover {
	background:#3e3a39;
}
.contents aside .member .infoBox i {
	padding-right:0.5em;
}
.contents aside .member .infoBox dt {
	background:#e2e2e2;
	padding:0.6em 1em;
}
.contents aside .member .infoBox dt p, .contents aside .member .infoBox dt a,
.contents aside .member .infoBox dd span {
	display:inline-block;
	vertical-align:central;
}
.contents aside .member .infoBox dt a {
	padding:0.3em 0.4em 0.2em;
	margin-left:0.5em;
	font-size:1.2rem;
}
.contents aside .member .infoBox dd li {
	padding:1em 1em 0.8em;
	border-bottom:1px solid #e2e2e2;
}
.contents aside .member .infoBox dd li:last-child {
	border-bottom:1px solid #f0f9ff;
}
.contents aside .member .infoBox dd li a.btn {
	text-align:center;
	padding:0.5em;
	display:block;
}
.contents aside nav dd {
	padding:0.5em 0;
}
.contents aside nav dd li span, .contents aside nav dd a {
	padding:0.3em 1em 0.2em;
	display:block;
	cursor:pointer;
}
.contents aside nav dd li a:hover,
.contents aside nav dd li span:hover,
.contents aside nav dd li span.active {
	background:#c1c1c1;
}
.contents aside nav dd li i.fa-star {
	color:#f7b52c;
	padding-left:0.5em;
}
.contents aside nav dd li li a {
	padding:0.3em 1em 0.2em 2.5em;
}
.contents aside dl.bnrSearch dd {
	min-height:50px;
	padding:1em;
}
.contents aside dl.bnrSearch dd a.btnY {
	font-size:2.0rem;
	font-weight:bold;
	color:#5c5c5c;
	padding:0.5em 1em 0.3em;
}
.contents aside dl.bnrSearch dd a > i {
	padding-left:0.3em;
}
/* aside toggle menu */
#toggleMenu ul {
	display:none;
}
#toggleMenu li > span:before {
	content: "＋ ";
}
#toggleMenu li > span.active:before {
	content: "－ ";
}
/* aside banner box */
.contents aside .bnrBox a:hover {
	background-color:#fff;
}
.contents aside .bnrBox {
	padding-bottom:10px;
}
.contents aside .bnrBox img {
	padding-top:10px;
}
/* aside facebook timeline */
.contents aside iframe {
	margin-top:20px;
}

/*----- footer -----*/
footer nav {
	padding-bottom:2em;
}
footer nav li {
	display:inline-block;
	padding:0 0.3em 0 0;
}
footer nav li:after {
	content: " |";
}
footer nav li a, footer nav li a:link, footer nav li a:visited {
	color:#FFF;
	background-color:transparent;
	text-decoration:none;
}
footer nav li a:hover {
	color:#f64747;
}

/*-- main column --*/

/* login bonus modal window */
.remodalbonus div:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.remodalbonus div {
	min-height: 1px;
}
* html .remodalbonus div {
	height: 1px;
}
.remodalbonus section {
	float:left;
	width:75%;
}
.remodalbonus p.senryu {
	float:right;
	width:15%;
	-webkit-writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:2.0rem;
	padding:1em;
	background:#fff;
	border:solid 3px #f1bd08;
	outline: 5px solid #415a0b;
	font-weight:bold;
}
.remodalbonus h2 {
	padding:10px;
}
.remodalbonus p {
	padding:15px;
}
.remodalbonus h2, .remodalbonus p {
	background:#fff;
	text-align:left;
	background-color:rgba(255,255,255,0.7);
	border:1px solid #ccc;
}
.remodalbonus section p {
	margin-top:30px;
}
.remodalbonus h2 img, .remodalbonus h2 span {
	display:inline-block;
	vertical-align:middle;
	font-size:2.4rem;
}
.remodalbonus h2 img {
	margin-right:15px;
}
.remodalbonus h2 .redT {
	color:red;
	font-size:3.2rem;
}
/* modal window for video */
.remodal video{
	max-width: 640px;
	width: 100%;
	height: auto;
}
html.ie7 .remodal video,
html.ie8 .remodal video{
	width: 640px;
	height: 340px;
}
.remodal video#movie_content{
	margin: 0 auto;
}

/*----- display change button -----*/
.displayChng:after, .pager:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.displayChng, .pager {
	min-height: 1px;
	margin:1em 0;
	padding:0 1em;
}
* html .displayChng, * html .pager {
	height: 1px;
}
.displayChng p {
	float:left;
	padding-top:0.5em;
}
.displayChng ul {
	color:#575757;
	display:block;
	float:right;
}
.displayChng li {
	display:inline-block;
	vertical-align:middle;
	background:#c1c1c1;
}
.displayChng span {
	display:block;
	padding:0.5em 0.4em 0.15em;
}
.displayChng a {
	cursor:pointer;
	color:#575757;
	display:block;
}
.displayChng a.active {
	background:#f5cd3c;
	color:#3e3a39;
}
.displayChng a:hover {
	background:#f7b52c;
}

/*----- pager -----*/
.pager {
	margin:1em 0;
	padding:0 1em;
}
section .pager:nth-of-type(1) {
	margin:0;
	padding:1em;
}
/* sort */
.pager .fL {
	float:left;
	width:47%;
}
.pager .fL .sort {
	width:143px;
}
.sort {
	float:left;
	margin-right:10px;
}
.sort label {
	background-color:#ddd;
    position: relative;
    display: block;
}
.sort label option {
	background-color:#fff;
}
.sort label option {background-color:#ddd\9;}
@media all and (-ms-high-contrast:none){
.sort label option { background-color:#fff;}
}
.sort label:hover {
	cursor:pointer;
	background:#c1c1c1;
}
.sort select {
	padding:0.5em 1em 0.4em;
}
.sort label select {
	width:115px;
}
.sort label:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 10px;
    display: block;
    width: 0;
    height: 0;
    margin: -2px 0 0 0;
    border: 5px solid transparent;
    border-top: 7px solid #5c5c5c;
}
.sort select::-ms-expand {
    display: none;
}
/* pagenation */
section.contents section .pager .pagenation {
	float:right;
}
section.contents section ul + .pager .pagenation {
	padding-top:0;
}
.pagenation a {
	color:#5c5c5c;
}
.pagenation a:hover {
	background-color:transparent;
}
.pagenation span, .pagenation li {
	padding:0.4em 0.8em 0.3em;
	cursor:pointer;
}
.pagenation span {
	background:#ececec;
	margin-left:0.4em;
	display:inline-block;
}
.pagenation span:hover {
	background:#f7b52c;
	color:#3e3a39;
}
.pagenation span.active {
	background:#f5cd3c;
}
.pagenation span.capTxt {
	display:block;
	background:transparent;
	padding:0;
	text-align:right;
}
.pagenation span.capTxt:hover, .pagenation span.capTxt.active {
	color:inherit;
	background:transparent;
	cursor:default;
}
.pagenation .arw {
	background:#c1c1c1;
}
.pagenation .arw:hover {
	background:#5c5c5c;
	color:#fff;
}
.pagenation .arwDisabl {
	background:#e1e1e1;
	color:#919191;
	cursor:default;
}
.pagenation .arwDisabl:hover {
	background:#e1e1e1;
	color:#919191;
}
.pagenation i.fa-angle-double-left {
	padding-right:0.5em;
}
.pagenation i.fa-angle-double-right {
	padding-left:0.5em;
}

/* banner search narrow down box base style */
#narrowBox {
	background:#ffea9c;
	margin-top:20px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border:0px solid #ffea9c;
	padding:0;
}
#narrowBox h4 {
	color:#3e3a39;
	font-weight:normal;
	font-size:1.8rem;
	padding:0.3em 0 0.5em 0;
	background:#ffea9c;
	padding:1em 1em 0;
	cursor:pointer;
}
#narrowBox h4:hover {
	color:#3e3a39;
	cursor:default;
}
#narrowBox h4 span:before {
	content: "";
	padding-right:0;
}
#narrowBox h4 + .form {
	padding:0 1em 0.5em;
}
#narrowBox h4 span {
	display:block;
	padding-bottom:0.8em;
}
/* #narrowBox内form */
#narrowBox h4 + .form {
	display:block;
}
#narrowBox .form div {
	padding:1em 0;
}
#narrowBox .form div dl {
	display:inline-block;
	width:100%;
	padding:0.5em 0 0.5em;
	margin-top:0.5em;
}
#narrowBox .form > dl:first-child,
#narrowBox .form > div:first-child {
	border-top:1px solid #5c5c5c;
}
#narrowBox .form div dt, #narrowBox .form div dd {
	margin:0;
	padding:0;
	vertical-align:middle;
}
#narrowBox .form div dt {
	display:inline-block;
	width:13%;
}
#narrowBox .form div dt label {
	font-weight:bold;
	padding:0 0.5em;
}
#narrowBox .form div dt label.checkAll {
	font-weight:normal;
	padding:0;
}
#narrowBox dt label.checkAll input {
	margin-right:0.2em;
}
#narrowBox dt label.checkAll:hover, #narrowBox dd label:hover,
#report #narrowBox .dateSelect dt label:hover, #report #narrowBox .monthSelect dt label:hover {
	background:#e7d38c;
	cursor:pointer;
}
#report .form .dateSelect dt label:hover {
}

#narrowBox .form dd {
	display:inline-block;
	width:84%;
}
#narrowBox dd span {
	display:inline-block;
	margin-right:2em;
	min-height:2.2em;
	font-weight:normal;
}

#narrowBox input[type="text"] {
	width:199px;
}
#narrowBox input[type="search"], #narrowBox input[type="text"] {
	border:1px solid #c1c1c1;
	padding:0.2em 0.5em 0;
}
#narrowBox .form dd span {
	display:block;
	float:left;
	padding-top:0.5em;
}
#narrowBox .msg {
	color:#f64747;
}
#narrowBox .chooseDate label input:hover {
	cursor:pointer;
}
#narrowBox .dateSelect p.footnote,
#narrowBox .monthSelect p.footnote {
	margin:0 0 0.3em 0.5em;
}
#narrowBox .dateSelect p.footnote:before,
#narrowBox .monthSelect p.footnote:before {
	content: "\f0d7";
	font-family: FontAwesome;
	vertical-align:middle;
	padding-right:0.3em;
}
#narrowBox .dateSelect input + i.fa-calendar {
	margin:0 0.5em 0 0.3em;
}
#narrowBox .monthSelect .sort + span {
	margin-right:0.5em;
}
#narrowBox .sort label, #narrowBox .form dd .sort label:hover {
	background-color:#fff;
	border:1px solid #c1c1c1;
}
#narrowBox .form .sort select {
	color:#919191;
}
#narrowBox .form .sort select option {
	color:#3e3a39;
}
#narrowBox .form .sort select option:disabled {
	color:#c1c1c1;
}
#narrowBox .form .sort label option:disabled {background-color:#ececec\9;color:#000\9;}
@media all and (-ms-high-contrast:none){
#narrowBox .form .sort label option:disabled { background-color:#ececec;}
}
#narrowBox .form .sort label option {background-color:#fff\9;}
@media all and (-ms-high-contrast:none){
#narrowBox .form .sort label option { background-color:#fff;}
}
#narrowBox .sort label select.year {
	width:90px;
}
#narrowBox .sort label select.month {
	width:50px;
}
#narrowBox .form button[type="submit"]:hover {
	background:#3e3a39;
}
#narrowBox :disabled {
	color:#919191;
	cursor:default;
}
#narrowBox dd label:hover input:disabled i {
	color:#919191;
	background-color:#fff;
}
#narrowBox .form .sort select:disabled {
	color:#919191;
}
#narrowBox .form .button {
	text-align:center;
	padding-top:1em;
}
#narrowBox button {
	font-size:2.0rem;
	padding:0.6em 1em 0.4em;
	background:#c1c1c1;
}
#narrowBox .form button[type="submit"] {
	background:#5c5c5c;
	color:#fff;
}
/* error */
#narrowBox dt.errorPoint label.checkAll {
	color:#5c5c5c;
}
#narrowBox input.errorInput {
	border:1px solid #ffb7b7;
	background:#fff1f1;
}
#narrowBox .errorSelect .sort label {
	border:1px solid #ffb7b7;
}
#narrowBox .errorSelect .sort label select {
	border-top:1px solid #ffb7b7;
}

/*-- table basic style --*/
section table {
	font-size:1em;
}
section th, section td {
	padding:0.5em;
	background:#fff;
	border:1px solid #5c5c5c;
}
#report th, #affiliate th {
	background:#e1e1e1;
}
#report td, #report th, #affiliate td, #affiliate th {
	color:#3e3a39;
}
/* table sort */
section table.tablesorter {
	background-color: #CDCDCD;
	font-size: 1.2rem;
	width: 100%;
	text-align: left;
}
section table.tablesorter thead tr th, section table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	padding: 0.5em 0.3em;
}
section table.tablesorter thead tr .header {
	background-image:url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
section table.tablesorter tbody td {
	color: #3D3D3D;
	background-color: #FFF;
	vertical-align: middle;
}
section table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
section table.tablesorter thead tr .headerSortUp {
	background-image:url(../img/asc.gif);
}
section table.tablesorter thead tr .headerSortDown {
	background-image:url(../img/desc.gif);
}
section table.tablesorter thead tr .headerSortDown, section table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}
/* table layout fixed */
table.fixed {
	table-layout:fixed;
}

/*----- payment summary -----*/
section h4 + .paymentSum {
	margin:1.5em auto 0;
	padding-bottom:0.5em;
	text-align:center;
}
section h4 + .paymentSum dt, section h4 + .paymentSum dd {
	display:inline-block;
	padding:0.5em;
	font-size:2.0rem;
	background:#ffe6e6;
	border:1px solid #c1c1c1;
}
section h4 + .paymentSum dd {
	border-left:none;
	background:#fff;
}

/*-- バナー報酬料金一覧table --*/
.detail tr:last-child {
	border-bottom:1px solid #5c5c5c;
}
.detail th {
	background:#5c5c5c;
	color:#fff;
	padding:0.8em 0.5em;
	border-top:none;
	border-bottom:none;
	border-right:1px solid #5c5c5c;
	border-left:1px solid #5c5c5c;
}
.detail th:nth-child(odd) {
	background:#494848;
}
.detail td {
	background:#f5f5f5;
	color:#3e3a39;
	border-top:1px solid #5c5c5c;
	border-right:1px solid #c1c1c1;
	border-left:1px solid #c1c1c1;
	border-bottom:none;
}
.detail td:nth-child(even) {
	background:#e1e1e1;
}
.detail th:nth-child(1), .detail td:nth-child(1) {
	border-left:none;
	border-right:none;
	font-weight:bold;
}
.detail th:nth-child(2), .detail td:nth-child(2) {
	border-left:none;
}
.detail th:last-child, .detail td:last-child {
	border-right:none;
}
/* 新着2倍報酬 */
.detail th.newWbns {
	background:#ffdd60;
	color:#3e3a39;
}
.detail td.newWbns {
	background:#fff9e3;
}
/* 姉妹サイト */
.detail th.sisSite {
	background:#f64747;
	color:#fff;
}
.detail td.sisSite {
	color:#f64747;
	background:#ffe6e6;
}
/* キャンペーン */
section.contents .detail tr.camp td:nth-child(1) {
	background:#c5eff7;
	text-align:right;
	font-weight:normal;
}
.detail tr.camp td:nth-child(2) {
	font-weight:bold;
	background:#f5fdff;
	color:#f64747;
}
/* 販売価格（2017春以降） */
.detail th.price {
	background: #494848;
	border-left:dotted 1px #666;
	font-weight:normal;
}
.detail td.price {
	border-left:dotted 1px #c1c1c1;
	background: #f5f5f5;
}
/* ラッキー報酬・ついで買い報酬（2017春以降） */
.detail th.lucky, .detail th.tsuide, .detail td.lucky, .detail td.tsuide {
	font-weight:normal;
	background:#494848;
}
.detail th.direct {
	font-weight:bold;
	background:#2a2a2a;
}
.detail td.lucky {
	background:#fff;
}
.detail td.tsuide {
	background:#f5f5f5;
}
.detail td.direct {
	background:#e1e1e1;
	font-weight:bold;
}
/* キャンペーン、姉妹サイト（2017春以降）、新着2倍報酬（2017春以降） */
.detail tr.camp td, .detail tr.sisSite td, .detail tr.newWbns td {
	border-top:1px solid #c1c1c1;
	border-right:none;
	border-left:none;
	border-bottom:none;
}
.detail tr.camp td:nth-child(1) span:after, .detail tr.sisSite td:nth-child(1) span:after,
.detail tr.newWbns td:nth-child(1) span:after {
	content: " 報酬額：";
}
/* 姉妹サイト（2017春以降） */
section.contents .detail tr.sisSite td {
	font-weight:bold;
	color:#f64747;
	background:#ffe6e6;
}
section.contents .detail tr.sisSite td:nth-child(1) {
	background:#f64747;
	text-align:right;
	font-weight:normal;
	color:#fff;
}
/* 新着2倍報酬（2017春以降） */
section.contents .detail tr.newWbns td {
	font-weight:bold;
	background:#fff9e3;
}
section.contents .detail tr.newWbns td:nth-child(1) {
	background:#ffdd60;
	text-align:right;
	font-weight:normal;
}
/*-- banner detail box --*/
section.contents section .pager + ul {
	padding:0 1em;
}
section.contents section ul + .pager {
	/*padding-bottom:1.5em;*/
}
section.contents section .detail {
	margin-bottom:1em;
	background:#fff;
	border:1px solid #5c5c5c;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
section.contents section .detail:last-child {
	margin-bottom:0;
}
section.contents .detail h5,
section#shosai.contents .detail h4 {
	background:#5c5c5c;
	color:#fff;
	padding:0.9em 1em 0.7em;
	font-size:1.6rem;
	font-weight:normal;
	border-radius: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
section#shosai.contents .detail div.clearfix p > strong + a,
section#shosai.contents .detail div.clearfix p > strong + a:link,
section#shosai.contents .detail div.clearfix p > strong + a:active,
section#shosai.contents .detail div.clearfix p > strong + a:visited {
	color:#5c5c5c;
}
section#shosai.contents .detail div.clearfix p > strong + a:hover {
	color:#fff;
}
section.contents .detail dl {
	padding-bottom:1em;
}
section.contents .detail dt {
	font-weight:bold;
}
section.contents .detail dt a {
	font-weight:normal;
}
section.contents .detail dt a:hover {
	color:#fff;
}
section.contents .detail dd:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
section.contents .detail dd{
	min-height: 1px;
	padding-top: 1em;
}
* html section.contents .detail dd {
	height: 1px;
}
section.contents .detail dd img {
	float:left;
	margin-right:1em;
}
section.contents .detail dd .supT {
	float:left;
}
section.contents .detail .icons {
	padding-bottom:0.5em;
}
section.contents .detail .icons i {
	padding:0.2em 0.5em 0;
	margin-bottom:0.3em;
}
section.contents .detail .campT {
	margin:2em 0 1em;
	padding:0.3em 0.5em 0.2em;
	border:1px solid #c5eff7;
	background:#f5fdff;
	font-weight:bold;
	position:relative;
	color:#f64747;
}
section.contents .detail .campT:before {
	content:"▼ 注目 キャンペーン情報!!";
	background:#c5eff7;
	height:19px;
	width:13em;
	color:#5c5c5c;
	font-size:1.2rem;
	padding:0.2em 0.5em 0;
	position: absolute;
 	z-index: 1;
	top:-1.7em;
	left:0;
}
section.contents .detail .point dt {
	color:#f64747;
	padding:0 0.8em 0.3em;
}

section.contents .detail .point dd p {
	background:#fff3c7;
	padding:0.5em 0.8em;
}
section.contents .detail .point dd p:nth-child(2) {
	/*background:#fff;
	padding:0.5em 0.8em 0;*/
	background:#e1e1e1;
	padding:0.5em 0.8em;
}
section.contents .detail table caption {
	font-weight:bold;
	text-align:left;
}
section.contents .detail tbody {
	text-align:center;
}
section.contents .detail th {
	padding:0.8em 0.5em;
}
section.contents .detail td {
	text-align:right;
}
.detail p.buttons:after, #user p.buttons:after, #return p.buttons:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.detail p.buttons, #user p.buttons, #return p.buttons {
	min-height: 1px;
}
* html .detail p.buttons, * html #user p.buttons, * html #return p.buttons {
	height: 1px;
}
.detail p.buttons a, #user p.buttons a, #return p.buttons a {
	width:45%;
	margin-right:2%;
	float:left;
	text-align:center;
}
.detail p.buttons a:nth-child(even), #user p.buttons a:nth-child(even), #return p.buttons a:nth-child(even) {
	margin-right:0;
}
/* 用語集や注意書きエリア */
#report h5, #user section.box01 h5 {
	padding:1.3em 0 0.4em;
	margin:0 1.4rem;
	border-bottom:#c1c1c1 1px solid;
	font-size:1.8rem;
	font-weight:normal;
	color:#3e3a39;
}
/* ページ上部の注意喚起 */
section#note h4 {
	background-color:transparent;
	padding:1.3em 0 0.4em;
	margin:0 1.4rem;
	border-bottom:#f64747 1px solid;
	font-size:1.8rem;
	color:#f64747;
}
#note h4 span {
	background:#ffdd60;
	width:25px;
	height:25px;
	display:inline-block;
	text-align:center;
	vertical-align:middle;
	-moz-transform: rotate(45deg);
	webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform:rotate(45deg);
	margin-right:0.5em;
}
#note h4 span i {
	display:inline-block;
	padding:2px 2px 0 0;
	-moz-transform: rotate(-45deg);
	webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform:rotate(-45deg);
}
#note .pAll1m .warning {
	font-weight:bold;
	font-size:1.6rem;
}
/* トップページの会員ごとへのお知らせ＆検索結果・詳細ページのセールスポイント（長文バージョン）管理画面からの色指定用クラス */
#top .modal-inner .red, .detail dd .red {
	color:#f64747;
}
#top .modal-inner .blue, .detail dd .blue {
	color:#0e8be2;
}
#top .modal-inner .green, .detail dd .green {
	color:#1bb74e;
}
#top .modal-inner .purple, .detail dd .purple {
	color:#a24a8e;
}
#top .modal-inner .pink, .detail dd .pink {
	color:#fd7ae0;
}
/* 登録＆退会＆ログインページ */
#registerInfo p i, #loginInfo p i {
	padding:0 0.3em;
}
/* 登録＆退会＆ログイン＆ユーザーページ：form base style */
#registerInfo form, #loginInfo form {
	margin-bottom:1em;
}
#registerInfo .pAll1m dl:nth-of-type(1), #loginInfo .pAll1m dl:nth-of-type(1) {
	border-top:1px dotted #c1c1c1;
}
#user #cancelForm .form label {
	margin-right:2em;
}
#user section .userInfo dl,
.contents.register #registerInfo dl,
.contents.register #loginInfo dl {
	padding:1em 0 0.8em;
	border-bottom:1px dotted #c1c1c1;
}
#user section .userInfo dt, #user section .userInfo dd,
#registerInfo dt, #registerInfo dd,
#loginInfo dt, #loginInfo dd {
	display:inline-block;
	vertical-align:middle;
}
#user section .userInfo dt, .contents.register #registerInfo dt,
#loginInfo dt, #loginInfo dd {
	margin-left:1em;
}
#user section .userInfo dt, #registerInfo dt, #loginInfo dt {
	font-weight:bold;
	width:20%;
}
#user section .userInfo dd {
	width:77%;
}
#registerInfo dd:not(.address) label:hover, #registerInfo p.tCenter label:hover,
#loginInfo dd label:hover, #loginInfo .websites dt label.checkAll:hover {
	background-color:#e2e2e2;
}
#user dl.changePW dt, #user dl.changePW dd,
#user dl.changeEmail dt, #user dl.changeEmail dd,
#registerInfo .pw dt, #registerInfo .pw dd {
	padding:0.5em 0;
}
#user dd .tRed, #user dd .tRedYear, #registerInfo dd .tRed, #registerInfo dd .tRedYear, #loginInfo dd .tRed {
	display:none;
}
#user dd .tRed, #user dd .tRedYear, #registerInfo dd .tRed, #registerInfo dd .tRedYear, #loginInfo dd .tRed {
	font-size:1.2rem;
	padding-left:0.5em;
}
#user dd .tRed:before, #user dd .tRedYear:before, #registerInfo dd .tRed:before, #registerInfo dd .tRedYear:before,
#loginInfo dd .tRed:before {
	content: "\f06a";
	font-size:1.2rem;
	font-family: FontAwesome;
	padding-right:0.3em;
}
#user dd label, #registerInfo dd label, #loginInfo dd label {
	margin-left:0.5em;
}
#registerInfo dd.address p.adres label, #registerInfo dd.address p.adres1 label, #registerInfo dd.address p.adres2 label {
	margin-left:0;
}
#loginInfo .websites dt label.checkAll {
	font-weight:normal;
	cursor:pointer;
}
#loginInfo .websites dt .checkAll input {
	margin-right:0.5em;
}
#loginInfo .websites dd label {
	margin:0 2em 0.5em 0;
	display:inline-block;
	cursor:pointer;
}

#user input:focus, #registerInfo input:focus, #loginInfo input:focus {
	color:#3e3a39;
}
#user #cancelForm .finalcheck .button .btnY, #registerInfo .button .btnY, #loginInfo .button .btnY {
	width:50%;
	margin-top:-2px;
	color:#3e3a39;
}
#registerInfo button.btnY:disabled {
	color:#919191;
	cursor:default;
	margin-top:0;
}
#registerInfo .button .btnWarning {
	display:block;
	padding-top:0.5em;
}
#user #cancelForm .finalcheck .button .btnY:hover,
#registerInfo .button .btnY:hover, #loginInfo .button .btnY:hover {
	margin-top:0;
}
#user #cancelForm .finalcheck .button button:disabled:hover {
	cursor:default;
	margin-top:-2px;
}
#user #cancelForm + .button, #registerInfo .button.gBtn {
	padding-bottom:1.5em;
	text-align:center;
}
#user #cancelForm + .button .btnGry, #registerInfo .button.gBtn .btnGry,
.contents.register #note .button .btnGry {
	border:none;
	padding:0.5em 1em 0.4em;
	margin-top:0;
	color:#fff;
}
#registerInfo .button, #loginInfo .button, #cancelComp .button {
	text-align:center;
	margin:2em 0 0;
}
#registerInfo button.btnY, #loginInfo button.btnY, #cancelComp .button .btnY {
	font-weight:bold;
	cursor:pointer;
}
#registerInfo .button button i, #registerInfo .btnLY i,
#loginInfo .button button i, #cancelComp .button .btnY i {
	padding-left:0.5em;
}
#user button, #registerInfo button, #registerInfo .button .btnY,
#loginInfo .button .btnY, #cancelComp .button .btnY {
	font-size:1.6rem;
	padding:0.6em 1em 0.4em;
}
#user button.btnY, #registerInfo button.btnY, #loginInfo button .btnY, #cancelComp .button .btnY {
	color:#3e3a39;
}
#user p.buttons a.btn, #registerInfo p.buttons a.btn, #cancelComp .button a.btn {
	margin-top:-2px;
	text-align:center;
}
#cancelComp .button a.btn {
	display:inline-block;
}
#user p.buttons a.btn:hover, #registerInfo p.buttons a.btn:hover, #cancelComp .button a.btn:hover {
	margin-top:0;
	border:none;
}
#user .buttons, #registerInfo .buttons {
	padding:1.5em 0 0.5em;
}
#user .button i, #user button i,
#registerInfo .button i, #registerInfo button i,
#loginInfo .button i, #loginInfo button i {
	padding-right:0.3em;
	font-size:2.0rem;
	vertical-align:middle;
	font-weight:normal;
}
#user .buttons button:nth-child(2) i, #user .button button i,
#registerInfo .buttons button:nth-child(2) i, #registerInfo .button button i {
	padding-left:0.3em;
}
#user section .userInfo dl:last-child {
	border-bottom:1px dotted #c1c1c1;
}
#user dl.changePW {
	padding:0.5em 0;
}
form #user dd.address p.jPostal button.addisply {
	font-size:1.2rem;
	padding:0.4em 1em 0.3em;
	background-color:#ddd;
	margin-left:1em;
}
form #user dd.address p.jPostal button.addisply:hover {
	cursor:pointer;
	background-color:#c1c1c1;
	color:#fff;
}
#user section .userInfo dl.dm + h3,
.contents.register section #registerInfo h5 {
	padding:0.8em 1em 0.6em;
	background-color:#e2e2e2;
}
.contents.register section #registerInfo h5 {
	padding:0.8em 1em 0.6em;
	margin-top:1em;
	font-size:1.2em;
}
/* error */
#user dd.birthdate.errorSelect p.sort label, #registerInfo dd.birthdate.errorSelect p.sort label {
	background-color:#fff1f1;
	border:1px solid #ffb7b7;
}
#user .errorSelect .sort label select {
	border-top:1px solid #ffb7b7;
}

/* =============================
 新規登録ページ：REGISTRATION PAGE
==============================*/
.contents.register > section > h3 {
	background-color:transparent;
	padding:0;
	text-align:center;
}
.contents.register > section > h3 span {
	display:inline-block;
	padding:0.8em 1em 0.5em;
	background:#e1e1e1;
	color:#919191;
	border:0px solid #c1c1c1;
	font-size:1.8rem;s
	font-weight:normal;
	width:25%;
}
.contents.register > section > h3 span:nth-child(1) {
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
}
.contents.register > section > h3 span:nth-child(3) {
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
}
.contents.register > section > h3 span:nth-child(5) {
	border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
}
.contents.register > section > h3 span.current {
	background:#5c5c5c;
	color:#fff;
	border:0px solid #5c5c5c;
}
.contents.register > section > h3 span.done {
	background:#c1c1c1;
	color:#5c5c5c;
}
.contents.register > section > h3 i {
	color:#c1c1c1;
	font-size:2.2rem;
	width:5.5%;
}
.contents.register #note a, .contents.register #registerInfo a,
.contents.register #note a:link, .contents.register #registerInfo a:link,
.contents.register #note a:active, .contents.register #registerInfo a:active,
.contents.register #note a:visited, .contents.register #registerInfo a:visited {
	color:#f64747;
}
.contents.register #registerInfo a.loginBtn {
	color:#fff;
}
.contents.register #note a:hover, .contents.register #registerInfo a:hover,
.contents.register #registerInfo a.loginBtn {
	color:#fff;
}
.contents.register #registerInfo a.btnLY,
.contents.register #registerInfo a:hover.btnLY {
	color:#5c5c5c;
}
.contents.register #note .button {
	text-align:center;
	padding:0.5em 0 1em;
}
.contents.register #note .button .btnGry {
	display:inline-block;
	color:#fff;
}
.contents.register #note .button .btnGry i {
	padding-left:0.3em;
}
form #registerInfo div.pAll1m,
form #loginInfo div.pAll1m {
	padding:1em 1em 2em 1em;
}
#registerInfo h4 {
	font-weight:normal;
}
form #registerInfo ul {
	padding:0;
	margin-top:1em;
}
form #registerInfo li:before {
	content: "※";
}
.contents.register #registerInfo dt {
	width:22%;
}
#registerInfo dd {
	width:73%;
}
form #registerInfo dd p b {
	color:#f64747;
}
#registerInfo dd textarea {
	width:80%;
	height:100px;
}
.contents.register section #registerInfo .kiyaku h5 {
	font-size:1.8rem;
	padding:1em 0 0.5em;
	background-color:transparent;
}
#registerInfo .kiyaku div.iPhoneScroll {
	border:1px solid #c1c1c1;
	margin:1em 0;
	width:100%;
	height:250px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}
#registerInfo .kiyaku div.iPhoneScroll iframe {
	background:#fff;
	width:100%;
	height:100%;
	display:block;
	border:none;
}
#registerInfo .kiyaku label {
	margin:0 0 1em 0;
	cursor:pointer;
	display:inline-block;
}
#registerInfo .kiyaku label input {
	margin-right:0.3em;
}
#registerInfo .button .loginBtn, #loginInfo .button .loginBtn {
	display:inline-block;
}
#registerInfo .button .loginBtn {
	color:#fff;
}
#registerInfo .button .loginBtn i {
	padding:0 0.5em;
}
#registerInfo .gBtn .btnGry i {
	padding:0 0 0 0.3em;
	font-size:1.8rem;
}
#registerInfo .lyBtn .btnLY i {
	font-size:1.4rem;
}
#registerInfo .btnLY {
	padding:0.6em 1em 0.4em;
	color:#5c5c5c;
	width:90%;
	display:inline-block;
	margin-top:-2px;
}
#registerInfo .btnLY:hover {
	margin-top:0;
	border:none;
}

/* =============================
 ログイン画面：LOGIN PAGE
==============================*/
section.contents.login section#loginInfo {
	margin-top:2em;
}
section.contents.login #loginInfo p i.fa-question {
	color:#f64747;
	font-size:1.8rem;
	vertical-align:middle;
	padding-right:0.3em;
}
#loginInfo dd {
	width:75%;
}
/*---- ID・パスワード再発行ページ ----*/
section.contents.login #loginInfo a, section.contents.login #loginInfo a:link,
section.contents.login #loginInfo a:active, section.contents.login #loginInfo a:visited {
	color:#f64747;
}
section.contents.login #loginInfo a:hover {
	color:#fff;
}
section.contents.login #loginInfo .warning {
	background:#ffea9c;
	margin:1.5em auto 1em;
	padding:1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid #ffea9c;
	width:70%;
}
section.contents.login #loginInfo .warning .ttl {
	font-weight:bold;
	padding-bottom:0.5em;
	color:#f64747;
	font-size:1.6rem;
}
section.contents.login #loginInfo .warning ul {
	padding:0 0 0 0.5em;
}
#loginInfo .warning li {
	padding-bottom:0.3em;
}
#loginInfo .warning li:before {
	content:"\f046";
	font-family: FontAwesome;
	padding-right:0.5em;
}
#loginInfo .warning li.exclamation:before {
	content:"\f06a";
	color:#f64747;
}

/* =============================
 トップページ：TOP PAGE
==============================*/
aside .unslider {
	width:1024px;
	margin:0 auto;
	display:none;
	background-color:#ededed;
}
aside .top-slider {
	width:816px;
	margin:0 auto;
	height:250px;
	overflow:hidden;
}
aside .top-slider ul {
	margin:0 auto;
	padding:10px 0 15px;
}
aside .top-slider li {
	text-align:center;
	padding:5px 0;
}
aside .top-slider li span a:hover {
	background-color:#ededed;
}
aside .top-slider li span {
	display:inline-block;
	padding:5px;
}
aside .unslider a.unslider-arrow {
	font-size:3.0rem;
	background:#ededed;
	height:250px;
	width:100px;
}
aside .unslider a i {
	padding-top:110px;
}
aside .unslider a.unslider-arrow.next {
	right:0;
}
aside .unslider a.unslider-arrow.prev {
	left:0;
}
#top article section.modal-window + section {
	margin-top:0;
}
#top article section {
	background:#f5f5f5;
}
#top h3 {
	padding:1.3em 0 0.4em;
	margin:0 1.4rem;
	border-bottom:#c1c1c1 1px solid;
	font-size:1.8rem;
	font-weight:normal;
	color:#3e3a39;
}
#top p i.fa-caret-right {
	padding-right:0.5em;
}
/* news */
#top section#tab-container {
	background:#FFF;
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border: 0 solid #ededed;
	margin-bottom:30px;
}
#top #tab-container:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top #tab-container {
	min-height: 1px;
}
* html #top #tab-container {
}
#top #tab-container ul.etabs {
	padding:0;
	margin:0;
}
#top #tab-container .tab {
	font-size:1.6rem;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border-top: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c;
	border-left: 1px solid #5c5c5c;
}
#top #tab-container .tab a {
	background:#ededed;
	cursor:pointer;
	display:block;
    padding:0;
	text-decoration:none;
	color:#3e3a39;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0 solid #ededed;
}
#top #tab-container .tab a:hover {
	background:#5c5c5c;
	color:#fff;
}
#top #tab-container .tab a h3 {
    padding: 0.5em 1em 0.3em;
	margin:0;
	border-bottom:none;
	font-size:1.6rem;
	font-weight:bold;
}
#top #tab-container .tab a:hover h3,
#top #tab-container .tab.active h3,
#top #tab-container .tab a.active:hover h3 {
	color:#fff;
}
#top #tab-container .tab.active {
	border-top: 1px solid #5c5c5c;
	border-right: 1px solid #5c5c5c;
	border-left: 1px solid #5c5c5c;
}
#top #tab-container .tab.active,
#top #tab-container .tab a.active {
	color:#fff;
	background:#5c5c5c;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
/*新着バナー*/
#top #tab-container .tab:nth-child(4).active,
#top #tab-container .tab:nth-child(4) a:hover,
#top #tab-container .tab:nth-child(4) a.active,
/*うさ用新着バナー*/
body#up #top #tab-container .tab:nth-child(2).active,
body#up #top #tab-container .tab:nth-child(2) a:hover,
body#up #top #tab-container .tab:nth-child(2) a.active {
	background:#fbcece;
}
/*キャンペーン*/
#top #tab-container .tab:nth-child(2).active,
#top #tab-container .tab:nth-child(2) a:hover,
#top #tab-container .tab:nth-child(2) a.active,
/*うさ用キャンペーン*/
body#up #top #tab-container .tab:nth-child(3).active,
body#up #top #tab-container .tab:nth-child(3) a:hover,
body#up #top #tab-container .tab:nth-child(3) a.active {
	background:#c5eff7;
}
/*お知らせ*/
#top #tab-container .tab:nth-child(5).active,
#top #tab-container .tab:nth-child(5) a:hover,
#top #tab-container .tab:nth-child(5) a.active {
	background:#362e2b;
}
/*こぴ丸*/
#top #tab-container .tab:nth-child(6).active,
#top #tab-container .tab:nth-child(6) a:hover,
#top #tab-container .tab:nth-child(6) a.active,
/*うさ用こぴ丸*/
body#up #top #tab-container .tab:nth-child(4).active,
body#up #top #tab-container .tab:nth-child(4) a:hover,
body#up #top #tab-container .tab:nth-child(4) a.active {
	background:#fde3a7;
}
/*高ダイレクト*/
#top #tab-container .tab:nth-child(3).active,
#top #tab-container .tab:nth-child(3) a:hover,
#top #tab-container .tab:nth-child(3) a.active {
	background:#e8dac5;
}
/*新着バナー*/
#top #tab-container .tab:nth-child(4).active h3,
#top #tab-container .tab:nth-child(4) a:hover h3,
#top #tab-container .tab:nth-child(4) a.active h3,
/*うさ用新着バナー*/
body#up #top #tab-container .tab:nth-child(2).active h3,
body#up #top #tab-container .tab:nth-child(2) a:hover h3,
body#up #top #tab-container .tab:nth-child(2) a.active h3 {
	color:#f64747;
}
/*キャンペーン*/
#top #tab-container .tab:nth-child(2) a:hover h3,
#top #tab-container .tab:nth-child(2).active h3,
#top #tab-container .tab:nth-child(2) a.active:hover h3,
/*こぴ丸*/
#top #tab-container .tab:nth-child(6) a:hover h3,
#top #tab-container .tab:nth-child(6).active h3,
#top #tab-container .tab:nth-child(6) a.active:hover h3,
/*うさ用こぴ丸*/
body#up #top #tab-container .tab:nth-child(4) a:hover h3,
body#up #top #tab-container .tab:nth-child(4).active h3,
body#up #top #tab-container .tab:nth-child(4) a.active:hover h3,
/*高ダイレクト*/
#top #tab-container .tab:nth-child(3) a:hover h3,
#top #tab-container .tab:nth-child(3).active h3,
#top #tab-container .tab:nth-child(3) a.active:hover h3 {
	color:#3e3a39;
}
#top #tab-container .panel-container {
	border-top:solid 3px #5c5c5c;
	background: #fff;
	padding: 10px 0;
	height:275px;
	width:793px;
	overflow:auto;
	border-left:1px solid #c1c1c1;
	border-right:1px solid #c1c1c1;
	border-bottom:1px solid #c1c1c1;
}
#top #tab-container .panel-container div dl:after,
#news section div dl:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top #tab-container .panel-container div dl,
#news section div dl{
	min-height: 1px;
	padding:0.8em 1em;
}
* html #top #tab-container .panel-containere div dl,
* html #news section div dl {
	height: 1px;
}
#top #tab-container .panel-container dt,
#news section div dt {
	float:left;
	width:13%;
}
#top #tab-container .panel-container dd,
#news section div dd {
	float:right;
	width:85%;
}
#top #tab-container .panel-container a dd:before, #news section div a dd:before {
	content:none;
}
#top #tab-container .panel-container a dd:after, #news section div a dd:after {
	content:"→詳細を見る";
	display:inline-block;
	font-size:1.2rem;
	padding-left:0.5em;
}
#top #tab-container .panel-container a:hover dd, #news section div a:hover dd {
	background-color:#eee;
}
/* news button:view all */
#top #tab-container .btn.viewall {
	background:#5c5c5c;
	padding:0.3em 0.5em 0.2em;
	color:#fff;
	float:right;
	/*margin:0 1.4rem 1em 0;*/
}
#top #tab-container .btn.viewall:hover {
	background:#3e3a39;
}
#top #tab-container .btn.viewall i.fa-caret-right {
	padding:0 0 0 0.5em;
}

/* twoTier */
#twoTier ul {
	border-bottom:#c1c1c1 1px solid;
	padding-bottom:0.8em;
}
#twoTier p, #twoTier li img {
	padding-bottom:0.5em;
}
#twoTier ul + p {
	padding:1em 0 0;
}
#twoTier li img {
	padding-right:0.5em;
}
#twoTier li {
	border-top:#c1c1c1 1px solid;
	padding:0.8em 0;
	background-color:#f5f5f5;
}
#twoTier li:last-child {
	padding:0.8em 0 0 0;
}
#twoTier li div {
	background:#f7b52c url(../img/white_triangle.png) no-repeat right 5px top 50%;
}
#twoTier li a {
	width:745px;
	display:block;
	background-color:#f5f5f5;
}
#twoTier li:hover {
	cursor:pointer;
}
#twoTier li:hover a {
	background-color:#e2e2e2;
}
#twoTier li:hover div {
	background-color:#e19b0a;
}
#twoTier li a, #twoTier li a p {
	text-decoration:none;
	color:#5c5c5c;
}
#twoTier li a img, #twoTier li a p {
	display:inline-block;
	vertical-align:middle;
}
#twoTier li a p span {
	color:#f64747;
	text-decoration:underline;
}
#twoTier li a:hover, #twoTier li a:hover p,  #twoTier li a:hover p span {
	background-color:#e2e2e2;
}
/* HIT BANNER */
#top article > section > div#hitBnrSlider {
	padding:0 0 1em;
}
#hitBnrSlider > p {
	padding:0 1em;

}
/* #hitBnrSlider slider */
#hitBnrSlider .unslider {
	width:722px;
	height:570px;
	margin:0 auto;
}
#hitBnrSlider .banner-slider li {
	text-align:center;
}
#hitBnrSlider .banner-slider li span {
	display:inline-block;
	width:346px;
	height:270px;
	padding:5px;
}
#hitBnrSlider .banner-slider span a {
	background:#f5f5f5;
}
#hitBnrSlider .unslider a i {
	padding-top:273px;
}
#hitBnrSlider .unslider a.unslider-arrow {
	font-size:2.5rem;
	background:#f5f5f5;
	height:560px;
	width:40px;
}
#hitBnrSlider .unslider a.unslider-arrow.next {
	right:-35px;
}
#hitBnrSlider .unslider a.unslider-arrow.prev {
	left:-35px;
}
#hitBnrSlider .banner-slider ul {
	padding-top:1.5em;
}
/* TOP5 BANNER */
/* top5 */
#top5 h4 {
	font-size:1.6rem;
	padding:0.3em 0 0 0;
}
#top5 h4 i {
	font-size:2.0rem;
	padding-right:0.5em;
}
#top5 ul > li {
	border-bottom:#c1c1c1 1px solid;
	margin-bottom:1em;
}
#top5 ul > li:last-child {
	border:none;
	margin-bottom:0;
}
#top5 ul > li > p {
	padding-bottom:1em;
}
#top5 ol:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top5 ol {
	min-height: 1px;
	padding:10px 1px 15px;
}
* html #top5 ol {
	height: 1px;
}
#top5 ol li {
	float:left;
	width:145px;
	margin-right:10px;
	position:relative;
}
#top5 ol li:last-child {
	margin-right:0;
}
#top5 ol li:before {
	content: " ";
	background:#f64747;
	height:25px;
	width:25px;
	color:#fff;
	font-size:2.0rem;
	font-weight:bold;
	text-align:center;
	padding-bottom:0.2em;
	position: absolute;
 	z-index: 1;
	top:-5px;
	left:5px;
}
#top5 ol li.first:before {
	content: "1";
}
#top5 ol li.second:before {
	content: "2";
}
#top5 ol li.third:before {
	content: "3";
}
#top5 ol li.forth:before {
	content: "4";
}
#top5 ol li.fifth:before {
	content: "5";
}
#top5 ol li:after {
	content: " ";
   	display: block;
    width: 0;
    height: 0;
    border-top: 3px solid transparent ;
    border-right: 3px solid transparent;
    border-bottom: 3px solid #a44949;
    border-left: 3px solid #a44949;
	position: absolute;
 	z-index: 0;
	top:-5px;
	left:30px;
}
#top5 ol li img {
	width:143px;
	height:auto;
	border:1px solid #c1c1c1;
}
#top5 ol li a img, #top5 ol li a span {
	display:block;
}
#top5 ol li a span {
	font-size:1.2rem;
	padding:0.2em 0.2em 0;
}
#top5 ol li a:hover span {
	color:#f64747;

}
#top5 .ellipsis {
	height: 6.5rem;
	line-height:1.8;
}
#top5 a .ellipsis {
	background: #f5f5f5;
}
#top5 .ellipsis:before, #top5 .ellipsis:after {
	background: #f5f5f5;
}
#top5 .ellipsis:before {
	padding-left:0.1em;
}
/* 会員ごとへのお知らせ通知モーダル */
#top article section.modal-window {
	margin:0;
	background:transparent;
}
#top article section.modal-window a.modal-close {
	color:#5c5c5c;
}
#top article section.modal-window a.modal-close-btn {
	color:#fff;
	text-decoration:none;
}
#top article section.modal-window a.modal-close:hover {
	background:transparent;
}
#top article section.modal-window a.modal-close-btn:hover {
	background-color:#3e3a39;
}
#top article section > div.modal-inner {
	padding:20px;
}
#top .modal-inner dl:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#top .modal-inner dl {
	min-height: 1px;
	padding:0.5em;
	border-bottom:1px dotted #5c5c5c;
}
* html #top .modal-inner dl {
	height: 1px;
}
#top .modal-inner .important dl {
	background-color:#feefef;
	border-top:1px dotted #f64747;
	border-right:1px dotted #f64747;
	border-left:1px dotted #f64747;
	border-bottom:none;
}
#top .modal-inner .important dl:last-of-type {
	border:1px dotted #f64747;
}
#top .modal-inner .important {
	position:relative;
	margin-top:20px;
}
#top .modal-inner .important:before {
	content:"＜重要＞";
	font-weight:bold;
	position:absolute;
	background:#f64747;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
	border: 0px solid #c1c1c1;
	height:17px;
	width:4em;
	color:#fff;
	padding:0.2em 0.5em 0.1em;
	position: absolute;
 	z-index: 1;
	top:-1.5em;
	left:0;
}
#top .modal-inner dt {
	float:left;
	width:18%;
}
#top .modal-inner dd {
	float:right;
	width:82%;
}
/* モーダル部分 */
#top .modal-window {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	transform: translate(0, 100%);
	-webkit-transform: translate3d(0, 100%, 0);
	transform: translate3d(0, 100%, 0);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 999;
	opacity: 0;
	line-height: 1.3;
	display: none\9;
}
#top .modal-window:target {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1;
}
#top .is-active.modal-window {
	display: block\9;
}
#top .modal-window:target {
	display: block\9;
}
#top .modal-window .modal-inner {
	position: absolute;
	top: 200px/*40%*/;
	left: 50%;
	z-index: 20;
	margin-left: -340px;
	width: 690px;
	overflow-x: hidden;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	background: #fff;
	-webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
	box-shadow: 0 0 30px rgba(0, 0, 0, 0.6);
}
#top .modal-window .modal-close {
	display: block;
	text-indent: -100px;
	overflow: hidden;
}
#top .modal-window .modal-close-btn {
	display: inline-block;
	text-align:center;
	padding:0.35em 1em 0.3em 0.8em;
	background-color:#5c5c5c;
	font-weight:bold;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#top .modal-window .modal-close:before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10;
	background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAEElEQVR42gEFAPr/AAAAAMwA0QDNTiUx4gAAAABJRU5ErkJggg==");
}
#top .modal-window .modal-close:after {
	content: '\00d7';
	position: absolute;
	top: 200px/*40.1%*/;
	left: 50%;
	z-index: 20;
	margin-left: /*285px*/365px;
	/*background: #fff;*/
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding: 2px 8px;
	font-size: 1.2em;
	text-decoration: none;
	text-indent: 0;
}
#top .modal-window {
	-webkit-transition: opacity 0.4s;
	-o-transition: opacity 0.4s;
	transition: opacity 0.4s;
}
/* モーダルが消えた後 */
#top section.member-info {
	background:#fff;
	border:1px solid #c1c1c1;
	position:relative;
}
#top section.member-info a.modal-close-btn, #top section.member-info a.modal-close {
	display:none;
}
#top section.member-info .modal-inner {
	padding:1em;
}

/* =============================
 バナーを探す：検索TOPページ
==============================*/
/* 検索エラーの時の表示 */
#searchTop .error span {
	display:inline-block;
}
#searchResult #narrowBox {
	margin-bottom:1em;
}
/* banner search title toggle button */
#searchTop #narrowBox i, #searchResult #narrowBox i {
	padding-right:0.5em;
}
#searchTop #narrowBox h4:hover, #searchResult #narrowBox h4:hover {
	color:#e19b0a;
	cursor:pointer;
}
#searchTop #narrowBox h4 span:before, #searchResult #narrowBox h4 span:before {
	content: "\f077";
	font-family: FontAwesome;
	padding-right:0.5em;
}
#searchTop #narrowBox h4.active span:before, #searchResult #narrowBox h4.active span:before {
	content: "\f078";
}
#searchTop #narrowBox h4 + .form {
	display:none;
}
/* banner search form */
#searchTop #narrowBox h4 + .form.open {
	display:block;
}
/* banner search product category button */
#searchTop #narrowBox .btnttl p:after,
#searchResult #narrowBox .btnttl p:after, .thumb:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#searchTop #narrowBox .btnttl p,
#searchResult #narrowBox .btnttl p, .thumb {
	min-height: 1px;
}
* html #searchTop #narrowBox .btnttl p,
* html #searchResult #narrowBox .btnttl p, * html .thumb {
	height: 1px;
}
#searchTop #narrowBox dl:first-of-type, #searchResult #narrowBox dl:first-of-type {
	padding-top:1em;
}
#searchTop #narrowBox dt, #searchResult #narrowBox dt {
	display:inline-block;
	width:25%;
	padding:0.5em 0 0.5em 0.5em;
	vertical-align:middle;
}
#searchTop #narrowBox .form dt label, #searchResult #narrowBox .form dt label {
	font-weight:bold;
}
#searchTop #narrowBox dt label.checkAll, #searchTop #narrowBox dd label, #searchTop #narrowBox .form dd label,
#searchResult #narrowBox dt label.checkAll, #searchResult #narrowBox dd label, #searchResult #narrowBox.form dd label {
	font-weight:normal;
	cursor:pointer;
}
#searchTop #narrowBox dd, #searchResult #narrowBox dd {
	display:inline-block;
	width:70%;
	padding:0.5em 0 0.5em 1em;
	vertical-align:middle;
}
#searchTop #narrowBox input, #searchResult #narrowBox input {
	margin-right:0.2em;
	vertical-align:middle;
}
#searchTop #narrowBox input[type="search"],
#searchResult #narrowBox input[type="search"] {
	/*color:#9b9b9b;*/
	width:400px;
}
/* banner search category toggle button */
#searchTop #narrowBox .btnttl, #searchResult #narrowBox .btnttl {
	padding:0;
	margin-top:1em;
}
#narrowBox .btnttl p {
	font-weight:bold;
	padding:1em 1em 0.8em;
	background:#f7b52c;
	font-weight:bold;
	display:block;
	color:#5c5c5c;
	border-bottom:1px dotted #9f9f9f;
	cursor:pointer;
}
#narrowBox .btnttl p:hover {
	background:#fbce1c;
}
#narrowBox .btnttl span, #narrowBox .btnttl i {
	display:block;
}
#narrowBox .btnttl span {
	float:left;
}
#narrowBox .btnttl i {
	float:right;
	font-size:2.0rem;
	line-height:1.0;
	font-family: FontAwesome;
}
#narrowBox .btnttl p i:after {
	content: "\f0ab";
}
#narrowBox .btnttl p.active i:after {
	content: "\f0aa";
}
/* banner search product category box */
#narrowBox .btnttl + ul {
	display:none;
	background:#fff;
	border-bottom:1px dotted #9f9f9f;
	padding:0;
}
#searchTop #narrowBox li:nth-of-type(even),
#searchResult #narrowBox li:nth-of-type(even) {
	background:#f0f0f0;
}
#searchTop #narrowBox ul dl:first-of-type, #searchResult #narrowBox ul dl:first-of-type {
	padding-top:0;
}
#searchTop #narrowBox li dt label.checkAll:hover, #searchTop #narrowBox li dd label:hover,
#searchResult #narrowBox li dt label.checkAll:hover, #searchResult #narrowBox li dd label:hover {
	background:#e2e2e2;
}
#searchTop #narrowBox li dt input[type="checkbox"],
#searchResult #narrowBox li dt input[type="checkbox"] {
	margin-left:1em;
}
#searchTop #narrowBox li dd,
#searchResult #narrowBox li dd {
	border-left:1px dotted #9f9f9f;
	min-height:4em;
	vertical-align:middle;
}
#searchTop #narrowBox li dd span,
#searchResult #narrowBox li dd span {
	width:50%;
	margin-right:0;
	display:inline-block;
}
/* banner search form buttons */
#searchTop #narrowBox .buttons,
#searchResult #narrowBox .buttons {
	margin-top:10px;
}
#searchTop #narrowBox button[type="reset"]:hover,
#searchResult #narrowBox button[type="reset"]:hover {
	background:#9f9f9f;
}
/* banner category title styles */
section.contents section section.recommended,
section.contents section div section.recommended,
section.contents section section#note {
	background:#fff1f1;
}
section.contents section section.recommended h4,
section.contents section div section.recommended h4 {
	background:#ffb7b7;
}
section.contents section section.campaign {
	background:#eafbfe;
}
section.contents section section.campaign h4 {
	background:#b3ecf7;
}
/* thumbnail banners */
section.contents section section ul.thumb {
	padding:1em 1em 0;
}
section .thumb li {
	background:#fff;
	border:1px solid #5c5c5c;
	float:left;
	width:162px;
	margin:0 10px 15px 0;
	padding:10px;
	text-align:center;
}
.thumb li:nth-child(4n) {
	margin-right:0;
}
.thumb p {
	text-align:left;
	margin-top:0.5em;
	text-align:center;
}
.thumb p:first-child {
	margin-top:0;
	width:162px;
	height:122px;
}
section .thumb li p img {
	height:100%;
	max-height:100%;
	width:auto;
}

.thumb p strong {
	display:inline-block;
}
.thumb .icons, .thumb .ellipsis {
	text-align:left;
}
.thumb p.button a {
	display:block;
	cursor:pointer;
	padding:0.8em 1em 0.5em;
	color:#3e3a39;
	font-weight:bold;
}
.thumb p.button a i {
	padding-left:0.5em;
}
.thumb p.icons i {
	padding:0.1em 0.25em 0;
	margin-top:0.3em;
}
.thumb .ellipsis {
	height: 6.8rem;
}


/* thumbnail banners admin */
section.contents section section ul.thumb_admin {
	padding:1em 1em 0;
}
section .thumb_admin li {
	background:#fff;
	border:1px solid #5c5c5c;
	float:left;
	width:748px;
	margin:0 10px 15px 0;
	padding:10px;
	text-align:center;
}
.thumb_admin li:nth-child(4n) {
	margin-right:0;
}
.thumb_admin p {
	text-align:left;
	margin-top:0.5em;
	text-align:center;
}
.thumb_admin p:first-child {
	margin-top:0;
	width:748px;
	height:200px;
}
section .thumb_admin li p img {
	height:100%;
	max-height:100%;
	width:auto;
}

.thumb_admin p strong {
	display:inline-block;
}
.thumb_admin .icons, .thumb_admin .ellipsis {
	text-align:left;
}
.thumb_admin p.button a {
	display:block;
	cursor:pointer;
	padding:0.8em 1em 0.5em;
	color:#3e3a39;
	font-weight:bold;
}
.thumb_admin p.button a i {
	padding-left:0.5em;
}
.thumb_admin p.icons i {
	padding:0.1em 0.25em 0;
	margin-top:0.3em;
}
.thumb_admin .ellipsis {
	height: 4.0rem;
}
.thumb_admin .ellipsis2 {
	height: 6.0rem;
}






/* =============================
 バナーを探す：検索結果ページ
==============================*/
#searchResult .displayChng li {
	background:#c1c1c1;
	height:34px;
}
#searchResult .displayChng a {
	font-size:2.0rem;
	padding:0.4em 0.4em 0.3em;
}
#searchResult .displayChng a {padding:0 0.4em\9;height:34px\9; } /* IE9 under hack */
@media all and (-ms-high-contrast:none){
#searchResult .displayChng a { padding:0.4em 0.4em 0.3em\0; height:20px\0; }
}
section.contents section div section.recommended {
	margin-top:0;
}
section.contents section div li.osusume {
	border-color:#f64747;
}
#liDisplay li.osusume {
	position:relative;
}
#tmbDisplay li.osusume {
	background:#fff1f1;
	position:relative;
}
section.contents section div li.osusume:before {
	content: "おすすめ!";
	background:#f64747;
	height:19px;
	width:63px;
	color:#fff;
	font-size:1.2rem;
	font-weight:bold;
	text-align:center;
	position: absolute;
 	z-index: 1;
	top:15px;
	left:-5px;
}
section.contents section div li.osusume:after {
	content: " ";
   	display: block;
    width: 0;
    height: 0;
    border-top: 4px solid #a44949 ;
    border-right: 4px solid #a4494;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
	position: absolute;
 	z-index:0;
	top:34px;
	left:-5px;
}
#liDisplay li.osusume h5 {
	background:#ffb7b7;
	color:#3e3a39;
	padding-left:65px;
}
#tmbDisplay li.osusume .ellipsis {
	background: #fff1f1;
}
#tmbDisplay li.osusume .ellipsis:before, #tmbDisplay li.osusume .ellipsis:after {
	background: #fff1f1;
}

/* display change button */
.displayChng .sort + span {
	background:#fff;
	display:block;
	float:left;
	padding:0.5em 0 0 0.5em;
}
/*-- list表示のdetail内 --*/
section.contents section div h5 + div {
	padding:1em 1em 0.2em 1em;
}
section.contents .detail p.buttons {
	padding:0.5em 0 1.3em;
}
section.contents .detail table {
	margin-bottom:1em;
}
section.contents .detail tr td:first-child {
	text-align:left;
}
section.contents#searchResult .detail .point dd  {
	padding-top:0;
}
/*-- thumbnail表示の時 --*/
#tmbDisplay .thumb {
	padding:0 1em;
}
section.contents#searchResult #tmbDisplay section ul + .pager {
	padding-bottom:1.5em;
	margin :0;
}

/* =============================
 バナー詳細ページ
==============================*/
section#shosai.contents section h3 + section {
	padding:1em;
	margin-top:1em;
}
section#shosai.contents .detail > div {
	background:#fff;
	padding:1em;
}
/*-- button styles -- */
#shosai .detail a.btnY.btnLY, #shosai .detail a.btnR {
	padding:0.8em 1em 0.5em;
	font-weight:bold;
}
#shosai .detail a.btnY.btnLY {
	display:block;
	cursor:pointer;
	font-size:1.6rem;
}
#shosai .detail div div a.btnY.btnLY {
	#width:40%;
	float:right;
	font-size:1.4rem;
	margin-top:-2px;
}
#shosai .detail div div a.btnY.btnLY:hover {
	margin-top:0;
}
#shosai .detail a.btnY.btnLY i, #shosai .detail a.btnR i {
	padding-left:0.5em;
}
#shosai .detail div.clearfix p {
	padding-bottom:0.5em;
}
section.contents#shosai .detail div.clearfix p.campT {
	padding:0.3em 0.5em 0.2em;
}
/*-- sister-site advertise area --*/
#shosai .detail .sisAd {
	position: relative;
	background:#feefef;
	border:2px solid #f64747;
	margin-bottom:2em;
}
/*吹き出し
#shosai .detail .sisAd:after, #shosai .detail .sisAd:before {
	bottom: 100%;
	left: 93.5%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#shosai .detail .sisAd:after {
	border-color: rgba(254, 239, 239, 0);
	border-bottom-color: #feefef;
	border-width: 10px;
	margin-left: -10px;
}
#shosai .detail .sisAd:before {
	border-color: rgba(246, 71, 71, 0);
	border-bottom-color: #f64747;
	border-width: 13px;
	margin-left: -13px;
}*/
#shosai .detail .sisAd .clearfix {
	padding:0.5em 1em 1em;
}
#shosai .detail .sisAd .fL a:hover {
	color:#fff;
}
#shosai .detail .sisAd .fL {
	float:left;
	width:69%;
}
#shosai .detail .sisAd .fR {
	float:right;
	width:30%;
}
#shosai .detail .sisAd a.btnR {
	text-align:center;
	display:block;
	margin-top:12px;
	color:#fff;
}
#shosai .detail .sisAd a.btnR:hover {
	margin-top:14px;
}
#shosai .detail .sisAd .fL a {
	padding-left:0.5em;
}
#shosai .detail .sisAd .fL a i {
	padding:0 0.5em;
}
/*-- sales-point area --*/
section#shosai.contents .detail .point {
	border:3px solid #5c5c5c;
	/*padding:0.5em 0;*/
	padding:0.5em 0 0;
	margin-bottom:2em;
}
section#shosai.contents .detail .point dd {
	padding-top:0;
}
section#shosai.contents .detail .point dd p img {
	float:none;
}
/*-- affiliater support area --*/
#shosai .suprt {
	background:#fffae6;
	border:3px solid #f7b52c;
	color:#494848;
	margin-bottom:2em;
	padding:1em;
}
#shosai .suprt h5 {
	background:transparent;
	color:#3e3a39;
	padding:0 0 0.5em;
	font-size:2.0rem;
	text-align:center;
}
#shosai .suprt dl, #shosai .suprt #copimaru {
	background:#fff;
	border:1px solid #c1c1c1;
	padding:1em;
}
#shosai .suprt dl {
	margin-bottom:0.5em;
	padding:0;
	overflow:hidden;
	display:table;
	width:100%;
}
#shosai .suprt dt, #shosai .suprt dd {
	display:table-cell;
	vertical-align:middle;
}
#shosai .suprt dt {
	padding:0.5em 0.3em 0.4em 0.5em;
	background:#f8dd7a;
	width:10em;
	position:relative;
}
#shosai .suprt dt:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(248, 221, 122, 0);
	border-left-color: #f8dd7a;
	border-width: 10px;
	margin-top: -10px;
}
#shosai .suprt dd {
	padding:0.5em 0.5em 0.4em 1em;
	width:500px;
	background:#fff;
}
/* コピ丸君エリア */
#shosai .suprt #copimaru {
	margin-top:2.5em;
}
#shosai .suprt #copimaru dl.intro:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#shosai .suprt #copimaru dl.intro {
	min-height: 1px;
	margin-bottom:0;
	overflow: visible;
	display:block;
	width:100%;
	border:none;
}
* html #shosai .suprt #copimaru dl.intro {
	height: 1px;
}
#shosai .suprt #copimaru dl.intro dt {
	float:left;
	width:296px;
	padding:0;
	background-color:#fff;
}
#shosai .suprt #copimaru dl.intro dt:after, #shosai .suprt #copimaru #innerBox dt:after {
	border:none;
	margin-top: 0;
}
#shosai .suprt #copimaru dl.intro dt img {
	margin-top:-35px;
}
#shosai .suprt #copimaru dl.intro dt p {
	font-weight:normal;
	padding:0.7em 0.7em 0.5em;
	position: relative;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 1px solid #5c5c5c;
	margin-top:1em;
}
#shosai .suprt #copimaru dl.intro dt p:after, #shosai .suprt #copimaru dl.intro dt p:before {
	bottom: 100%;
	left: 80%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
#shosai .suprt #copimaru dl.intro dt p:after {
	border-color: rgba(255, 255, 255, 0);
	border-bottom-color: #ffffff;
	border-width: 8px;
	margin-left: -8px;
}
#shosai .suprt #copimaru dl.intro dt p:before {
	border-color: rgba(92, 92, 92, 0);
	border-bottom-color: #5c5c5c;
	border-width: 9px;
	margin-left: -9px;
}
#shosai .suprt #copimaru dl.intro dd {
	float:right;
	width:344px;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border: 0px solid #ffe6e6;
	background:#ffe6e6;
	padding:0.8em 0.8em 0.5em;
}
#shosai .suprt #copimaru dl.intro dd p i {
	padding-right:0.5em;
}
#shosai .suprt #copimaru dd ul {
	padding:0.5em 0 0;
}
#shosai .suprt #copimaru dd li {
	font-size:1.2rem;
	padding:0 0 0.3em 1.5em;
	text-indent:-1.5em;
}
#shosai .suprt #copimaru dd li:before {
	content: "\f046";
	font-size:1.3rem;
	line-height:1.0;
	font-family: FontAwesome;
	padding-right:0.5em;
}
#shosai .suprt #copimaru p.btnY {
	padding:0.5em 0.5em 0.3em;
	display:block;
	margin-top:10px;
	font-weight:bold;
	color:#494848;
	font-size:1.8rem;
	cursor:pointer;
}
#shosai .suprt #copimaru p.btnY:hover {
	margin-top:12px;
	background:#fbce1c;
	border:none;
}
#shosai .suprt #copimaru p.btnY:before, #shosai .suprt #copimaru p.btnY:after {
	content: "\f063";
	font-family: FontAwesome;
}
#shosai .suprt #copimaru p.btnY.active:before, #shosai .suprt #copimaru p.btnY.active:after {
	content: "\f062";
	font-family: FontAwesome;
}
#shosai .suprt #copimaru p.btnY:before {
	padding-right:0.5em;
}
#shosai .suprt #copimaru p.btnY:after {
	padding-left:0.5em;
}
#shosai .suprt #copimaru #innerBox {
	display:none;
	border:1px solid #5c5c5c;
	border-radius:0 0 3px 3px;
	-moz-border-radius:0 0 3px 3px;
	-webkit-border-radius:0 0 3px 3px;
}
#shosai .suprt #copimaru #innerBox dl {
	border-top:0;
	border-left:0;
	border-right:0;
	border-bottom:1px solid #5c5c5c;
}
#shosai .suprt #copimaru #innerBox dt {
	font-weight:normal;
	width:8em;
	background:#ededed;
}
#shosai .suprt #copimaru #innerBox dd {
	font-weight:bold;
}
#shosai .suprt #copimaru #innerBox p {
	padding:0.3em 0.8em 0.6em;
}
/*-- code generator area --*/
#shosai #genertrTtl {
	font-weight:bold;
}
#shosai.contents section section.codeGenertr {
	margin:0 0 1em;
	padding:0;
}
section.contents .detail .codeGenertr h5 {
	font-size:1.5rem;
}
/* size select buttons */
section#shosai.contents section.codeGenertr ul.btnBox {
	padding:0;
}
#shosai.contents .codeGenertr ul.btnBox.mvBtns {
	text-align:center;
}
#shosai.contents .codeGenertr ul.btnBox li {
	display:inline-block;
	vertical-align:top;
	text-align:left;
}
#shosai .codeGenertr .btnBox .btnGroup, .btnGroup .scrollber {
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
#shosai .codeGenertr .btnBox p {
	padding-bottom:5px;
}
#shosai .codeGenertr .btnBox p i {
	padding-right:0.5em;
}
#shosai .codeGenertr .btnBox .btnGroup button {
	background:#918d8f;
	color:#fff;
	border-right:1px solid #f5f5f5;
	border-bottom:2px solid #5c5c5c;
	padding:0.4em 0.5em 0.2em;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	margin-top:-2px;
}
#shosai .codeGenertr .btnBox .btnGroup button.active, #shosai .codeGenertr .btnBox .btnGroup button:hover {
	border-bottom:0;
	margin-top:0;
	background:#5c5c5c;
}
#shosai .codeGenertr .btnBox .btnGroup button:first-child {
	border-radius:3px 0 0 3px;
	-moz-border-radius:3px 0 0 3px;
	-webkit-border-radius:3px 0 0 3px;
}
#shosai .codeGenertr .btnBox .btnGroup button:last-child {
	border-radius:0 3px 3px 0;
	-moz-border-radius:0 3px 3px 0;
	-webkit-border-radius:0 3px 3px 0;
	border-right:0px solid #918d8f;
}
/* size select freesize slider */
#shosai .codeGenertr .btnBox .btnGroup button.freeSize {
	background:#f5f5f5;
	color:#5c5c5c;
	border:none;
	padding:0;
	width:300px;
	text-align:left;
	margin-top:0;
	cursor: default;
	pointer-events:none;
}
#shosai .codeGenertr .btnBox .btnGroup button.freeSize:hover {
	margin-top:0;
}
.btnGroup .scrollber {
	background:#cacaca;
	margin-top:2px;
	padding:4px 0 3px;
}
.btnGroup .scrollber label, .btnGroup .scrollber input, .btnGroup .scrollber .sliderWrap {
	display:inline-block;
	vertical-align:middle;
}
.btnGroup .scrollber label {
	width:70px;
	padding:0 0 0 10px;
	color:#3e3a39;
}
.btnGroup .scrollber input {
	background:transparent;
	color:#3e3a39;
	width:2.5em;
	padding-top:0.2em;
}
.btnGroup .scrollber .sliderWrap {
	width:200px;
	padding-right:10px;
}
/* movie play button */
#shosai.contents .codeGenertr ul.btnBox.mvBtns li.mvPlay {
	padding-left:1em;
}
#shosai.contents .codeGenertr .mvBtns .mvPlay a.btnPpl {
	padding:0.4em 1em 0.2em;
	display:block;
	font-weight:normal;
	margin-top:-4px;
}
#shosai.contents .codeGenertr .mvBtns .mvPlay a.btnPpl:hover {
	margin-top:-2px;
}
#shosai.contents .codeGenertr .mvBtns .mvPlay a.btnPpl:after {
	content: "\f01d";
	font-family: FontAwesome;
	display:inline-block;
	padding-left:0.5em;
}


/* banner display */
#shosai .codeGenertr .imgBox {
	text-align:center;
	margin:2em 0;
	min-height:500px;
}
#shosai .codeGenertr .imgBox .imgBoxIn div {
	pointer-events:none;
}
#shosai .codeGenertr .imgBox p.imgInfo {
	text-align:left;
	color:#3e3a39;
	font-size:1.8rem;
	padding:1em;
}
/* unsizable */
#shosai.contents .codeGenertr .unsizable .imgBox {
	min-height:auto;
}
#shosai .codeGenertr .setting {
	background:#fff;
	padding:0;
	margin-bottom:1em;
}
#shosai .codeGenertr .setting li:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#shosai .codeGenertr .setting li {
	min-height: 1px;
	border-bottom:1px dotted #9f9f9f;
	padding:1em 1em 0.8em;
}
* html #shosai .codeGenertr .setting li {
	height: 1px;
}
#shosai .codeGenertr .setting li:last-child {
	border:none;
}
#shosai .codeGenertr .setting li p {
	float:left;
	width:70%;
}
#shosai .codeGenertr .setting li div {
	float:right;
	width:30%;
}
#shosai .codeGenertr .setting li p i {
	color:#f7b52c;
	padding-left:0.5em;
}
#shosai .codeGenertr .setting li label {
	display:inline-block;
	cursor:pointer;
	margin-left:1.8em;
	padding:0 0.2em;
}
#shosai .codeGenertr .setting li label:hover {
	background:#e2e2e2;
}
#shosai .codeGenertr .setting li label input {
	margin-right:0.5em;
	vertical-align:middle;
}
#shosai .codeGenertr .buttons button {
	font-size:1.8rem;
	margin-top:-2px;
	padding:0.5em 0.5em 0.3em;
}
#shosai .codeGenertr .button {
	padding:1em 0 0.8em;
}
#shosai .codeGenertr .button button.btnY {
	font-size:1.8rem;
	padding:0.5em 0.5em 0.3em;
	display:block;
	margin:0 auto;
	font-weight:bold;
	width:49%;
}
#shosai .codeGenertr .button button:hover {
	margin-top:2px;
}　
#shosai .codeGenertr .buttons button:hover {
	margin-top:0;
	border:none;
}
#shosai .codeGenertr .btnY {
	color:#3e3a39;
}
#shosai .sisCode dl, #shosai .regCode dl {
	margin-top:10px;
	padding:0;
}
#shosai .sisCode dl {
	background:#feefef;
	border:1px solid #f64747;
}
#shosai .regCode dl {
	background:#fffae6;
	border:1px solid #f7b52c;
}
#shosai .sisCode dt, #shosai .regCode dt {
	color:#fff;
	text-align:center;
	padding:0.5em 0.5em 0.3em;
	position: relative;
}
#shosai .sisCode dt {
	background:#f64747;
}
#shosai .regCode dt {
	background:#f7b52c;
	color:#3e3a39;
}
#shosai .sisCode dt:after, #shosai .regCode dt:after {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-width: 10px;
	margin-left: -10px;
}
#shosai .sisCode dt:after {
	left: 25%;
	border-bottom-color: #f64747;
}
#shosai .regCode dt:after {
	left: 75%;
	border-bottom-color: #f7b52c;
}
#shosai .button + .regCode dt:after {
	left:50%;
}
#shosai .sisCode dt i, #shosai .regCode dt i {
	padding-right:0.5em;
}
#shosai .sisCode dd, #shosai .regCode dd {
	padding:0;
}
#shosai .codeGenertr .regCode li a, #shosai .codeGenertr .sisCode li a {
	color:#f64747;
}
#shosai .codeGenertr .regCode li a:hover, #shosai .codeGenertr .sisCode li a:hover {
	color:#fff;
}
#shosai .codeGenertr dd textarea {
	padding:0.8em 0.8em 0.6em;
	width:96.5%;
	color:#5c5c5c;
	overflow:auto;
}
#shosai .codeGenertr dd textarea { padding:10px\9;width:687px\9;margin-top:1px\9; } /* IE9 under hack */
@media all and (-ms-high-contrast:none){
#shosai .codeGenertr dd textarea { padding:0.8em 0.8em 0.6em;width:100%;margin-top:1px; }
}
#shosai .sisCode dd textarea {
	background:#feefef;
}
#shosai .regCode dd textarea {
	background:#fffae6;
}
section#shosai.contents section section .codeGenertr .sisCode ul, section#shosai.contents section section .codeGenertr .regCode ul {
	padding:0;
	font-size:1.2rem;
	padding:0.5em 0 0.5em 1em;
}
.codeGenertr .sisCode ul li, .codeGenertr .regCode ul li {
	text-indent:-1em;
}
.codeGenertr .sisCode ul li:before, .codeGenertr .regCode ul li:before {
	content: "※";
}
.codeGenertr .regCode div {
	background:#fffae6;
	border:1px solid #f7b52c;
	line-height:1.6;
}

/* =============================
 レポートページ
==============================*/
/* report pages: base style */
#report section .cap {
	font-size:1.2rem;
	text-align:right;
	padding:0.5em 0;
}
#report table.ctgrTtl th {
	border-bottom:none;
}
#report td {
	text-align:right;
}
#report .tablesorter td.yen:after {
	content:"円"
}
/* table sort */
#report section table tbody th {
	text-align:center;
}
#report section table tbody th.tLeft {
	text-align:left;
}
#report section table.tablesorter th, #report section table.ctgrTtl th {
	padding:6px 4px;
}
#report section table.tablesorter tbody td {
	padding: 6px 4px;
}
#report section table.tablesorter thead tr .header {
	background-image:url(../img/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	text-align:left;
}
#report section table.tablesorter thead tr .pink, #report section table.ctgrTtl th.pink {
	background-color:#ffe6e6;
}
#report section table.tablesorter thead tr .header:hover {
	background-color:#c1c1c1;
}
#report section table.tablesorter thead tr .pink.header:hover {
	background-color:#fbcece;
}
#report section table.tablesorter tbody tr.odd td {
	background-color:#F0F0F6;
}
#report section table.tablesorter thead tr .headerSortUp {
	background-image:url(../img/asc.gif);
}
#report section table.tablesorter thead tr .headerSortDown {
	background-image:url(../img/desc.gif);
}
/*-- 累計詳細ページ --*/
#report .displayChng li:first-child {
	background:#fff;
}
#report .displayChng a {
	text-decoration:none;
	font-weight:bold;
	padding:0.4em 1em 0.3em;
}
#report .pagenation li {
	float:left;
	width:60%;
	text-align:center;
	font-size:2.0rem;
}
#report .pagenation li:last-child {
	float:right;
}
#report .pagenation li:not(.arw) {
	padding:0;
	color:#5c5c5c;
	cursor:default;
}
#report .pagenation li.arw {
	width:15%;
	font-size:1.4rem;
	background:#f5cd3c;
}
#report .pagenation li.arw:hover {
	background:#5c5c5c;
	color:#fff;
}
#report .pagenation li.arwDisabl, #report .pagenation li.arwDisabl:hover {
	background:#e1e1e1;
	color:#919191;
}
/* 累計表を含んだsection */
section#report.contents section section.mT0 {
	margin-top:0;
}
#report h5 {
	padding:1.3em 0 0.4em;
	margin:0 1.4rem;
	border-bottom:#c1c1c1 1px solid;
	font-size:1.8rem;
	font-weight:normal;
	color:#3e3a39;
}
/* 累計表 */
#report .mT0 tr th:first-child {
	text-align:left;
}
#report th a {
	text-decoration:none;
}
#report th.tV {
	line-height:1.2;
	width:1em;
	text-align:center;
	white-space:nowrap;
}
#report th.tV > span.tVertical {
	display:block;
	margin:0 auto;
	letter-spacing:1.4;
}
#report th.tV > span.tVertical {display:inline\9;}
@media all and (-ms-high-contrast:none){
#report th.tV > span.tVertical {display:inline;}
}
#report .mT0 td {
	text-align:right;
}
#report td > span {
	display:inline-block;
}
section .navi td {
	background:transparent;
	border:none;
	padding:0 0 0.5em;
}
#report .mT0 .navi td {
	text-align:center;
}
section .mT0 .navi td b {
	font-size:2.0rem;
	color:#5c5c5c;
}
section#report.contents section section .navi td ul {
	padding:0;
}
/* 用語集 */
#report .box01 ol {
	padding-left:3.6em;
}
#report .box01 ol span {
	display:inline-block;
	color:#f64747;
	padding-right:0.5em;
}
#report .box01 ol > li {
	padding-bottom:0.5em;
	text-indent:-1.4em;
}
#report .box01 ol > li:last-child {
	padding:0;
}
section#report.contents section section.box01 ol ul {
	padding:0 0 0 1em;
}
section#report.contents section section.box01 ul li {
	text-indent:0;
	list-style:disc;
}
/*-- 広告別詳細集計ページ --*/
#report #banner h4 a {
	color:#3e3a39;
}
#report #banner h4 a:hover {
	background-color:transparent;
}
#report #banner #narrowBox .form dt {
	font-weight:bold;
	padding:0 0.5em;
}
#report #banner #narrowBox .form dd input[name='productname'] {
	width:350px;
}
#report .detail h5 {
	font-size:1.6rem;
	color:#fff;
	margin:0;
	padding:1em 1em 0.8em;
}
#report .pager .fL .long .sort:nth-of-type(1) {
	width:188px;
}
#report .sort label.condition select {
	width:160px;
}
#report .detail th, #report .detail td {
	border:1px solid #5c5c5c;
}
#report .detail td {
	background-color:#fff;
}
#report .detail .sum {
	font-weight:bold;
}
#report .detail th.sum {
	background:#ffe6e6;
}
#report .detail p.buttons a.btnGry {
	color:#fff;
}
/* 前ページへ戻るボタン */
section .button.back {
	padding:0.5em 0 0 1em;
}
section .button.back .btn {
	color:#3e3a39;
	padding:0.6em 1em 0.4em;
	background:#c1c1c1;
	display:inline-block;
}
section .button.back .btn:before {
	content: "\f060";
	font-family: FontAwesome;
	padding-right:0.3em;
	vertical-align:middle;
}
section .button.back .btn:hover {
	background:#a6a6a6;
}

/* =============================
 ユーザーページ
==============================*/
/* user pages: base style */
#user section h4 {
	font-weight:normal;
	color:#3e3a39;
}
#user .tRed, #user .tRedYear {
	display:inline-block;
}
#user .changePW dd label:hover, #user .changeEmail dd label:hover, #user .pw dd label:hover,
#user .dm dd label:hover, #user .form.account .radiobtn label:hover {
	background:#e2e2e2;
	cursor:pointer;
}
/* user pages: form style */
#user p .tRed {
	color:#f64747;
	padding-right:0.3em;
	font-weight:bold;
}
#user p.jPostal .tRed {
	font-weight:normal;
}
#user form input#passcheck {
	margin:0 0.5em;
}
#user form input[type='email'] {
	width:300px;
}
#user .userInfo .compT {
	padding:2em 0;
	text-align:center;
}
/*-- ユーザー情報ページ --*/
#user section .userInfo dl:last-child {
	border-bottom:1px dotted #c1c1c1;
}
#user dl.changePW, #user dl.changeEmail {
	padding:0.5em 0;
}
#user .changePW .inputbox, #user .changeEmail .inputbox {
	/*display:none;*/
}
#user section .userInfo .button {
	padding:2em 0 1em;
}
#user .userInfo .button .btnY {
	font-size:1.6rem;
	padding:0.5em 0.5em 0.3em;
	display:block;
	margin:0 auto;
	font-weight:bold;
	width:49%;
	color:#5c5c5c;
}
#user .userInfo .button .btnY:hover {
	margin-top:2px;
}
/*-- 口座情報ページ --*/
#user .form.account input[type='text'] {
	width:30%;
}
#user .form.account input.w100pcnt[type='text'] {
	width:100%;
}
#user .form.account input.w50pcnt[type='text'] {
	width:50%;
}
#user. form.account .radiobtn label {
	margin:0 1em 0 0;
}
#user .form.account .radiobtn label input {
	margin-right:0.3em;
}
#user section.box01 h5 i {
	padding-right:0.3em;
}
#user section.box01 div span {
	padding:0;
}
#user section.box01 div b {
	background-color:#ffe895;
	padding:0 0.3em;
}
#user section.box01 p.image {
	text-align:center;
	padding:1.5em 0;
}
#user section.box01 p.image img {
	width:80%;
}
#user section.box01 li {
	list-style:disc;
	margin:0 0 0.5em 1em;
}
/*-- 登録URLページ --*/
#user .warning {
	padding:0.5em;
	background:#fff;
	margin-bottom:0.5em;
}
#user .warning p {
	padding:0.5em 1em 0;
}
#user .warning p i {
	padding-right:0.3em;
	color:#f64747;
}
#user .warning ul {
	padding:0.5em 1em;
}
#user .warning li {
	list-style:disc;
	padding-bottom:0.3em;
	margin-left:1em;
}
#user .warning li:last-child {
	padding-bottom:0;
}
#user .warning li b {
	color:#f64747;
}
#user .warning li i.tooltip {
	color:#f7b52c;
	padding:0 0.3em;
}
#user .warning li i.tooltip:hover span:after, #user .warning li i.tooltip:hover span:before {
    left:28px;
}
#user .userURL {
	padding-top:0.5em;
	padding:0 0 0 0;
}
#user .userURL li {
	list-style:decimal;
	list-style-position:inside;
	padding:0 0 1em 1em;
	margin:1em 0 0 0;
	border-bottom:1px dotted #c1c1c1;
}
#user .userURL li b {
	display:inline-block;
	width:8em;
}
#user .userURL li input {
	width:83%;
}
/* 登録URL編集ページ */
#user .form.urlList .userURL {
	padding-top:0.5em;
}
#user .form.urlList .userURL li {
	padding:0 0 1em 1em;
	margin:1em 0 0 0;
	border:none;
}
#user .form.urlList .list1_del.btn, #user .form.urlList .list1_add.btn {
	font-size:1.4rem;
	padding:0.2em 0.8em 0.1em;
}
#user .form.urlList .userURL li {
	padding:0 0 0.5em 0.5em;
}
#user .form.urlList .list1_del.btn, #user .form.urlList .list1_add.btn {
	background-color:#d9d9d9;
}
#user .form.urlList .list1_del.btn:hover, #user .form.urlList .list1_add.btn:hover {
	background-color:#c1c1c1;
}
#user .form.urlList .list1_add.btn {
	margin:1em 0 0 2em;
}
#user .userInfo textarea {
	width:80%;
}
#user section .userInfo dl.dm {
	margin-bottom:1em;
}
#user section .userInfo section.box01 {
	background-color:#fff;
}
/* 退会ページ */
#user #cancelForm input[type='checkbox'] {
	margin-right:0.3em;
}
#user #cancelForm label {
	margin:0 0 1em 0;
	cursor:pointer;
	display:inline-block;
}
#user #cancelForm label:hover {
	background-color:#e2e2e2;
}
#user #cancelForm textarea {
	width:80%;
	height:100px;
	margin-top:0.3em;
	padding:0.3em;
	border:1px solid #c1c1c1;
	color:#3e3a39;
}
#user #cancelForm textarea.errorTextarea {
	border:1px solid #ffb7b7;
}
#user #cancelForm .reminder {
	background:#ffea9c;
	margin:1em 0;
	padding:1em;
	text-align:center;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid #ffea9c;
}
#user #cancelForm .finalcheck {
	text-align:center;
	margin:2em 0 1.5em;
}

/* =============================
 アフィリエイト管理
==============================*/
/* affiliate pages: base style */
#affiliate table {
	font-size:1.2rem;
}
#affiliate table.accesslist td:nth-child(3),
#affiliate table.result td:nth-child(2),
#affiliate .detail td.url {
	word-wrap:break-word;
}
#affiliate table td span {
	display:block;
	padding-right:0.3em;
}
#affiliate table td a {
	text-decoration:none;
}
#affiliate table td a:hover {
	color:#f64747;
	text-decoration:underline;
}
/* url ranking result */
#affiliate table.result {
	font-size:1.4rem;
}
#affiliate table.result td {
	text-align:center;
}
#affiliate table.result td:nth-child(2) {
	text-align:left;
}
/* payment history result */
#affiliate #narrowBox .payment dt {
	width:20%;
}
#affiliate #narrowBox .payment dd {
	width:75%;
}
#affiliate #narrowBox .payment dd span {
	margin-right:1.5em;
	height:1.6em;
}
#affiliate .detail {
	margin-bottom:1.5em;
}
#affiliate .detail hgroup {
	border-bottom:#5c5c5c 1px solid;
}
#affiliate .detail hgroup.earned {
	background:#fff3c7;
}
#affiliate .detail hgroup.nonearned {
	background:#fff3f3;
}
#affiliate .detail hgroup h5, #affiliate .detail hgroup span {
	display:inline-block;
	vertical-align:middle;
}
#affiliate .detail hgroup span {
	text-align:center;
	line-height:1.2;
	font-weight:bold;
	width:8.001%;
}
#affiliate .detail hgroup h5 {
	width:92%;
	padding:0.9em 0 0.7em;
	position:relative;
}
#affiliate .detail hgroup.nonearned h5 span {
	display:inline;
	font-weight:normal;
	padding:0 1em;
}
#affiliate .detail hgroup h5 .sisSite {
	font-size:1.2rem;
	padding:0.1em 0.5em;
	margin-right:0.5em;
	font-weight:bold;
	position:absolute;
	top:-12px;
	left:-12px;
}
#affiliate .detail hgroup h5 .sisSite:after {
	top: 100%;
	left: 25px;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(251, 206, 206, 0);
	border-top-color: #f64747;
	border-width: 5px;
	margin-left: -5px;
}
#affiliate .detail hgroup h5 a {
	padding:0 1em;
	color:#fff;
	display:inline-block;
}
#affiliate .detail hgroup h5 a:hover {
	background:transparent;
}
#affiliate .detail hgroup h5 span {
	display:inline-block;
}
#affiliate .detail hgroup + table {
	margin-bottom:0;
}
#affiliate .detail hgroup + table th, #affiliate .detail hgroup + table td {
	border:none;
}
#affiliate .detail hgroup + table td {
	background:#fff;
}
#affiliate .detail hgroup + table th, #affiliate .detail hgroup + table td:nth-child(2) {
	border-right:1px solid #c1c1c1;
}
#affiliate .detail hgroup + table tr:last-child {
	border-bottom:1px solid #c1c1c1;
}
#affiliate .detail hgroup.nonearned + table tr:last-child {
	border-bottom:none;
}
#affiliate .detail div {
	padding:1em;
}
#affiliate .detail .btn {
	background:#5c5c5c;
	color:#fff;
	font-weight:normal;
	padding:0.2em 0.3em 0.1em;
	cursor:pointer;
}
#affiliate .detail table caption {
	font-size:1.4rem;
}
#affiliate .detail tr {
	border-bottom:1px solid #c1c1c1;
}
#affiliate .detail tr:last-child {
	border:none;
}
#affiliate .detail table th, #affiliate .detail table td {
	font-size:1.4rem;
	border:1px solid #c1c1c1;
}
#affiliate .detail td {
	background:#f5f5f5;
	text-align:left;
}
#affiliate .detail th.reward {
	background:#fbcece;
}
#affiliate .detail td.reward {
	text-align:right;
	background:#ffe6e6;
	font-size:1.6rem;
}
#affiliate .detail td.itemname span {
	display:inline-block;
	margin-left:0.5em;
	padding:0 0.3em;
	font-size:12px;
	color:#fff;
}
#affiliate .detail td.itemname span:before {
	content: "\f155";
	font-family: FontAwesome;
	padding-right:0.3em;
	font-weight:normal;
}
#affiliate .detail td.itemname .direct {
	background:#ff9242;
	font-weight:bold;
}
#affiliate .detail td.itemname .tsuide {
	background:#ecc022;
}
#affiliate .detail td.itemname .lucky {
	background:#bcb43c;
}
#affiliate .detail .purchased:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#affiliate .detail .purchased {
	min-height: 1px;
	font-weight:bold;
}
* html #affiliate .detail .purchased {
	height: 1px;
}
#affiliate .detail .purchased .ttl {
	display:block;
	float:left;
	padding-top:5px;
}
#affiliate .detail .purchased + div {
	padding:0;
}
#affiliate .detail .product {
	margin-bottom:0;
}
#affiliate .detail .product th.reward {
	background:#ffe6e6;
}
#affiliate .detail .product th span {
	display:inline-block;
	margin-top:2px;
	font-size:1.2rem;
}
#affiliate .detail .product th span:before {
	content: "\f0ab";
	font-family: FontAwesome;
	padding-right:0.3em;
}
#affiliate .detail .product th span.active:before {
	content: "\f0aa";
}
#affiliate .detail .product th span:hover {
	background:#4a4a4a;
}
#affiliate .detail .product .number {
	text-align:center;
}
#affiliate .detail .product td.rewardFee {
	text-align:right;
	background:#fff3f3;
}
#affiliate .detail .product td:nth-child(3),
#affiliate .detail .product td:nth-child(4) {
	text-align:center;
	padding:0;
}
#affiliate .detail .product tr.more {
	display:none;
}
#affiliate .detail .product tr.more > td {
	padding:0;
}
#affiliate .detail .product tr.more > td:last-child {
	border-bottom:none;
}
#affiliate .detail .product tr.more table {
	margin:0;
}
#affiliate .detail .product tr.more th.plus {
	background:#c5eff7;
}
#affiliate .detail .product tr.more table th, #affiliate .detail .product tr.more table td {
	padding:0.5em;
	border:none;
	border-right:1px solid #c1c1c1;
}
#affiliate .detail .product tr.more table th:last-child, #affiliate .detail .product tr.more table td:last-child {
	border-right:none;
}
#affiliate .detail .product tr.more table td {
	text-align:right;
	border-bottom:1px solid #c1c1c1;
	background:#fff;
}
#affiliate .detail .product tr.more table td.plus {
	background:#eafafe;
}
@-moz-document url-prefix() { /* ff hack */
	#affiliate .detail .product tr.more table th:first-child {
		width:13.8%;
	}
}

/* =============================
 換金申請
==============================*/
/* return pages: base style */
section.contents#return h4 {
	font-weight:normal;
}
#return section dt, #return section dd {
	display:inline-block;
	vertical-align:middle;
	padding:0.5em 1em 0.4em;
}
#return #note #accountInfo,
#return section#amountInput .form:nth-of-type(2),
#return section#amountCnfm .kouriMmbr {
	background:#fff;
	padding:1em;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border:0px solid #fff;
	margin:1em 0;
}
#return section#amountInput .form:nth-of-type(2),
#return section#amountCnfm .kouriMmbr {
	border:1px solid #e2e2e2;
	margin-bottom:0;
}
#return section#amountInput .form:nth-of-type(2) ul,
#return section#amountCnfm .kouriMmbr ul {
	padding:0;
}
#return section#amountInput .form:nth-of-type(2) li,
#return section#amountCnfm .kouriMmbr li {
	text-indent:-1em;
	padding-left:1em;
}
#return section#amountInput .form:nth-of-type(2) li:before,
#return section#amountCnfm .kouriMmbr li:before {
	content: "※";
}
#return section#amountInput h5,
#return section#amountCnfm h5 {
	font-size:1.6rem;
}
#return section#amountInput h5:before,
#return section#amountCnfm h5:before {
	content: "\f158";
	font-family: FontAwesome;
	padding-right:0.3em;
}
#return section#amountInput .form h5:before,
#return section#amountCnfm .kouriMmbr h5:before {
	content: "\f007";
}
#return section#amountInput dt, #return section#amountInput dd,
#return section#amountCnfm dt, #return section#amountCnfm dd {
	font-size:1.8rem;
}
#return section#amountInput .siteinfo dt, #return section#amountInput .siteinfo dd,
#return section#amountCnfm .siteinfo dt, #return section#amountCnfm .siteinfo dd {
	font-size:1.4rem;
}
#return section#amountInput .point dt,
#return section#amountCnfm .point dt {
	font-size:1.4rem;
}
#return section#amountInput div.siteinfo,
#return section#amountCnfm div.siteinfo {
	padding:0.5em 1em 1em;
}
#return section .button {
	text-align:center;
	margin-top:-2px;
	padding:0.5em 0;
}
#return section#note a.btn, #return section button {
	padding: 0.6em 1em 0.4em;
	display:inline-block;
	color:#fff;
}
#return section button {
	font-weight:bold;
	cursor:pointer;
	font-size:1.6rem;
	color:#5f5f5f;
}
#return section button.btnGry {
	color:#fff;
}
#return p.buttons a.btnLY {
	margin-top:-2px;
}
#return section#note a.btn:hover, #return section button:hover, #return p.buttons a.btnLY:hover {
	margin-top:0;
}
#return section#note a.btn i {
	padding-right:0.3em;
	font-size:1.8rem;
	vertical-align:middle;
}
#return section button i {
	padding-left:0.3em;
	font-size:1.8rem;
	vertical-align:middle;
}
#return section button[name='back'] i {
	padding-right:0.3em;
	padding-left:0;
}
#return p.buttons a {
	color:#5f5f5f;
}
#return p.buttons a.btnLY {
	margin-top:-2px;
}
#return p.buttons a.btnLY:hover {
	border:none;
}
#return .comp {
	padding:2em 1em 1em;
}
#return .comp p:not(.buttons) {
	padding-bottom:1.5em;
}
/* 振込申請・ポイント申請ページ */
#return #note #accountInfo > p {
	font-weight:bold;
	font-size:1.5rem;
	margin-bottom:0.5em;
}
#return #note #accountInfo .clearfix div {
	width:500px;
	float:left;
	border:1px solid #c1c1c1;
}
#return #note #accountInfo .clearfix p {
	float:right;
	width:230px;
}
#return #note #accountInfo .clearfix p span {
	display:block;
	padding-top:0.5em;
	font-weight:bold;
	text-align:right;
}
#return #note #accountInfo dl {
	border-bottom:1px dotted #c1c1c1;
}
#return #note #accountInfo dl:last-child {
	border:none;
}
#return #note #accountInfo dt {
	width:11em;
	margin-right:0.5em;
}
#return section#amountInput ol {
	padding:0.5em 0 0.7em 1em;
}
#return section#amountInput ol li {
	padding-bottom:0.3em;
}
#return section#amountInput dt {
	width:11em;
	text-align:right;
}
#return section#amountInput dd input {
	margin-right:0.3em;
	width:250px;
	color:#919191;
}
#return section#amountInput dd label + .tRed {
	font-size:1.4rem;
	margin-left:1em;
	display:none;
}
#return section#amountInput button.btnY {
	color:#5c5c5c;
	font-size:1.6rem;
	font-weight:bold;
}
#return section#amountInput .button {
	padding:1.5em 0 1em;
	margin:0;
}
#return section#amountInput .pTLR1m + .button {
	padding:1.5em 0;
}
#return section#amountInput .button button {
	margin-top:-2px;
	width:45%;
}
#return section#amountInput .button button:hover {
	margin-top:0;
}
/* 換金申請確認ページ */
#return section#amountCnfm dt {
	width:11em;
	text-align:right;
}
#return section#amountCnfm .kouriMmbr {
}
#return section#amountCnfm
/* 換金申請履歴ページ */
#return #paymentHistory {
	color:#3e3a39;
}
#return #paymentHistory th {
	background:#e1e1e1;
}
#return #paymentHistory td {
	text-align:center;
}
#return #paymentHistory td:nth-child(2) {
	text-align:right;
}

/* =============================
 特集（メルマガ掲載）
==============================*/
/* tokusyu pages: base style */
section.contents#tokusyu section section#nlList {
	margin-top:1em;
}
#tokusyu #nlList ul {
	background-color:#fff;
	height:200px;
	overflow-y:auto;
}
#tokusyu #nlList li {
	padding-bottom:1.5em;
}
#tokusyu #nlList li:last-child {
	padding-bottom:0;
}
#tokusyu #nlList li dl:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
#tokusyu #nlList li dl {
	min-height: 1px;
}
* html #tokusyu #nlList li dl {
	height: 1px;
}
#tokusyu #nlList li dt {
	width:10%;
	float:left;
}
#tokusyu #nlList li dd {
	width:86%;
	float:right;
}
#tokusyu .box01 h5 {
	padding:1.3em 0 0.4em;
	margin:0 1.4rem;
	border-bottom:#c1c1c1 1px solid;
	font-size:1.8rem;
	font-weight:normal;
	color:#3e3a39;
}
#tokusyu .box01 h5 + div {
	padding:0 1em 1em;
}
#tokusyu .box01 div > .mail_font {
	background-color:#fff;
	padding:1em;
}

/* =============================
 新着情報アーカイブ
==============================*/
/* news archive pages: base style */
section.contents#news section section {
	margin-top:1em;
	padding:1em;
}
section.contents#news section .pager {
	margin:0;
	padding:0;
}
section.contents#news section .pager + div {
	background:#fff;
	margin:1em 0;
	padding-top:0.5em;
}

/*後から追加*/
#takara {
    margin: 0px auto 10px;
    text-align: center;
    width: 100%;
}
#takara a{
    background-image: url(../../loginBonus/img/close_open_box.png);
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: left top;
    width: 190px;
    height: 164px;
    display: block;
    cursor:pointer;
    text-align:center;
    color:#fff;
    text-indent: -9999px;
}

#takara a:hover{
    background-position:right bottom;
    color:#fff;
}

/*キャンペーン用*/
#takara2020 {
    margin: 0px auto 10px;
    text-align: center;
    width: 100%;
}
#takara2020 a{
    background-image: url(../../loginBonus/img/close_open_box_new-year.png);
    background-color:transparent;
    background-repeat: no-repeat;
    background-position: left top;
    width: 190px;
    height: 218px;
    display: block;
    cursor:pointer;
    text-align:center;
    color:#fff;
    text-indent: -9999px;
}

#takara2020 a:hover{
    background-position:right bottom;
    color:#fff;
}

/* =============================
 縦長バナー
==============================*/
.contents ul#skyBnr {
	display:list-item;
	position:relative;
	width:1024px;
}
.contents ul#skyBnr li a, .contents ul#skyBnr li a:link, .contents ul#skyBnr li a:active, .contents ul#skyBnr li a:hover, .contents ul#skyBnr li a:visited {
	background-color:transparent;
	color:#f64747;
}
section.contents ul#skyBnr table {
	width:170px;
}
section.contents ul#skyBnr table img {
	width:100%;
}
section.contents ul#skyBnr td, section.contents ul#skyBnr th {
	border:none;
}
.contents ul#skyBnr .skyL {
	position:absolute;
	top:45;
	left:-190px;
	text-align:right;
	width:170px;
	max-height:1600px;
	overflow:hidden;
}
.contents ul#skyBnr .skyR {
	position:absolute;
	top:45;
	right:-190px;
	text-align:left;
	width:170px;
	max-height:1600px;
	overflow:hidden;
}

/* クーポン */
.cpon_ticket{position:relative;margin:10px;padding:10px;width: 320px;text-align: center;box-shadow: 0 0 0 3px #eee, 0 0 0 4px #bbb;}
.cpon_ticket .title{margin-top:6px;background:linear-gradient(transparent 60%, #b3b3ff 40%);font-weight:bold;font-size:20px;}
.cpon_ticket .sub{font-size:14px;}
.cpon_ticket .code{margin-top:14px;font-size:16px;line-height:46px;}
.cpon_ticket .code strong{padding:2px 10px;color:#000;font-size:2.2em;font-weight:800;-webkit-transition:font-size .4s,color .4s;transition:font-size .4s,color .4s;background-color: #ffff66;}
.cpon_ticket .code b{font-size:30px;}
.cpon_ticket .text{font-size:12px;color:#4d4dff;background-color: #fff;border: 1px solid #b3b3ff;box-shadow: 0 0 0 2px #fff;margin: 20px 0 0 0;padding: 6px 0;}
.cpon_ticket:hover .code strong{color:red;font-size:46px;}

.cpon_ticket_usa{position:relative;margin:10px;padding:10px;width: 320px;text-align: center;box-shadow: 0 0 0 3px #eee, 0 0 0 4px #bbb;}
.cpon_ticket_usa .title{margin-top:6px;background:linear-gradient(transparent 60%, #fe8721 40%);font-weight:bold;font-size:20px;}
.cpon_ticket_usa .sub{font-size:14px;}
.cpon_ticket_usa .code{margin-top:14px;font-size:16px;line-height:46px;}
.cpon_ticket_usa .code strong{padding:2px 10px;color:#000;font-size:2.2em;font-weight:800;-webkit-transition:font-size .4s,color .4s;transition:font-size .4s,color .4s;background-color: #ffff66;}
.cpon_ticket_usa .code b{font-size:30px;}
.cpon_ticket_usa .text{font-size:12px;color:#e95531;background-color: #fff;border: 1px solid #fe8721;box-shadow: 0 0 0 2px #fff;margin: 20px 0 0 0;padding: 6px 0;}
.cpon_ticket_usa:hover .code strong{color:red;font-size:46px;}


.no_marquee {
font-size:1.2rem;
margin-top: 0.5em;
background-color:#f6f6f6;
padding:0.1em 0;
height:18px;
}

.no_marquee a{
color:#5C5C5C;
text-decoration: none;
}

.no_marquee a:hover {
  background-color: #f6f6f6;
}

.marquee a{
color:#5C5C5C;
text-decoration: none;
}

.marquee a:hover {
  background-color: #f6f6f6;
}


.marquee {
/*width:100px;*/
height:18px;
font-size:1.2rem;
padding:0.1em 0;
overflow:hidden;
background-color:#f6f6f6;
/*margin-bottom:10px;*/
margin-top: 0.5em;
position:relative;
}

.marquee p:after {
content:"";
white-space:nowrap;
padding-right:100px;
}

.marquee p {
margin:0;
padding-left:100px;
display:inline-block;
height:18px;
white-space:nowrap;
	-webkit-animation-name:marquee;
	-webkit-animation-timing-function:linear;
	-webkit-animation-duration:5s;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-name:marquee;
	-moz-animation-timing-function:linear;
	-moz-animation-duration:5s;
	-moz-animation-iteration-count:infinite;
	-ms-animation-name:marquee;
	-ms-animation-timing-function:linear;
	-ms-animation-duration:5s;
	-ms-animation-iteration-count:infinite;
	-o-animation-name:marquee;
	-o-animation-timing-function:linear;
	-o-animation-duration:5s;
	-o-animation-iteration-count:infinite;
	animation-name:marquee;
	animation-timing-function:linear;
	animation-duration:5s;
	animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
  from   { -webkit-transform: translate(0%);}
  99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
  from   { -moz-transform: translate(0%);}
  99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
  from   { -ms-transform: translate(0%);}
  99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
  from   { -o-transform: translate(0%);}
  99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
  from   { transform: translate(0%);}
  99%,to { transform: translate(-100%);}
}

#livepreview_dialog {
    padding:0px;
    height:200px;
    width:300px;
    background-color:#fff;
    background-repeat:no-repeat;
    background-position:center center;
    position:absolute;
    border:solid 1px #666;
    border-radius:5px;
    -moz-border-radius: 5px;
    -webkit-border-radius:5px;
}

#livepreview_dialog:after, #livepreview_dialog:before {
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

#table-wrapper {
  position:relative;
}
#table-scroll {
  height:400px;
  overflow:auto;
  margin-top:5px;
  margin-bottom:30px;

}
#table-wrapper table {
  width:100%;
}

#table-wrapper table thead th .text {
  position:absolute;
  top:-20px;
  z-index:2;
  height:20px;
  width:35%;
  border:1px solid red;
}


/*比較表*/
.hikaku_1{
	padding:5px;
	margin:3px;
	font-weight:bold;
	border:solid 3px #000000;
	width:710px;
	height:auto;
	overflow:hidden
}
.hikaku_2{
	margin:3px;
	color:#291C6E;
	background:#291C6E;
	border-top-left-radius:15px;
	border-top-right-radius:15px;
}
.hikaku_3{
	margin:3px;
	text-align:center;
    font-size:1.6em;color:#FFFFFF;
	padding:10px;
	font-weight:bold;
	text-shadow:1px 2px 3px #000000;
}
.hikaku_4{
	margin:10px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
}
.hikaku_5{
	width:100%;
	height:50px;
	margin:auto;
}
.hikaku_6{
	width:49.8%;
	float:left;
	margin:0 5 0 5;
}
.hikaku_7{
	width:49.8%;
	float:left;
	margin:0 0 0 0;
}
.hikaku_waku{
	padding:5px;
	margin:0px;
	text-align:center;
	font-size:1.0em;
}
.hikaku_waku_l{
	padding:5px;
	margin-top:-2px;
	text-align:left;
	font-size:0.8em;
	border-bottom-left-radius:15px;
}
.hikaku_waku_r{
	padding:5px;
	margin-top:-2px;
	text-align:left;
	font-size:0.8em;
	border-bottom-right-radius:15px;
}
.hikaku_table{
	font-size:110%;
	border-bottom:dashed 1px #000000;
	line-height:20px;
}
.hikaku_table_under{
	font-size:110%;
	line-height:20px;
}
.hikaku_td{
	vertical-align: top;
	background:#fff!important;
	text-align:left!important;
	border: 0px solid #fff!important;
}
.hikaku_td_250{
	vertical-align: top;
	background:#fff!important;
	text-align:left!important;
	border: 0px solid #fff!important;
	width:250px;
}
.hikaku_td_50{
	vertical-align: top;
	background:#fff!important;
	text-align:left!important;
	border: 0px solid #fff!important;
	width:50px;
}
.hikaku_td_left{
	background:#fff!important;
	text-align:left!important;
	border:0px solid#fff!important;
}


#check_cost {
  display: none;
}
.label_cost {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f8dd7a;
  color: #565656;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
label_cost:hover {
  background: #0090aa;
}
.panel_cost {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  /*background: #F5F0CF;*/
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
}
input:checked + .panel_cost {
  height: auto;
  padding: 3px;
}

#check_copi {
  display: none;
}
.label_copi {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f8dd7a;
  color: #565656;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
label_copi:hover {
  background: #0090aa;
}
.panel_copi {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  /*background: #F5F0CF;*/
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
}
input:checked + .panel_copi {
  height: auto;
  padding: 3px;
}


#check_camp {
  display: none;
}
.label_camp {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f8dd7a;
  color: #565656;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
label_camp:hover {
  background: #0090aa;
}
.panel_camp {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  /*background: #F5F0CF;*/
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
}
input:checked + .panel_camp {
  height: auto;
  /*padding: 1px;*/
}

#check_sis {
  display: none;
}
.label_sis {
  cursor: pointer;
  display: inline-block;
  padding: 10px 20px;
  border-radius: 4px;
  background: #f8dd7a;
  color: #565656;
  -webkit-transition: 0.1s;
  transition: 0.1s;
}
label_sis:hover {
  background: #0090aa;
}
.panel_sis {
  -webkit-transition: .3s ease;
  transition: .3s ease;
  height: 0;
  overflow: hidden;
  /*background: #F5F0CF;*/
  margin-top: 10px;
  padding: 0;
  border-radius: 5px;
}
input:checked + .panel_sis {
  height: auto;
  padding: 3px;
}

#mibew-agent-button:hover{
	background:transparent;
}

/*チャットリサイズ用*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }


/*検索のオートコンプリート*/
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: 1px solid #999999;
	background: #dadada;
	font-weight: normal;
	color: #212121;
}
.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff;
    color: #222222;
}
.ui-helper-hidden-accessible {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.ui-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
    outline: none;
}
.ui-autocomplete {
    position: absolute;
    top: 0;
    left: 0;
    cursor: default;
        width: 400px;
}

.ui-front {
    z-index: 9999;
}
.ui-menu .ui-menu-item {
    position: relative;
    margin: 0;
    padding: 3px 1em 3px .4em;
    cursor: pointer;
    min-height: 0;
    font-size:12px;
}
.ui-menu .ui-menu-item a{
    text-decoration: none;
}

#ui-id-1{
    top:0px;
    left:0px;
    z-index: 9999;
    color:#fff;
}
#ui-id-1 a:focus{
    color:#fff;
}
#ui-id-1 a:hover{
    color:#fff;
}

#ui-id-2{
    top:0px;
    left:0px;
    z-index: 9999;
    color:#fff;
}
#ui-id-2 a:focus{
    color:#fff;
}
#ui-id-2 a:hover{
    color:#fff;
}

@charset "utf-8";

/* ==========================================================
 タイアップ： 位元堂 style_igendo.css

 01 aside navigation
 02 top article section
 03 basic button styles
 04 banner search product category box
 05 button styles
 06 icons style
 07 unsizable
 08 affiliate pages: base style

 last update 2018/12/03
===========================================================*/



/* ------------------------------------------------------
 01 aside navigation
------------------------------------------------------ */

/* aside navigation */
.contents aside nav.igendo {
    background: #ffeadc;
}

.contents aside nav.igendo dt {
    background: url(../img/igendo/bg-nav.gif) right bottom #ee6c16 no-repeat;
    border: 1px solid #ee6c16;
    padding: 0.85em 1em 0.7em;
}

.contents aside nav.igendo dd li a:hover,
.contents aside nav.igendo dd li span:hover,
.contents aside nav.igendo dd li span.active {
    background: #ffcfaf;
}


/* ------------------------------------------------------
 02 top article section
------------------------------------------------------ */
/* =============================
 トップページ：TOP PAGE
==============================*/
#top article section#igendo {
    background: #ffeadc;
    padding: 20px 0 0 0;
}
#top article section#igendo h3 {
    background: url(../img/igendo/bg-h3.gif) right bottom #ee6c16 no-repeat;
    border-bottom: none;
    color: #fff;
    display: inline-block;
    left: -5px;
    line-height: 1.8;
    margin: 0;
    position: relative;
    padding: 10px 20px 8px;
    width: 765px;
}
#top article section#igendo h3:before {
    position: absolute;
    content: "";
    top: 100%;
    left: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-right: solid 5px #ac5707;
}
#top article section#igendo h3:after {
    position: absolute;
    content: "";
    top: 100%;
    right: 0;
    border: none;
    border-bottom: solid 5px transparent;
    border-left: solid 5px #ac5707;
}
#top article section#igendo .igendo-about {
    background: #fff;
    border-right: 1px solid #ffeadc;
    border-left: 1px solid #ffeadc;
    display: flex;
}
#top article section#igendo .igendo-logo {
    width: 98px;
}
#top article section#igendo .igendo-about p.igendo-text {
    width: 420px;
    padding: 0 25px;
    margin: 5px 0 0 0;
}
#top article section#igendo .igendo-about p.igendo-text + p {
    margin: 10px 0 0 0;
}

/* IGENDO BANNER */
#top article section#igendo ul:after {
    content: " ";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}

#top article section#igendo ul li {
    float:left;
    width:145px;
    margin-right:10px;
    position:relative;
}
#top article section#igendo ul li:last-child {
    margin-right:0;
}
#top article section#igendo ul li img {
    width:143px;
    height:auto;
    border:1px solid #c1c1c1;
}
#top article section#igendo ul li a img,
#top article section#igendo ul li a span {
    display:block;
}
#top article section#igendo ul li a span {
    font-size:1.2rem;
    padding:0.2em 0.2em 0;
}
#top article section#igendo ul li a:hover span {
    color:#f64747;
}

/* ------------------------------------------------------
 03 basic button styles
------------------------------------------------------ */

a.btnO, .btnO {
    color: #fff;
}

a.btnO {
    text-decoration: none;
}

.btnO {
    background: #eb5e00;
    border-bottom: 2px solid #c64f00;
    border-radius: 3px;
    font-size: 1.8rem;
    font-weight: bold;
    display: inline-block;
    margin-top: -2px;
    padding: 0.5em 2.4em 0.3em;
    text-align: center;
}

.btnO:hover {
    margin-top: 0;
    background-color: #f1731f;
    border-bottom: none;
}

.btnLO {
    background: #eb5e00;
    border-bottom: 2px solid #c64f00;
}



/* ------------------------------------------------------
 04 banner search product category box
------------------------------------------------------ */
/* =============================
 バナーを探す：検索TOPページ
 バナーを探す：検索結果ページ
==============================*/

#searchTop #narrowBox dl div,
#searchResult #narrowBox dl div {
    position: relative;
}

#searchTop #narrowBox dl div span.icon-flag,
#searchResult #narrowBox dl div span.icon-flag {
    position: absolute;
    top: -10px;
    font-size: 1.2rem;
    background-color: #000;
    color: #fff;
    padding: 0.125em 0.5em 0;
    left: 2px;
}

#searchTop #narrowBox dl div span.icon-flag.igendo,
#searchResult #narrowBox dl div span.icon-flag.igendo {
    background-color: #eb5e00;
}


/* =============================
 バナーを探す：検索結果ページ
==============================*/

#tmbDisplay li.igendo {
    border-color: #e4750d;
}

#tmbDisplay li.igendo .ellipsis {
    background: #ffeadc;
}

#tmbDisplay li.igendo .ellipsis:before,
#tmbDisplay li.igendo .ellipsis:after {
    background: #ffeadc;
}

section.contents section div li.igendo {
    background: #ffeadc;
    position: relative;
}

section.contents section div li.igendo:before {
    content: "タイアップ";
    background: #eb5e00;
    height: 19px;
    width: 68px;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    position: absolute;
    z-index: 1;
    top: 15px;
    left: -5px;
}

section.contents section div li.igendo:after {
    content: " ";
    display: block;
    width: 0;
    height: 0;
    border-top: 4px solid #ac5707;
    border-bottom: 4px solid transparent;
    border-left: 4px solid transparent;
    position: absolute;
    z-index: 0;
    top: 34px;
    left: -5px;
}

/* banner category title styles */
.thumb p.button a.btnO {
    color: #fff;
    font-size: 1.4rem;
}




/* ------------------------------------------------------
 05 button styles
 06 icons style
 07 unsizable
------------------------------------------------------ */

/* =============================
 バナー詳細ページ
==============================*/

/*-- button styles -- */

#shosai .detail a.btnO {
    display: block;
    float: right;
    font-size: 1.4rem;
    padding: 0.8em 1em 0.5em;
}

/*----- icons styles -----*/

i.igendo {
    padding: 0.125em 0.5em !important;
    border: 1px solid #eb5e00;
    background-color: #fff;
    color: #eb5e00;
    line-height: 1.4;
}

/* unsizable */
#shosai .codeGenertr .button button.btnO {
    font-size: 1.8rem;
    padding: 0.5em 0.5em 0.3em;
    display: block;
    margin: -2px auto 0;
    font-weight: bold;
    width: 49%;
}

#shosai .codeGenertr .button button.btnO:hover {
    margin-top: 0;
}

#shosai .regCode.igendo dl {
    background: #ffeadc;
    border: 1px solid #e4750d;
}

#shosai .regCode.igendo dt {
    background: #eb5e00;
    color: #fff;
}

#shosai .regCode.igendo dt:after {
    border-bottom-color: #eb5e00;
}

#shosai .regCode.igendo dd textarea {
    background: #ffeadc;
}

#shosai .regCode.igendo span#copybtn {
    cursor: pointer;
    position: absolute;
    right: 5px;
    color: #fff;
    background: #4e4a49;
    padding: 1px 5px 1px 5px;
    top: 4px;
    font-size: 12px;
    border-radius: 3px;
    border-bottom: solid 2px #3e3a39;
}



/* ------------------------------------------------------
 08 affiliate pages: base style
------------------------------------------------------ */

/* =============================
 アフィリエイト管理
==============================*/

#affiliate table td span.icon-flag {
    color: #fff;
    font-size: 1.1rem;
    margin: 0 0 2px 0;
    padding: 0.125em;
    text-align: center;
    width: 72px;
}

.sitename-ig {
    background: #e35b00;
}

.sitename-os {
    background: #6699ff;
}

.sitename-or {
    background: #e862c7;
}

.sitename-be {
    background: #96001d;
}

.sitename-as {
    background: #2942bb;
}

.sitename-ist {
    background: #2a2930;
}

.sitename-vs {
    background: #fdb509;
}

.sitename-sk {
    background: #13a840;
}

.sitename-js {
    background: #6666ff;
}

.sitename-up {
    background: #ff8e44;
}


#affiliate .detail.igendo {
    position: relative;
}

span.icon-balloon {
    background: #000;
    color: #fff;
    font-size: 1.2rem;
    position: absolute;
    z-index: 1;
    padding: 0.125em 0.5em 0;
    top: -12px;
    left: 65px;
}

span.icon-balloon:before {
    content: "";
    position: absolute;
    top: 100%;
    left: 8px;
    border: 4px solid transparent;
    border-top: 4px solid #000;
}

#affiliate .detail.igendo span.icon-balloon {
    background: #eb5e00;
}

#affiliate .detail.igendo span.icon-balloon:before {
    border-top: 4px solid #eb5e00;
}

.cp_tooltip {
	position: relative;
	display: inline-block;
	cursor: pointer;
	color:#ff0000;
	text-decoration: underline;
    margin: -15px;
}
.cp_tooltip .cp_tooltiptext {
	position: absolute;
	z-index: 1;
	top: -5px;
	right: 105%;
	visibility: hidden;
	/*width: auto;*/
	white-space: nowrap;
	padding: 0.3em 0.5em;
	transition: opacity 1s;
	text-align: center;
	opacity: 0;
	color: #ffffff;
	border-radius: 6px;
	background-color: #da3c41;
}
.cp_tooltip .cp_tooltiptext::after {
	position: absolute;
	top: 40%;
	left: 104%;
	margin-left: -5px;
	content: ' ';
	border: 5px solid transparent;
}
.cp_tooltip:hover .cp_tooltiptext {
	visibility: visible;
	opacity: 1;
}