/*\\\\\\ menu \\\\\\*/
/*
=02 media screen all
	=02-1 common
	=02-2 module
	=02-3 page
=03 media screen sp
	=03-1 common
	=03-2 module
	=03-3 page
=04 media screen tl & pc
	=04-1 common
	=04-2 module
	=04-3 page
=05 media screen tl & pcs
	=05-1 common
	=05-2 module
	=05-3 page
=06 media screen tl
	=06-1 common
	=06-2 module
	=06-3 page
=07 media screen pc
	=07-1 common
	=07-2 module
	=07-3 page
=08 media screen pcl
	=08-1 common
	=08-2 module
	=08-3 page
\\\\\\\\\\\\\\\*/
/*######################################################################
						=02 media screen all
######################################################################*/
/*************************************************
			=02-1 common
*************************************************/
/*************************************************
			=02-2 module
*************************************************/
/*************************************************
			=02-3 page
*************************************************/
/*= home login before
======================================*/
/* registered */
#registered .h-1 + p a {
  display: block;
}
#registered li a {
  display: block;
  border: 1px solid #cbc499;
  border-radius: 1px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* faq-login-before & news-login-before & maintenance-login-before */
#faq-login-before li:first-child ~ li, #news-login-before li:first-child ~ li, #maintenance-login-before li:first-child ~ li {
  border-top: 1px solid #bababa;
}

/*= home login after
======================================*/
/* share-btn */
#share-btn {
  text-align: right;
}
#share-btn ul {
  letter-spacing: -.4em;
}
#share-btn ul > * {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  letter-spacing: normal;
}
#share-btn li {
  vertical-align: top;
  text-align: left;
}
#share-btn .i-twitter {
  width: 112px;
}
#share-btn .i-facebook {
  margin-right: 10px;
}
#share-btn .i-mixi iframe {
  width: 119px !important;
}

/* main-slider */
#main-slider {
  background-color: #645754;
  position: relative;
  overflow: hidden;
}
#main-slider ul {
  visibility: hidden;
}
#main-slider li {
  position: relative;
  float: left;
}
#main-slider a {
  display: block;
  margin: 0 auto;
}
#main-slider .b-txt {
  display: block;
  background-color: #2b2523;
  text-align: center;
}
#main-slider .i-txt {
  color: #fff;
}

/* point-save */
#point-save {
  background-color: #fff;
  border: 1px solid #c2ba93;
  padding: 1px;
}
#point-save .point-save-inner {
  background-color: #edede0;
}
#point-save h2 {
  border-bottom: 2px solid #47382b;
  margin: 0 -2px;
  text-align: center;
  color: #524036;
  font-weight: bold;
}
#point-save li a {
  display: block;
  background-repeat: no-repeat;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
}

/* contents-list */
#contents-list .b-outside {
  border: 1px solid #bababa;
  padding: 1px;
  overflow: hidden;
}
#contents-list .b-outside iframe {
  border: none;
  overflow: hidden;
}
#contents-list .h-1-s {
  text-align: center;
}

/* pr */
#pr li img {
  vertical-align: bottom;
}

/* recommend */
#recommend h3 {
  color: #524036;
}
#recommend .b-smart li {
  *zoom: 1;
}
#recommend .b-smart li:after {
  content: "";
  display: block;
  clear: both;
}
#recommend .b-smart img {
  border: 1px solid #61482d;
  float: left;
}
#recommend .b-smart .i-txt {
  display: block;
}
#recommend .b-other .i-txt {
  display: block;
}

/* news */
#news p a {
  color: #540000;
}

/* maintenance */
#maintenance a {
  color: #540000;
}

.b-outside .ag-pc,
.b-outside .ag-tab,
.b-outside .ag-sp {
display:none;
}

/*######################################################################
						=03 media screen sp
######################################################################*/
@media screen and (max-width: 767px) {
  /*************************************************
  			=03-1 common
  *************************************************/
  /*************************************************
  			=03-2 module
  *************************************************/
  /*************************************************
  			=03-3 page
  *************************************************/
  /*= home login before
  ======================================*/
  /* login-before */
  #login-before {
    border: 1px solid #bababa;
    margin-bottom: 15px;
  }

  /* first-use, registered */
  #first-use, #registered {
    background-color: #ebebdc;
    border-width: 0 !important;
    -webkit-box-shadow: inset 0 0 0 1px white;
    -moz-box-shadow: inset 0 0 0 1px white;
    box-shadow: inset 0 0 0 1px white;
    margin-bottom: 0px !important;
  }
  #first-use .h-1, #registered .h-1 {
    margin: -5px -5px 5px;
  }

  /* registered */
  #registered {
    border-bottom-width: 1px !important;
  }
  #registered .h-1 {
    margin-bottom: 19px;
  }
  #registered .h-1 + p {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e6e0d3));
    background-image: -webkit-linear-gradient(top, #ffffff, #e6e0d3);
    background-image: -moz-linear-gradient(top, #ffffff, #e6e0d3);
    background-image: -o-linear-gradient(top, #ffffff, #e6e0d3);
    background-image: linear-gradient(top, #ffffff, #e6e0d3);
    border-radius: 1px;
    margin-bottom: 10px;
  }
  #registered .h-1 + p a {
    display: block;
    border: 2px solid #ab6f33;
    border-radius: 1px;
    -webkit-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    -moz-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    padding: 8px 10px 8px 85px;
    position: relative;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #registered .h-1 + p a:after {
    content: '';
    display: block;
    width: 61px;
    height: 51px;
    background: url(/c/home/img/bg_ponta.png) no-repeat;
    -webkit-background-size: 61px 62px;
    -moz-background-size: 61px 62px;
    -o-background-size: 61px 62px;
    background-size: 61px 62px;
    position: absolute;
    top: -14px;
    left: 18px;
  }
  #registered h3 {
    display: none;
  }
  #registered ul {
    border-top: 1px solid #cbc499;
    -webkit-box-shadow: inset 0 2px 0 -1px white;
    -moz-box-shadow: inset 0 2px 0 -1px white;
    box-shadow: inset 0 2px 0 -1px white;
    padding-top: 10px;
  }
  #registered li {
    margin-bottom: 10px;
  }
  #registered li a {
    height: 43px;
    background: white url(/c/cmn/img/ico_arrow_x2.png) no-repeat 98%;
    -webkit-background-size: 10px 17px;
    -moz-background-size: 10px 17px;
    -o-background-size: 10px 17px;
    background-size: 10px 17px;
    position: relative;
  }
  #registered li a:after {
    content: '';
    display: block;
    width: 109px;
    height: 25px;
    background: url(/c/home/img/img_sns_sp.png) no-repeat;
    -webkit-background-size: 327px 25px;
    -moz-background-size: 327px 25px;
    -o-background-size: 327px 25px;
    background-size: 327px 25px;
    position: absolute;
    top: 9px;
    left: 9px;
  }
  #registered .i-facebook a:after {
    background-position: 0 0;
  }
  #registered .i-twitter a:after {
    background-position: -109px 0;
  }
  #registered .i-mixi a:after {
    background-position: -218px 0;
  }
  #registered ul + p {
    border-top: 1px solid #cbc499;
    -webkit-box-shadow: inset 0 2px 0 -1px white;
    -moz-box-shadow: inset 0 2px 0 -1px white;
    box-shadow: inset 0 2px 0 -1px white;
    padding-top: 10px;
  }

  /* first-use */
  #first-use .h-1 + p {
    margin-bottom: 10px;
  }
  #first-use .h-1 + p + p {
    background-color: #f6f6f6;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #dededf));
    background-image: -webkit-linear-gradient(top, #ffffff, #dededf);
    background-image: -moz-linear-gradient(top, #ffffff, #dededf);
    background-image: -o-linear-gradient(top, #ffffff, #dededf);
    background-image: linear-gradient(top, #ffffff, #dededf);
    border-radius: 3px;
    margin-bottom: 10px;
  }
  #first-use .h-1 + p + p a {
    display: block;
    background: url(/c/cmn/img/ico_arrow-round_x2.png) no-repeat 8px 50%;
    -webkit-background-size: 18px 18px;
    -moz-background-size: 18px 18px;
    -o-background-size: 18px 18px;
    background-size: 18px 18px;
    border: 1px solid #bfc0c0;
    border-radius: 3px;
    -webkit-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    -moz-box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    box-shadow: white 0 0 0 1px inset, rgba(0, 0, 0, 0.2) 0 0 5px 0;
    padding: 8px 10px 8px 35px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #first-use .b {
    border-top: 1px solid #cbc499;
  }
  #first-use .b h3 {
    border-top: 1px solid white;
    padding-top: 10px;
    margin-bottom: 10px;
  }
  #first-use .b .c {
    margin-bottom: 5px;
  }

  /* faq-login-before & news-login-before & maintenance-login-before */
  #faq-login-before, #news-login-before, #maintenance-login-before {
    padding: 5px 5px 0 !important;
  }
  #faq-login-before .h-1-s, #news-login-before .h-1-s, #maintenance-login-before .h-1-s {
    margin: -6px -6px 5px;
  }
  #faq-login-before li, #news-login-before li, #maintenance-login-before li {
    display: block !important;
    background-position: 5px 3px !important;
    padding-left: 16px !important;
    margin: 0 -5px 5px;
  }
  #faq-login-before li:first-child ~ li, #news-login-before li:first-child ~ li, #maintenance-login-before li:first-child ~ li {
    background-position: 5px 8px !important;
    padding-top: 5px;
  }

  /* news-login-before */
  #news-login-before .link-r {
    display: none;
  }

  /*= home login after
  ======================================*/
  /* share-btn */
  #share-btn {
    margin-bottom: 5px;
    text-align: center;
  }
  #share-btn li {
    margin-bottom: 10px;
  }

  /* main-slider */
  #main-slider {
    margin: 0 -5px 10px;
  }
  #main-slider ul {
    width: 3766px;
    height: 113px;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #554a47), color-stop(10%, rgba(85, 74, 71, 0)), color-stop(90%, rgba(85, 74, 71, 0)), color-stop(100%, #554a47));
    background-image: -webkit-linear-gradient(top, #554a47, rgba(85, 74, 71, 0) 10%, rgba(85, 74, 71, 0) 90%, #554a47);
    background-image: -moz-linear-gradient(top, #554a47, rgba(85, 74, 71, 0) 10%, rgba(85, 74, 71, 0) 90%, #554a47);
    background-image: -o-linear-gradient(top, #554a47, rgba(85, 74, 71, 0) 10%, rgba(85, 74, 71, 0) 90%, #554a47);
    background-image: linear-gradient(top, #554a47, rgba(85, 74, 71, 0) 10%, rgba(85, 74, 71, 0) 90%, #554a47);
  }
  #main-slider li {
    width: 259px;
    padding: 5px 5px 0;
  }
  #main-slider li a {
    font-size: 12px;
    font-size: 1.2rem;
  }
  #main-slider li a img:not([width]) {
  zoom:1;
  width:260px;
  }
  #main-slider .b-txt {
    padding: 5px 20px 7px;
    margin: 5px -5px 0;
  }
  #main-slider .i-fade-l, #main-slider .i-fade-r {
    display: block;
    width: 20px;
    height: 180px;
    position: absolute;
    top: 0;
  }
  #main-slider .i-fade-l {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #554a47), color-stop(100%, rgba(85, 74, 71, 0)));
    background-image: -webkit-linear-gradient(left, #554a47, rgba(85, 74, 71, 0));
    background-image: -moz-linear-gradient(left, #554a47, rgba(85, 74, 71, 0));
    background-image: -o-linear-gradient(left, #554a47, rgba(85, 74, 71, 0));
    background-image: linear-gradient(left, #554a47, rgba(85, 74, 71, 0));
    left: 0;
  }
  #main-slider .i-fade-r {
    background-image: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(85, 74, 71, 0)), color-stop(100%, #554a47));
    background-image: -webkit-linear-gradient(left, rgba(85, 74, 71, 0), #554a47);
    background-image: -moz-linear-gradient(left, rgba(85, 74, 71, 0), #554a47);
    background-image: -o-linear-gradient(left, rgba(85, 74, 71, 0), #554a47);
    background-image: linear-gradient(left, rgba(85, 74, 71, 0), #554a47);
    right: 0;
  }
  #main-slider #main-slider-prev, #main-slider #main-slider-next {
    width: 37px;
    height: 36px;
    background-image: url(/c/home/img/btn_main-slider_x2.png);
    background-repeat: no-repeat;
    -webkit-background-size: 74px 36px;
    -moz-background-size: 74px 36px;
    -o-background-size: 74px 36px;
    background-size: 74px 36px;
    position: absolute;
    bottom: 5px;
    z-index: 1;
    cursor: pointer;
  }
  #main-slider #main-slider-prev {
    background-position: 0 0;
    left: 3px;
  }
  #main-slider #main-slider-next {
    background-position: -37px 0;
    right: 3px;
  }

  /* point-save */
  #point-save {
    margin-bottom: 20px;
    text-align: center;
  }
  #point-save .point-save-inner {
    padding-bottom: 5px;
  }
  #point-save h2 {
    padding: 2px 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #point-save ul {
    letter-spacing: -.4em;
  }
  #point-save ul > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
  }
  #point-save li {
    width: 71px;
    margin: 0 2px;
  }
  #point-save li a {
    height: 68px;
    background-image: url(/c/home/img/img_point-save_sp.png);
    -webkit-background-size: 284px 68px;
    -moz-background-size: 284px 68px;
    -o-background-size: 284px 68px;
    background-size: 284px 68px;
  }
  #point-save .i-sugoroku a {
    background-position: 0 0;
  }
  #point-save .i-cm a {
    background-position: -71px 0;
  }
  #point-save .i-challenge a {
    background-position: -142px 0;
  }
  #point-save .i-stamp a {
    background-position: -213px 0;
  }

  /* contents-list */
  #contents-list {
    margin-bottom: 20px;
  }
  #contents-list .b-outside {
    width: 302px;
    height: 170px;
    margin: 0 auto 10px;
  }
  #contents-list .b-outside iframe {
    width: 302px;
    height: 170px;
  }
		#contents-list .b-list-wrap li {
				display: block;
    margin-bottom:10px;
				width:50%;
				float:left;
		}
  #contents-list .b-wrap {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: box;
    margin-bottom: 10px;
  }
  #contents-list .b {
    padding:0 3px;
  }
  #contents-list .b .b-inner {		
    padding: 5px;
				border: 1px solid #bababa;
  }
  #contents-list .b .h-1-s {
    margin-bottom: 5px;
  }
  #contents-list .b img {
    display: block;
	   margin: 0 auto;
    width: 100%;
    max-width: 134px;
    zoom: 1;
  }
  #contents-list .b .b-img {
			display:block;
   margin: 0 auto 5px;
			overflow:hidden;
			max-height:95px;
		}

  /* pr */
  #pr {    
    padding: 10px 0;
    margin: 0 -5px 10px;
  }
  #pr h3 {
    display: none;
  }
  #pr .b-bnr {
    position: relative;
  }
  #pr ul {
    *zoom: 1;
    -webkit-transition: margin 0.3s ease-in-out;
    -moz-transition: margin 0.3s ease-in-out;
    -o-transition: margin 0.3s ease-in-out;
    transition: margin 0.3s ease-in-out;
    -webkit-transform-style: preserve-3d;
  }
  #pr ul:after {
    content: "";
    display: block;
    clear: both;
  }
  #pr li {
    width:50%;
				padding-bottom:8%;
    position: relative;
    float:left;
				text-align:center;
  }
  #pr li.nodis-sp {
			display:none;
		}
		#pr li img {
			zoom: 1;
			width:90%;
			height:auto;
		}

  /* info-list */
  #info-list > div {
    padding: 5px;
  }
  #info-list .h-1-s {
    margin: 0 -5px 5px;
  }

  /* recommend */
  #recommend {
    margin-bottom: 20px;
  }
  #recommend h3 {
    border-bottom: 1px solid #bababa;
    padding-bottom: 5px;
    margin-top: 10px;
  }
  #recommend .b-smart li {
    border-bottom: 1px solid #bababa;
    padding: 5px 0;
  }
  #recommend .b-smart img {
    margin-right: 10px;
  }
  #recommend .b-smart a {
    font-size: 14px;
    font-size: 1.4rem;
  }
  #recommend .b-smart .i-txt {
    margin-left: 49px;
  }
  #recommend .b-other li {
    border-bottom: 1px solid #bababa;
    padding: 5px 0;
  }
  #recommend .b-other a {
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* news */
  #news {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #news ul {
    margin-bottom: 5px;
  }
  #news li {
    border-bottom: 1px solid #bababa;
    padding: 5px 0;
  }
  #news p {
    text-align: center;
  }

  /* maintenance */
  #maintenance {
    margin-bottom: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  #maintenance li {
    border-bottom: 1px solid #bababa;
    padding: 5px 0;
  }

  /* twitter */
  #twitter {
    margin-bottom: 20px;
  }
  #twitter iframe {
    width: 100%;
  }

  /* facebook */
  #facebook {
    margin-bottom: 20px;
  }
  #facebook div {
    width: 100%;
  }
  #facebook span {
    display: block !important;
    width: 100% !important;
  }
  #facebook iframe {
    width: 100% !important;
  }

#ad #topBanner1a {
    display: none;
}
#ad #topBanner1b {
    display: visible;
}

}
/*######################################################################
						=04 media screen tl & pc
######################################################################*/
@media screen and (min-width: 768px) {
  /*************************************************
  			=04-1 common
  *************************************************/
  /*************************************************
  			=04-2 module
  *************************************************/
  /*************************************************
  			=04-3 page
  *************************************************/
  /*= home login before
  ======================================*/
  /* login-before */
  #login-before {
    margin-bottom: 20px;
    *zoom: 1;
  }
  #login-before:after {
    content: "";
    display: block;
    clear: both;
  }

  /* ad */
  #ad {
    float: left;
width: 600px;
overflow: hidden;
  }
  #ad a {
    display: block;
    /*background-repeat: no-repeat;*/
  }

  /* first-use & registered */
  #first-use, #registered {
    background-color: #fff;
    -webkit-box-shadow: 0 0 3px #cccccc;
    -moz-box-shadow: 0 0 3px #cccccc;
    box-shadow: 0 0 3px #cccccc;
    padding: 10px !important;
    margin-bottom: 0 !important;
  }
  #first-use .h-1, #registered .h-1 {
margin: -11px -11px 10px;/*2013.08.21*/
  }

  /* registered */
  #registered {
    border-bottom-width: 0;
  }
  #registered .h-1 + p {
margin: 0 -5px 10px;
  }
  #registered .h-1 + p a {
    /*width: 241px;
    height: 85px;*/
    width: 162px;
    height: 41px;
    background: url(/c/home/img/btn_use-sign-up2.png) no-repeat;
    margin: 0 auto;
    overflow: hidden;
    /*text-indent: 100%;*/
font-size: 118%;
font-weight: bold;
padding: 44px 0px 0px 79px;
    white-space: nowrap;
  }
  #registered .h-1 + p a:hover {
    background-position: 0 -85px;
color: #ce8133;
  }
  #registered h3 {
    border-top: 1px solid #bababa;
    padding-top: 15px;
    margin-bottom: 15px;
    text-align: center;
    color: #540000;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: bold;
  }

  /* first-use */
  #first-use .h-1 + p {
    margin: 0 auto 5px;
    overflow: hidden;
text-indent: 0%;
white-space: normal;
  }
  #first-use .h-1 + p + p {
    margin: 0 -2px 0;/*2013.08.21*/
  }
  #first-use .h-1 + p + p a {
    display: block;
    width: 238px;
    height: 66px;
    background-image: url(/c/home/img/btn_sign-up_ponta.png);/*2013.08.21*/
    margin: 0 auto;
    overflow: hidden;
    /*text-indent: 100%;*/
text-indent: 125%;
    white-space: nowrap;
  }
  #first-use .h-1 + p + p a:hover {
    background-position: 0 -66px;
  }
  #first-use .b {
    display: none;
  }

  /* info-list-login-before */
  #info-list-login-before {
    *zoom: 1;
  }
  #info-list-login-before:after {
    content: "";
    display: block;
    clear: both;
  }
  #info-list-login-before .b-wrap {
    width: 50%;
    *width: 49.9%;
    /*ie7*/
    float: left;
  }
  #info-list-login-before .b-wrap:first-child + .b-wrap {
    float: right;
  }

  /* faq-login-before & news-login-before & maintenance-login-before */
  #faq-login-before, #news-login-before, #maintenance-login-before {
    padding: 5px 10px 3px !important;
  }
  #faq-login-before .h-1-s, #news-login-before .h-1-s, #maintenance-login-before .h-1-s {
    margin: 0 -5px 10px;
  }
  #faq-login-before li, #news-login-before li, #maintenance-login-before li {
    margin-bottom: 7px;
  }
  #faq-login-before li:first-child ~ li, #news-login-before li:first-child ~ li, #maintenance-login-before li:first-child ~ li {
    background-position: 0 12px;
    padding-top: 7px;
  }

  /* faq-login-before */
  #faq-login-before {
    margin-right: 10px;
  }

  /* news-login-before */
  #news-login-before {
    margin-left: 10px;
  }
  #news-login-before ul {
    border-bottom: 1px solid #bababa;
    margin-bottom: 5px;
  }
  #news-login-before p {
    margin-bottom: 5px;
  }

  /*  maintenance-login-before */
  #maintenance-login-before {
    margin-left: 10px;
  }

  /*= home login after
  ======================================*/
  /* main-slider */
  #main-slider {
    margin-bottom: 20px;
  }
  #main-slider ul {
    width: 7252px;
    height: 255px;
    background: url(/c/home/img/bg_main-slider.png) repeat-x;
  }
  #main-slider li {
    padding: 10px 5px 0;
  }
  #main-slider li a {
    text-align: center;
  }
  #main-slider li a:hover .i-txt {
    border-bottom: none;
  }
  #main-slider .b-txt {
    height: 29px;
    width: 538px;
    margin: 10px -5px 0;
    line-height: 2.4;
  }
  #main-slider .i-txt {
    border-bottom: 1px dotted white;
    font-weight: bold;
  }
  #main-slider .i-fade-l, #main-slider .i-fade-r {
    display: block;
    width: 35px;
    height: 255px;
    background-image: url(/c/home/img/fade_main-slider.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 0;
  }
  #main-slider .i-fade-l {
    background-position: 0 0;
    left: 0;
  }
  #main-slider .i-fade-r {
    background-position: -35px 0;
    right: 0;
  }
  #main-slider #main-slider-prev, #main-slider #main-slider-next {
    width: 41px;
    height: 40px;
    background-image: url(/c/home/img/btn_main-slider.png);
    background-repeat: no-repeat;
    position: absolute;
    bottom: 4px;
    z-index: 1;
    cursor: pointer;
  }
  #main-slider #main-slider-prev {
    background-position: 0 0;
    left: 4px;
  }
  #main-slider #main-slider-next {
    background-position: -41px 0;
    right: 4px;
  }

  /* point-save */
  #point-save h2 {
    padding: 5px 0;
    margin-bottom: 5px;
    font-size: 14px;
    font-size: 1.4rem;
  }

  /* contents-list */
  #contents-list {
    float: left;
    *margin-bottom: 10px;
    /* ie7 */
  }
  #contents-list .b-wrap {
    *zoom: 1;
  }
  #contents-list .b-wrap:after {
    content: "";
    display: block;
    clear: both;
  }
		#contents-list .b-list-wrap li {
    display: block;
    margin-bottom: 10px;
    width: 50%;
    float: left;
		}
  #contents-list .b {
    /*float: left;*/
  }
  #contents-list .b .h-1-s .h-1-s-inner {
    padding: 2px 2px;
  }
  #contents-list .b a .i-link-txt {
    border-bottom: 1px dotted #61482d;
  }
  #contents-list .b a:hover .i-link-txt {
    border-bottom: none;
  }
  #contents-list .b img {
    width: 148px;
  }

  /* pr */
  #pr {
    float: right;
				clear:right;
  }
  #pr h3 {
    border: 1px solid #bababa;
    padding: 3px 0;
    margin-bottom: 10px;
    text-align: center;
    font-size: 12px;
    font-size: 1.2rem;
  }
  #pr ul {
    width: 100% !important;
  }
  #pr li {
    margin-bottom: 10px;
  }

  /* wrap-info-sns */
  #wrap-info-sns {
    margin-bottom: 10px;
    *zoom: 1;
  }
  #wrap-info-sns:after {
    content: "";
    display: block;
    clear: both;
  }

  /* info-list */
  #info-list {
    float: left;
  }
  #info-list > div {
    padding: 5px;
  }
  #info-list .h-1-s {
    margin: 0 -5px 3px;
  }

  /* recommend */
  #recommend {
    margin-bottom: 10px;
  }
  #recommend h3 {
    margin: 10px 0 5px;
    font-weight: bold;
  }
  #recommend .b-smart li {
    border-top: 1px solid #ddd5b1;
    padding: 7px 0;
  }
  #recommend .b-smart img {
    width: 42px;
    margin-right: 5px;
  }
  #recommend .b-smart .i-txt {
    margin-top: 3px;
  }
  #recommend .b-other li {
    padding: 7px 0;
    font-size: 11px;
    font-size: 1.1rem;
  }
  #recommend .b-other li ~ li {
    border-top: 1px solid #bababa;
  }
  #recommend .b-other a {
    font-size: 12px;
    font-size: 1.2rem;
  }

  /* news */
  #news {
    margin-bottom: 15px;
  }
  #news ul {
    margin-bottom: 3px;
  }
  #news li {
    border-bottom: 1px solid #bababa;
    padding: 7px 0;
  }
  #news p {
    text-align: right;
  }

  /* maintenance */
  #maintenance li {
    padding: 7px 0;
  }
  #maintenance li ~ li {
    border-top: 1px solid #bababa;
  }

  /* sns */
  #sns {
    float: left;
  }

  /* twitter */
  #twitter {
    margin-bottom: 15px;
  }

  /* facebook */
  #facebook {
    margin-bottom: 10px;
  }

#ad #topBanner1a {
    display: visible;
}
#ad #topBanner1b {
    display: none;
}

}
/*######################################################################
						=05 media screen tl & pcs
######################################################################*/
@media screen and (min-width: 768px) and (max-width: 1009px) {
  /*************************************************
  			=05-1 common
  *************************************************/
  /*************************************************
  			=05-2 module
  *************************************************/
  /*************************************************
  			=05-3 page
  *************************************************/
  /*= home login before
  ======================================*/
  /* ad */
  #ad {
	width: 470px;
  }
  #ad a {
    /*background-image: url(/c/home/img/ad_tl.jpg);*/
  }

  /* registered-first-use */
  #registered-first-use {
	position: relative;
	margin-left: 470px;
	margin-bottom: 10px;
  }

  /* registered */
#registered h3 {
font-size: 90%;
margin-bottom: 7px;
}
  #registered li {
    margin-bottom: 10px;
  }
  #registered li a {
    width: 211px;
    height: 51px;
    background: url(/c/home/img/img_sns_tl.png) no-repeat;
    margin: 0 auto;
  }
  #registered .i-facebook a {
    background-position: 0 0;
  }
  #registered .i-twitter a {
    background-position: -211px 0;
  }
  #registered .i-mixi a {
    background-position: -422px 0;
  }
  #registered ul + p {
    padding: 0 10px;
    margin-bottom: 10px;
  }

  /* first-use */
  #first-use .h-1 + p {
    width: 224px;
    height: 35px;
/*background-image: url(/c/home/img/txt_first-use_tl.png);*/
font-weight: bold;
font-size: 150%;
line-height: 1.25em;
text-align: center;
text-shadow: 1px 1px 1px #ccc;
  }

  /*= home login after
  ======================================*/
  /* share-btn */
  #share-btn {
    margin: -20px 0 20px;
  }

  /* point-save */
  #point-save {
    margin-bottom: 20px;
    text-align: center;
  }
  #point-save .point-save-inner {
    padding-bottom: 5px;
  }
  #point-save ul {
    letter-spacing: -.4em;
  }
  #point-save ul > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
  }
  #point-save li {
    width: 179px;
  }
  #point-save li a {
    height: 96px;
    background-image: url(/c/home/img/img_point-save_tl.png);
  }
  #point-save .i-sugoroku a {
    background-position: 0 0;
  }
  #point-save .i-cm a {
    background-position: -179px 0;
  }
  #point-save .i-challenge a {
    background-position: -358px 0;
  }
  #point-save .i-stamp a {
    background-position: -537px 0;
  }
  #point-save .i-sugoroku a:hover {
    background-position: 0 -96px;
  }
  #point-save .i-cm a:hover {
    background-position: -179px -96px;
  }
  #point-save .i-challenge a:hover {
    background-position: -358px -96px;
  }
  #point-save .i-stamp a:hover {
    background-position: -537px -96px;
  }

  /* contents-list */
  #contents-list {
    width: 100%;
    margin-right: -204px;
  }
  #contents-list .contents-list-inner {
    margin-right: 220px;
  }
/*
  #contents-list .b-outside {
    width: 504px;
    height: 170px;
    margin-bottom: 20px;
  }
  #contents-list .b-outside iframe {
    width: 504px;
    height: 170px;
  }
*/
  #contents-list .b-outside {
    width: 302px;
    height: 170px;
    margin: 0 15px 10px 0;
    float: left;
  }
  #contents-list .b-outside iframe {
    width: 302px;
    height: 170px;
  }
		#contents-list .b-list-wrap li {
				line-height:1;
				display: block;
				float: left;
				width: 50%;
    *width: 49.9%;
    margin-bottom: 20px;
  }
		#contents-list .b-list-wrap li p {
			line-height:1.5;
		}
  #contents-list .b-wrap {
    margin-bottom: 20px;
  }
		#contents-list .b .b-img {
    display:inline;
    overflow: hidden;
    max-height: 105px;
		}
  #contents-list .b {
    padding-right: 10px;
  }
  #contents-list .b .b-inner {
    *zoom: 1;
  }
  #contents-list .b .b-inner:after {
    content: "";
    display: block;
    clear: both;
  }
  #contents-list .b .h-1-s {
    margin-bottom: 10px;
  }
  #contents-list .b img {
    margin-right: 10px;
    float: left;
  }

  /* pr */
  #pr img {
    width: 204px;
  }

  /* wrap-info-sns */
  #wrap-info-sns {
    clear: both;
  }

  /* info-list */
  #info-list {
    width: 100%;
    margin-right: -354px;
  }
  #info-list .info-list-inner {
    margin-right: 370px;
  }

  /* sns */
  #sns {
    width: 354px;
  }

  /* twitter */
  #twitter iframe {
    width: 354px;
  }

  /* facebook */
  #facebook iframe {
    width: 354px !important;
  }

#ad #topBanner1a {
    display: visible;
}
#ad #topBanner1b {
    display: none;
}


}
/*######################################################################
						=06 media screen tl
######################################################################*/
@media screen and (min-width: 768px) and (max-width: 919px) {
  /*************************************************
  			=06-1 common
  *************************************************/
  /*************************************************
  			=06-2 module
  *************************************************/
  /*************************************************
  			=06-3 page
  *************************************************/

  /* ad */
  #ad {
	width: 470px;
  }
  #ad a {
    /*background-image: url(/c/home/img/ad_tl.jpg);*/
  }
#ad #topBanner1a {
    display: visible;
}
#ad #topBanner1b {
    display: none;
}
#ad2 {
margin-top: 10px;
}

  /* registered-first-use */
  #registered-first-use {
	position: relative;
	margin-left: 480px;
  }
}
/*######################################################################
						=07 media screen pc
######################################################################*/
@media screen and (min-width: 920px) {
  /*************************************************
  			=07-1 common
  *************************************************/
  /*************************************************
  			=07-2 module
  *************************************************/
  /*************************************************
  			=07-3 page
  *************************************************/
  /* ad */
  #ad {
	width: 600px;
  }
  #ad a {
    /*background-image: url(/c/home/img/ad_tl.jpg);*/
  }
#ad #topBanner1a {
    display: visible;
}
#ad #topBanner1b {
    display: none;
}
#ad2 {
margin-top: 10px;
}

  /* registered-first-use */
  #registered-first-use {
	position: relative;
	margin-left: 610px;
  }
}
/*######################################################################
						=08 media screen pcl
######################################################################*/
@media screen and (min-width: 1010px) {	
  /*************************************************
  			=08-1 common
  *************************************************/
  /*= contents
  ======================================*/
  #contents .inner {
    *zoom: 1;
  }
  #contents .inner:after {
    content: "";
    display: block;
    clear: both;
  }

  /*************************************************
  			=08-2 module
  *************************************************/
  /*************************************************
  			=08-3 page
  *************************************************/
  /*= home login before
  ======================================*/
  /* ad */
  #ad {
    width: 600px;
  }
  #ad a {
    /*background-image: url(/c/home/img/ad_pc.jpg);*/
  }
#ad #topBanner1a {
    display: visible;
}
#ad #topBanner1b {
    display: none;
}
#ad2 {
margin-top: 10px;
}

  /* registered-first-use */
  #registered-first-use {
    margin-left: 610px;
  }

  /* registered */
  #registered ul {
    width: 303px;
    height: 123px;
    margin: 0 auto;
  }
  #registered li {
    margin-right: 15px;
    float: left;
  }
  #registered li a {
    width: 89px;
    height: 101px;
    background-image: url(/c/home/img/img_sns.png);
  }
  #registered li + li + li {
    margin-right: 0;
  }
  #registered .i-facebook a {
    background-position: 0 0;
  }
  #registered .i-twitter a {
    background-position: -89px 0;
  }
  #registered .i-mixi a {
    background-position: -178px 0;
  }
  #registered ul + p {
    width: 303px;
    padding-bottom: 22px;
    margin: 0 auto;
  }

  /* first-use */
  #first-use .h-1 + p {
    width: 240px;
    height: 40px;
/*background-image: url(/c/home/img/txt_first-use.png);*/
white-space: normal;
font-weight: bold;
font-size: 150%;
line-height: 1.25em;
text-align: center;
text-shadow: 1px 1px 1px #ccc;
  }
  #first-use .h-1 + p + p a {
	margin-bottom:0;/*2013.08.21*/
}

  /*= home login after
  ======================================*/
  /* share-btn */
  #share-btn {
    position: absolute;
    top: 0;
    right: 0;
  }

  /* main-slider */
  #main-slider {
    width: 627px;
    float: left;
  }

  /* point-save */
  #point-save {
    width: 302px;
    /*margin: 31px 0 20px;*/
    margin: 0;
    float: right;
    text-align: center;
  }
  #point-save .point-save-inner {
    padding-bottom: 1px;
  }
  #point-save ul {
    letter-spacing: -.4em;
  }
  #point-save ul > * {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    letter-spacing: normal;
  }
  #point-save li {
    width: 150px;
  }
  #point-save li a {
    height: 94px;
    background-image: url(/c/home/img/img_point-save.png);
  }
  #point-save .i-sugoroku a {
    background-position: 0 0;
  }
  #point-save .i-cm a {
    background-position: -150px 0;
  }
  #point-save .i-challenge a {
    background-position: -300px 0;
  }
  #point-save .i-stamp a {
    background-position: -450px 0;
  }
  #point-save .i-sugoroku a:hover {
    background-position: 0 -94px;
  }
  #point-save .i-cm a:hover {
    background-position: -150px -94px;
  }
  #point-save .i-challenge a:hover {
    background-position: -300px -94px;
  }
  #point-save .i-stamp a:hover {
    background-position: -450px -94px;
  }

  /* contents-list */
  #contents-list {
    width: 643px;
    clear: both;
    word-spacing: -1em;
    display: table;
  }
  #contents-list .b-outside {
    width: 302px;
    height: 170px;
    margin: 0 15px 10px 0;
    float: left;
  }
  #contents-list .b-outside iframe {
    width: 302px;
    height: 170px;
  }
		#contents-list .b-list-wrap {
			clear:both;
		}
		#contents-list .b-list-wrap li {
				display:inline-block;  
				margin:0 0px 10px 0;
				margin/***/:0 10px 10px 0;
				width/***/:148px;
				line-height:1;
				vertical-align:top;
				word-spacing:0;
				/float:left;
  }
		#contents-list .b-list-wrap li p {
			line-height:1.5;
		}
  #contents-list .b-wrap {
    width: 306px;
    margin: 0 15px 10px 0;
				display: inline-block;
				vertical-align: top;
				word-spacing: 0;
  }
  #contents-list .b {
    width: 148px;
  }
  #contents-list .b:first-child {
    margin-right: 10px;
  }
  #contents-list .b .h-1-s {
    margin-bottom: 1px;
  }
  #contents-list .b img {
    margin-bottom: 2px;
  }

  /* pr */
  #pr {
    width: 300px;
    margin-bottom: 10px;
	position: absolute;
	top: 345px;
	right: 20px;
  }

  /* wrap-info-sns */
  #wrap-info-sns {
    width: 627px;
    float: left;
  }

  /* info-list */
  #info-list {
    width: 306px;
    margin-right: 15px;
  }

  /* twitter */
  #twitter iframe {
    width: 306px;
  }

  /* facebook */
  #facebook iframe {
    width: 306px !important;
  }
		
		@media screen and (-webkit-min-device-pixel-ratio:0) {
				#contents-list .b-list-wrap li {
					width:auto;
					margin:0 2px 10px 0;
				}
		}
}



/* Add Style */
#topBanner2a {
	margin:0 auto;
}
#topBanner2b {
	display: none;
	margin:0 auto;
}
#topBanner2a p, #topBanner2b p {
	background: #eee;
	text-align: center;
}


/*Tablet*/
@media screen and (min-width: 768px) and (max-width: 1009px) {
#topBanner2a {
	display: block;
}
#topBanner2a img{
	display: block;
	width: 90%;
	margin: 0 auto;
}
#topBanner2b {
	display: none;
}
#topBanner2b img{}
}

@media screen and (min-width: 768px) and (max-width: 919px) {
#topBanner2a {
	display: none;
}
#topBanner2a img{}
#topBanner2b {
	display: block;
}
#topBanner2b img{
	display: block;
	width: 100%;
}
}

/*Smartphone*/
@media screen and (max-width: 767px) {
#topBanner2a {
	display: none;
}
#topBanner2b {
	display: block;
}
#topBanner2b img{
	width: 65%;
}
}

.hashbn img {
width:100%;
}
@media screen and (min-width: 1010px) {
.hashbn {
width:306px;
}
}

#ad #topBanner1a a img,
#ad #topBanner1b a img {
width:100%;
zoom:1;
}

/*######################################################################
					楽しみながら、ポイントためちゃおう！
######################################################################*/
.point-save2 {
margin-bottom: 20px;
}
/*楽しみながら、ポイントためちゃおう！*/
@media screen and (min-width: 1010px) {
.point-save2 {
margin:0px;
width:296px;
position:absolute;
top:0;
right:20px;
}
}

/*============ Tab表示 ============*/
@media screen and (min-width: 768px) and (max-width: 1009px) {
.point-save2 {
text-align:center;
}
.point-save2 h2 {
margin: 0 -2px 5px -2px;
}
.point-save2 ul li {
width:11.6%;
}
}

@media screen and (min-width: 768px) and (max-width: 800px) {
.point-save2 ul li .tt span {
display:block;
}
}

/*スマフォ*/
@media screen and (max-width: 767px) {
.point-save2 {
margin-bottom:10px;
}
.point-save2 h2 {
margin:0 -2px 5px -2px;
}
.point-save2 ul li {
margin:0 4px 4px 4px;
width:65px;
height:60px;
position: relative;
}
.point-save2 ul li .ic {
float:none;
position: absolute;
z-index: 1;
left: 7px;
opacity:0.6;
filter: alpha(opacity=60);
/* IE8以下 */
filter:none\9;
}
.point-save2 ul li .ic img {
margin-top:2px;
width:auto;
}
.point-save2 ul li .tt {
padding-top:30px;
text-align:center;
font-size:14px;
position:relative;
z-index:2;
}
.point-save2 ul li .tt span.ss {
font-size:13px;
}
.point-save2 ul li .tx {
display:none;
}
}


.mip-btmpr-pc,.mip-btmpr-sptab {
margin:-10px 0 10px 0;
}
.mip-btmpr-pc img,.mip-btmpr-sptab img {
width:100%;
}
.mip-btmpr-pc {
width:627px;
float:left;
}

@media screen and (min-width: 1010px) {
.mip-btmpr-pc {
display:block;
min-height:60px;
position:relative;
}
.mip-btmpr-pc #EXP_BN_MINI {
position:absolute;
top:0;
left:0;
cursor:pointer;
}
.mip-btmpr-pc #EXP_BN_BIG {
height:60px;
cursor:pointer;
position:relative;
z-index:1;
}
.mip-btmpr-sptab {
display:none;
}
}


@media screen and (min-width: 768px) and (max-width: 1009px) {
.mip-btmpr-pc {
display:none;
}
.mip-btmpr-sptab {
display:block;
}
.mip-btmpr-sptab .tab {
display:block;
}
.mip-btmpr-sptab .sp {
display:none;
}
}
@media screen and (max-width: 767px) {
.mip-btmpr-pc {
display:none;
}
.mip-btmpr-sptab {
display:block;
}
.mip-btmpr-sptab .tab {
display:none;
}
.mip-btmpr-sptab .sp {
display:block;
}
}


/*######################################################################
						UZI_BNR
######################################################################*/

#uzi-bnr-wrap {
display:none;
}
#uzi-bnr-wrap .uzi-bg {
overflow:hidden;
position:fixed;
top:0;left:0;
width:100%;
height:100%;
min-height:100%;
text-align:center;
background:#000000;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
height:100%;
min-height:100%;
z-index:500;
}
#uzi-bnr-wrap .uzi-bnr-box {
position:absolute;
width:670px;
top:45px;
left:50%;
margin-left:-335px;
text-align:center;
z-index:600;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-bnr-in {
margin:0 auto;
width:670px;
height:528px;
text-align:center;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close {
width:100%;
position:absolute;
top:-6px;
right:-6px;
text-align:center;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close > p {
margin:0 auto;
width:660px;
text-align:right;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close > p > a {
display:block;
margin:0 0 0 auto;
width:25px;
height:25px;
background:url(../img/btn_uzi_close.png) no-repeat;
z-index:700;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close > p > a > i {
display:none;
}
@media screen and (max-width: 767px) {

#uzi-bnr-wrap .uzi-bnr-box {
width:100%;
left:0;
margin:0;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-bnr-in {
width:93%;
height:auto;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-bnr-in img {
width:100%;
zoom:1;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close > p {
width:93%;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close {
top:0;
right:0px;
}
#uzi-bnr-wrap .uzi-bnr-box .uzi-close > p > a {
background-size:12px;
width:12px;
height:12px;
}
}
/*######################################################################
						JackBnr
######################################################################*/
@media screen and (max-width: 767px) {
.top-adbn-side-l,
.top-adbn-side-r {
display: none;
}
}
@media screen and (min-width: 768px) {
.top-adbn-side-l,
.top-adbn-side-r {
display: none;
}
}
@media screen and (min-width: 1010px) {
.top-adbn-side-l {
position: absolute;
top: 0;
left: -140px;
}
.top-adbn-side-r {
position: absolute;
top: 0;
right: -140px;
}
.top-adbn-side-l ,
.top-adbn-side-r {
display: block;
}
}