@charset "utf-8";
/* CSS Document */
*:focus {
  outline: none;
}
#container #wrapper,
#content {
  float: none;
  width: 100%;
}

#main {
  background-image: url("../images/bg_main04.png"),url("../images/bg_main01.gif");
  background-position: 50% 100%,50% 50%;
  background-size: 150%,20px;
  background-repeat: repeat-x,repeat;
  width: 956px;
  margin: auto;
}
#content h1 {
  text-align: center;
  color: #fff;
  font-size: 28px;
  padding: 50px 0;
  margin: 0 0 20px;
}

#content .bnr {
  line-height: 0;
  margin: 0 0 20px;
  text-align: center;
}

/*footer*/
#footer .mainContents h2 a {
    background-image: url("../../service/images/renew/ico-service.gif");
	background-position: 0 -499px;
}

#footer .mainContents .left li,
#footer .mainContents .right li {
	background-image: url("../../common/images/dot-glay.gif");
    background-position: 0 100%;
    background-repeat: repeat-x;
	margin: 0 10px 7px 0;
	padding: 0 0 8px;
}

#footer .mainContents .left li.last,
#footer .mainContents .right li.last {
	background-image: none;
	margin: 0 10px 0 0;
	padding: 0;
}

#footer .mainContents .left li a,
#footer .mainContents .right li a {
    background-image: url("../../service/images/renew/ico-service.gif");
    background-position: 0 -95px;
    background-repeat: no-repeat;
    padding: 0 0 0 10px;
}

.dduetBnr {
  width: 956px;
  overflow: hidden;
  margin: 0 auto 20px;
}
.dduetBnr li {
  float: left;
  width: 49%;
  margin: 0 0 15px;
}
.dduetBnr li.last {
  float: none;
  clear: both;
  width: 100%;
  margin: 0 0 50px;
}
.dduetBnr li:nth-child(odd) {
  float: right;
}
.dduetBnr li a {
  display: block;
}
.dduetBnr li img {
  box-sizing: border-box;
  width: 100%;
  height: auto;
  border-radius: 5px;
  border: 2px solid #E43C6D;
  box-shadow: 0 2px 2px rgba(55, 55, 55, 0.3);
}

p.arrow {
  width: 956px;
  margin: 0 auto 25px;
  padding: 0;
  box-sizing: border-box;
}
p.arrow a {
  background: url("../images/ico_arrow.png") no-repeat 0 50%;
  padding-left: 16px;
}

.osusume {
  background: url("../images/border.gif") repeat-x 0 0;
  padding: 64px 0 0 0;
}
.osusume h2 {
  background: #f37aaa url("../images/ico_title.gif") no-repeat 20px 50%;
  color: #fff;
  font-size: 20px;
  font-weight: bold;
  padding: 16px 0 16px 60px;
  margin: 0 auto 30px;
  width: 956px;
  box-sizing: border-box;
}
.osusume ul {
  width: 836px;
  overflow: hidden;
  padding: 0;
  margin: 0 auto;
}
.osusume ul li {
  float: left;
  margin: 0 20px 0 0;
}

a:hover{
  color: #333;
}
#outline table td a,
#outline .listNote a {
  color: #0066CC;
  text-decoration: underline;
}
#outline table td a:hover,
#outline .listNote a:hover {
  color: #F00000;
  text-decoration: none;
  outline: none;
}
#modalFlyer .btn a:hover {
  text-decoration: none;
}
#modalFlyer .btn a:hover,
.dduetBnr a:hover,
.slider a:hover,
.campaignBox p.img a:hover,
.campaignBox p.url a:hover,
.nav a:hover,
.block a:hover {
  opacity: 0.7;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #fff;
	border: #e87496 solid 1px;
	border-radius: 10px;
	margin: 0 3px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #e87496;
}

.bx-wrapper .bx-controls-direction a {
  margin-top: -28px;
  width: 41px;
  height: 41px;
}
.bx-wrapper .bx-prev {
  left: -61px;
  background: url("../images/detail/bt_prev.png") no-repeat 0 0;
  background-size: 41px;
}
.bx-wrapper .bx-next {
  right: -61px;
  background: url("../images/detail/bt_next.png") no-repeat 0 0;
  background-size: 41px;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -40px;
}

@media only screen and (max-width: 667px) {
.dduetBnr a:hover,
.slider a:hover,
.campaignBox p.img a:hover,
.campaignBox p.url a:hover,
.nav a:hover,
.block a:hover {
  opacity: 1;
}

#container #wrapper,
#content {
  width: 100%;
}
#main {
  background-image: url("../images/bg_main04.png"),url("../images/bg_main01.gif");
  background-position: 50% 100%,50% 50%;
  background-size: 250%,20px;
  background-repeat: repeat-x,repeat;
  width: auto;
}
#content h1 {
  font-size: 20px;
  padding: 30px 0;
  margin: 0;
}
#content img {
  width: 100%;
  height: auto;
}
#content .bnr {
  margin: 0 0 15px;
}

.dduetBnr {
  width: auto;
  overflow: hidden;
  margin: 0 10px 10px;
}

p.arrow {
  width: auto;
  margin: 0 0 20px 10px;
  padding: 0;
}

.osusume {
  background: url("../images/border.gif") repeat-x 0 0;
  padding: 30px 0 0;
}
.osusume h2 {
  background: #f37aaa url("../images/ico_title.gif") no-repeat 10px 50%;
  background-size: 18px;
  font-size: 15px;
  padding: 15px 0 15px 36px;
  margin: 0 auto 32px;
  width: auto;
}
.osusume ul {
  width: auto;
  overflow: hidden;
  padding: 0 0 0 38px;
}
.osusume ul li {
  float: left;
  margin: 0 20px 0 0;
}
.sliderWrap {
  width: 65%;
  margin: 0 auto;
}

.pagetop {
  width: 50%;
  margin: 0 auto;
  line-height: 0;
  font-size: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #ff6699;
}
.bx-wrapper .bx-prev {
  left: 0;
	background-size: 32px;
}

.bx-wrapper .bx-next {
  right: 0;
	background-size: 32px;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	z-index: 3000;
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
  bottom: -30px;
}
}


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

PCとSPの出し分け

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

@media only screen and (max-width: 667px) {
.pcOnly {
	display: none !important;
}
.spOnly {
	display: block !important;
}
.spOnly img {
	width: 100% !important;
}
}


@media print, screen and (min-width: 668px) {
.pcOnly {
	display: inline-block !important;
}
.spOnly {
	display: none !important;
}
}