@charset "utf-8";
/* ------- reset --------- */
html {
	font-family: sans-serif;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
	padding: 0;
	color: #999;
	font-size: 13px;
	line-height: 1.5;
}
dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, input, p, blockquote, fieldset, div, article, aside, dialog, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
}
article, aside, dialog, figure, footer, header, hgroup, nav, section {
	display: block;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
ul li, ol li {
	list-style: none;
}
table {
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
}
caption, th {
	text-align: left;
}
caption {
	display: none;
}
table, pre, code, select, input, textarea, kbd, var, ins, del, samp {
	font-size: 100%;
}
address, cite, dfn, em, strong, var, th, ins, del, samp {
	font-weight: normal;
	font-style: normal;
}
a {
	text-decoration: none;
}
a:link {
	color: #34aee0;
}
a:visited {
	color: #34aee0;
}
a:hover {
	color: #34aee0;
}
a:active {
	color: #34aee0;
}
a img {
	border: none;
}
a{
	-webkit-tap-highlight-color:rgba(255, 221, 165, 0.498039);
}
fieldset {
	border: none;
}
button, input, textarea, select {
	font-family: sans-serif;
}
strong {
  font-weight: bold;
}
/* ------- component --------- */
/* -- button -- */
.button {
	display: inline-block;
	height: 40px;
	line-height: 40px;
	margin: 0;
	padding: 0 10px;
	border: none;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.button.button_block {
	width: 100%;
}
.button.button_primary {
	background-color: #04a1dc;
	color: #fff;
	box-shadow: 0px 3px 0px #0379a5;
}
.button.button_login {
	background-color: #fdb84b;
	color: #fff;
	box-shadow: 0px 3px 0px #de8903;
}
.button.button_cancel {
	background-color: #bbbbbb;
	color: #fff;
	box-shadow: 0px 3px 0px #898989;
}
.button.button_facebook {
	background-color: #4764b3;
	color: #fff;
	box-shadow: 0px 3px 0px #334880;
}
.button.button_google {
	background-color: #5f5f5f;
	color: #fff;
	box-shadow: 0px 3px 0px #3c3c3c;
}
.button.button_mixi {
	background-color: #dfa311;
	color: #fff;
	box-shadow: 0px 3px 0px #99700c;
}
.button.button_yahoo {
	background-color: #e00000;
	color: #fff;
	box-shadow: 0px 3px 0px #9b0000;
}
/* -- indicator -- */
.indicator {
	text-align: center;
}
.indicator .status {
	margin-bottom: 6px;
	color: #04a1dc;
	font-size: 12px;
	text-align: center;
}
.indicator .navigation {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	box-pack: center;
}
.indicator .navigation .point {
	width: 7px;
	height: 7px;
	line-height: 0;
	margin: 0 4px;
	background: #dcdcdc;
	border-radius: 4px;
	text-indent: -9999px;
}
.indicator .navigation .point.current {
	background: #04a1dc;
}
/* -- formUnit -- */
.formUnit {
	margin-bottom: 20px;
	overflow:hidden;
}
.formUnit.last{
	margin-bottom:0;
}
.formUnit.last00{
	margin-bottom:10px;
}
.formUnit label {
	display: inline-block;
	margin-bottom: 5px;
	font-size: 14px;
}
.formUnit label.title {
	display: block;
	font-weight: bold;
}
.formUnit .formControl01 {
	display: block;
	width: 100%;
	height: 35px;
	line-height:35px;
	padding: 0 10px;
	border: 1px solid #c39346;
	border:.99px solid #c39346;
	border-radius: 5px;
	background: #fff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.formUnit textarea.formControl01 {
	height: auto;
	padding:5px;
	line-height:15px;
}
.formUnit .checkbox01, .formUnit .radio01 {
	margin-bottom: 10px;
}
.formUnit .checkbox01 label + label, .formUnit .radio01 label + label {
	margin-left: 10px;
}
.formUnit input[type="checkbox"], .formUnit input[type="radio"] {
	margin-right: 3px;
	width: 20px;
	height: 20px;
	float:left;
}
.formUnit .supplement01 {
	margin-top: 5px;
	color: #999;
	font-size: 12px;
}
.formUnit .error01 {
	padding: 5px 3px 0;
	color: #F00;
	font-size: 10px;
	clear:both;
}
.formUnit .select01 {
	position: relative;
}
.error02 {
  color: #F00;
  font-size: 10px;
  clear: both;
}
/*.formUnit .select01::after {
	position: absolute;
	top: 14px;
	right: 7px;
	width: 0;
	height: 0;
	overflow: hidden;
	border-color: #979797 transparent transparent;
	border-style: solid;
	border-width: 8px 5px 0;
	content: "";
}*/
.formUnit .select01 select,
.formUnit .select select {
	width:100%;
	height:35px;
	line-height:35px;
	margin: 0;
	padding: 0;
	text-indent: 5px;
	border: 1px solid #c39346;
	border: .99px solid #c39346;
	border-radius: 6px;
	background:url(/assets/img/core/site/sp/icon/icon_arrow01.png) no-repeat 96% #fafafa;
	background-size: 10px 10px;
	-webkit-appearance: button;
	-moz-appearance: button;
	appearance: button;
	font-size: 14px;
	color: #999;
	cursor: pointer;
}
.formUnit .select01 select:disabled,
.formUnit .select select:disabled {
  background-color: #eee;
  border-color: #999;
}
.formUnit.inline .formControl01 {
	display: inline-block;
	width: auto;
}
.formUnit.inline .select01 {
	display: inline-block;
}
.main_login .formUnit label {
  font-size: 12px;
}
/* ------- header --------- */
#header {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	height: 43px;
	width: 100%;
	border-top: 2px solid #fdb84b;
	border-bottom: 1px solid #fdb84b;
	border-bottom: .99px solid #fdb84b;
	background: #fdfaf4;
	width:100%;
	position:fixed;
	z-index:100;
	top:0;
	left:0;
}
@media screen and (-webkit-min-device-pixel-ratio: 1){
	#header {
		border-bottom: 1px solid #fdb84b;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
	#header {
		border-bottom:.99px solid #fdb84b;
	}
}
#header h1 {
	margin: 10px 10px 0;
	-webkit-box-flex: 1;
	-moz-box-flex: 1;
	box-flex: 1;
	background: url(/assets/img/core/site/sp/common/logo_shoppers_eye002.png) no-repeat 0 0;
	-webkit-background-size: 115px auto;
	-moz-background-size: 115px auto;
	background-size: 115px auto;
	text-indent: -9999px;
}
#header h1.logined {
	background: url(/assets/img/core/site/sp/common/logo_shoppers_eye002.png) no-repeat 0 0;
	-webkit-background-size: 115px auto;
	-moz-background-size: 115px auto;
	background-size: 115px auto;
	text-indent: -9999px;
}
#header h1 a {
	display: block;
	width: 115px;
	height: 26px;
}
#header .headerNavigation {
}
#header .headerNavigation ul {
	display: -webkit-box;
	display: -moz-box;
	display: box;
}
#header .headerNavigation ul li {
	position: relative;
	width: 55px;
	height: 43px;
	text-align: center;
}
#header .headerNavigation ul li a {
	display: block;
	padding-top: 28px;
	color: #f4b148;
	font-size: 10px;
}
#header .headerNavigation ul li.login a {
	background: url(/assets/img/core/site/sp/icon/login001.png) no-repeat;
	background-size: 55px auto;
}
#header .headerNavigation ul li.search a {
	background: url(/assets/img/core/site/sp/icon/search001.png) no-repeat left;
	background-size: 55px auto;
}
#header .headerNavigation ul li.mypage a {
	background: url(/assets/img/core/site/sp/icon/mypage001.png) no-repeat;
	background-size: 55px auto;
}
.search  .headerNavigation ul li.search,
.mypage.waiting .headerNavigation ul li.mypage{
	background: #fdefd8;
}
.mypage00.mypage .headerNavigation ul li.mypage{
	background: none;
}
.mypage.search .headerNavigation li.mypage{
	background:0;
}
/* ------- footer --------- */
#footer {
	clear:both;
	background:#fcfcfc;
}
#footer .footerNavigation ul {
	overflow: hidden;
	border-bottom: 1px solid #c8c8c8;
	border-bottom:.99px solid #c8c8c8;
	backface-visibility: #fcfcfc;
}
#footer .footerNavigation ul li {
	float: left;
	width: 50%;
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	border-top: .99px solid #c8c8c8;
	border-left: .99px solid #c8c8c8;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#footer .footerNavigation ul li:nth-child(2n-1) {
	border-left: none;
}
#footer .footerNavigation ul li a {
	position: relative;
	display: block;
	padding: 10px 7px;
	color: #999;
	font-size:12px;
}
#footer .footerNavigation ul li a::after {
	content: "";
	position: absolute;
	right: 6px;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 4px;
	height: 4px;
	border-top: 2px solid #c8c8c8;
	border-right: 2px solid #c8c8c8;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
}
#footer .switchLink {
	padding: 10px 5px;
	text-align: right;
	text-decoration: underline;
	background:#f9f9f9;
}
#footer .copyright {
	padding: 5px 0;
	text-align: center;
	font-size:11px;
	background:#fff;
}
.img_foot{
	text-align:center;
}
.img_foot img{
	width:50%;
}



/*----------150314add----------*/
body{
	background:#fffcf9;
}
#main{
	padding-top:45px;
	/* padding-bottom:100px; */
	overflow:hidden;
}
#main.main_register,
#main.main_login{
	padding-bottom:20px;
}
.main_register .formUnit:last-of-type{
	margin-bottom:0;
}
.main_login .formUnit:last-of-type{
	margin-bottom:10px;
}
.inner img{
	width:100%;
}
.inner01{
	padding:10px 0 15px;
	border-bottom:1px solid #c3c3c3;
	border-bottom:.99px solid #c3c3c3;
}
.box{
	margin:10px;
}
.box_notice {
	margin:10px;
	color: #fa5858;
}
.box01{
  margin:3px 10px 10px 10px;
}
.fixedBottomButtonBox {
  margin-bottom: 70px;
}
.link{
	color:#04a1dc;
	text-decoration:underline;
}
/*button*/
.btn{
	width:95%;
	margin:0 auto 20px;
	padding:5px 0;
	overflow:hidden;
}
.btn00{
	width:95%;
	margin:-50px auto 0;
}
.btn01,
.btn02{
	margin:0 auto 20px;
	padding:10px 0 30px;
	text-align:center;
	overflow:hidden;
}
.btn01 .button{
	width:95%;
}
.btn02_inner{
	width:95%;
	margin:0 auto;
	text-align:center;
}
.btn03{
	width:95%;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
}
.btn04{
	padding-top:0;
}

/*top*/
.index #main{
	padding-bottom:0;
}
.img_main{
	position:relative;
}
.img_main h1{
	color:#04a1dc;
	font-size:17px;
	font-weight:bold;
	position:absolute;
	top:25px;
	left:10px;
	z-index:10;
}
.img_main h2{
	font-size:14px;
	position:absolute;
	top:55px;
	left:10px;
	z-index:10;
}
.img_main img{
	width:100%;
}
.co{
	padding:15px 10px;
	text-align:right;
}
.txt01{
	padding:10px 0;
	text-align:center;
	font-size:16px;
}
.txt01{
	font-weight:bold;
	background:#f6f6f6;
}
.txt01 .att01{
	font-size:22px;
	color:#ff3d78;
}
.txt04{
 text-align: right;
 font-size : 80%;
}
.tit_h3-01{
	padding:8px 10px;
	font-weight:bold;
	color:#e78b07;
	font-size:14px;
	border-top:.99px solid #eaeaea;
	border-bottom:.99px solid #eaeaea;
	background:#ffdca5;
}
.tit_h3-02{
	padding:8px 10px;
	font-weight:bold;
	color:#e78b07;
	font-size:14px;
	border-top:.99px solid #eaeaea;
	border-bottom:.99px solid #eaeaea;
	background:#ffdca5;
}
.tit_h3-02.mini{
	font-size:12px;
	font-weight:bold;
}
.tit_h3-03{
	padding:8px 10px;
	font-weight:bold;
	color:#e78b07;
	border-top:.99px solid #eaeaea;
	border-bottom:.99px solid #eaeaea;
	background:#ffdca5;
}
.tit_h4-01{
	padding:5px 10px;
	font-weight:bold;
	color:#636363;
	background:#ffecc7;
}
.tit_h4-02{
	padding:5px 10px;
	color:#636363;
	background:#fdf2dd;
}
.tit_h4-03{
  font-weight: bold;
  font-size: 14px;
  color: #505050;
}
.item01 img{
	width:100%;
}
.item01 .left{
	width:35%;
}
.item01 .right{
	width:63%;
}
.index .item01 .right{
	font-size:12px;
}
.point_inner{
	padding:10px 10px 5px;
	overflow:hidden;
}
.item02 li{
	width:50%;
	float:left;
	margin:10px 0 0;
	text-align:center;
}
.item02 img{
	width:92%;
}
.item03 .left{
	width:30%;
}
.index .item03 .right{
	width:69%;
	padding-top:8%;
	font-weight:bold;
	font-size:13px;
	color:#636363;
}
.index .item03 .last .right{
	padding-top:6%;
}
.index .mini{
	padding: 10px 0;
}
.index .item03 ul{
	padding: 15px 0 10px;
}
.index .item03 .point_inner{
	padding: 0;
}

/*input*/
input[type="checkbox"] {
	float:left;
	outline:none;
	border:0;
  -webkit-appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 2px;
  background: transparent;
  cursor: pointer;
  vertical-align: -5px;
	background:url(/assets/img/core/site/sp/common/bg_cbox.png) no-repeat;
	background-size:cover;
}
input[type="checkbox"]:checked {
	background:url(/assets/img/core/site/sp/common/bg_cbox_on.png) no-repeat;
	background-size:cover;
}
.indicator{
	margin:30px auto 0;
	clear:both;
}
/*radio 1*/
.big-radio {
	display: none;
}
.big-radio + label{
	width:120px;
	height:120px;
	border:none;
	display: inline-block;
	position: relative;
	-webkit-appearance: none;
}
.man.big-radio + label {
	background:url(/assets/img/core/site/sp/icon/man_off.png) no-repeat;
	background-size:cover;
}
.woman.big-radio + label {
	background:url(/assets/img/core/site/sp/icon/woman_off.png) no-repeat;
	background-size:cover;
}
.big-radio:checked + label:after {
	content: ' ';
	width: 120px;
	height: 120px;
	position: absolute;
	top: 0;
	left:0;
}
.man.big-radio:checked + label:after {
	background:url(/assets/img/core/site/sp/icon/man_on.png) no-repeat;
	background-size:cover;
}
.woman.big-radio:checked + label:after {
	background:url(/assets/img/core/site/sp/icon/woman_on.png) no-repeat;
	background-size:cover;
}


/*radio 2*/
.regular-radio {
	display:none;
}
.regular-radio + label{
	padding-left:23px;
	background:url(/assets/img/core/site/sp/icon/icon_radio.png) no-repeat left;
	background-size:20px 20px;
	position: relative;
	-webkit-appearance: none;
}
.regular-radio:checked + label:after {
	content: ' ';
	width: 21px;
	height: 21px;
	position: absolute;
	top: 0;
	left:0;
}
.regular-radio:checked + label:after {
	background:url(/assets/img/core/site/sp/icon/icon_radio_on.png) no-repeat left;
	background-size:20px 20px;
}


/*フッター固定*/
.page{
	position:relative;
}
.btn_bottom{
	width:100%;
	border-top:1px solid #a9a9a9;
	border-top:.99px solid #a9a9a9;
	position:fixed;
	z-index:100;
	bottom:0;
	left:0;
	background:#fff;
}
.btn_bottom .btn01{
	margin:5px auto;
	padding:5px 0 8px;
}
@media screen and (-webkit-min-device-pixel-ratio: 1){
	.btn_bottom {
		border-top: 1px solid #a9a9a9;
	}
}
@media screen and (-webkit-min-device-pixel-ratio: 2){
	.btn_bottom {
		border-top:.99px solid #a9a9a9;
	}
}


/*汎用*/
.list{
	margin:10px auto;
}
.list dl{
	overflow:hidden;
	border: 1px solid #b7b7b7;
	border: .99px solid #b7b7b7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	position: relative;
	background: #fff;
}
.list dt{
	width:25%;
	border-right: .99px solid #b7b7b7;
}
.list dt,
.list dd{
	float:left;
	padding:5px;
	border-bottom: 1px solid #b7b7b7;
	border-bottom: .99px solid #b7b7b7;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
.list dd{
	width:75%;
}
.list dt.last,
.list dd.last{
	border-bottom:0;
}

ol.styled-list,
ul.styled-list {
  margin-left: 1.5em;
}
ul.styled-list li,
ol.styled-list li {
  list-style-position: outside;
  margin-top: 0.2em;
}
ol.styled-list li {
  list-style-type: decimal;
}
ul.styled-list li {
  list-style-type: disc;
}
ol.styled-list.cjk-style li {
  list-style-type: cjk-ideographic;
}

.table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background: #fff;
}
.table,
.table>thead>tr>th,
.table>thead>tr>td,
.table>tbody>tr>th,
.table>tbody>tr>td,
.table>tfoot>tr>th,
.table>tfoot>tr>td {
  border: 1px solid #b7b7b7;
  padding: 5px;
}
.table th {
  font-weight: bold;
}
.radio_user {
  height: 15px !important;
  float: none !important;
}
p.annotation_user {
  color: #f36700
}
.trInner span {
   width: 160px;
   padding-left: 15px;
   display: block;
   margin-top: 3px;
   font-weight: bold;
   text-align: left;
   float: left;
}
.toggle01 {
  padding-bottom: 1px;
}
.toggle02 {
  padding-bottom: 1px;
}
.attention_button {
  background-color: #F2DEDF;
  color: #f00 !important;
  width: 100%;
  border: 1px solid #dc143c !important;
}
.attention_url {
  color: #444;
  text-align: center;
}

.attention_tit_h4-01 {
  padding: 5px 10px;
  font-weight: bold;
  color: #f00;
  background-color: #F2DEDF;;
}

.attention_tit_h3-03 {
  padding: 8px 10px;
  font-weight: bold;
  color: #f00;
  border-top: .99px solid #eaeaea;
  border-bottom: .99px solid #eaeaea;
  background: #ffdca5;
}