@charset "UTF-8";



/*===========================================================================
   CSS INDEX
---------------------------------------------------------------------------

   1. リセット
     1- 1. 基本タグのリセット

   2. 共通の定義
     2-1. テーブル
     2-2. リスト
     2-3. 配置
     2-4. フォント
     2-5. 幅指定
     2-6. メインコンテンツ
     2-7. 検索フォーム
     2-8. 注釈
     2-9. ボタン

   3. ページ個別の定義
     3-1. 注意事項        /setting/
     3-2. クーポンページ ページ内アンカー　/coupon/
     3-3. クーポンページ コンテンツ
     3-4. メンテナンス　/maintenance/
     3-5. ショップ一覧　/shoplist/
     3-6. 利用規約
     3-7. レスポンシブ対応（各ページ）
     3-8. プレミアム会員用ポータルトップ  /service/


---------------------------------------------------------------------------*/




/* 1-1 リセット（XHTML, HTML4, HTML5）
----------------------------------------------------------------------------------------------------*/
a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
dialog,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
font,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
hr,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
meter,
nav,
object,
ol,
output,
p,
pre,
progress,
q,
rp,
rt,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video,
xmp {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%; }

html,
body {
  height: 100%;
  width: 100%;
  min-width: 320px;
   }

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  /*
    Override the default (display: inline) for
    browsers that do not recognize HTML5 tags.
  
    IE8 (and lower) requires a shiv:
    http://ejohn.org/blog/html5-shiv
  */
  display: block; }

b,
strong {
  /*
    Makes browsers agree.
    IE + Opera = font-weight: bold.
    Gecko + WebKit = font-weight: bolder.
  */
  font-weight: bold; }

img {
  color: transparent;
  font-size: 0;
  vertical-align: middle;
  /*
    For IE.
    http://css-tricks.com/ie-fix-bicubic-scaling-for-images
  */
  -ms-interpolation-mode: bicubic; }

ol,
ul {
  list-style: none; }

li {
  /*
    For IE6 + IE7:
  
    "display: list-item" keeps bullets from
    disappearing if hasLayout is triggered.
  */
  display: list-item; }

table {
/*  border-collapse: collapse;*/
  border-spacing: 0; }

th,
td,
caption {
  font-weight: normal;
  vertical-align: top;
  text-align: left; }

q {
  quotes: none; }

q:before,
q:after {
  content: '';
  content: none; }

sub,
sup,
small {
  font-size: 75%; }

sub,
sup {
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

svg {
  /*
    For IE9. Without, occasionally draws shapes
    outside the boundaries of <svg> rectangle.
  */
  overflow: hidden; }



body{
  line-height: 1.5;
  font-family: Meiryo,"メイリオ","ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN",sans-serif;
}

table tbody tr td,
table tbody tr th{
  font-size: 16px;
  /*height: 55px;*/
  vertical-align: middle;
  text-align: left;
  padding: 10px 15px;
}

p{
  padding: 0;
  margin: 0;
  border: none;
}




/* 2. レイアウト
----------------------------------------------------------------------------------------------------*/

/*--------------2-1. テーブル---------------*/

table.tableStyle01{
  text-align: left;
  font-size: 16px;
  border-top: solid 1px #cccccc;
  border-left: solid 1px #cccccc;
}

table.tableStyle01 tr td,
table.tableStyle01 tr th{
  border-bottom: solid 1px #cccccc;
  border-right: solid 1px #cccccc;
}


table.tableStyle01 tr th {
    background-color: #cc9629;
    color: white;
}

table tbody tr.sum td{
    color: #bf0000;
}


/*--------------2-2. リスト---------------*/
ol.olStyle01{
  padding-left: 20px;
}

ol.olStyle01 li{
  list-style: decimal;
  text-align: left;
}

/*-------------- 2-3. 配置 ---------------*/

.floatL{
  float: left;
}

.floatR{
  float: right;
}

.left{
  text-align: left!important;
}

.center{
  text-align: center!important;
}


/*clearfix*/
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
    *zoom: 1;
}


table.center tbody tr td,
table.center tbody tr th{
  /*padding-left: 0;*/
  padding: 10px 15px 10px 0;
  text-align: center;
}


/*-------------- 2-4. フォント（サイズ、色）---------------*/

.fontS{
  font-size: 12px;
}

.fontM{
  font-size: 14px;
}

.fontL{
  font-size: 20px;
}

.fontXL{
  /*font-size: 30px;*/
  font-size: 24px;
}

.red{
  color: #bf0000;
}

.gray{
  color: #686868;
}

.lightGray{
  color: #aaaaaa;
}

.black{
  color: #000000;
}

a {color: #1d54a7; text-decoration: none;}
a:link {color: #1d54a7; text-decoration: none;}
a:visited {color: #1d54a7; text-decoration: none;}
a:hover {color: #bf0000; text-decoration: underline;}

.setBreak {
  display: none;
}


/*-------------2-5. 幅指定（480~1023）-----------------*/

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


}


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


.fontS{
  font-size: 11px;
}

.fontM{
  font-size: 12px;
}

.fontL{
  font-size: 14px;
}

.fontXL{
  font-size: 16px
}

.setBreak {
  display: block;
}


}


/*---------------　2-6 メインコンテンツ ---------------*/

#content{
  text-align: center;
  padding: 50px 0 100px;
  margin: 0 auto;
}


#content h1{
  padding: 0;
  margin: 0 0 50px 0;
  border: none;
  font-size: 40px;
  line-height: 40px;
  font-weight: normal;
  color: #BF0000;
}

#content h2{
  padding: 0;
  margin: 0 0 20px 0;
  border: none;
  font-size: 34px;
  line-height: 34px;
  font-weight: normal;
  color: #cc9629;
}

#content table{
  /*max-width: 820px;*/
  max-width: 550px;
  width: 90%;
  margin: 0 auto;
}

#content div.container820{
  max-width: 820px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}

#content div.container970{
  max-width: 970px;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}


#content .max650{
  max-width: 650px;
  margin-left: auto;
  margin-right: auto;
}


#content .max560{
  max-width: 560px;
  margin-left: auto;
  margin-right: auto;
}



.wrapper {
  width: 90%;
  margin: 0 auto;
  max-width: 970px;
}
.boxXXS{
  margin-bottom: 10px;
}

.boxXS{
  margin-bottom: 15px;
}

.boxS{
  margin-bottom: 30px;
}

.boxM{
  /*margin-bottom: 40px;*/
  margin-bottom: 20px;
}

.boxXM{
  margin-bottom: 70px;
}

.boxL{
  margin-bottom: 100px;
}

.mgT100{
  margin-top: 100px !important;
}

.mediaDisplay{

}

.mediaDisplay .over480{
  display: block;
}


.mediaDisplay .under479{
    display: none;
}

ul.bnrBox01{
}

ul.bnrBox01 li{
  width: 100%;
  margin-bottom: 20px;
}

ul.bnrBox01 li:last-child{
  margin-bottom: 0px;
}

ul.bnrBox01 li img{
  width: 100%;
}



ul.bnrBox02{
}

ul.bnrBox02 li{
  margin-bottom: 20px;
  vertical-align: top;
  width: 48.45%;
  float: left;
}


ul.bnrBox02 li.even {
  float: right;
}

ul.bnrBox02 li img{
  height: auto;
  width: 100%;
}


#content ul.count{
  overflow: hidden;
  width: 100%;
  max-width: 650px;
  display: table;
  margin: 0 auto; 
}

#content ul.count li{
  width: 20%;
  height: auto;
  float: left;
  margin-bottom: 15px;
  display: table-cell;
}

#content ul.count li img{
  width: 80%;
  height: auto;
  display: inline;
}

#content a.linkFontBlue{
  text-decoration: none;
  color: #1d54a7;
}

#content a.linkFontBlue:hover{
  text-decoration: underline;
  color: #bf0000;
}

/*
#mainArea a{
  text-decoration: underline;
  color: black;
}
*/


/*---------------　2-7 検索フォーム ---------------*/


#formArea{
  background-color: #BF0000;
  padding: 10px 0;
}

#formArea 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;
  box-sizing: border-box\9;
}

#formArea select::-ms-expand {
  display: none;
}

#formArea .searchForm{
  max-width: 970px;
  width: 90%;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
}

#formArea .searchForm select{
  height: 44px;
  width: 156px;
  padding: 0 47px 0 3px;
  border: none;
  /*Firefox
  text-indent: .01px;
  text-overflow: "";*/
  background-image: url("/img/service/selectBtn.gif");
  background-repeat: no-repeat;
  background-position: right;
  background-color: #fff;
  font-size: 14px;
  display: block;
  float: left;
  /*IE8 9*/
  background-image: none\9;
  background-size: 0\9;
  line-height: 44px\9;
}

html>/**/body #formArea .searchForm select{  
  padding /*\**/: 14px 0\9;
  width /*\**/: 203px\9;
}

:root #formArea .searchForm select {
  padding: 0 0 0 3px\9;
  width: 206px\9;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #formArea .searchForm select:not(:target) {
  padding: 0 47px 0 3px;
  background-size: auto;
  }
}

#formArea .searchForm .searchArea{
  right: 66px;
  left: 206px;
  position: absolute;
  background-color: #fff;
}

html>/**/body #formArea .searchForm .searchArea{  
  padding /*\**/: 15px 0\9;
}

:root #formArea .searchForm .searchArea {
  padding: 0\0/;
}

#formArea .searchForm .searchArea input[type="text"]{
  height: 44px;
  width: 98%;
  padding: 0 1%;
  margin: 0;
  border-radius: 0;
  border: none;
  display: block;
}

html>/**/body #formArea .searchForm .searchArea input[type="text"]{  
    height /*\**/: 14px\9;  
}  

:root #formArea .searchForm .searchArea input[type="text"]{
  height: 44px\0/;
}

#formArea .searchForm input[type="image"]{
  display: block;
  float: right;
  border-radius: 0px;
  -webkit-appearance: none;
}

/*--------------- 2-8 注釈 ---------------*/

#content ul.comment-list{
  max-width: 820px;
  margin: 0 auto;
}

#content ul.comment-list li{
  font-size: 12px;
  margin: 0 0 0 13px !important;
  text-align: left;
}

#content ul.comment-list li.center{
  margin: 0!important;
}

#content ul.comment-list li span.list-comment{
  margin-left: -13px;
}


/*-------------- 2-9 ボタン ---------------*/

#content ul.button{
  width: 100%;
}

#content ul.single{
  width: 48.78%;
  margin: 0 auto;
  min-width: 300px;
}

#content ul.button li{
  width: 48.78%;
}

#content ul.single li{
  width: 100%;
}

#content ul.button li.grayButton{
  background-color: #888888;
}

#content ul.button li.redButton{
  background-color: #bf0000;
}

#content ul.button li a{
  display: block;
  width: 100%;
  height: 100%;
  color: white;
  text-decoration: none;
  padding: 5px 0;
}

#content ul.button li a.lineBreak2{
  padding: 15px 0;
}

#content ul.button li a.line3{
  line-height: 3;
}

#content ul.button li a.lineBreak2 span{
  display: none;
}

#content ul.button li.single a{
  min-width: 300px;
}



/*---------------　3-1 注意事項 ---------------*/
/*
  /setting/index_b.html
  /setting/index_c.html
*/


#content div.attention01{
  max-width: 350px;
  height: auto;
  background-color: #ffffdd;
  border: solid 2px #bf0000;
  margin-left:auto;
  margin-right:auto;
}

#content div.attention01 p{
  background-image: url("/img/setting/attention01.gif");
  background-image: url("/img/setting/attention01_min.gif")\9;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 50px 50px;
  padding: 15px 5px 15px 47px;
  color: #bf0000;
  font-weight: bold;
  text-align: left;
}

#content div.attention02{
  max-width: 550px;
  height: auto;
  background-color: #ffffdd;
  border: solid 2px #bf0000;
  margin-left:auto;
  margin-right:auto;
}

#content div.attention02 p{
  background-image: url("/img/setting/attention02.gif");
  background-image: url("/img/setting/attention02_min.gif")\9;
  background-repeat: no-repeat;
  background-position: 0 center;
  background-size: 50px 50px;
  padding: 15px 5px 15px 47px;
  color: #bf0000;
  font-weight: bold;
  text-align: left;
}

#content div.attention02 p a{
  color: #bf0000;
}

#content div.designBox01{
  background: #f0e78c;
  padding: 20px 4%;
}

#content div.designBox02{
  background: #cc9629;
  padding:4%;
}

#content div.designBox03{
  background: #f0e78c;
  padding: 20px 4%;
}

#content div.designBox03 p{
  text-align: left;
}
@media screen and (max-width: 479px) {
	.bnrBoxtxts {
    font-size: 11px;
	}
	#cardBox {
		width: 100% !important;
		margin: -55px auto 80px !important;
	}
}


/*---------------mainInformation---------------*/

div.mainInformation {  
  overflow: hidden;  
  height: auto;  
  max-width: 970px;
  margin-bottom: 100px;
}  
div.mainInformation div {  
  padding-bottom: 32767px;  
  margin-bottom: -32767px;
}  
div.mainInformation div.pointBoxLeft {  
  width: 48.4%; 
  float: left;
}  

div.mainInformation div.pointBoxRight {  
  width: 48.4%;
  float: right;
  }  


div.mainInformation div div.title{
  background: #cc9629;
  color: #fff;
  font-size: 30px;
}

div.mainInformation div div.title p{
  line-height: 1.2;
  padding: 20px;
}

div.mainInformation div div.secondBox{
  background: #f0e78c;
}

div.mainInformation div div.secondBox p{
  padding: 15px 4%;
}

div.mainInformation div div.secondBox p.leftTitle{
  width: 26%;
  padding-top: 30px;
  float: left;
  text-align: left;
}

div.mainInformation div div.secondBox p.pointTotal{
  width: 58%;
  float: left;
  text-align: right;
  font-size: 30px;
}

div.mainInformation div div.thirdBox{
  background: #e5ce6e;
}

div.mainInformation div div.thirdBox ul{
  padding: 10px 4%;
}

div.mainInformation div div.thirdBox ul li.leftTitle{
  float: left;
  width: 46%;
  text-align: left;
  padding: 3px 4% 3px 0;
}

div.mainInformation div div.thirdBox ul li.rightValue{
  float: left;
  width: 46%;
  text-align: right;
  padding: 3px 0 3px 4%;
}

div.mainInformation div div.thirdBox p.button{
  padding: 10px 4%;
}

div.mainInformation div div.thirdBox p.button a{
    color: white!important;
    display: block;
    height: 100%;
    padding: 5px 0;
    text-decoration: none!important;
    width: 48.93%;
    background: #bf0000;
    line-height: 2.5;
    margin: auto;
}


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
submenu module
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*---------------　3-2 クーポンページ ページ内アンカー ---------------*/


#submenu {
height: 110px;
padding: 5px 0;
background-color: white;
position: relative;
z-index: 10;
box-shadow: 0px 2px 6px -5px rgba(70, 70, 70, 0.2);
width: 100%;
z-index: 100;
}
#submenu .wrapper{
width: 100%;
}
#submenu .sns {
height: 30px;
padding: 5px 0 0 0;
position: absolute;
left: -70px;
}
#submenu #jumplinks {
height: 110px;
#width: 970px;
margin: 0 auto;
text-align: center;
}
#submenu #jumplinks li {
cursor: pointer;
display: inline-block;
float: none;
height: 40px;
margin: 0 8px 0 0;
font-size: 12px;
line-height: 40px;
#float: left;
#width: 215px;
}
#submenu #jumplinks li:after {
padding: 0 0 0 20px;
content: "|";
}
#submenu #jumplinks li:last-child:after {
content: "";
}
#submenu #jumplinks li span {
padding: 7px;
}
#submenu #jumplinks li span a {
color: #2c2c2c;
padding: 7px 0;
color: #1d54a7;
font-size: 14px;
text-decoration: none;
}
#submenu #jumplinks li.active span, #submenu #jumplinks li:hover span {
border-radius: 5px;
background-color: #bf0000;
}
#submenu #jumplinks li.active span a, #submenu #jumplinks li:hover span a {
color: white;
}
#submenu .wrapper {
position: relative;
}
#submenu .wrapper #cta {
width: 117px;
height: 117px;
background-color: #bf0000;
border-radius: 100px;
position: absolute;
top: -37px;
right: -20px;
cursor: pointer;
z-index: 1000;
}
#submenu .wrapper #cta > span {
border: 2px solid white;
border-radius: 100px;
display: block;
height: 100px;
width: 100px;
margin: 6px 6px 6px 7px;
}
#submenu .wrapper #cta > span span {
text-align: center;
line-height: 22px;
color: white;
display: block;
width: 90px;
margin: 0 auto;
height: 40%;
padding: 30% 0;
}
#submenu .wrapper #cta:hover {
background-color: #e80202;
}
#submenu .wrapper #cta:hover > span {
background-color: #e80202;
}


a.js-anchor-link{
display: block;
}


@media only screen and (max-width: 479px) {
#submenu .wrapper{
width: 243px;
}
}

@media only screen and (max-width: 1024px) {
#submenu #jumplinks li {
margin: 10px 8px 0 0;
width: 40px;
height: 40px;
text-indent: -9999px;
border-radius: 100px;
}
#submenu #jumplinks li:after {
padding: 0;
content: "" !important;
}
#submenu #jumplinks li:last-child:after {
content: "";
}
#submenu #jumplinks li span {
display: block;
padding: 0 !important;
height: 40px !important;
background-color: transparent !important;
}
#submenu #jumplinks li a {
display: block;
height: 40px;
padding: 0 !important;
}
#submenu #jumplinks li.list_01 {
background: #bfbfbf url("/img/coupon/icon-guide_01L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_02 {
background: #bfbfbf url("/img/coupon/icon-guide_02L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_03 {
background: #bfbfbf url("/img/coupon/icon-guide_03L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_04 {
background: #bfbfbf url("/img/coupon/icon-guide_04L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_05 {
background: #bfbfbf url("/img/coupon/icon-guide_05L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_06 {
background: #bfbfbf url("/img/coupon/icon-guide_06L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_07 {
background: #bfbfbf url("/img/coupon/icon-guide_07L.png") no-repeat center center;
background-size: 42px;
}
#submenu #jumplinks li.list_08 {
background: #bfbfbf url("/img/coupon/icon-guide_08L.png") no-repeat center center;
background-size: 42px;
}

html>/**/body #submenu #jumplinks li.list_01 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_01.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_02 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_02.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_03 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_03.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_04 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_04.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_05 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_05.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_06 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_06.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_07 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_07.png") no-repeat center center\9;
}
html>/**/body #submenu #jumplinks li.list_08 {
background /*\**/: #bfbfbf url("/img/coupon/icon-guide_08.png") no-repeat center center\9;
}


:root #submenu #jumplinks li.list_01 {
background: #bfbfbf url("/img/coupon/icon-guide_01L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_02 {
background: #bfbfbf url("/img/coupon/icon-guide_02L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_03 {
background: #bfbfbf url("/img/coupon/icon-guide_03L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_04 {
background: #bfbfbf url("/img/coupon/icon-guide_04L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_05 {
background: #bfbfbf url("/img/coupon/icon-guide_05L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_06 {
background: #bfbfbf url("/img/coupon/icon-guide_06L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_07 {
background: #bfbfbf url("/img/coupon/icon-guide_07L.png") no-repeat center center\0/;
}
:root #submenu #jumplinks li.list_08 {
background: #bfbfbf url("/img/coupon/icon-guide_08L.png") no-repeat center center\0/;
}


#submenu #jumplinks li.active {
background-color: #bf0000 !important;
}

}

@media only screen and (min-width: 480px) and (max-width: 1023px) {

#submenu #jumplinks li {
margin-top: 30px;
}

}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
submenu module end
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


/*---------------　3-3 クーポンページ コンテンツ ---------------*/

.coupon {
  background:#fff;
  overflow: visible;
  margin-right: -10px;
  letter-spacing: -0.4em;
}

.coupon a,
.coupon li .feature a,
.coupon li .details .info a,
.coupon li .details .item a,
.coupon li .details .term a{
display:block;
text-decoration:none !important;
text-align: left;
}

.coupon {
background:#fff;
}

.coupon li{
width: 185px;
background:#f0e78c;
margin:0 11px 30px 0 ;
display: inline-block;
letter-spacing: normal;
#float: left;
}

.coupon li .thumbs{
background:#FCF8D6;
text-align:center;
width: 185px;
height: 185px;
display: table-cell;
vertical-align: middle;
}

.coupon li .thumbs p{
  width: 185px;
}

.coupon li .thumbs img{
max-width: 185px;
max-height: 185px;
margin: 0 auto;
}

.coupon li .feature{
padding:10px 0;
border:3px solid #cc9629;
background:#fff;
color:#bf0000;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.coupon li .details{
padding:10px;
}

.coupon li .details p{
word-wrap:break-word;
overflow:hidden;
}

.coupon li .details .info{
font-size: 14px;
padding:0 0 10px 0;
border-bottom :1px solid #f8f3c6;
min-height:66px;
}

.coupon li .details .item{
margin:10px 0 0 0;
padding: 0 0 0 20px;
background:url(/img/coupon/bg_icon.png) top left no-repeat;
min-height:58px;
font-size: 12px;
}

.coupon li .details .term{
margin:10px 0 0 0;
padding-top:10px;
font-size: 12px;
background:url(/img/coupon/bg_dotted.png) top left repeat-x;
}


#content .categoryList{
}

#content .categoryList li{
  padding-right: 10px;
  margin: 5px;
  border-right: 1px solid #aaa;
  display: inline-block;
}

#content .categoryList li:last-child{
  border: none;
}

#content .categoryList li p a{
  color: #1d54a7;
  text-decoration: none;
  font-size: 14px;
  padding: 3px;
}

#content .categoryList li:hover p a{
  background-color: #bf0000;
  color: white;
}

#content .couponArea .noCuoupon{
  padding: 30px 0;
  background-color: #FCF8D6;
}



/*---------------　3-4 メンテナンス ---------------*/

#content h1 img.PremiumLogo{
  width: 400px;
  display: inline;
}

#content .maintenanceBox{
  max-width: 600px;
  padding: 20px;
  margin: 20px auto;
  background-color: #f5f5f5;
  border: solid 3px #bf0000;
}

#content .maintenanceBox{
}

#content .maintenanceBox .sorryText p{
  margin: 16px 0 10px 0;
  text-align: left;
}


/*---------------　3-5 ショップ一覧 ---------------*/


#content ul.shopList{
  padding-left: 6%;
}

#content ul.shopList li{
  float: left;
  width: 29%;
  padding: 5px 1% 5px 2%;
  font-size: 13px;
  text-align: left;
  background: url(/img/shoplist/dot.gif) left 1em no-repeat;
}

#content ul.shopList li a{
  color: #1D54A7;
  text-decoration: none;
}

#content ul.shopList li a:hover{
  color: #BF0000;
}


/*---------------　3-6 利用規約 ---------------*/

#content div.termContents{
  text-align: left;
  line-height: 24px;
  font-size: 14px;
}

#content div.termContents h2{
  font-size: 25px;
  line-height: 25px;
  color: #000000;
}

#content div.termContents ul{
  list-style-type: decimal;
  margin-left: 20px;
}

#content div.termContents li{
  margin-bottom: 15px;
}

#content div.termContents p.date{
  text-align: right;
}

#content div.termContents p.listNum{
  margin-left: 12px;
}

#content div.termContents p.listNum span{
  margin-left: -20px;
}



/*---------------　3-7  レスポンシブ対応 ---------------*/


/*-------------width480~1023-----------------*/

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

#content{
  width: 100%;
}

#content ul.button li.fontL a{
  font-size: 15px;
}

#content ul.button li a.lineBreak2 span{
  display: inline;
}

.mediaDisplay .over480{
  display: block;
}

.mediaDisplay .under479{
    display: none;
}


div.mainInformation div div.secondBox p.leftTitle{
  width: 42%;
  padding-top: 20px;
}

div.mainInformation div div.secondBox p.pointTotal{
  width: 42%;
  float: left;
  text-align: right;
  font-size: 20px;
  word-break: break-all;
}

div.mainInformation div div.thirdBox p.button a{
    color: white!important;
    display: block;
    height: 100%;
    padding: 5px 0;
    text-decoration: none!important;
    width: 80%;
    background: #bf0000;
    line-height: 2.5;
    margin: auto;
}

#content .categoryList li{
  padding-right: 5px;
  margin: 4px 2px; 
}

#content .categoryList li p a{
  font-size: 12px;
  padding: 4px;
}

#content ul.shopList{
  max-width: 650px;
  margin: 0 auto;
}

#content ul.shopList li{
  width: 46%;
}

}



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

#content {
  padding: 30px 0 50px;
}


#content ul.button li a{
  font-size:  11px;
}

#content ul.button li.fontL a{
  font-size: 10px;
}


#content h1{
  font-size: 20px;
  margin-bottom: 20px;
  line-height: 20px;
}

#content h2{
  font-size: 18px;
  line-height: 18px;
  margin-bottom: 15px;
}

.boxS{
  margin-bottom: 15px;
}

.boxM{
  margin-bottom: 20px;
}

.boxXM{
  margin-bottom: 60px;
}

.boxL{
  margin-bottom: 70px;
}

#content table tbody tr td,
#content table tbody tr th{
  font-size: 11px;
  height: 40px;
  padding: 0 0.5em;
}

#content ul.button li a.lineBreak2{
  padding: 10px 0;
}

#content div.attention01{
  width: 270px;
}
#content div.attention01 p{
  font-size: 12px;
}
#content div.attention02 p{
  font-size: 12px;
}

.mediaDisplay .over480{
    display: none;
}


.mediaDisplay .under479{
    display: block;
}


ul.bnrBox02{
}

ul.bnrBox02 li{
  margin-bottom: 20px;
  width: 100%;
  float: none;
}


ul.bnrBox02 li.even {
  float: none;
}

#content table{
  width: 100%;
}


/*---------------service formArea---------------*/

#formArea .searchForm{
  height: 95px;
}

#formArea .searchForm select{
  width: 88%;
  padding-right: 12%;
  width: 100%\9;
  padding-right: 0\9;
  /*Firefox
  text-indent: .01px;
  text-overflow: "";*/
  font-size: 12px;
}

#formArea .searchForm .searchArea{
  top: 51px;
  right: 73px;
  left: 0;
}

#formArea .searchForm .searchArea input[type="text"]{
  margin: 0;
  border-radius: 0;
  border: none;
  display: block;
}

#formArea .searchForm input[type="image"]{
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
}

#content .categoryList li p a{
  font-size: 9px;
}

/*---------------mainInformation---------------*/

div.mainInformation {  
  overflow: auto;
  max-width: 100%;
  margin-bottom: 70px
}  
div.mainInformation div {  
  padding: 0;  
  margin: 0;
}  



div.mainInformation div.pointBoxLeft{  
  width: 100%; 
  float: none;
  margin-bottom: 30px;
}

div.mainInformation div.pointBoxRight{  
  width: 100%; 
  float: none;
  margin-bottom: 0;
}


div.mainInformation div div.title{
  font-size: 18px;
}


div.mainInformation div div.secondBox p.pointTotal{
  width: 42%;
  float: left;
  text-align: right;
  font-size: 20px;
}

#content .designBox01 ul.single{
  width: 100%;
  min-width: 100%;
}

#content ul.single{
  min-width: 288px;
}



/*---------------coupon---------------*/

.coupon, .coupon li{
  display: block;
  margin-top:7px;
  background:none;
  width: 100%;
}
.coupon li{
  background:#FCF8D6;
  margin-bottom: 10px;
} 
.coupon li .thumbs{
  float:left;
  width:30%;
  height: auto;
}
.coupon li .thumbs p{
  width: 100%;
}
.coupon li .thumbs img{
  width: 100%;
}
.coupon li .enclose{
  float:right;
  width: 70%;
}
.coupon li .enclose .details{
  background:#f0e68c;
}
.coupon li .details .info,
.coupon li .details .item,
.coupon li .details .term{
  min-height:100%;
}

.coupon li .feature{
  font-size: 90%;
}

/*---------------maintenance---------------*/

#content h1 img.PremiumLogo{
  width: 100%;
  height: auto;
}

#content .maintenanceBox{
  max-width: 600px;
  padding: 20px;
  margin: 20px auto;
  background-color: #f5f5f5;
  border: solid 3px #bf0000;
}

#content .maintenanceBox .sorryText p{
  font-size: 11px;
}

#content .designBox03 ul.button{
  min-width: 100%;
}

#content ul.shopList{
  max-width: 250px;
  padding-left: 0;
}

#content ul.shopList li{
  width: 95%;
  padding: 5px 2% 5px 3%; 
  font-size: 12px;
}

/*--------------term---------------*/

#content div.termContents{
  font-size: 13px;
  line-height: 18px;
}

#content div.termContents h2{
  line-height: 22px;
  font-size: 18px;
}

}



/*---------------　3-8 プレミアム会員用ポータルトップ  ---------------*/


.service-page {
position: relative;
background: #ffffff;
/* ::: SWIPER STYLES ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: TOGGLE TOP BANNER ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: SEE MORE COUPONS BUTTON ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: DROPDOWN ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: SEARCH ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: SEARCH RESULTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: SUBCATEGORIES :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: ADVERTISEMENTS ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: CAMPAIGNS EVENT :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: RECOMMENDATION :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* ::: PARTNERS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */ }
.service-page .swiper-container {
width: 100%;
overflow: hidden;
text-align: center; }
.service-page .swiper-container ul {
text-align: left; }
.service-page .toggle {
line-height: 1;
display: none;
clear: both;
width: 50%;
height: 35px;
margin: 0 auto;
padding-top: 15px;
border-top: 1px dotted #a3a3a3;
color: #a3a3a3;
text-align: center;
font-size: 14px; }
.service-page .toggle.active {
background: url("/img/main/icons/icon-see-less.png") no-repeat center bottom;
background-size: 15px 15px; }
.service-page .toggle.active .btn-show {
display: none; }
.service-page .toggle.active .btn-hide {
display: block; }
.service-page .toggle .icon-arrow_d {
display: inline-block;
vertical-align: middle;
font-size: 30px; }
.service-page .see-all {
display: block;
text-align: center;
height: 25px;
font-size: 12px;
line-height: 25px;
background-color: #bf0000;
width: 150px;
color: white;
border-radius: 5px;
margin: 0 auto 10px auto;
cursor: pointer;
clear: both; }
.service-page .see-all:hover {
opacity: .9; }
.service-page .see-all.active {
display: block; }
.service-page .see-all a {
display: block;
color: inherit; }
.service-page #dropdown {
position: relative;
z-index: 101;
top: 0;
left: 0;
right: 0;
background: #bf0000;
-webkit-box-shadow: 0 0 5px black;
-moz-box-shadow: 0 0 5px black;
box-shadow: 0 0 5px black;
display: none; }
.service-page #dropdown:hover {
background: #A60000; }
.service-page #dropdown .card-img {
width: 70px;
height: auto; }
.service-page #dropdown .card-img, .service-page #dropdown .card-catch, .service-page #dropdown .card-btn-holder {
display: inline-block;
* display: inline;
* zoom: 1;
vertical-align: middle; }
.service-page #dropdown .card-btn-holder {
position: absolute;
top: 50%;
right: 50px;
z-index: 102;
vertical-align: middle;
width: 228px;
height: 53px;
margin-top: -27px;
overflow: hidden; }
.service-page #dropdown .card-btn:hover {
margin-top: -55px; }
.service-page #dropdown .card-link {
display: block;
padding: 20px;
color: white; }
.service-page #dropdown .card-catch {
vertical-align: middle;
margin-left: 40px;
color: white;
font-size: 15px; }
.service-page #dropdown .close {
position: absolute;
height: 20px;
width: 20px;
display: block;
top: 5px;
right: 5px;
background: url("/img/main/icons/icon-close.png") no-repeat center center;
background-size: 12px 12px; }
.service-page .search-holder {
padding: 15px;
background: #bf0000; }
.service-page #search {
background-color: #bf0000; }
.service-page #search h1 {
line-height: 1;
float: none;
margin-bottom: 10px;
color: white;
font-size: 14px;
font-weight: normal; }
.service-page #search h1 span {
display: inline-block;
* display: inline;
* zoom: 1;
vertical-align: middle; }
.service-page #search h1 .catch.pc {
display: none; }
.service-page #search h1 .emphasis {
margin-left: 5px;
color: #ffcc00;
font-size: 24px;
font-weight: bold; }
.service-page #search input[type=text], .service-page #search select, .service-page #search input[type=submit] {
border: 1px solid #2c2c2c;
height: 30px;
line-height: 30px;
border: none; }
.service-page #search input[type=text] {
display: block;
padding: 7px 2%;
width: 96%;
font-size: 16px;
margin: 0 auto 5px auto;
border: none; }
.service-page #search select {
display: inline-block;
width: 67%;
border: none;
color: #333333;
font-size: 12px; }
.service-page #search input[type=submit] {
font-size: 14px;
width: 30%;
float: right;
color: #2c2c2c;
background-color: #e7e7e7;
padding: 0;
cursor: pointer;
border: none; }
.service-page #search-results ul {
padding: 0 2%;
overflow: hidden; }
.service-page #search-results ul li {
padding: 5px;
border-bottom: 1px solid #f4f4f4; }
.service-page #search-results ul li:last-child {
border-bottom: none; }
.service-page #search-results ul li img {
width: 120px;
height: auto;
float: left; }
.service-page #search-results ul li p {
font-size: 10px;
padding: 10px 0 0 0;
color: #2c2c2c;
float: right; }
.service-page #search-results #more-results {
background: url("/img/main/icons/icon-see-more.png") no-repeat center bottom;
background-size: 15px 15px;
display: block;
text-align: center;
height: 35px;
font-size: 12px;
line-height: 15px;
color: #bf0000;
display: none; }
.service-page #subcategories {
height: 45px;
background: #e7e7e7; }
.service-page #subcategories.active {
visibility: visible; }
.service-page #subcategories #subcategories-type {
display: none;
width: 30px;
height: 30px;
overflow: visible;
float: left;
border-radius: 100px; }
.service-page #subcategories #subcategories-type.category-all {
background-image: none; }
.service-page #subcategories #subcategories-type.category-ladys {
background: url("/img/main/icons/icon-s-ladys.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-mens {
background: url("/img/main/icons/icon-s-mens.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-sports {
background: url("/img/main/icons/icon-s-sports.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-elec {
background: url("/img/main/icons/icon-s-elec.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-bag {
background: url("/img/main/icons/icon-s-bag.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-jewel {
background: url("/img/main/icons/icon-s-jewely.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-beauty {
background: url("/img/main/icons/icon-s-beauty.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-book {
background: url("/img/main/icons/icon-s-books.png") no-repeat center center; }
.service-page #subcategories .swiper-container {
height: 100%; }
.service-page #subcategories .swiper-slide {
line-height: 45px;
text-align: center; }
.service-page #subcategories .swiper-slide a {
line-height: 25px;
display: block;
padding: 10px 15px;
overflow: hidden;
font-size: 14px;
text-overflow: ellipsis;
white-space: nowrap;
color: black; }
.service-page #subcategories .swiper-slide a:hover {
color: white;
background: #bf0000; }
.service-page #subcategories .swiper-slide a.tapped {
color: white;
background: #bf0000; }
.service-page #subcategories .swiper-slide.last a {
color: #e7e7e7;
cursor: default; }
.service-page #subcategories .swiper-slide.last a:hover {
color: #e7e7e7;
background: #e7e7e7;
cursor: default; }
.service-page #advertisements.swiper-container {
width: 100%; }
.service-page #advertisements.swiper-container .swiper-wrapper {
transition: 0s!important;
-webkit-transition: 0s!important; }
.service-page #advertisements.swiper-container .swiper-slide {
width: 100%; }
.service-page #advertisements.swiper-container .swiper-slide img {
width: 100%;
height: auto;
vertical-align: top; }
.service-page #advertisements.swiper-container .swiper-slide img:hover {
opacity: 0.85; }
.service-page #advertisements-pc {
overflow: hidden; }
.service-page #advertisements-pc img {
width: 100%;
height: auto;
vertical-align: top; }
.service-page #advertisements-pc img:hover {
opacity: 0.85; }
.service-page #campaigns .campaign-fashion, .service-page #campaigns .campaign-banner {
text-align: center;
font-size: 1.1em; }
.service-page #campaigns .campaign-fashion img, .service-page #campaigns .campaign-banner img {
margin: 20px auto;
width: 100%;
max-width: 960px;
height: auto; }
.service-page #campaigns .campaign-fashion img:hover, .service-page #campaigns .campaign-banner img:hover {
opacity: .85; }
.service-page #recommendation {
position: relative;
background: #ffffff;
margin-left: -10px;
min-width: 310px;
margin-bottom:100px; }
.service-page #recommendation .recommendation-list-holder {
position: relative;
z-index: 0;
width: 95%;
margin: 0 auto;
font-size: 0;
box-sizing: border-box; }
.service-page #recommendation .recommendation-list-item {
position: relative;
z-index: 9999;
float: none;
margin-bottom: 10px;
font-size: 13px;
cursor: pointer; }
.service-page #recommendation .recommendation-list-item.sp-hide {
display: none; }
.service-page #recommendation .recommendation-list-item .masonry-img {
display: table-cell; }
.service-page #recommendation .recommendation-list-item .small {
width: 148px;
height: 148px;
border: 1px solid #bfbfbf; }
.service-page #recommendation .recommendation-list-item .medium {
width: 308px;
height: 308px;
border: 1px solid #bfbfbf; }
.service-page #recommendation .recommendation-list-item img {
width: auto;
height: auto;
margin: 0 auto; }
.service-page #recommendation .recommendation-list-item img:hover {
opacity: 0.85; }
.service-page #recommendation .recommendation-list-item .product-desc-holder {
position: absolute;
top: 0;
left: 0;
display: none;
opacity: 0.8;
color: #ffffff;
background: black;
font-size: 14px; }
.service-page #recommendation .recommendation-list-item .product-desc-holder.small {
width: 130px;
height: 130px;
padding: 10px; }
.service-page #recommendation .recommendation-list-item .product-desc-holder.medium {
width: 270px;
height: 270px;
padding: 20px; }
.service-page #recommendation .recommendation-list-item .product-name, .service-page #recommendation .recommendation-list-item .product-price {
display: block;
text-align: center; }
.service-page #recommendation .recommendation-list-item .product-name {
text-align: left; }
.service-page #recommendation .recommendation-list-item .product-price {
padding-top: 20px;
font-size: 25px;
font-weight: bold; }
.service-page #recommendation .see-more-btn-holder {
margin: 20px 0;
text-align: center; }
.service-page #recommendation .see-more-page-holder {
display: none;
margin: 20px 0;
text-align: center; }
.service-page #recommendation .see-more-page-holder.active {
display: block; }
.service-page #recommendation .see-more-recommendation {
padding: 10px 20px;
border-radius: 5px;
color: #ffffff;
background: #bf0000;
font-size: 16px;
font-weight: bold;
cursor: pointer; }
.service-page #recommendation #recommendation-categories {
padding: 5px 10px; }
.service-page #recommendation #recommendation-categories-type {
display: none;
width: 30px;
height: 30px;
overflow: visible;
float: left;
border-radius: 100px; }
.service-page #recommendation .swiper-container {
overflow: hidden;
height: 30px;
border-radius: 5px;
margin: 0 auto 10px; }
.service-page #recommendation .swiper-wrapper {
height: 22px!important; }
.service-page #recommendation .swiper-slide {
width: 168px;
height: 20px!important;
margin-right: 10px;
padding: 5px 10px;
border-radius: 5px;
background-color: #dbdbdb;
font-size: 12px;
text-align: center;
cursor: pointer; }
.service-page #recommendation .swiper-slide.active {
color: #ffffff;
background: #bf0000; }
.service-page .partner-banners {
width: 95%;
margin: 0 auto;
font-size: 0; }
.service-page .partner-banners li {
float: none;
width: 100%;
margin-right: 0;
margin-bottom: 10px;
text-align: center; }
.service-page .partner-banners li img {
width: 100%;
height: auto; }
.service-page .partner-banners li img:hover {
opacity: .85; }
.service-page #partners {
min-height: 380px;
padding: 40px 0 40px 0; }
.service-page #partners ul {
width: 100%;
margin: 20px auto 0 auto;
text-align: center;
min-height: 300px;
overflow: auto;
font-size: 0; }
.service-page #partners ul li {
display: inline-block;
width: 50%;
font-size: 13px;
box-sizing: border-box; }
.service-page #partners ul li .inner-holder {
width: 150px;
margin: 0 auto;
position: relative;
height: 50px;
padding: 160px 0 0 0;
cursor: pointer;
/*make sure your image is no taller than 270px*/ }
.service-page #partners ul li .inner-holder.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-2 {
background: url("/img/main/270x270_books.png") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.active {
width: 270px;
height: 50px;
padding: 280px 0 0 0;
margin: 0 25px 20px 25px;
cursor: pointer;
overflow: hidden; }
.service-page #partners ul li .inner-holder.active img {
width: 270px;
height: 50px;
margin: 0 auto; }
.service-page #partners ul li .inner-holder.active p {
background-color: rgba(0, 0, 0, 0.5);
color: white;
height: 220px;
width: 220px;
padding: 25px;
z-index: 1;
position: absolute;
top: 0;
left: 0;
font-size: 16px;
line-height: 20px;
display: table;
opacity: 0;
-moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.service-page #partners ul li .inner-holder.active p span {
display: table-cell;
vertical-align: middle;
text-align: center; }
.service-page #partners ul li .inner-holder.active:hover p {
opacity: 1;
-moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.service-page #partners ul li .inner-holder.active span.mask {
background: url("/img/main/partners-mask.png") no-repeat top left;
width: 270px;
height: 270px;
z-index: 10;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.service-page #partners ul li .inner-holder.active.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.active.partner-2 {
background: url("/img/main/partners-2.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.active.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.active.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.active.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.active.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top; }
.service-page #partners ul li img {
width: 150px;
height: 28px;
margin: 0 auto; }
.service-page #partners ul li p {
display: none; }
.service-page #partners ul li span.mask {
background: url("/img/main/partners-mask.png") no-repeat top left;
background-size: 150px 150px;
width: 150px;
height: 150px;
z-index: 10;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }

@media only screen and (min-width: 1024px) {
.service-page .controller {
display: block; }
.service-page .controller.prev, .service-page .controller.next {
opacity: 0.7;
position: absolute;
z-index: 100; }
.service-page .controller.prev:hover, .service-page .controller.next:hover {
opacity: 1;
cursor: pointer; }
.service-page .controller.product-area i {
background: none; }
.service-page .controller i {
display: block;
color: #000000;
background-size: contain; }
.service-page .controller i.size-ll {
font-size: 80px; }
.service-page .controller i.size-l {
font-size: 50px; }
.service-page .controller i.size-m {
font-size: 30px; }
.service-page .controller i.size-s {
font-size: 20px; }
.service-page .controller-holder {
position: relative; }
.service-page .controller-holder .inner-controller-holder {
position: absolute;
top: 0;
left: 50%;
z-index: 0;
width: 785px;
height: 200px;
margin-left: -392px; }
.service-page .controller-holder .inner {
position: relative;
width: 785px;
height: 200px; }
.service-page .controller-holder .prev.main-area {
top: 35%;
left: 20px; }
.service-page .controller-holder .prev.category-area {
top: 42%;
left: 50px; }
.service-page .controller-holder .prev.product-area {
top: 40%;
left: -30px; }
.service-page .controller-holder .prev.partner-area {
top: 40%;
left: 50px; }
.service-page .controller-holder .next.main-area {
top: 35%;
right: 20px; }
.service-page .controller-holder .next.category-area {
top: 42%;
right: 50px; }
.service-page .controller-holder .next.product-area {
top: 40%;
right: -30px; }
.service-page .controller-holder .next.partner-area {
top: 40%;
right: 50px; }
.service-page .see-all {
display: block; }
.service-page .search-holder {
*zoom: 1;
padding: 0;
background: #bf0000;
font-size: 0; }
.service-page .search-holder:before, .service-page .search-holder:after {
display: table;
content: " "; }
.service-page .search-holder:after {
clear: both; }
.service-page #search {
float: left;
width: 67%;
overflow: auto;
padding: 20px 2%;
border-right: 1px solid white;
*zoom: 1; }
.service-page #search:before, .service-page #search:after {
display: table;
content: " "; }
.service-page #search:after {
clear: both; }
.service-page #search h1 {
display: inline-block;
* display: inline;
* zoom: 1;
vertical-align: middle;
width: 25%;
margin-bottom: 0; }
.service-page #search h1 .catch {
display: block;
margin-bottom: 15px;
font-size: 16px; }
.service-page #search h1 .catch.pc {
display: block; }
.service-page #search h1 .catch.sp {
display: none; }
.service-page #search h1 .emphasis {
margin: 0;
font-size: 40px; }
.service-page #search .search-section {
display: inline-block;
* display: inline;
* zoom: 1;
vertical-align: middle;
width: 75%; }
.service-page #search .search-section input[type=text] {
font-size: 16px;
padding: 10px 2%;
padding: 10px 2% 14px\9;
border: none; }
.service-page #search .search-section select {
width: 69%;
border: none; }
.service-page #search .search-section input[type=submit] {
border: none; }
.service-page #user-information-pc {
float: right;
width: 24%;
padding: 20px 2%;
background-color: #bf0000;
color: #2c2c2c;
font-size: 12px; }
.service-page #user-information-pc .inner-holder {
border-radius: 5px;
border: 1px solid #2c2c2c;
background: white; }
.service-page #user-information-pc p:nth-child(1) {
padding: 0 0 0 20px;
font-size: 16px;
margin: 0 0 5px 0;
color: #bf0000;
font-weight: bold; }
.service-page #user-information-pc p:nth-child(2) {
padding: 0 20px 0 50px;
color: #787878; }
.service-page #user-information-pc p:nth-child(2).diamond {
background: url("/img/main/icon-diamond.gif") no-repeat 20px 5px; }
.service-page #user-information-pc p:nth-child(2).platinum {
background: url("/img/main/icon-platinum.gif") no-repeat 20px 5px; }
.service-page #user-information-pc p:nth-child(2).gold {
background: url("/img/main/icon-gold.gif") no-repeat 20px 5px; }
.service-page #user-information-pc p:nth-child(2).silver {
background: url("/img/main/icon-silver.gif") no-repeat 20px 5px; }
.service-page #user-information-pc p:nth-child(2) em {
font-style: normal;
color: #2c2c2c; }
.service-page #user-information-pc p:nth-child(2) span {
color: #bf0000;
float: right; }
.service-page #subcategories {
position: relative;
margin-bottom: 35px;
overflow: hidden; }
.service-page #subcategories #subcategories-type {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 80px;
height: 45px;
border-radius: 0;
text-align: left; }
.service-page #subcategories #subcategories-type.category-all {
background-image: none; }
.service-page #subcategories #subcategories-type.category-ladys {
background: #e7e7e7 url("/img/main/icons/icon-s-ladys.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-mens {
background: #e7e7e7 url("/img/main/icons/icon-s-mens.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-sports {
background: #e7e7e7 url("/img/main/icons/icon-s-sports.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-elec {
background: #e7e7e7 url("/img/main/icons/icon-s-elec.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-bag {
background: #e7e7e7 url("/img/main/icons/icon-s-bag.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-jewel {
background: #e7e7e7 url("/img/main/icons/icon-s-jewely.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-beauty {
background: #e7e7e7 url("/img/main/icons/icon-s-beauty.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-book {
background: #e7e7e7 url("/img/main/icons/icon-s-books.png") no-repeat center center; }
.service-page #subcategories .swiper-container {
margin: 0;
padding-left: 80px; }
.service-page #subcategories .swiper-wrapper {
display: block; }
.service-page #advertisements {
display: none; }
.service-page #advertisements-pc.swiper-container {
width: 90%;
margin-bottom: 50px; }
.service-page #advertisements-pc.swiper-container .swiper-slide {
width: 100%;
text-align: center; }
.service-page #advertisements-pc.swiper-container .swiper-slide img {
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 0.5% !important;
height: auto; }
.service-page #advertisements-pc.swiper-container .swiper-slide img:first-child {
margin-left: 0; }
.service-page #advertisements-pc.swiper-container .swiper-slide img:last-child {
margin-right: 0; }
.service-page #recommendation {
margin-bottom: 100px; }
.service-page #recommendation .swiper-container {
width: 950px;
height: 36px;
padding: 1px 0;
overflow: hidden; }
.service-page #recommendation .swiper-slide {
width: 148px;
height: 20px!important;
padding: 8px 10px;
font-size: 12px; }
.service-page #recommendation .recommendation-list-item.sp-hide {
display: block; }
.service-page #recommendation .see-more-btn-holder {
display: none; }
.service-page #recommendation .prev {
top: 60%;
left: -20px;
margin-top: -25px; }
.service-page #recommendation .next {
top: 60%;
right: -20px;
margin-top: -25px; }
.service-page .partner-banners {
width: 950px;
margin: 0 auto;
font-size: 0; }
.service-page .partner-banners li {
display: inline-block;
vertical-align: top;
* display: inline;
* zoom: 1;
width: 470px;
margin-right: 10px;
margin-bottom: 20px;
font-size: 10px; }
.service-page .partner-banners li.even {
margin-right: 0; }
.service-page #partners {
min-height: 380px;
padding: 40px 0 40px 0; }
.service-page #partners ul {
overflow: visible;
width: 90%;
max-width: 1000px;
margin: 20px auto 0 auto;
text-align: center; }
.service-page #partners ul li {
float: none;
display: inline-block;
width: 270px;
margin: 0 25px 20px; }
.service-page #partners ul li .inner-holder {
width: 270px;
height: 50px;
padding: 280px 0 0 0;
cursor: pointer;
/*make sure your image is no taller than 270px*/ }
.service-page #partners ul li .inner-holder:hover p {
opacity: 1;
-moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
.service-page #partners ul li .inner-holder.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.partner-2 {
background: url("/img/main/270x270_books.png") no-repeat center top; }
.service-page #partners ul li .inner-holder.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top; }
.service-page #partners ul li .inner-holder.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top; }
.service-page #partners ul li img {
width: 270px;
height: 50px;
margin: 0 auto; }
.service-page #partners ul li span.mask {
background: url("/img/main/partners-mask.png") no-repeat top left;
width: 270px;
height: 270px;
z-index: 10;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.service-page #partners ul li p {
position: absolute;
top: 0;
left: 0;
z-index: 1;
width: 220px;
height: 220px;
padding: 25px;
color: white;
background-color: rgba(0, 0, 0, 0.5);
font-size: 16px;
line-height: 20px;
display: table;
opacity: 0;
-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
-moz-transition: opacity 300ms;
-webkit-transition: opacity 300ms;
transition: opacity 300ms; }
.service-page #partners ul li p span {
display: table-cell;
vertical-align: middle;
text-align: center; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 479px) {
.service-page .js-rec-prev, .service-page .js-rec-next {
display: none; } }
@media only screen and (min-width: 481px) and (max-width: 639px) {
.service-page #recommendation .recommendation-list-item.sp-hide {
display: block; }
.service-page #recommendation .see-more-btn-holder {
display: block; }
.service-page #recommendation .controller {
display: none; } }
/* Small Screens/Smartphones (portrait) ----------- */
@media only screen and (min-width: 1px) and (max-width: 731px) {
.service-page #recommendation .controller {
display: none; }
.service-page #dropdown .card-link {
padding: 10px; }
.service-page #dropdown .display-tb {
display: block; }
.service-page #dropdown .card-img {
padding: 10px 0; }
.service-page #dropdown .card-catch {
word-wrap: break-word; }
.service-page #dropdown .card-btn-holder {
display: none; }
.service-page #advertisements.swiper-container {
width: 100%; }
.service-page #advertisements.swiper-container .swiper-slide {
width: 100%;
height: 375px; }
.service-page #advertisements.swiper-container img {
width: 100%; } }
@media only screen and (min-width: 1px) and (max-width: 320px) {
.service-page {
/*fashion event*/ }
.service-page #campaigns .campaign-fashion {
text-align: center;
background: url("/img/main/fashion_sp_top.png") top left;
background-size: 320px 213px;
width: 320px;
height: 213px;
display: block;
margin: 20px auto; }
.service-page #campaigns .campaign-fashion img {
display: none; }
.service-page #campaigns .campaign-fashion:hover {
opacity: .85; } }
@media only screen and (min-width: 1px) and (max-width: 320px) {
.service-page #dropdown .card-link {
padding: 10px; }
.service-page #dropdown .display-tb {
display: block; }
.service-page #dropdown .card-img {
padding: 10px 0;
width: 40px; }
.service-page #dropdown .card-catch {
margin-left: 10px;
font-size: 10px; }
.service-page #dropdown .card-btn-holder {
display: none; }
.service-page #advertisements.swiper-container {
width: 100%; }
.service-page #advertisements.swiper-container .swiper-slide {
width: 100%;
height: 375px; }
.service-page #advertisements.swiper-container img {
width: 100%; } }
/* iPads (portrait and landscape) ----------- */
@media only screen and (min-width: 732px) and (max-width: 1024px) {
.service-page #recommendation .recommendation-list-item.sp-hide {
display: block; }
.service-page #recommendation .see-more-btn-holder {
display: none; }
.service-page #recommendation .controller {
display: block;
opacity: 0.7;
position: absolute;
z-index: 100;
top: 50%;
font-size: 60px; }
.service-page #recommendation .controller.prev {
left: 10%; }
.service-page #recommendation .controller.next {
right: 10%; }
.service-page #recommendation .controller:hover {
opacity: 1;
cursor: pointer; }
.service-page #recommendation .controller i {
display: block;
color: #000000;
}
.service-page #advertisements.swiper-container {
display: none; }
.service-page #advertisements-pc.swiper-container {
position: relative;
display: block;
width: 96%;
margin-bottom: 15px; }
.service-page #advertisements-pc.swiper-container .prev, .service-page #advertisements-pc.swiper-container .next {
position: absolute;
top: 35%;
opacity: 0.7; }
.service-page #advertisements-pc.swiper-container .prev {
left: 10px; }
.service-page #advertisements-pc.swiper-container .next {
right: 10px; }
.service-page #advertisements-pc.swiper-container i.size-l {
display: block;
color: #000000;
background-size: contain;
font-size: 50px; }
.service-page #advertisements-pc.swiper-container .swiper-slide {
width: 100%;
text-align: center; }
.service-page #advertisements-pc.swiper-container .swiper-slide img {
display: inline-block;
vertical-align: top;
width: 31%;
margin: 0 0.5% !important;
height: auto; }
.service-page #advertisements-pc.swiper-container .swiper-slide img:first-child {
margin-left: 0; }
.service-page #advertisements-pc.swiper-container .swiper-slide img:last-child {
margin-right: 0; }
.service-page #dropdown .display-tb {
display: block; }
.service-page .partner-banners {
width: 95%;
margin: 0 auto;
font-size: 0; }
.service-page .partner-banners li {
float: none;
display: inline-block;
vertical-align: top;
* display: inline;
* zoom: 1;
width: 49%;
margin-right: 1%;
margin-bottom: 10px;
text-align: center; }
.service-page .partner-banners li a {
display: inline-block;
vertical-align: top;
*display: inline;
*vertical-align: auto;
*zoom: 1; }
.service-page .partner-banners li img {
width: 100%;
height: auto; }
.service-page .partner-banners li img:hover {
opacity: .85; }
.service-page .partner-banners li.even {
margin-right: 0; } }
@media only screen and (min-width: 560px) and (max-width: 731px) {
.service-page #partners ul li {
width: 33%;
float: none; }
.service-page #partners ul li .inner-holder {
width: 150px; }
.service-page #partners ul li .inner-holder.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-2 {
background: url("/img/main/270x270_books.png") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top;
background-size: 150px 150px; } }
/* iPads (landscape) ----------- */
@media only screen and (min-width: 732px) and (max-width: 1024px) and (orientation: landscape) {
.service-page #subcategories {
position: relative;
margin-bottom: 35px;
overflow: hidden; }
.service-page #subcategories #subcategories-type {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 80px;
height: 45px;
border-radius: 0;
text-align: left; }
.service-page #subcategories #subcategories-type.category-all {
background-image: none; }
.service-page #subcategories #subcategories-type.category-ladys {
background: #e7e7e7 url("/img/main/icons/icon-s-ladys.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-mens {
background: #e7e7e7 url("/img/main/icons/icon-s-mens.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-sports {
background: #e7e7e7 url("/img/main/icons/icon-s-sports.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-elec {
background: #e7e7e7 url("/img/main/icons/icon-s-elec.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-bag {
background: #e7e7e7 url("/img/main/icons/icon-s-bag.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-jewel {
background: #e7e7e7 url("/img/main/icons/icon-s-jewely.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-beauty {
background: #e7e7e7 url("/img/main/icons/icon-s-beauty.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-book {
background: #e7e7e7 url("/img/main/icons/icon-s-books.png") no-repeat center center; }
.service-page #subcategories .swiper-container {
margin: 0;
padding-left: 80px; }
.service-page #subcategories .swiper-wrapper {
display: block; }
.service-page #recommendation .recommendation-list-item.sp-hide {
display: block; }
.service-page #recommendation .see-more-btn-holder {
display: none; }
.service-page #recommendation .controller {
display: block;
opacity: 0.7;
position: absolute;
z-index: 100;
top: 50%;
font-size: 60px; }
.service-page #recommendation .controller.prev {
left: 10%; }
.service-page #recommendation .controller.next {
right: 10%; }
.service-page #recommendation .controller:hover {
opacity: 1;
cursor: pointer; }
.service-page #recommendation .controller i {
display: block;
color: #000000;
}
.service-page .partner-banners {
width: 95%;
margin: 0 auto;
font-size: 0; }
.service-page .partner-banners li {
float: none;
display: inline-block;
vertical-align: top;
* display: inline;
* zoom: 1;
width: 49%;
margin-right: 1%;
margin-bottom: 10px;
text-align: center; }
.service-page .partner-banners li a {
display: inline-block;
vertical-align: top;
*display: inline;
*vertical-align: auto;
*zoom: 1; }
.service-page .partner-banners li img {
width: 100%;
height: auto; }
.service-page .partner-banners li img:hover {
opacity: .85; }
.service-page .partner-banners li.even {
margin-right: 0; }
.service-page #partners ul li {
width: 33%;
float: none; }
.service-page #partners ul li .inner-holder {
width: 200px;
padding: 210px 0 0 0; }
.service-page #partners ul li .inner-holder.active {
width: 200px;
cursor: pointer; }
.service-page #partners ul li .inner-holder.active img {
width: 200px;
height: 50px;
margin: 0 auto; }
.service-page #partners ul li .inner-holder span.mask {
background: url("/img/main/partners-mask.png") no-repeat top left;
background-size: 200px 200px;
width: 200px;
height: 200px;
z-index: 10;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.service-page #partners ul li .inner-holder.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top;
background-size: 200px 200px; }
.service-page #partners ul li .inner-holder.partner-2 {
background: url("/img/main/270x270_books.png") no-repeat center top;
background-size: 200px 200px; }
.service-page #partners ul li .inner-holder.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top;
background-size: 200px 200px; }
.service-page #partners ul li .inner-holder.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top;
background-size: 200px 200px; }
.service-page #partners ul li .inner-holder.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top;
background-size: 200px 200px; }
.service-page #partners ul li .inner-holder.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top;
background-size: 200px 200px; } }
/* iPads (portrait) ----------- */
@media only screen and (min-width: 732px) and (max-width: 1024px) and (orientation: portrait) {
.service-page .js-rec-prev, .service-page .js-rec-next {
display: none; }
.service-page #recommendation .recommendation-list-item.sp-hide {
display: block; }
.service-page #recommendation .see-more-btn-holder {
display: none; }
.service-page #recommendation .controller {
display: block;
opacity: 0.7;
position: absolute;
z-index: 100;
top: 50%;
font-size: 60px; }
.service-page #recommendation .controller.prev {
left: 10%; }
.service-page #recommendation .controller.next {
right: 10%; }
.service-page #recommendation .controller:hover {
opacity: 1;
cursor: pointer; }
.service-page #recommendation .controller i {
display: block;
color: #000000;
}
.service-page #subcategories {
position: relative;
margin-bottom: 35px;
overflow: hidden; }
.service-page #subcategories #subcategories-type {
display: block;
position: absolute;
top: 0;
left: 0;
z-index: 100;
width: 80px;
height: 45px;
border-radius: 0;
text-align: left; }
.service-page #subcategories #subcategories-type.category-all {
background-image: none; }
.service-page #subcategories #subcategories-type.category-ladys {
background: #e7e7e7 url("/img/main/icons/icon-s-ladys.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-mens {
background: #e7e7e7 url("/img/main/icons/icon-s-mens.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-sports {
background: #e7e7e7 url("/img/main/icons/icon-s-sports.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-elec {
background: #e7e7e7 url("/img/main/icons/icon-s-elec.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-bag {
background: #e7e7e7 url("/img/main/icons/icon-s-bag.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-jewel {
background: #e7e7e7 url("/img/main/icons/icon-s-jewely.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-beauty {
background: #e7e7e7 url("/img/main/icons/icon-s-beauty.png") no-repeat center center; }
.service-page #subcategories #subcategories-type.category-book {
background: #e7e7e7 url("/img/main/icons/icon-s-books.png") no-repeat center center; }
.service-page #subcategories .swiper-container {
width: 100%;
margin: 0;
padding-left: 80px; }
.service-page #subcategories .swiper-wrapper {
display: block; }
.service-page .toggle {
display: none; }
.service-page .toggle a {
color: #a3a3a3; }
.service-page .toggle .btn-hide {
display: none; }
.service-page .toggle.active {
background: url("/img/main/icons/icon-see-less.png") no-repeat center bottom;
background-size: 15px 15px; }
.service-page .toggle.active .btn-show {
display: none; }
.service-page .toggle.active .btn-hide {
display: block; }
.service-page #search h1 {
line-height: 1.5;
padding-left: 50px;
color: white;
background: url("/img/main/icons/icon-free-shipping-white-small.png") no-repeat 0 3px;
font-size: 22px;
text-decoration: none;
text-align: left; }
.service-page #search input[type=text] {
padding: 7px 2%; }
.service-page #recommendation .see-more-btn-holder {
display: none; }
.service-page #partners ul {
width: 80%; }
.service-page #partners ul li {
width: 33%;
float: none; }
.service-page #partners ul li .inner-holder {
width: 150px; }
.service-page #partners ul li .inner-holder.active {
width: 300px;
height: 50px;
padding: 210px 0 0 0;
margin: 15px 25px 20px 25px;
cursor: pointer; }
.service-page #partners ul li .inner-holder.active img {
width: 200px;
height: 50px;
margin: 0 auto; }
.service-page #partners ul li .inner-holder.active span.mask {
background: url("/img/main/partners-mask.png") no-repeat top left;
background-size: 300px 300px;
width: 300px;
height: 300px;
z-index: 10;
position: absolute;
top: 0;
left: 0;
overflow: hidden; }
.service-page #partners ul li .inner-holder.partner-1 {
background: url("/img/main/partners-1.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-2 {
background: url("/img/main/270x270_books.png") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-3 {
background: url("/img/main/partners-3.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-4 {
background: url("/img/main/270x270_kobo.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-5 {
background: url("/img/main/partners-5.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page #partners ul li .inner-holder.partner-6 {
background: url("/img/main/partners-6.jpg") no-repeat center top;
background-size: 150px 150px; }
.service-page .partner-banners {
width: 95%;
margin: 0 auto;
font-size: 0; }
.service-page .partner-banners li {
float: none;
display: inline-block;
vertical-align: top;
* display: inline;
* zoom: 1;
width: 49%;
margin-right: 1%;
margin-bottom: 10px;
text-align: center; }
.service-page .partner-banners li a {
display: inline-block;
vertical-align: top;
*display: inline;
*vertical-align: auto;
*zoom: 1; }
.service-page .partner-banners li img {
width: 100%;
height: auto; }
.service-page .partner-banners li img:hover {
opacity: .85; }
.service-page .partner-banners li.even {
margin-right: 0; } }


/*****************************/

.icon-arrow_l:before {
  content: url("/img/service/icon-circle_l.png"); }

.icon-arrow_r:before {
  content: url("/img/service/icon-circle_r.png"); }


/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
service end
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/