.row, .row *{	box-sizing:border-box; }
.row{margin-left:-15px;margin-right:-15px;}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position:relative;min-height:1px;padding-left:15px;padding-right:15px}.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float:left}.col-xs-12{width:100%}.col-xs-11{width:91.66666667%}.col-xs-10{width:83.33333333%}.col-xs-9{width:75%}.col-xs-8{width:66.66666667%}.col-xs-7{width:58.33333333%}.col-xs-6{width:50%}.col-xs-5{width:41.66666667%}.col-xs-4{width:33.33333333%}.col-xs-3{width:25%}.col-xs-2{width:16.66666667%}.col-xs-1{width:8.33333333%}.col-xs-pull-12{right:100%}.col-xs-pull-11{right:91.66666667%}.col-xs-pull-10{right:83.33333333%}.col-xs-pull-9{right:75%}.col-xs-pull-8{right:66.66666667%}.col-xs-pull-7{right:58.33333333%}.col-xs-pull-6{right:50%}.col-xs-pull-5{right:41.66666667%}.col-xs-pull-4{right:33.33333333%}.col-xs-pull-3{right:25%}.col-xs-pull-2{right:16.66666667%}.col-xs-pull-1{right:8.33333333%}.col-xs-pull-0{right:auto}.col-xs-push-12{left:100%}.col-xs-push-11{left:91.66666667%}.col-xs-push-10{left:83.33333333%}.col-xs-push-9{left:75%}.col-xs-push-8{left:66.66666667%}.col-xs-push-7{left:58.33333333%}.col-xs-push-6{left:50%}.col-xs-push-5{left:41.66666667%}.col-xs-push-4{left:33.33333333%}.col-xs-push-3{left:25%}.col-xs-push-2{left:16.66666667%}.col-xs-push-1{left:8.33333333%}.col-xs-push-0{left:auto}.col-xs-offset-12{margin-left:100%}.col-xs-offset-11{margin-left:91.66666667%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-0{margin-left:0}@media (min-width:768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float:left}.col-sm-12{width:100%}.col-sm-11{width:91.66666667%}.col-sm-10{width:83.33333333%}.col-sm-9{width:75%}.col-sm-8{width:66.66666667%}.col-sm-7{width:58.33333333%}.col-sm-6{width:50%}.col-sm-5{width:41.66666667%}.col-sm-4{width:33.33333333%}.col-sm-3{width:25%}.col-sm-2{width:16.66666667%}.col-sm-1{width:8.33333333%}.col-sm-pull-12{right:100%}.col-sm-pull-11{right:91.66666667%}.col-sm-pull-10{right:83.33333333%}.col-sm-pull-9{right:75%}.col-sm-pull-8{right:66.66666667%}.col-sm-pull-7{right:58.33333333%}.col-sm-pull-6{right:50%}.col-sm-pull-5{right:41.66666667%}.col-sm-pull-4{right:33.33333333%}.col-sm-pull-3{right:25%}.col-sm-pull-2{right:16.66666667%}.col-sm-pull-1{right:8.33333333%}.col-sm-pull-0{right:auto}.col-sm-push-12{left:100%}.col-sm-push-11{left:91.66666667%}.col-sm-push-10{left:83.33333333%}.col-sm-push-9{left:75%}.col-sm-push-8{left:66.66666667%}.col-sm-push-7{left:58.33333333%}.col-sm-push-6{left:50%}.col-sm-push-5{left:41.66666667%}.col-sm-push-4{left:33.33333333%}.col-sm-push-3{left:25%}.col-sm-push-2{left:16.66666667%}.col-sm-push-1{left:8.33333333%}.col-sm-push-0{left:auto}.col-sm-offset-12{margin-left:100%}.col-sm-offset-11{margin-left:91.66666667%}.col-sm-offset-10{margin-left:83.33333333%}.col-sm-offset-9{margin-left:75%}.col-sm-offset-8{margin-left:66.66666667%}.col-sm-offset-7{margin-left:58.33333333%}.col-sm-offset-6{margin-left:50%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-0{margin-left:0}}@media (min-width:992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float:left}.col-md-12{width:100%}.col-md-11{width:91.66666667%}.col-md-10{width:83.33333333%}.col-md-9{width:75%}.col-md-8{width:66.66666667%}.col-md-7{width:58.33333333%}.col-md-6{width:50%}.col-md-5{width:41.66666667%}.col-md-4{width:33.33333333%}.col-md-3{width:25%}.col-md-2{width:16.66666667%}.col-md-1{width:8.33333333%}.col-md-pull-12{right:100%}.col-md-pull-11{right:91.66666667%}.col-md-pull-10{right:83.33333333%}.col-md-pull-9{right:75%}.col-md-pull-8{right:66.66666667%}.col-md-pull-7{right:58.33333333%}.col-md-pull-6{right:50%}.col-md-pull-5{right:41.66666667%}.col-md-pull-4{right:33.33333333%}.col-md-pull-3{right:25%}.col-md-pull-2{right:16.66666667%}.col-md-pull-1{right:8.33333333%}.col-md-pull-0{right:auto}.col-md-push-12{left:100%}.col-md-push-11{left:91.66666667%}.col-md-push-10{left:83.33333333%}.col-md-push-9{left:75%}.col-md-push-8{left:66.66666667%}.col-md-push-7{left:58.33333333%}.col-md-push-6{left:50%}.col-md-push-5{left:41.66666667%}.col-md-push-4{left:33.33333333%}.col-md-push-3{left:25%}.col-md-push-2{left:16.66666667%}.col-md-push-1{left:8.33333333%}.col-md-push-0{left:auto}.col-md-offset-12{margin-left:100%}.col-md-offset-11{margin-left:91.66666667%}.col-md-offset-10{margin-left:83.33333333%}.col-md-offset-9{margin-left:75%}.col-md-offset-8{margin-left:66.66666667%}.col-md-offset-7{margin-left:58.33333333%}.col-md-offset-6{margin-left:50%}.col-md-offset-5{margin-left:41.66666667%}.col-md-offset-4{margin-left:33.33333333%}.col-md-offset-3{margin-left:25%}.col-md-offset-2{margin-left:16.66666667%}.col-md-offset-1{margin-left:8.33333333%}.col-md-offset-0{margin-left:0}}@media (min-width:1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float:left}.col-lg-12{width:100%}.col-lg-11{width:91.66666667%}.col-lg-10{width:83.33333333%}.col-lg-9{width:75%}.col-lg-8{width:66.66666667%}.col-lg-7{width:58.33333333%}.col-lg-6{width:50%}.col-lg-5{width:41.66666667%}.col-lg-4{width:33.33333333%}.col-lg-3{width:25%}.col-lg-2{width:16.66666667%}.col-lg-1{width:8.33333333%}.col-lg-pull-12{right:100%}.col-lg-pull-11{right:91.66666667%}.col-lg-pull-10{right:83.33333333%}.col-lg-pull-9{right:75%}.col-lg-pull-8{right:66.66666667%}.col-lg-pull-7{right:58.33333333%}.col-lg-pull-6{right:50%}.col-lg-pull-5{right:41.66666667%}.col-lg-pull-4{right:33.33333333%}.col-lg-pull-3{right:25%}.col-lg-pull-2{right:16.66666667%}.col-lg-pull-1{right:8.33333333%}.col-lg-pull-0{right:auto}.col-lg-push-12{left:100%}.col-lg-push-11{left:91.66666667%}.col-lg-push-10{left:83.33333333%}.col-lg-push-9{left:75%}.col-lg-push-8{left:66.66666667%}.col-lg-push-7{left:58.33333333%}.col-lg-push-6{left:50%}.col-lg-push-5{left:41.66666667%}.col-lg-push-4{left:33.33333333%}.col-lg-push-3{left:25%}.col-lg-push-2{left:16.66666667%}.col-lg-push-1{left:8.33333333%}.col-lg-push-0{left:auto}.col-lg-offset-12{margin-left:100%}.col-lg-offset-11{margin-left:91.66666667%}.col-lg-offset-10{margin-left:83.33333333%}.col-lg-offset-9{margin-left:75%}.col-lg-offset-8{margin-left:66.66666667%}.col-lg-offset-7{margin-left:58.33333333%}.col-lg-offset-6{margin-left:50%}.col-lg-offset-5{margin-left:41.66666667%}.col-lg-offset-4{margin-left:33.33333333%}.col-lg-offset-3{margin-left:25%}.col-lg-offset-2{margin-left:16.66666667%}.col-lg-offset-1{margin-left:8.33333333%}.col-lg-offset-0{margin-left:0}}
.img-responsive{display:block;max-width:100%;height:auto}
.visible-xs,.visible-sm,.visible-md,.visible-lg{display:none !important}.visible-xs-block,.visible-xs-inline,.visible-xs-inline-block,.visible-sm-block,.visible-sm-inline,.visible-sm-inline-block,.visible-md-block,.visible-md-inline,.visible-md-inline-block,.visible-lg-block,.visible-lg-inline,.visible-lg-inline-block{display:none !important}@media (max-width:767px){.visible-xs{display:block !important}table.visible-xs{display:table !important}tr.visible-xs{display:table-row !important}th.visible-xs,td.visible-xs{display:table-cell !important}}@media (max-width:767px){.visible-xs-block{display:block !important}}@media (max-width:767px){.visible-xs-inline{display:inline !important}}@media (max-width:767px){.visible-xs-inline-block{display:inline-block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm{display:block !important}table.visible-sm{display:table !important}tr.visible-sm{display:table-row !important}th.visible-sm,td.visible-sm{display:table-cell !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-block{display:block !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline{display:inline !important}}@media (min-width:768px) and (max-width:991px){.visible-sm-inline-block{display:inline-block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md{display:block !important}table.visible-md{display:table !important}tr.visible-md{display:table-row !important}th.visible-md,td.visible-md{display:table-cell !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-block{display:block !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline{display:inline !important}}@media (min-width:992px) and (max-width:1199px){.visible-md-inline-block{display:inline-block !important}}@media (min-width:1200px){.visible-lg{display:block !important}table.visible-lg{display:table !important}tr.visible-lg{display:table-row !important}th.visible-lg,td.visible-lg{display:table-cell !important}}@media (min-width:1200px){.visible-lg-block{display:block !important}}@media (min-width:1200px){.visible-lg-inline{display:inline !important}}@media (min-width:1200px){.visible-lg-inline-block{display:inline-block !important}}@media (max-width:767px){.hidden-xs{display:none !important}}@media (min-width:768px) and (max-width:991px){.hidden-sm{display:none !important}}@media (min-width:992px) and (max-width:1199px){.hidden-md{display:none !important}}@media (min-width:1200px){.hidden-lg{display:none !important}}.visible-print{display:none !important}@media print{.visible-print{display:block !important}table.visible-print{display:table !important}tr.visible-print{display:table-row !important}th.visible-print,td.visible-print{display:table-cell !important}}.visible-print-block{display:none !important}@media print{.visible-print-block{display:block !important}}.visible-print-inline{display:none !important}@media print{.visible-print-inline{display:inline !important}}.visible-print-inline-block{display:none !important}@media print{.visible-print-inline-block{display:inline-block !important}}@media print{.hidden-print{display:none !important}}

*{
	margin: 0px;
	padding: 0px;
	outline: none;
	/zoom: 1;
}
html{
	width: 100%;
	height: 100%;
	margin-bottom: 1px!important;
	overflow-y:scroll;
}
#cover{
	display: table;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	z-index: 100;
	background-color: #000000;
	text-align: center;
}
#cover p{
	display: table-cell;
	height: 100%;
	text-align: center;
	vertical-align: middle;
}
#cover p img{
	vertical-align: middle;
}

body{
	position: relative;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	background-attachment: fixed;
	background-color: #ffffff;
	text-align: center;
	color: #4e4945;
	font-size: 12px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,MS PGothic,sans-serif;
	line-height: 18px;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
img,
a img{
	border: none;
	text-decoration: none;
	vertical-align: bottom;
}
a,
a:link,
a:visited{
	color: #e50011;
	text-decoration: none;
}
a:hover{
	text-decoration: underline;
}

header, footer, nav, aside, section, article{
	display: block;
}
#header-mousearea{
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	z-index: 10;
}
#hlogo{
	position: fixed;
	z-index: 50;
}

#wrap{
	height: auto;
	overflow: hidden;
	padding: 0px 0px 30px 0px;
	text-align: left;
}
#main{
	height: auto;
	overflow: hidden;
}
#gf{
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 24px;
	background-image: url("../img/f_bk.png");
	background-repeat: repeat-x;
	text-align: center;
}
#gf p.copyright{
	margin: 2px 0px 0px 0px;
}
/*-----+ lower page +-----*/
div.contents{}
/*-----+ shop list +-----*/
.shoplist{
	height: auto;
	overflow: hidden;
	margin: 0px 0px 18px 0px;
	padding: 0px 0px 3px 0px;
	border-bottom: #b0b0b0 1px dotted;
}
.shoplist:last-child{
	border: none;
	margin: 0px;
	padding: 0px;
}
.shoplist h2{
	font-size: 15px;
	
}
.shoplist h2 small{
	display: inline-block;
	margin: 0px 0px 0px 6px;
	font-size: 9px;
}
.shop-image{
	width: 240px;
	height: auto;
	float: right;
}
.shoplist dl{
	height: auto;
	overflow: hidden;
}
.shoplist dt{
	display: block;
	clear: both;
	float: left;
	width: 66px;
	height: auto;
}
.shoplist dt span{
	display: block;
	float: right;
	width: 12px;
}
.shoplist dd{
	float: left;
	height: auto;
}
/*-----+ rinen +-----*/
.rinen-message{
	height: auto;
	padding: 0px 0px 18px 0px;
	text-align: center;
}
.rinen-about{
	height: auto;
	overflow: hidden;
}
.rinen-about h2{
	padding: 12px 0px 0px 0px;
	text-align: center;
	font-size: 18px;
	font-weight: 300;
}
.rinen-manome{
	height: auto;
	overflow: hidden;
	margin: 24px 0px 0px 0px;
}
.rinen-endo{
	height: auto;
	overflow: hidden;
	margin: 24px 0px 0px 0px;
}
.rinen-person{
	height: auto;
	padding: 12px 0px 6px 0px;
	border-top: #484543 1px solid;
	border-bottom: #484543 1px dotted;
	margin: 0px 0px 30px 0px;
}
.rinen-person h3{
	margin: 0px 0px 9px 0px;
	font-size: 18px;
	font-weight: 300;
}
.rinen-person h3 span{
	font-size: 15px;
}
.rinen-about ul{
	list-style: none;
	font-size: 12px;
	line-height: 15px;
}


/*-----+ concept +-----*/
.concept-message{
	height: auto;
	overflow: hidden;
	text-align: center;
}
.concept-message h2{
	margin: 0px 0px 36px 0px;
}
/*-----+collection+-----*/
.collection{
	height: auto;
	overflow: hidden;
}
.collection h2{
	padding: 0px 0px 18px 0px;
	color: #484543;
	font-size: 24px;
	font-weight: 300;
	line-height: 24px;
	letter-spacing: 0.1em;
}
.collection-series{
	overflow: hidden;
	margin: 0px 0px 48px 0px;
	padding: 0px 0px 60px 0px;
	border-bottom: #b0b0b0 1px dotted;
}
.collection-siries:last-child{
	border: none;
}
.collection-slider{
	list-style: none;
}
.collection-series p{
	width: 100%;
}
.collection-series p img{
	width: 100%;
	height: auto;
}


/*-----+ information +-----*/
.information{
	height: auto;
	overflow: hidden;
	margin: 0px 0px 24px 0px;
	padding: 6px 0px 18px 0px;
	border-top: #b0b0b0 2px dotted;
}
.information:last-child{
	border-bottom: #b0b0b0 2px dotted;
}
.information header{
	margin: 0px 0px 12px 0px;
	padding: 0px 0px 6px 0px;
	border-bottom: #b0b0b0 1px dotted;
}
.information h2{
	padding: 6px 0px 0px 15px;
	border-left: #484543 2px solid;
	font-size: 15px;
	font-weight: 600;
}
.information header time{
	display: block;
	margin: 3px 0px 0px 0px;
	font-size: 12px;
	font-weight: 300;
	line-height: 15px;
}
.info-content{
	height: auto;
	overflow: hidden;
	margin: 6px 0px 16px 0px;
}
.info-content p{
  margin: 0;
}
.info-content table.info-data{
	height: auto;
	overflow: hidden;
	border: none;
	font-size: 12px;
	word-break: break-all;
}
.info-content table.info-data caption{
	padding: 0px 0px 3px 0px;
	text-align: left;
	font-weight: 600;
	white-space: nowrap;
}
.info-content table.info-data caption span{
	display: block;
	max-width: 100%;
	font-weight: 300;
}
.info-content table.info-data th{
	position: relative;
	min-width: 30px;
	padding: 0px 6px 3px 0px;
	border: none;
	vertical-align: top;
}
.info-content table.info-data th span{
	display: block;
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 0px 0px 0px 3px;
}
.info-content table.info-data td{
	padding: 0px 0px 3px 0px;
	border: none;
	vertical-align: top;
}
/*-----+ contact +-----*/
 .contact-nowrap{
	display: inline-block;
	white-space: nowrap;
 }

/*-----+ special favor +-----*/
.sfavor-image img{
  margin: 0 auto;
}
.sfavor-dlbtn{
  width: 100%;
  max-width: 480px;
  height: 50px;
  margin: 24px auto 24px auto;
}
.sfavor-dlbtn a{
  display: block;
  width: 100%;
  height: 50px;
  padding-top: 12px;
  border: 3px solid rgba(229,0,17,1);
  background-color: rgba(229,0,17,1);
  color: #fff;
  text-align: center;
  font-weight: 600;
  transition: background-color 0.5s, color 0.5s;
}
.sfavor-dlbtn a:hover{
  color: rgba(229,0,17,1);
  background-color: transparent;
  text-decoration: none;
  transition: background-color 0.5s, color 0.5s;
}


/*-----+ recruit +-----*/
.recruit-image-top{
  width: 100%;
  height: auto;
  margin-bottom: 30px;
}
.recruit-image-top img{
  width: 100%;
  height: auto;
}
.info-content table.info-data.recruit-columns{
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
}
.info-content table.info-data.recruit-columns th{
  min-width: 100px;
}
.info-content table.info-data.recruit-columns th,
.info-content table.info-data.recruit-columns td{
  border-bottom: 1px dotted #b0b0b0;
  padding-top: 9px;
  padding-bottom: 8px;
  padding-left: 6px;
  padding-right: 6px;
}
.info-content table.info-data.recruit-columns tr:first-child th,
.info-content table.info-data.recruit-columns tr:first-child td{
  border-top: 1px dotted #b0b0b0;
}
.recruit-entry-ttl{
  margin: 30px 0 15px 0;
}
.form-must {
  display: inline-block;
  padding: 2px 6px 2px 6px;
  margin-right: 4px;
  color: #fff;
  background-color: #e60012;
  font-size: 10px;
  font-weight: 600;
  line-height: 12px;
  transform: translateY(-1px);
}

.form-items .form-must {
  display: block;
  margin: 0;
  float: right;
}
.form-items .row{
  clear: both;
  height: auto;
  overflow: hidden;
}
.form-items input[type=text],
.form-items label{
  margin-bottom: 6px;
}
.form-items textarea{
  width: 100%;
}
.form-items hr {
  width: 90%;
  height: 0;
  border-bottom: 1px dotted #a3c2db;
  border-width: 0 0 1px 0;
  margin: 15px auto 6px auto;
}
.form-items label {
  display: block;
  width: 100%;
  padding: 4px 12px 3px 12px;
  border: 1px solid #a3c2db;
  border-radius: 3px;
  background-color: #f0f5f8;
}

.form-item {
  padding-bottom: 12px;
  margin-bottom: 12px;
  border-bottom: 1px dotted #cacbd0;
}

.form-items .form-item:first-child {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dotted #cacbd0;
}

.form-title {
  position: relative;
  padding-right: 42px;
  padding-top: 3px;
  padding: 3px 42px 12px 3px;
  font-weight: 600;
  line-height: 21px;
}
.form-title .form-must {
  position: absolute;
  right: 0;
  top: 6px;
  margin: 0;
  transform: none;
}

.form-body {
  padding-top: 3px;
}

.form-btns {
  padding-top: 24px;
  text-align: center;
  font-size: 0;
}
.form-btns .form-btn {
  display: inline-block;
  width: 200px;
  height: 48px;
  margin: 0 3px;
  border-radius: 9px;
  background-color: #e60012;
  color: #fff;
  text-align: center;
  border: 3px solid #e60012;
  text-decoration: none;
  font-size: 15px;
  font-weight: 600;
  line-height: 15px;
  transition: background-color 0.5s, color 0.5s;
}
.form-btns .form-btn:hover {
  background-color: transparent;
  color: #000;
}
.form-btns .form-btn:first-child {
  margin-left: 0;
}
.form-btns .form-btn:last-child {
  margin-right: 0;
}
.form-btns .form-btn.btn-reset {
  background-color: #555;
  border-color: #555;
}
.form-btns .form-btn.btn-reset:hover {
  background-color: transparent;
}
.recruit-entry-warn{
  margin-bottom: 12px;
}

/*-----+ media queries +-----*/
@media screen and (max-width: 767px) {
	body{
		background-image: url("../img/bk800.jpg");
	}
	p{
		margin-bottom: 9px;
	}
	#hlogo{
		top: 10px;
		left: -webkit-calc((100% - 90%) / 2);
		left: calc( (100% - 90%) / 2 );
		width: 39px;
		height: 37px;
	}
	#hlogo img{
		width: 39px;
		height: 37px;
	}
	header#gh{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 15;
		width: 100%;
		height: 50px;
		background-image: url("../img/h_bk.png");
		background-repeat: repeat-x;
		background-position: left top;
		text-align: left;
	}
	#header-in{
		position: relative;
		width: 90%;
		height: 70px;
		margin: 0px auto;
	}
	#hlogo-script{
		float: left;
		width: 122px;
		height: 37px;
		overflow: hidden;
		margin: 10px 0px 0px 0px;
		text-align: right;
	}
	#hlogo-script img{
		width: 83px;
		height: 37px;
	}

	#mgnav{
		display: block;
		float: right;
		width: 92px;
		height: 44px;
		margin: 4px 0px 0px 0px;
	}
	#mgnav ul{
		list-style: none;
	}
	#mgnav li{
		position: relative;
		display: block;
		float: left;
		width: 44px;
		height: 44px;
		overflow: hidden;
		margin: 0px 0px 0px 2px;
	}
	#mgnav a,
	#mgnav a:link,
	#mgnav a:visited{
		display: block;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	#mgnav a:hover{
		top: -44px;
	}
	
	#gnavarea{
		display: none;
		position: fixed;
		float: none;
		top: 50px;
		left: 0px;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		max-height: -webkit-calc( 100% - 80px );
		max-height: calc( 100% - 80px );
/*		overflow: hidden;*/
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
/*		background-color: #000000;*/
		background-image: url("../img/f_bk.png");
		background-repeat: repeat;
	}
	#gnavarea ul{
		display: block;
		height: auto;
		margin: 0px;
		padding: 0px;
		list-style: none;
		background-image: url("../img/f_bk.png");
		background-repeat: repeat;

	}
	#gnavarea li{
		display: block;
		width: 80%;
		height: auto;
		margin: 0px 10%;
		border-bottom: #808080 1px dotted;
	}
	#gnavarea li a{
		display: block;
		width: 100%;
		padding: 10px 0px 10px 0px;
		background-image: none;
		background-repeat: repeat;
	}
	#gh-onstore{
		display: none;
	}
	#wrap{
		width: 90%;
		height: auto;
		overflow: hidden;
		margin: 70px auto 50px auto;
		text-align: left;
	}
	/*-----+ top +-----*/
	section#main-visual{
		width: -webkit-calc( 100% - 4px );
		width: calc( 100% - 4px );
		height: auto;
		overflow: hidden;
		margin: 0px 0px 26px 0px;
		background-color: #ffffff;
		padding: 1px;
		border: #000000 1px solid;
		white-space: nowrap;
	}
	section#main-visual li{
		display: inline-block;
		width: 100%;
	}
	section#main-visual img{
		max-width: 100%;
		height: auto;
	}
	section#new-arrival{
		height: auto;
		overflow: hidden;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
		border: #ffffff 1px solid;
	}

	section#new-arrival h1{
		height: 14px;
		margin: 0px 0px 0px 0px;
		padding: 6px 0px 12px 0px;
		border: #484543 1px solid;
		background-image: url("../img/top/newarr_ttl_bk.png");
		background-repeat: repeat;
		text-align: center;
	}
	section#new-arrival .section-in{
		padding: 10px 19px;
	}
	#newarr-timeline{
		display: block;
		width: 100%;
		list-style: none;
		border-top: #aea197 1px solid;
		overflow: hidden;
	}
	#newarr-timeline li{
		display: block;
		position: relative;
		height: auto;
		padding: 3px 14px 0px 104px;
		border-bottom: #aea197 1px solid;

	}
	#newarr-timeline time{
		display: block;
		position: absolute;
		left: 14px;
		top: 3px;
		width: 90px;
		height: auto;
	}
	/*-----+ lower page +-----*/
	#l2page h1{
		margin: 25px 0px;
		text-align: center;
	}
	.contents{
		height: auto;
		overflow: hidden;
		padding: 15px;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
		border: #ffffff 1px solid;
	}
	.contents hr{
		width: 75%;
		height: 1px;
		overflow: hidden;
		margin: 18px auto 12px auto;
		border: #c0c0c0 2px dotted;
		border-width: 1px 0px 0px 0px;
	}
	h2.rinen{
		margin: 18px 0px 36px 0px;
		text-align: center;
	}
	h2.rinen img{
		width: auto;
		height: 17px;
	}
	.warn{
		padding: 10px;
		border: #ffffff;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
	}
	.contact-warn{
		padding: 0px 0px 0px 12px;
		list-style-type: disc;
	}

	/*-----+ collection +-----*/
	.collection h2{
		font-size: 18px;
	}
	.collection-series{
		width: auto;
		height: auto;
	}
	.collection-slider{
		width: auto;
		height: auto;
	}
	/*-----+ shop list +-----*/
	.shop-image{
		float: none;
		width: inherit;
		text-align: center;
	}

	/*-----+ concept +-----*/
	.concept-message h2 img{
		width: auto;
		height: 17px;
	}
	
	/*-----+ information +-----*/
	.info-content table.info-data caption{
		white-space: normal;
		word-wrap: normal;
	}
	.info-content .info-image{
		float: none;
		width: 240px;
		margin: 0px auto 12px auto;
		text-align: center;
	}
	/*-----+ rinen +-----*/
	.rinen-about h2{
		font-size: 15px;
	}
	.sfavor-image{
		margin: 24px 0;
	}
	
	/*-----+ rinen +-----*/
	.info-content table.info-data.recruit-columns{
	  width: 100%;
	}
	.info-content table.info-data.recruit-columns th,
	.info-content table.info-data.recruit-columns td{
	  display: block;
	  width: 100%;
	}
	.info-content table.info-data.recruit-columns td{
	  border-bottom: 1px solid #b0b0b0;
	}
	.info-content table.info-data.recruit-columns tr:first-child th{
	  border-top: 1px solid #b0b0b0;
	}
	.info-content table.info-data.recruit-columns tr:first-child td{
	  border-top: none;
	}
  .form-btns .form-btn {
    display: block;
    width: 100%;
    margin: 9px 0 0 0;
  }
}
@media screen and (min-width: 480px){
	body{
		background-image: url("../img/bk800.jpg");
	}
	#gnavarea{
		display: none;
		position: fixed;
		float: none;
		top: 50px;
		left: 0px;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		max-height: -webkit-calc( 100% - 80px );
		max-height: calc( 100% - 80px );
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
/*		background-color: #505050;*/
		background-image: url("../img/f_bk.png");
		background-repeat: repeat;
	}
	/*-----+ lower page +-----*/
	#l2page h1{
		margin: 35px 0px;
		text-align: center;
	}
	.contents{
		height: auto;
		overflow: hidden;
		padding: 15px;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
		border: #ffffff 1px solid;
	}
	h2.rinen{
		margin: 18px 0px 36px 0px;
		text-align: center;
	}
	h2.rinen img{
		width: auto;
		height: 17px;
	}

	/*-----+ concept +-----*/
	.concept-message h2 img{
		width: auto;
		height: 17px;
	}
}
@media screen and (min-width: 768px){
	body{
		background-image: url("../img/bk.jpg");
	}
	p{
		margin-bottom: 18px;
	}
	br.spbr{
		display: none;
	}
	#gnav-mobile{
		display: none;
	}
	header#gh{
		position: fixed;
		top: 0px;
		left: 0px;
		z-index: 15;
		width: 100%;
		height: 70px;
		overflow: hidden;
		background-image: url("../img/h_bk.png");
		background-repeat: repeat-x;
		background-position: left top;
		text-align: left;
	}
	#hlogo{
		top: 22px;
		left: -webkit-calc( (100% - 760px) / 2 );
		left: calc( (100% - 760px) / 2 );
		width: 39px;
		height: 37px;
	}
	#hlogo img{
		width: 39px;
		height: 37px;
	}
	#header-in{
		position: relative;
		width: 760px;
		height: 70px;
		margin: 0px auto;
	}
	#hlogo-script{
		float: left;
		width: 122px;
		height: 37px;
		overflow: hidden;
		margin: 22px 0px 0px 0px;
		text-align: right;
	}
	#hlogo-script img{
		width: 83px;
		height: 37px;
	}
	#hnav{
		display: block;
		float: right;
		width: 590px;
		height: 70px;
	}
	#hnav ul{
		list-style: none;
	}
	#mgnav{
		display: none;
	}
	#gnavarea{
		display: block;
		position: static;
		float: left;
		width: auto;
		height: auto;
		margin: 0px;
		padding: 0px;
		max-height: none;
		overflow: hidden;
		background-color: transparent;
		background-image: none;
	}
	#gnavarea ul{
		background-image: none;
	}
	
	#gnav{
		display: block;
		float: left;
		width: 409px;
		height: 53px;
		margin: 10px 0px 0px 0px;
		overflow: hidden;
	}
	#gnav li{
		display: inline-block;
		width: 76px;
		height: 53px;
		margin: 0px 2px 0px 0px;
	}
	#gnav a,
	#gnav a:link,
	#gnav a:visited{
		display: block;
		width: 76px;
		height: 33px;
		padding: 20px 0px 0px 0px;
		background-image: url("../img/gnav_n.png");
		background-repeat: no-repeat;
		background-position: -10px 0px;
		text-align: center;
	}
	#gnav a:hover{
		background-image: url("../img/gnav_r.png");
	}

	#gsnav{
		float: left;
		display: block;
		width: 90px;
		height: 63px;
		margin: 6px 0px 0px 0px;
	}
	#gsnav li{
		display: block;
		width: 90px;
		height: 19px;
		margin: 0px 0px 2px 0px;
		overflow: hidden;
		background-repeat: no-repeat;

	}
	#gsnav li.gsnav01{
		background-image: url("../img/gsnav01.png");
	}
	#gsnav li.gsnav02{
		background-image: url("../img/gsnav02.png");
	}
	#gsnav li.gsnav03{
		background-image: url("../img/gsnav03.png");
	}
	#gsnav li.gsnav04{
		background-image: url("../img/gsnav04.png");
	}
	#gsnav li.gsnav05{
		background-image: url("../img/gsnav_recruit_icon.png");
	}
	#gsnav li a,
	#gsnav li a:link,
	#gsnav li a:visited{
		display: block;
		width: 70px;
		height: 19px;
		padding: 0px 0px 0px 20px;
		background-image: url("../img/gsnav_n.png");
		background-repeat: no-repeat;
		background-position: right top;
	}
	#gsnav li a:hover{
		background-image: url("../img/gsnav_r.png");
	}

	#gh-onstore{
		display: block;
		float: right;
		width: 84px;
		height: 82px;
	}
	#gh-onstore li{
		display: block;
		width: 84px;
		height: 82px;
	}
	#gh-onstore li a,
	#gh-onstore li a:link,
	#gh-onstore li a:visited{
		display: block;
		padding: 68px 0px 0px 0px;
		background-image: url("../img/ghshop_n.png");
		background-repeat: no-repeat;
		text-align: center;
	}
	#gh-onstore li a:hover{
		background-image: url("../img/ghshop_r.png");
	}

	#wrap{
		width: 760px;
		height: auto;
		overflow: hidden;
		margin: 100px auto 50px auto;
		text-align: left;
	}
	/*-----+ top +-----*/
	section#main-visual{
		width: 756px;
		height: 425px;
		overflow: hidden;
		margin: 0px 0px 26px 0px;
		background-color: #ffffff;
		padding: 1px;
		border: #000000 1px solid;
	}
	section#main-visual img{
		width: 756px;
		height: 425px;
	}
	section#new-arrival{
		position: relative;
		height: auto;
		overflow: hidden;
		padding: 0px 0px 0px 154px;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
		border: #ffffff 1px solid;
	}

	section#new-arrival h1{
		position: absolute;
		left: 19px;
		top: 21px;
		width: 132px;
		height: 48px;
		padding: 23px 0px 0px 0px;
		border: #484543 1px solid;
		background-image: url("../img/top/newarr_ttl_bk.png");
		background-repeat: repeat;
		text-align: center;
	}
	section#new-arrival .section-in{
		padding: 21px 19px;
	}
	#newarr-timeline{
		display: block;
		width: 100%;
		list-style: none;
		border-top: #aea197 1px solid;
		overflow: hidden;
	}
	#newarr-timeline li{
		display: block;
		position: relative;
		height: 20px;
		/height: 23px;
		padding: 3px 14px 0px 104px;
		border-bottom: #aea197 1px solid;

	}
	#newarr-timeline time{
		display: block;
		position: absolute;
		left: 14px;
		top: 3px;
		width: 90px;
		height: auto;
	}
	/*-----+ lower page +-----*/
	#l2page{}
	#l2page h1{
		height: 34px;
		overflow: hidden;
		margin: 24px 0px 36px 0px;
		padding: 0px 0px 0px 44px;
		background-image: url("../img/l2/l2ttl_mark.png");
		background-repeat: no-repeat;
		background-position: 0px 13px;
		text-align: left;
	}
	.contents{
		height: auto;
		overflow: hidden;
		padding: 30px;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
		border: #ffffff 1px solid;
	}
	.contents hr{
		width: 75%;
		height: 1px;
		overflow: hidden;
		margin: 25px auto 20px auto;
		border: #c0c0c0 2px dotted;
		border-width: 1px 0px 0px 0px;
	}
	.warn{
		padding: 15px;
		border: #ffffff;
		background-image: url("../img/content_bk.png");
		background-repeat: repeat;
	}

	/*-----+ rinen +-----*/
	h2.rinen{
		margin: 18px 0px 36px 0px;
		text-align: center;
	}
	h2.rinen img{
		width: auto;
		height: auto;
	}
	.rinen-about h2{
		font-size: 18
	}
	/*-----+ contact +-----*/
	.contact-warn{
		padding: 0px 0px 0px 18px;
		list-style-type: disc;
	}
	.rinen-manome{
		float: left;
		width: 330px;
	}
	.rinen-endo{
		float: right;
		width: 330px;
	}
	/*-----+ collection +-----*/
	.collection-series{
		width: 760px;
		height: 428px;
	}
	.collection-slider{
		width: 760px;
		height: 428px;
	}
	/*-----+ concept +-----*/
	.concept-message h2 img{
		width: auto;
		height: auto;
	}
	/*-----+ information +-----*/
	.info-content .info-image{
		float: right;
		width: 240px;
		margin: 0px 0px 12px 12px;
		text-align: left;
	}
}
@media screen and (min-width: 1024px) {
	#hlogo{
		top: 12px;
		left: -webkit-calc( (100% - 1020px) / 2 );
		left: calc( (100% - 1020px) / 2 );
		width: 78px;
		height: 74px;
	}
	#hlogo img{
		width: 78px;
		height: 74px;
	}

	header#gh{
		height: 90px;
	}
	#header-in{
		width: 1020px;
		height: 90px;
	}
	#hlogo-script{
		width: 244px;
		height: 74px;
		margin: 12px 0px 0px 0px;
	}
	#hlogo-script img{
		width: 166px;
		height: 74px;
	}
	#hnav{
		width: 737px;
		height: 90px;
	}
	#hnav ul{
		list-style: none;
	}
	#gnav{
		width: 509px;
		height: 53px;
		margin: 29px 0px 0px 0px;
	}
	#gnav li{
		width: 96px;
		margin: 0px 2px 0px 0px;
	}
	#gnav a,
	#gnav a:link,
	#gnav a:visited{
		width: 96px;
		background-position: 0px 0px;
	}

	#gsnav{
		width: 110px;
		height: 63px;
		margin: 19px 0px 0px 0px;
	}
	#gsnav li{
		width: 110px;
		margin: 0px 0px 3px 0px;

	}
	#gsnav li a,
	#gsnav li a:link,
	#gsnav li a:visited{
		width: 85px;
		padding: 0px 0px 0px 25px;
	}

	#wrap{
		width: 1020px;
		margin: 130px auto 50px auto;
	}


	/*-----+ top +-----*/
	section#main-visual{
		width: 1016px;
		height: 571px;
	}
	section#main-visual img{
		width: 1016px;
		height: 571px;
	}
	/*-----+ lower page +-----*/
	div.contents{}
	.rinen-manome{
		width: 450px;
	}
	.rinen-endo{
		width: 450px;
	}
	/*-----+ collection +-----*/
	.collection-series{
		width: 1020px;
		height: 573px;
	}
	.collection-slider{
		width: 1020px;
		height: 573px;
	}
}



.form-control {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.form-control:focus {
  border-color: #66afe9;
  outline: 0;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.6);
}

.form-control::-moz-placeholder {
  color: #999;
  opacity: 1;
}

.form-control:-ms-input-placeholder {
  color: #999;
}

.form-control::-webkit-input-placeholder {
  color: #999;
}

.form-control::-ms-expand {
  border: 0;
  background-color: transparent;
}

.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
  background-color: #eee;
  opacity: 1;
}

.form-control[disabled], fieldset[disabled] .form-control {
  cursor: not-allowed;
}

textarea.form-control {
  height: auto;
}