@charset "shift_jis";
/* privilege.css */

/*-- attract.cssより継承 --*/
.content {
	float: none;
}
.pcNone {
	display: none;
}

.spNone {
	display: block;
}

/*-- table style --*/
.dataWrap {
	border:#fff solid 1px;
	width:100%;
	margin-bottom:10px;
}
.dataWrap .odd {
	background:#eeece9;
}
.dataWrap .even {
	background:#fcf8f1;
}
.dataWrap th,
.dataWrap td {
	border:#fff solid 1px;
	vertical-align:middle;
}
.dataWrap th {
	background:#f2ece1;
	padding:18px 0;
	font-size:1.6em;
	font-weight:normal;
	font-family:Arial, Helvetica,YuGothic,'メイリオ', Meiryo, Osaka, sans-serif;
}
.dataWrap th.small {
	font-size:1.2em;
}
.dataWrap td {
	padding:8px 0;
	font-size:1.4em;
	font-family:Arial, Helvetica,YuGothic,'メイリオ', Meiryo, Osaka, sans-serif;
}
.dataWrap .numberSec {
	width:6.896551724%;
	text-align:center;
}
.dataWrap .nameSec {
	width:32.333%;
	padding-left:1%;
	padding-right:8px;
}
.dataWrap .contactSec {
	width:14.942528735%;
	text-align:center;
	padding:0;
}
.dataWrap .contactSec a {
	padding:8px 5px;
	background:#992b56;
	display:block;
}
.dataWrap .priceSec {
	width:14.942528735%;
	text-align:center;
}
.dataWrap .priceSec .price {
	color:#992b56;
	font-weight:bold;
}
.dataWrap .priceSec .priceB {
	color:#000;
	font-weight:bold;
}

/* -- 幅 パーセント -- */
.wdh100per{	width:100%!important;}
.wdh98per{	width:98%!important;}
.wdh95per{	width:95%!important;}
.wdh90per{	width:90%!important;}
.wdh80per{	width:80%!important;}
.wdh75per{	width:75%!important;}
.wdh70per{	width:70%!important;}
.wdh65per{	width:65%!important;}
.wdh60per{	width:60%!important;}
.wdh57per{	width:57%!important;}
.wdh55per{	width:55%!important;}
.wdh50per{	width:50%!important;}
.wdh45per{	width:45%!important;}
.wdh40per{	width:40%!important;}
.wdh35per{	width:35%!important;}
.wdh30per{	width:30%!important;}
.wdh28per{	width:28%!important;}
.wdh25per{	width:25%!important;}
.wdh23per{	width:23%!important;}
.wdh20per{	width:20%!important;}
.wdh18per{	width:18%!important;}
.wdh15per{	width:15%!important;}
.wdh10per{	width:10%!important;}
.wdh8per{	width:8%!important;}
.wdh5per{	width:5%!important;}

/* -- 幅 ピクセル -- */
.wdh30px{	width:30px!important;}
.wdh50px{	width:50px!important;}
.wdh60px{	width:60px!important;}
.wdh65px{	width:65px!important;}
.wdh80px{	width:80px!important;}
.wdh100px{	width:100px!important;}
.wdh120px{	width:120px!important;}
.wdh150px{	width:150px!important;}
.wdh200px{	width:200px!important;}
.wdh250px{	width:250px!important;}
.wdh300px{	width:300px!important;}
.wdh350px{	width:350px!important;}
.wdh400px{	width:400px!important;}
.wdh480px{	width:480px!important;}
.wdh500px{	width:500px!important;}
.wdh600px{	width:600px!important;}
.wdh640px{	width:640px!important;}
.wdh700px{	width:700px!important;}
.wdh800px{	width:800px!important;}
.wdh980px{	width:980px!important;}

/* 改行なし */
th.nowrap,
.nowrap th{
	white-space: nowrap;
}
td.nowrap,
.nowrap td{
	white-space: nowrap;
}

/* --　Present Page Custom -- */

.loginPage .content {
	padding-left:60px;
	padding-right:60px;
	text-align: center;
	}

.tokMenuWrap01,
.tokMenuWrap02{
	width:100%;
	margin:20px auto;
    padding-bottom:1.5em;
	border:1px solid #DFBCC9;
	overflow:hidden;
}
.tokMenuWrap01 h4{
	width:100%;
	padding:1em;
	background:#F6F6F6;
	text-align:left;
}
.tokMenuWrap01 p span img{
	float: left;
	margin: 4px 5px 0 0;
}
.tokMenuWrap01inner{
	padding:1.5em;
}

.tokMenuWrap02 h4{
	width:100%;
	padding:1em;
	background:#F6F6F6;
	text-align:left;
}
.tokMenuWrap02inner{
	padding:1.5em;
}

.tokTble {
	float: right;
	width:57%;
	position: relative;
	font-size:14px;
	line-height:1.2;
	font-family:Arial, Helvetica,YuGothic,'メイリオ', Meiryo, Osaka, sans-serif;
}
.tokTble th {
	width:100px;
	border-bottom: 1px solid #fff;
	padding:10px;
	font-weight:normal;
	background:#f2ece1;
	text-align:left;
}
.tokTble td {
	width:200px;
	background:#fcf8f1;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding:10px;
	text-align:left;
}

p.note {
	margin-left: 7.6em;
	padding-top: 4px;
	font-size: 83%;
	line-height:1.2;
}
p.caption {
	font-size:1.3em;
	line-height:1.2;
	margin-bottom:2px;
	text-indent: -1.0em;
	padding-left:1em;
}

.formBg {
	border:#ccc solid 1px;
	background: #f6f4eb;
	padding: 30px 3em 20px 3em;
}
.formInn p.caption {
	width: 340px;
	margin: 0 auto;
	padding-left: 13%;
	font-family:serif;
	font-size: 130%;
	line-height: 1.4;	
	text-align:left;
}
.formInn .formInfo {
	line-height: 1.4;
	font-size: 160%;
	padding-left:15%;
}

.loginTbl {
	width: 21em;
	margin: 0 auto;
}
.loginTbl th,
.loginTbl td {
	vertical-align:middle;
	font-weight: normal;
}
.loginTbl th {
	width: 40px;
	padding-right:0.5em;
	font-size: 160%;
}
.loginTbl td p {
	margin-right: 10px;
}

.form-control {
	border: 1px solid #cccccc;
	border-image: none;
	width: 7em;
	height: 24px;
	color: #555555;
	line-height: 1.4285;
	font-size: 14px;
	display: block; 
	padding: 4px 8px;
	background: #ffffff;
	box-shadow: inset 0px 1px 1px rgba(0,0,0,0.075); 
	transition:border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
	-webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
}
.form-control:hover,
.form-control:focus {
	border: 1px solid #67B168;
	background: #f9f9f9;
}

.btn-login {
	display:block;
	border: 1px solid #E9E9E9;
	color: #ffffff;
	background: url(/sales/common/img/pages/lineup/index/icon_pre_btn.png) left center #807D77 no-repeat;
	margin-top:1em;
	padding: 6px 30px 5px 40px;
	line-height: 1.2;
	font-family:serif;
	font-size: 160%;
	font-weight: normal;
	
}
.btn-login:hover {
	cursor: pointer;
	border-color: #E9E9E9;
	color: #FFFFFF;
	background: url(/sales/common/img/pages/lineup/index/icon_pre_btn.png) left center #B5B4B6 no-repeat;
}

.pre_group_unit_btn {
	padding-bottom:0;
	margin:20px auto 60px;
	display:block;
}
.pre_group_unit_btn a {
  background: url(/sales/common/img/pages/lineup/index/icon_pre_btn.png) left center #313131 no-repeat;
  color: #fff;
  width: 200px;
  height: 30px;
  line-height: 30px;
  margin:0 auto;
  display: block;
  text-align: center;
  text-decoration: none;
  font-size: 1.2em;
  padding-left: 10px;
}

/*894px */
@media screen and (max-width:894px) {
.contentsWrap .content {
	padding-left:3%;
	padding-right:3%;
	}

.tokMenu {
    padding:0;
	}
.tokMenu p.subTitle {
	float:none;
	width :100%;
	}
.tokMenuWrap01,
.tokMenuWrap02{
	width:90%;
	}
	
.tokMenu p.subTitle {
	float:none;
	max-width: 100%; /* 最大幅 */
	margin-right:0;
	}

.tokTble {
	width:100%;
	float: none;
	margin-top:6px;
	}
.tokTble th {
	width:35%;
	white-space:nowrap;
	text-align:left;
	}
.tokTble td {
	height: 17px;
	}

.lead .rwd-txt:after {
	content:attr(data-label);
	}
.lead .rwd-txt > img {
	display:none;
	}

}



@media screen and (min-width:745px) {

.tokMenuWrap02 .lead {
	display:none;
	}

}

/*745px */
@media screen and (max-width:745px) {

.contentsWrap .content .content {
	padding-left:0;
	padding-right:0;
	}

.catch {
	color: #513f08;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 25px;
	}

.formInn .formInfo {
	padding-left:0;
	}

.tokMenuWrap02 .lead {
	font-size:1.6em;
	color: #a33d65;
	}
.tokMenuWrap02 h4 img {
	width:90%;
	}
.formInn p.caption {
	padding-left: 20%;
}
}


@media screen and (min-width:481px) {

.onlySMP {
	 display:none;
	 }

}

/*480px */
@media screen and (max-width:480px) {

.onlyPC {
	 display:none;
	 }

.contentsWrap .content {
	padding-left:7px;
	padding-right:7px;
	 }

.textHddInner {
	line-height:1.3;
	 }

.formBg{
	padding:2em;
	 }

h4.kaimashi .onlySMP {
	color: #786C36; 
	font-size:200%;
	line-height:1.5;
	font-weight:bold;
	}

h4.kaimashi .onlySMP span {
	display:block;
	margin-right:0.6em;
	color:#000;
	font-size:90%;
	font-weight:normal;	
	}

.tokMenuWrap01 h4 span,
.tokMenuWrap02 h4 span{
	font-size:1.6em;
	color: #a33d65;
	line-height:1.3;
	}

.tokMenuWrap01,
.tokMenuWrap02{
	width:92%;
	}
 
.dataWrap .nameSec {
	padding-left:3%;
	}

p.note {
	margin-left: 1em;
	text-indent: -1em;
	}
.formInn p.caption {
	width: 100%;
	padding-left: 5%;
}
}

@media print{

h3 {
	background:#f7f5ef !important;
}
h4 {
	font-size:14px;
	background:#f7f5ef !important;
}

.onlyPC {
	display:none;
}
.mediaNONE {
	display:none;
}

.tokMenuWrap01inner {
	padding:10px;
}

.tokMenuWrap01 p span img {
	float: left;
	width:42%;
}
.tokTble {
	float: right;
	width:55%;
	font-size:12px;
}
.tokTble td,
.tokTble th {
	padding:4px;
}

p.note {
	margin-left:0;
}

h4.kaimashi .onlySMP {
	display:none;
}
h4.kaimashi .onlyPC {
	display:block;
}
.dataWrap .onlySMP {
	display:none;
}

}