@charset "UTF-8";
/* ===== Base Settings ===== */

@font-face {
	font-family: 'MyYuGothicM';
	font-weight: normal;
	src: local('YuGothic-Medium'), /* PostScript Name = localの正式な指定方法 */  local('Yu Gothic Medium'),     /* PostScript Nameを認識できないChrome用にFull Nameを指定 */  local('YuGothic-Regular');     /* 游ゴシックMediumが存在しないWindows8.1用 */
}
@font-face {
	font-family: 'MyYuGothicM';
	font-weight: bold;
	src: local('YuGothic-Bold'), /* PostScript Name = localの正式な指定方法 */  local('Yu Gothic');          /* PostScript Nameを認識できないChrome用にFull Nameを指定 */
}
body {
	color: #0f1d54;
	font-size: 14px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: MyYuGothicM, YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-text-size-adjust: 100%;
}
body * {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	box-sizing: border-box;
}
img {
	max-width: 100%;
}
a, a:active, a:hover, a:visited {
	color: #26B7EB;
	text-decoration: underline;
	outline: 0 !important;
}
a:hover img.over {
	opacity: 0.7;
	filter: alpha(opacity=70);
}
.text-right {
	text-align: right !important;
}
.text-center {
	text-align: center !important;
}
/* ===== Header Settings ===== */
header .inner{
	width: 100%;
	margin: 0;
	padding: 0;
}
header {
	text-align: center;
}
header h1 {
	display: none;
}
header #dates {
	/*background: url(../images/common/bg_header.gif) repeat-x;*/
	background-size: contain;
}
header #dates img {
  width: 100%;
  vertical-align: bottom;
}

@media (min-width: 980px) {
header #dates img {
  width: auto;
  height: auto;
}
}
/* ===== Page Content Base Settings ===== */
.inner {
	padding: 0.5rem;
}
#main h1 {
	text-align: center;
	color: #fff;
	font-size: 20px;
	margin-bottom: 1rem;
	padding: 1rem;
	/*background: -moz-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: linear-gradient(to bottom, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0971ba', endColorstr='#cc12a5db', GradientType=0 );*/
	background: linear-gradient( #0ba214, #37cd40 );
}
#main h2 {
	font-size: 18px;
	font-weight: bold;
	color: #004c90;
  text-align: left;
	margin: 2em 0 1em 0;
line-height: 30px;
padding: 10px;
background: #f3faff;
border-top: 1px solid #49c6f1;
border-bottom: 1px solid #1356ae;
}
#main h2:first-child {
	margin-top: 0;
}
#main h3 {
	font-size: 14px;
	margin: 2rem 0 0.5rem 0;
	padding: 0.5rem;
	background: #F3F3F3;
	border: 1px solid #D7D7D7;
}
#main .table h3 {
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin: 2rem 0 0.5rem 0;
	padding: 0.5rem;
	background: #004c90;
}
#main .table h4 {
	font-size: 18px;
	text-align: center;
  letter-spacing: 3px;
	margin: 1rem 0 0.5rem 0;
	padding: 0.2rem 0.5rem;
	background: #E3FBFD;
	border: 1px solid#004c90;
}
@media (min-width: 768px) {
.inner {
	padding: 1rem;
}
#container .inner {
	padding-bottom: 40px;
}
#main h1 {
	font-size: 26px;
}
}

@media (min-width: 980px) {
.inner {
	width: 980px;
	margin: 0 auto;
	padding: 20px 10px;
}
}


/* ===== Page Content Base Settings ===== */



/* ===== Page Content Settings ===== */

/* Registration */

#registration.privacy .text-center {
	font-weight: bold;
	margin-top: 2rem;
}
#registration.privacy p {
	margin-top: 1rem;
}
#registration.privacy dl dt {
	font-weight: bold;
}
#registration.privacy dl dd {
	margin-bottom: 1rem;
}
#registration.privacy .check {
	text-align: center;
	margin-top: 1rem;
}
#registration.privacy .check #agree {
	margin-right: 10px;
}
#registration.privacy .btn {
	text-align: center;
	margin-top: 1rem;
}
#registration.privacy .btn #confirm {
	margin: 0 auto;
}
#registration #confirm, #mypage #confirm, #seller #confirm, #seller #confirm {
	display: block;
	width: 100%;
	color: #655401;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 1rem;
	text-shadow: #FFFFFF 1px 1px 1px;
	background: rgb(244,233,105);
	background: -moz-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: -webkit-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: linear-gradient(to bottom, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e969', endColorstr='#e2c748', GradientType=0 );
	cursor : pointer;
}
#registration #prev, #mypage #prev, #seller #prev, #seller #prev {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-bottom: 1rem;
	padding: 1rem;
	text-shadow: #555 1px 1px 1px;
	background: -moz-linear-gradient(top, rgba(18,165,219,0.8) 0%, rgba(9,113,186,0.8) 99%, rgba(9,113,186,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(18,165,219,0.8) 0%, rgba(9,113,186,0.8) 99%, rgba(9,113,186,0.8) 100%);
	background: linear-gradient(to bottom, rgba(18,165,219,0.8) 0%, rgba(9,113,186,0.8) 99%, rgba(9,113,186,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc12a5db', endColorstr='#cc0971ba', GradientType=0 );
	cursor : pointer;
}
#registration #regist, #mypage #regist, #seller #regist, #seller #regist {
	display: block;
	width: 100%;
	color: #655401;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	margin-bottom: 1rem;
	padding: 1rem;
	text-shadow: #FFFFFF 1px 1px 1px;
	background: rgb(244,233,105);
	background: -moz-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: -webkit-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: linear-gradient(to bottom, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e969', endColorstr='#e2c748', GradientType=0 );
	cursor : pointer;
}
#registration #confirm:hover, #mypage #confirm:hover, #seller #confirm:hover, #seller #confirm:hover,
#registration #prev:hover, #mypage #prev:hover, #seller #prev:hover, #seller #prev:hover,
#registration #regist:hover, #mypage #regist:hover, #seller #regist:hover, #seller #regist:hover {
	opacity: 0.7;
}
#registration.form p.text-center {
	padding-bottom: 3rem;
}
#registration.seller.form p.text-center {
	padding-bottom: 0;
}
#registration.form .attention, #registration.confirm .attention {
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#registration.form .attention strong, #registration.confirm .attention strong {
	color: #E40003;
}
#registration.form .attention ol, #registration.confirm .attention ol {
	margin-left: 1.5em;
}
#registration.form .attention ol li, #registration.confirm .attention ol li {
	display: list-item;
	list-style: decimal;
}
#registration.form dl, #registration.confirm dl {
	margin-bottom: 2rem;
	background: #E3E3E3;
	border: 1px solid #ccc;
	border-top: none;
}
#registration.form dl.vipbuyer, #registration.confirm dl.vipbuyer {
	margin-top: 0.8rem;
	margin-bottom: 3rem;
	background: #fff9e8;
	border: 1px solid #ccc;
	border-top: none;
}
#registration.form dl dt, #registration.form dl dd, #registration.confirm dl dt, #registration.confirm dl dd {
	padding: 0.5rem;
}
#registration.form dl dt, #registration.confirm dl dt {
	font-weight: bold;
	border-top: 1px solid #ccc;
}
#registration.form dl dt .red, #registration.confirm dl dt .red {
	color: #E40003;
}
#registration.form dl dd, #registration.confirm dl dd {
	background: #fff;
	border-top: 1px solid #ccc;
}
#registration.form dl dd input, #registration.form dl dd select, #registration.confirm dl dd input, #registration.confirm dl dd select {
	margin-bottom: 0.25rem;
	padding: 0.25rem;
	border: 1px solid #ccc;
}
#registration.form dl dd input, #registration.confirm dl dd input {
	width: 80%;
}
#registration.form dl dd input.other {
	height: 8em;
}
#registration.form dl dd p {
	margin-top: 0.5rem;
}
#registration.form dl dd ul li {
  text-indent: -1.3em;
  margin-left: 1.3em;
  margin-bottom: 0.2em;
}
#registration.form dl dd ul li input {
    width: auto;
  margin-right: 0.5rem;
}
#registration.form dl dd ul.vipprogram {
	margin: -0.7em 0;
}

#registration.completion p {
	text-align: center;
}
#registration.completion p .fWB {
	font-weight: bold;
	font-size: 18px;
}
#registration .btn {
	padding-bottom: 2rem;
}
#registration.seller .title {
	/*background: rgb(14,147,43);
	background: -moz-linear-gradient(top,  rgba(14,147,43,1) 0%, rgba(53,165,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e932b', endColorstr='#35a564',GradientType=0 );*/
	background: linear-gradient( #004389, #0a5cb1 );
}
#registration.seller .title .inner {
	padding: 0;
}
#registration.seller .title .inner h1 {
	font-size: 16px;
	margin-bottom: 0;
	background: none;
}
#registration.seller .title .inner .uder_cntents {
	padding: 0 0.5rem 0.5rem 0.5rem;
	overflow: hidden;
}
#registration.seller .title .inner .uder_cntents input#logout {
	float: left;
	margin-right: 1em;
	padding: 0.25rem 1rem;
	background: #EDEDED;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#registration.seller .title .inner .uder_cntents .name {
	color: #fff;
	text-align: right;
	padding: 0.25rem 0;
}
#registration.seller .title .inner .uder_cntents p {
	margin-top: 0;
}
#registration.seller.login {
	color: #fff;
	padding-bottom: 1rem;
	/*background: rgb(14,147,43);
	background: -moz-linear-gradient(top,  rgba(14,147,43,1) 0%, rgba(53,165,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e932b', endColorstr='#35a564',GradientType=0 );*/
	background: linear-gradient( #004389, #0a5cb1 );
}
#registration.form dl dd #country_select optgroup {
	color: #0f1d54;
	background:#e9e9ed;
	border: none;
}
#registration.form dl dd #country_select option {
	color: #0f1d54;
	background: #fff;
}
#registration.form dl dd #country_select hr {
	display: none;
}

p.vip_program {
	margin: 0.2em 0 0.5em 0;
	display: flex;
	justify-content: flex-start;
}

p.vip_program a {
	color: #0f1d54;;
	font-weight: 500;
	text-decoration: none;
	line-height: 1.5;
	margin: 0.2em;
	padding: 2px 10px 0px;
	background: #C6FCEE;
	border: 1px solid #ccc;
	border-radius: 5px;
}

p.vip_program a.disabled {
	opacity: 0.5;
	pointer-events: none;
}

p.vip_program a:hover {
	background: #61D7C3;
}

p.vip_program_text {
	margin: 0.5em 0 !important;
}

@media (min-width: 768px) {
#registration #confirm, #mypage #confirm {
	width: 50%;
	margin: 0 auto;
}
#registration .btn, #mypage .btn, #seller .btn {
	display: table;
	width: 60%;
	margin: 0 auto;
}
#registration #prev, #registration #regist, #mypage #prev, #mypage #regist, #seller #prev, #seller #regist {
	width: 46%;
	float: left;
	margin: 0 0.5rem;
}
#registration.form dl dd input.name01,  #registration.form dl dd input.name02,  #registration.form dl dd input.furigana01,  #registration.form dl dd input.furigana02,  #registration.form dl dd input.postal_code {
	width: 10em;
}
#registration.form dl dd input.tel,  #registration.form dl dd input.country,  #registration.form dl dd input.fax,  #registration.form dl dd input.password01,  #registration.form dl dd input.password02{
	width: 16em;
}
  
  #mypage .btn.apo_conf {
    width: 576px;
  }
  #mypage #prev.apo_conf_btn01 {
	width: 28%;
  float: left;
}
#mypage #regist.apo_conf_btn02 {
	width: 68%;
  float: right;
}
#registration.form dl dd .xs_block {
	display: none;
}
#registration.completion {
	min-height: 400px;
}
#registration.seller .title .inner {
	display: table;
	width: 100%;
	margin-bottom: 1rem;
}
#registration.seller .title .inner h1,
#registration.seller .title .inner .uder_cntents {
	display: table-cell;
	vertical-align: middle;
}
#registration.seller .title .inner h1 {
	font-size: 22px;
	text-align: left;
}
#registration.seller .title .inner .uder_cntents {
	text-align: right;
	padding: 1rem;
}
#registration.seller .title .inner .uder_cntents input#logout {
	float: none;
	margin-right: 0;
}
}

@media (min-width: 980px) {
#registration.form dl,
#registration.confirm dl {
 	display: flex;
 	flex-wrap: wrap;
}
#registration.form dl dt,
#registration.confirm dl dt {
	width: 25%;
	margin: 0
}
#registration.form dl dd,
#registration.confirm dl dd {
	width: 75%;
}
#registration.confirm dl dt br {
	display: none;
}
	
#registration.seller .title .inner {
	width: 980px;
}
}
/* Mypage */

#mypage .title {
	/*background: -moz-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: linear-gradient(to bottom, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0971ba', endColorstr='#cc12a5db', GradientType=0 );*/
	background: linear-gradient( #0ba214, #37cd40 );
}
#mypage .title .inner {
	padding: 0;
}
#mypage .title .inner h1 {
	font-size: 16px;
	margin-bottom: 0;
	background: none;
}
#mypage .title .inner .uder_cntents {
	padding: 0 0.5rem 0.5rem 0.5rem;
	overflow: hidden;
}
#mypage .title .inner .uder_cntents input#logout {
	float: left;
	margin-right: 1em;
	padding: 0.25rem 1rem;
	background: #EDEDED;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
        font-size: 15px;
        font-weight: bold;
}
#mypage .title .inner .uder_cntents .name {
	color: #fff;
	text-align: right;
	padding: 0.25rem 0;
}
#mypage.login {
	color: #fff;
	padding-bottom: 1rem;
	/*background: -moz-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: -webkit-linear-gradient(top, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
	background: linear-gradient(to bottom, rgba(9,113,186,0.8) 0%, rgba(18,165,219,0.8) 99%, rgba(18,165,219,0.8) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc0971ba', endColorstr='#cc12a5db', GradientType=0 );*/
	background: linear-gradient( #0ba214, #37cd40 );
}
#mypage.login h1 {
	padding-bottom: 0;
	background: none;
}
#mypage.login p {
	text-align: center;
}
#mypage.login form {
	color: #0f1d54;
	margin: 1rem 0;
	padding: 0.5rem;
	background: #fff;
	border-radius: 3px;
}
#mypage.login form dl {
	margin-bottom: 1rem;
}
#mypage.login form dl dd input {
	width: 100%;
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#mypage.login #login {
	display: block;
	width: 18em;
	margin: 10px auto 0 auto;
	color: #655401;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0.75rem;
	text-shadow: #FFFFFF 1px 1px 1px;
	background: rgb(244,233,105);
	background: -moz-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: -webkit-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: linear-gradient(to bottom, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e969', endColorstr='#e2c748', GradientType=0 );}
.manual2 {
margin-top: 3rem;
}
.manual a,
.manual2 a {
	display: block;
	width: 340px;
	margin: 10px auto 10px auto;
	color: #fff;
  font-size: 1.7rem;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 1rem;
	background: rgb(204,0,0);
	background: -moz-linear-gradient(top, rgba(255,0,0,1) 0%, rgba(204,0,0,1) 95%);
	background: -webkit-linear-gradient(top, rgba(255,0,0,1,1) 0%, rgba(204,0,0,1) 95%);
	background: linear-gradient(to bottom, rgba(255,0,0,1,1) 0%, rgba(204,0,0,1) 95%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff0000', endColorstr='#cc0000', GradientType=0 );
  border-radius: 3px;
}
.manual a:hover {
	opacity: 0.9;
}
.manual2 a:hover {
	opacity: 0.6;
}
_:-ms-lang(x)::-ms-backdrop, .manual a,
_:-ms-lang(x)::-ms-backdrop, .manual2 a {
	padding: 1rem 1rem 0.5rem 1rem;
}
#mypage.login p a {
	color: #fff;
}
#mypage.top ul {
	text-align: center;
}
#mypage.top ul li {
	margin: 0.5rem 0 2rem;
}
#mypage.top ul li a {
	display: block;
	width: 100%;
	color: #0f1d54;
	font-weight: bold;
	text-decoration: none;
	padding: 1rem;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	border: 1px solid #D9D9D9;
}
#mypage.top ul li a:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(../images/common/icon_arrow01.png) no-repeat center center;
}
#mypage.top ul li a:hover {
	opacity: 0.7;
}
#mypage.top .enter_url {
	max-width: 600px;
  margin: auto auto 3rem;
}
#mypage.top .enter_url  h3 {
  color: #fff;
  font-size: 1.3rem;
  padding: 1rem;
	background: #018400;
}
#mypage.top .enter_url  p {
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 1.5;
}
#mypage.list .select {
	font-weight: bold;
	margin-top: 1em;
}
#mypage.list .select select {
	padding: 0.25rem;
	border: 1px solid #ccc;
}
#mypage.list .select .dates {
  font-style: normal;
}
#mypage.list .pLink li {
	display: inline-block;
	margin-bottom: 0.25rem;
}
#mypage.list .pLink li a {
	display: inline-block;
	text-decoration: none;
	padding: 0.25rem;
	border: 1px solid #ccc;
}
#mypage.list dl {
	padding-bottom: 2rem;
}
#mypage.list dl dt {
	font-size: 14px;
	margin: 2rem 0 0.5rem 0;
	padding: 0.5rem;
	background: #F3F3F3;
	border: 1px solid #D7D7D7;
}
#mypage.list dl dd ul li {
	padding: 0.25rem 0;
}
#mypage.list dl dd ul li:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(../images/common/icon_arrow01.png) no-repeat center center;
}
#mypage.company table {
	width: 100%;
	margin-top: 1rem;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-spacing: 0;
}
#mypage.company table caption {
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5rem;
	background: #5F5F5F;
}
#mypage.company table th,
#mypage.company table td {
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#mypage.company table td {
	font-weight: bold;
	background: #E4F7FF;
}
#mypage.company table tr#online-header-label td,
#mypage.company table td.dates {
  color: #fff;
	font-weight: bold;
  text-align: center;
	background: #09A2F7;
}
#mypage.company table td span {
	display: inline-block;
	font-weight: normal;
	padding: 0.25rem 1rem;
	border-radius: 3px;
}
#mypage.company table td span:first-of-type {
	background: #fff;
}
#mypage.company table th.full,
#mypage.company table th.expired,
#mypage.company table td.full,
#mypage.company table td.expired {
	color:  #747474;
	background: #E8E8E8;
}
#mypage.company table th.expired {
	color:  #f00;
	font-size: 1.2rem;
	font-weight: normal;
	background: #E8E8E8;
}
#mypage.company .text-center {
	margin-bottom: 2rem;
}
#mypage.company .btn {
	padding: 2rem 0;
}
#mypage.completion p {
	text-align: center;
	margin-bottom: 1em;
}
#mypage.completion p .fWB {
	font-weight: bold;
	font-size: 18px;
}
#mypage.apoint .table {
	width: 100%;
	overflow: auto;
}
#mypage.apoint table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-spacing: 0;
}
#mypage.apoint table caption {
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5rem;
	background: #5F5F5F;
}
#mypage.apoint table th,
#mypage.apoint table td {
	/*white-space: nowrap;*/
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#mypage.apoint table thead th {
	text-align: center;
}
#mypage.apoint table thead th:first-child {
	width: 21em !important;
}
/*#mypage.apoint table thead th:nth-of-type(2){
	width: 29.5em;
}*/
#mypage.apoint table thead th:nth-of-type(3){
	width: 17em;
}
#mypage.apoint table thead th:last-child {
	width: 7em;
	display:none;
}
#mypage.apoint table td {
	font-weight: bold;
	background: #E4F7FF;
}
#mypage.apoint table td:last-child {
  text-align: center;
	display: none;
}
#mypage.apoint table td span {
	display: inline-block;
	font-weight: normal;
	padding: 0.25rem 1rem;
	background: #fff;
	border-radius: 3px;
}
#mypage.apoint .buyerApoConf table td span {
	background: none;
}
#mypage.apoint .buyerApoConf table td span.seTime {
	background: #fff;
}
#mypage.apoint table th.full,
#mypage.apoint table td.full {
	color:  #747474;
	background: #E8E8E8;
}
#mypage.apoint table input {
	width: 20em;
	letter-spacing: -0.5px;
	padding: 0.25rem 1rem;
	background: #EDEDED;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#mypage.apoint .text-center {
	margin-top: 2em;
}

@media (min-width: 768px) {
#mypage .title .inner {
	display: table;
	width: 100%;
}
#mypage .title .inner h1,
#mypage .title .inner .uder_cntents {
	display: table-cell;
	vertical-align: middle;
}
#mypage .title .inner h1 {
	font-size: 22px;
	text-align: left;
}
#mypage .title .inner .uder_cntents {
	text-align: right;
	padding: 1rem;
}
#mypage .title .inner .uder_cntents input#logout {
	float: none;
	margin-right: 0;
}
#mypage.login {
	min-height: 700px;
}
#mypage.login h1 {
	padding-top: 50px;
}
#mypage.login form {
	width: 400px;
	margin: 20px auto;
	padding: 15px;
}
#mypage.login form dt {
	margin-bottom: 0.5rem;
}
#mypage.login #login {
	width: 18em;
	margin: 10px auto 0 auto;
}
.manual a,
.manual2 a {
	width: 22em;
	margin: 0px auto 15px auto;
}
#mypage.top ul li a {
	font-size: 18px;
	padding: 2rem;
}
#mypage.top .enter_url  h3,
#mypage.top .enter_url  p {
  font-size: 1.6rem;
}
#mypage.company table {
	width: 80%;
	margin: 0 auto 1rem auto;
}
#mypage.completion {
	min-height: 400px;
}
#mypage.company table th.expired {
  min-width: 310px;
}
}
@media (min-width: 980px) {
#mypage .title .inner {
	width: 980px;
}
#mypage.top ul {
	width: 600px;
	margin: 2em auto;
}
#mypage.list h2 {
	margin-bottom: 0;
}
#mypage.list p {
	text-align: center;
}
#mypage.list .select {
	text-align: center;
	margin-top: 2em;
}
#mypage.list .select br {
	display: none;
}
#mypage.list .pLink {
	text-align: center;
	margin: 1rem 0 0 0;
}
#mypage.list dl {
	margin-top: 2em;
	overflow: hidden;
}
#mypage.list dl dt {
	clear: left;
	float: left;
	width: 13em;
	text-align: center;
	margin-top: 0;
}
#mypage.list dl dd {
	margin-bottom: 2em;
	padding: 0 0 2em 14.5em;
	border-bottom: 1px dotted #ccc;
	min-height: 65px;
}
#mypage.company table {
	width: 60%;
}
}
/* Seller */

#seller .title {
	/*background: rgb(14,147,43);
	background: -moz-linear-gradient(top,  rgba(14,147,43,1) 0%, rgba(53,165,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e932b', endColorstr='#35a564',GradientType=0 );*/
	background: linear-gradient( #004389, #0a5cb1 );
}
#seller .title .inner {
	padding: 0;
}
#seller .title .inner h1 {
	font-size: 16px;
	margin-bottom: 0;
	background: none;
}
#seller .title .inner .uder_cntents {
	padding: 0 0.5rem 0.5rem 0.5rem;
	overflow: hidden;
}
#seller .title .inner .uder_cntents input#logout {
	float: left;
	margin-right: 1em;
	padding: 0.25rem 1rem;
	background: #EDEDED;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
        font-size: 15px;
        font-weight: bold;
}
#seller .title .inner .uder_cntents .name {
	color: #fff;
	text-align: right;
	padding: 0.25rem 0;
}
#seller.login {
	color: #fff;
	padding-bottom: 1rem;
	/*background: rgb(14,147,43);
	background: -moz-linear-gradient(top,  rgba(14,147,43,1) 0%, rgba(53,165,100,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	background: linear-gradient(to bottom,  rgba(14,147,43,1) 0%,rgba(53,165,100,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e932b', endColorstr='#35a564',GradientType=0 );*/
	background: linear-gradient( #004389, #0a5cb1 );
}
#seller.login h1 {
	padding-bottom: 0;
	background: none;
}
#seller.login p {
	text-align: center;
}
#seller.login form {
	color: #0f1d54;
	margin: 1rem 0;
	padding: 0.5rem;
	background: #fff;
	border-radius: 3px;
}
#seller.login form dl {
	margin-bottom: 1rem;
}
#seller.login form dl dd input {
	width: 100%;
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#seller.login #login {
	display: block;
	width: 100%;
	color: #655401;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 0.75rem;
	text-shadow: #FFFFFF 1px 1px 1px;
	background: rgb(244,233,105);
	background: -moz-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: -webkit-linear-gradient(top, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
	background: linear-gradient(to bottom, rgba(244,233,105,1) 0%, rgba(226,199,72,1) 95%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4e969', endColorstr='#e2c748', GradientType=0 );
}
#seller.login p a {
	color: #fff;
}

#seller.top ul {
	text-align: center;
}
#seller.top ul li {
	margin: 0.5rem 0;
}
#seller.top ul li a {
	display: block;
	width: 100%;
	color: #0f1d54;
	font-weight: bold;
	text-decoration: none;
	padding: 1rem;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
	border: 1px solid #D9D9D9;
}
#seller.top ul li a:before {
	content: " ";
	display: inline-block;
	width: 15px;
	height: 15px;
	vertical-align: middle;
	margin-right: 5px;
	background: url(../images/common/icon_arrow01.png) no-repeat center center;
}
#seller.top ul li a:hover {
	opacity: 0.7;
}
#seller.apoint .table {
	width: 100%;
	overflow: auto;
}
#seller.apoint table {
	width: 100%;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-spacing: 0;
}
#seller.apoint table caption {
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5rem;
	background: #5F5F5F;
}
#seller.apoint table th,
#seller.apoint table td {
	/*white-space: nowrap;*/
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#seller.apoint table thead th {
	text-align: center;
}
#seller.apoint table thead th:first-child {
	width: 12em;
}
#seller.apoint table thead th:nth-of-type(3){
	width: 17em;
}
#seller.apoint table thead th:last-of-type{
	width: 7em;
    display: none;
}
#seller.apoint table thead td:last-of-type{
	text-align: center;
       display: none;
}
#seller.apoint table td {
	font-size: 0.8rem;
	/*font-weight: bold;*/
	background: #DEF7EF;
}
#seller.apoint table td:nth-of-type(3) {
	width: 250px;
}
#seller.apoint table td:last-of-type {
	width: 250px;
       display:none;
}
#seller.apoint table td span {
	display: inline-block;
	font-weight: normal;
	padding: 0.25rem 1rem;
	background: #fff;
	border-radius: 3px;
}
#seller.apoint table th.full,
#seller.apoint table td.full {
	color:  #747474;
	background: #E8E8E8;
}
#seller.apoint table input {
	width: 16em;
	padding: 0.25rem 1rem;
	background: #EDEDED;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
}
#seller.apoint .text-center {
	margin-top: 2em;
}
#seller.company table {
	width: 100%;
	margin-bottom: 1rem;
	border-collapse: collapse;
	border: 1px solid #ccc;
	border-spacing: 0;
}
#seller.company table caption {
	color: #fff;
	font-weight: bold;
	margin-bottom: 1em;
	padding: 0.5rem;
	background: #5F5F5F;
}
#seller.company table th,
#seller.company table td {
	padding: 0.5rem;
	border: 1px solid #ccc;
}
#seller.company table td {
	font-weight: bold;
	background: #DEF7EF;
}
#seller.company table td span {
	display: inline-block;
	font-weight: normal;
	padding: 0.25rem 1rem;
	background: #fff;
	border-radius: 3px;
}
#seller.company table th.full,
#seller.company table td.full {
	color:  #747474;
	background: #DEF7EF;
}
#seller.company .text-center {
	margin-bottom: 2rem;
}
#seller.company .btn {
	padding: 2rem 0;
}
#seller.completion p {
	text-align: center;
}
#seller.completion p .fWB {
	font-weight: bold;
	font-size: 18px;
}

@media (min-width: 768px) {
#seller .title .inner {
	display: table;
	width: 100%;
}
#seller .title .inner h1,
#seller .title .inner .uder_cntents {
	display: table-cell;
	vertical-align: middle;
}
#seller .title .inner h1 {
	font-size: 22px;
	text-align: left;
}
#seller .title .inner .uder_cntents {
	text-align: right;
	padding: 1rem;
}
#seller .title .inner .uder_cntents input#logout {
	float: none;
	margin-right: 0;
        font-size: 15px;
        font-weight: bold;
}
#seller.top ul li a {
	font-size: 18px;
	padding: 2rem;
}
#seller.login {
	min-height: 530px;
}
#seller.login h1 {
	padding-top: 50px;
}
#seller.login form {
	width: 400px;
	margin: 20px auto;
	padding: 15px;
}
#seller.login form dt {
	margin-bottom: 0.5rem;
}
#seller.login #login {
	width: 18em;
	margin: 30px auto 0 auto;
}
#seller.login .login_notice br.sp {
	display: none;
}
#seller.company table {
	width: 80%;
	margin: 0 auto 1rem auto;
}
#seller.completion {
	min-height: 400px;
}
}
@media (min-width: 811px) {
#seller.login .login_notice br.tablet {
	display: none;
}
}

@media (min-width: 980px) {
#seller .title .inner {
	width: 980px;
}
#seller.top ul {
	width: 600px;
	margin: 2em auto;
}
#seller.company table {
	width: 60%;
}
#seller.completion p {
	text-align: center;
	margin-bottom: 1em;
}
#seller.completion p .fWB {
	font-weight: bold;
	font-size: 18px;
}
}


.buyer_note {
  display: block;
  color: #c00;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
  padding: 10px;
  background: #FFF2F2;
}

.buyer_note2 {
  display: block;
  color: #c00;
  font-weight: bold;
  text-align: center;
  margin-top: 1rem;
  padding: 10px;
  background: #FFF2F2;
}

@media (min-width: 768px) {
  .buyer_note {
    font-size: 1rem;
  }

  .buyer_note2 {
    font-size: 1.7rem;
  }
}
  

/* バイヤーのアポイント予約一覧の印刷 */
.buyer_btn_print { 
	display: flex;
	justify-content: flex-end;
	margin-top:1em;
}

.buyer_btn_print li a { 
	display: block;
	width: 300px;
	color: #000;
	text-align: center;
	text-decoration: none;
	line-height: 1.8;
	background: #eee;
	border: 1px solid #ccc;
}

.buyer_btn_print li a:hover { 
	background: #ccc;
}

.buyer_btn_print li a::before {
  content: "";
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url("../images/common/icon_print.svg");
  background-position: center;
  background-size: contain;
	position: relative;
	top: 4px;
	margin-right:5px;

}


/* バイヤーに希望する商談内容 */
.expected_of_buyers .caption {
  color: #fff;
  padding: 2px 5px;
  background: #5f5f5f !important;
}
.expected_of_buyers h3 {
  color: #000;
  font-weight: 700;
  background: #eee !important;
}
.expected_of_buyers dl,
.expected_of_buyers dl  > dt,
.expected_of_buyers dl  > dd {
    box-sizing: border-box;
}
.expected_of_buyers dl {
	border: 1px solid #ccc;
	border-bottom: none;
  margin-bottom: 1rem;
}
.expected_of_buyers dl dt,
.expected_of_buyers dl dd {
	padding: 0.5rem;
	border-bottom: 1px solid #ccc;
}
.expected_of_buyers dl dt {
	color: #fff;
	font-weight: bold;
	background: #5F5F5F;
}
.expected_of_buyers dl.vipbuyer, dt .expected_of_buyers dl.vipprogram dt {
	color: #fff;
	font-weight: bold;
	background: #ffedba;
}
dl.vipbuyer.v2 dd ul {
	padding: 8px 0;
}
.expected_of_buyers dl dd {
	color: #000;
}
@media (min-width: 768px) {
.expected_of_buyers {
  max-width: 576px;
  margin: auto;
}
  .expected_of_buyers dl {
        display: flex;
        flex-wrap: wrap;
        border-right: none;
    }
    .expected_of_buyers dl > dt,
    .expected_of_buyers dl > dd {
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .expected_of_buyers dl > dt {
        width: 30%;
    }
    .expected_of_buyers dl > dd {
        width: 70%;
        border-right: 1px solid #ddd;
    }
}



  
/* ===== Page Content Settings ===== */



/* ===== Footer Settings ===== */
#footer {
	clear: both;
	color: #454444;
	text-align: center;
	padding: 0.5rem;
	background: #f9f9f9;
  border-top: 1px solid #eee;
}
#footer dl dt {
	font-weight: bold;
	margin-bottom: 0.5em;
}

@media (min-width: 768px) {
#footer {
	padding: 1.5rem;
}
#footer .xs_block {
	display: none;
}
}

.ve-required, .liOther .ve-text-required {
  margin-left: 1.7em;
}
.byrRsvHeader {
  text-align: center;
  background: #004c90;
  color: white;
}
/*# sourceMappingURL=style.css.map */
#form144 .row #main dl dd {
  display: inline;
}