@charset "UTF-8";

/*======================================

	トップページ

=======================================*/

/*--------------------------------------
	ヘッダー
--------------------------------------*/
header {
	width:100%;
	background-color:#470d19;
}

header .lang a,
header .link a {
	color:#ffffff;
}

header .lang a:hover,
header .link a:hover {
	color:#d2ae7e;
}

header .lang ul {
	width:90%;
	height:32px;
	margin:0 auto;
	padding:5px 0;
}

header .lang li {
	float:right;
	padding-left:5px;
	line-height:32px;
/*	display:none;*/
}

header .lang li::after {
  display: inline-block;
  content: '｜';
  color: #ffffff;
  padding-left:7px;
}

header .lang li.on {
	color:#F8E3C5;
}

header .lang li:first-of-type::after {
  display: none;
}

header .logo {
	width:100%;
	background:#333333 url("../images/Wolfgang_Reception.jpg") center center / cover no-repeat fixed;
	display:table;
}

header .logo_body {
	display:table-cell;
	vertical-align:middle;
}

header .logo_body2 {
	background-color:rgba(71,13,25,0.6);
	width:40%;
	margin:0 auto;
	text-align:center;
	padding-top:50px;
	padding-bottom:50px;
}

header .logo_body p {
	color:#F8E3C5;
	font-size:90%;
	line-height:1;
	font-family:'Gilda Display', serif;
}

header .logo_body img {
	width:90%;
	max-width:800px;
}

header .logo_body p:nth-of-type(1) {
	padding-top:20px;
}

header .logo_body p:nth-of-type(2) {
	padding-top:10px;
}

header .logo_body p:nth-of-type(3) {
	padding-top:10px;
}

header .link ul {
	width:96%;
	margin:0 auto;
	font-family:'Libre Baskerville', serif;
}

header .link ul li {
	padding:10px 0;
}

header .link ul li:first-child {
	float:left;
}

header .link ul li:last-child {
	float:right;
}

/*--------------------------------------
	コンテンツ
--------------------------------------*/
.business .content {
	width:84%;
	margin:0 auto;
}

.business_body {
	width:100%;
	max-width:1160px;
	margin:0 auto;
}

.business h1 {
	font-size:150%;
	font-weight:bold;
	padding:0px 1em 10px 1em;
	border-bottom:2px solid #000000;
}

.business .wg_img {
	padding-top:30px;
	width:80%;
	margin:0 auto;
}

.business .wg_txt {
	padding-top:30px;
	line-height:2;
	letter-spacing:1px;
}

#business1 {
	padding-top:35px;
}

#business1 .block2 .wg_txt span {
	display:block;
	padding-top:0;
	padding-bottom:10px;
	font-weight:bold;
}

#business1 .block3 {
	padding-top:30px;
}

#business1 .block3 li {
	width:33%;
	float:left;
	margin-right:0.5%;
}

#business1 .block3 li:last-child {
	margin-right:0;
}

#business1 .block3 .disp_sp {
	display:none;
}

#business2 {
	margin-top:40px;
	padding-bottom:60px;
	background-color:#470d19;
	color:#ffffff;
}

#business2 .business_body {
	padding-top:15px;
}

#business2 h1{
	padding-top:35px;
	border-bottom:2px solid #ffffff;
}

/*--------------------------------------
	店舗一覧
--------------------------------------*/
#store_list ul {
	padding-top:20px;
	text-align:center;
	font-family:'Playfair Display', serif;
}

#store_list ul li {
	padding-top:10px;
	font-size:105%;
	font-weight:bold;
	letter-spacing:1px;
}

.singapore {
	position:relative;
	width:100%;
	margin:0 auto;
	margin-top:30px;
}

.singapore p {
	font-weight:bold;
	letter-spacing:1px;
}

.singapore p:nth-of-type(2) {
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	top:50%;
	margin-top:-82px;
	padding:35px 0;
	background-color:rgba(0,0,0,0.5);
	font-family:'Gilda Display', serif;
	font-size:140%;
}

.singapore p:nth-of-type(3) {
	padding-top:10px;
	text-align:center;
	font-family:'Playfair Display', serif;
	font-size:105%;
}

/*--------------------------------------
	ニュース・フォー�
--------------------------------------*/
#news {
	display:none;
}

#news,
#form {
	padding-top:40px;
	width:70%;
	max-width:812px;
	margin:0 auto;
}

#news h1,
#form h1 {
	text-align:center;
	font-size:200%;
	padding-bottom:30px;
}

#news .box {
	width:100%;
	margin-bottom:15px;
	padding-bottom:5px;
	border-bottom:1px solid #888888;
}

#news .box .left,
#news .details .date_icon {
	width:100%;
}

#news .box p.date,
#news .details p.date {
	width:75%;
	float:right;
}

#news .box p.icon,
#news .details p.icon {
	width:25%;
	float:left;
}

#news .box p.icon span,
#news .details p.icon span {
	display:block;
	width:90%;
	color:#ffffff;
	text-align:center;
	padding:2px 0;
}

#news .box p.icon span.type1,
#news .details p.icon span.type1 {
	background-color:#262626;
}

#news .box p.icon span.type2,
#news .details p.icon span.type2 {
	background-color:#a0a0a0;
}

#news .box p.text {
	width:100%;
}

#news .box p.text a {
	color:#333333;
}

#form dt {
	width:35%;
	float:left;
	padding-top:10px;
	font-weight:bold;
}

#form dd {
	width:65%;
	float:left;
	padding-top:10px;
}

#form dd select {
	width:100%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#form dd input {
	width:100%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form dd textarea {
	width:100%;
	height:10em;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#form .error_message {
	color:#ff0000;
	font-weight:bold;
	padding-top:2px;
}

#form .btn {
	padding-top:40px;
	text-align:center;
}

#form .btn button {
	width:30%;
	height:34px;
	line-height:34px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

/*--------------------------------------
	ニュース
--------------------------------------*/
#news .pagination {
	padding-top:50px;
	text-align:center;
}

#news .pagination .inner {
}

#news .pagination a {
	display:inline-block;
	background-color:#000000;
	color:#ffffff;
	padding:5px 10px;
	margin:0 5px;
}

#news .pagination a:hover {
	background-color:rgba(0,0,0,0.4);
}

#news .pagination span {
	display:inline-block;
	vertical-align:top;
	padding:5px 10px;
	margin:0 5px;
}

#news .details .title {
	word-wrap: break-word;
	font-size:150%;
	padding-top:10px;
	border-bottom:1px solid #b9b9b9;
}

#news .details .text {
	word-wrap: break-word;
	width:98%;
	margin:0 auto;
	padding-top:10px;
}

#news .details .image {
	width:98%;
	margin:0 auto;
	padding-top:10px;
}

#news .details .image img {
	max-width:100%;
}

.link_news1,
.link_news2 {
	margin-top:80px;
	background-color:#EDEDED;
}

.link_news1 {
	line-height:2;
	text-align:center;
	padding:25px 0;
}

.link_news2 .inner {
	width:100%;
	max-width:812px;
	margin:0 auto;
}

.link_news2 p {
	display:inline-block;
	width:24%;
	line-height:2;
	text-align:center;
	padding:25px 0;
}

/*--------------------------------------
	ページトップへ
--------------------------------------*/
#page-top {
	position: fixed;
	right: 0;
	font-size: 90%;
}

#page-top a {
	background:rgba(0,0,0,0.8);
	text-decoration:none;
	color:#fff;
	width:100px;
	padding:10px 0;
	text-align:center;
	display:block;
}

#page-top a:hover {
	text-decoration:none;
	background:rgba(0,0,0,0.5);
}


.arrow{
	position: relative;
	display: inline-block;
	padding-left: 20px;
}

.arrow::before{
	content: '';
	width: 8px;
	height: 8px;
	border: 0px;
	border-top: solid 2px #ffffff;
	border-right: solid 2px #ffffff;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -6px;
}

/*--------------------------------------
	フッター
--------------------------------------*/
.footer {
	background-color:#480a17;
}

.bot_margin {
	margin-top:80px;
}

.footer h2 {
	width:30%;
/*	width:230px;*/
	margin:0 auto;
	padding:30px 0
}

.footer h2 img {
	width:100%;
/*	width:230px;*/
}

.footer .link {
	background-color:#fafafa;
	font-family:'Libre Baskerville', serif;
}

.footer ul li {
	width:50% ;
	padding:6px 0;
	background-color:#fafafa;
}

.footer ul li:nth-of-type(1) {
	text-align:left;
	float:left;
}

.footer ul li:nth-of-type(2) {
	text-align:right;
	float:right;
}

.footer ul li:nth-of-type(3) {
	width:100%;
	text-align:center;
	background-color:#480a17;
	color:#ffffff;
	font-weight:normal;
	padding-top:40px;
}

.footer ul li a {
	display:block;
	width:96%;
	margin:0 auto;
	color:#480a17;
}

/*----------------------------------------*/
#applicationform {
	padding-top:40px;
	width:100%;
	max-width:812px;
	margin:0 auto;
}

#candidatesform1 {
	padding-top:40px;
	width:100%;
	max-width:812px;
	margin:0 auto;
	text-align: center;
}

#applicationform h1 {
	text-align:center;
	font-size:200%;
	padding-bottom:30px;
}

#candidateresults tr:nth-child(even) {background: #CCC}
#candidateresults tr:nth-child(odd) {background: #FFF}
#positiondetails td {
 padding: 10px;
}
.tdheader{
 font-weight: bold;
 font-size: 16px;
 color: #480a17;
}

.tdtext{
 font-size: 16px;
 padding-top: 5px;
 vertical-align: top;
}

#form .message {
	padding-top:40px;
	text-align:center;
}

#requiredstar{
  color: #480a17;
}
#candidatesform  {
	width:90%;
    margin: auto;
    font-size: 15px;
    padding: 50px;
}


#applicationform_submit h2 {
    width:70%;
    margin: auto;
	padding:15px;
    font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#applicationform_submit h3 {
    width:70%;
    margin: auto;
	padding:15px;
    font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#applicationform_submit p {
	width:70%;
    margin: auto;
	padding:15px;
    font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#applicationform_text {
	width:100%;
	float:left;
	padding-top:10px;
	padding-bottom:10px;
	font-weight:bold;
	text-align: left;
	/*color: #480a17;*/
}

#applicationform p {
	width:100%;
	float:left;
	padding:10px;
	/*padding-top:10px;
	padding-bottom:10px;*/
	font-weight:bold;
	/*color: #480a17;*/
}

#applicationform .startpoint{
    font-style: italic;
   	float:left;
   	padding:15px;
    font-size: 15px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#applicationform h2 {
	width:100%;
	float:left;
	padding:15px;
    font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#applicationform h3 {
	width:100%;
	float:left;
	padding-top:15px;
    font-size: 16px;
	font-weight:bold;
	color: #480a17;
	border-bottom: dotted 1px;
}

#applicationform h4 {
	width:100%;
	float:left;
	padding:15px;
    font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #2196f3;
}

#applicationform h5 {
	width:100%;
	float:left;
	padding:8px;
    font-size: 12px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #2196f3;
}



#how_you_know {

	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dt {
	width:50%;
	float:left;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
}

#applicationform dd {
	width:50%;
	float:left;
	padding-top:10px;
	padding-right:10px;
}

#applicationform dd select {
	width:100%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd select#nationality {
	width:90%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd select#current_country {
	width:90%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd select#salutation {
	width:90%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd select#halfwidth {
	width:45%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd select#notice_period {
	width:90%;
	padding:5px;
	height:30px;
	line-height:30px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#applicationform dd input {
	/*width:100%;*/
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#current_pay {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#expected_pay {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#dob {
	width:30%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#mobile {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#emergency_mobile {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd input#email {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#applicationform dd .text_fullwidth {
	width:90%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform dd textarea {
	width:90%;
	height:10em;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform .error_message {
	color:#ff0000;
	font-weight:bold;
	padding-top:2px;
}

#applicationform .message {
	padding-top:40px;
	text-align:center;
}

#applicationform .year_of_study_begin {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform .year_of_study_end {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_begin1 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_end1 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_begin2 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_end2 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_begin3 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_end3 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_begin4 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_end4 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_begin5 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform input#year_worked_end5 {
	width:45%;
	padding:5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#applicationform .btn {
	padding-top:40px;
	text-align:center;
}

#applicationform .btn button {
	width:30%;
	height:34px;
	line-height:34px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

#positionsform {
	padding-top:40px;
	padding-left:10px;
	padding-right:10px;
	width:100%;
	max-width:812px;
	margin:0 auto;
}
#positionsform h1 {
	text-align:center;
	font-size:200%;
	padding-bottom:30px;
}
#positionsform p {
	width:100%;
	float:left;
	padding: 10px;
	text-align:justify;
}
#positionsform h2 {
	width:100%;
	float:left;
	padding:15px;
    font-size: 20px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #480a17;
}

#positionsform strong {
	padding-left:10px;
}

.details{
  width:100%;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 10px;
  display:none;
}

 /* The alert message box */
.alert {
    padding: 20px;
    background-color: #4caf50;
    color: white;
    margin-bottom: 15px;
}

.alert a{
    color: white;
    text-decoration: none;
}

/* The close button */
.closebtn {
    margin-left: 15px;
    color: white;
    font-weight: bold;
    float: right;
    font-size: 22px;
    line-height: 20px;
    cursor: pointer;
    transition: 0.3s;
}

/* When moving the mouse over the close button */
.closebtn:hover {
    color: black;
}

/*popup form css*/
#onclickpop1{
padding:3px;
color:green;
cursor:pointer;
padding:5px 5px 5px 15px;
width:200px;
color:white;
background-color:#FF6600;
box-shadow:1px 1px 5px grey;
border-radius:3px;
text-align:center;
}

.formpop{
border-radius:2px;
padding:20px 30px;
box-shadow:0 0 15px;
font-size:14px;
width:750px;
margin:20px 250px 0 35px;
float:left;
}

#contactpopdiv{
/*opacity:0.92;*/
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
/*background: #000;*/
display: none;
}

#contactpop{
width:750px;
margin:0px;
background-color:white;
position: relative;
/*border: 5px solid rgb(52, 152, 219);*/
}
#contactpop .img{
float: right;
margin-top: -35px;
margin-right: -37px;
}
#contactpop{
left: 40%;
top: 40%;
margin-left:-190px;
margin-top:-190px;
}
#contactpop h3{
font-size:18px;
text-align:center;
}
#contactpop input[type=text]{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
#contactpop select{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
/*#contactpop input[type=submit]{
background-color:#3498db;
border:1px solid white;
font-Weight:bold;
font-size:18px;
color:white;
width:49%;
}
#contactpop input[type=button]{
background-color:#3498db;
border:1px solid white;
font-Weight:bold;
font-size:18px;
color:white;
width:49%;
}*/
#contactpop textarea#svenue{
width:50%;
height:80px;
margin-top:5px;
padding:5px;
resize:none;
}

#contactpop .error{
 color: red;
 margin-left: 0px;
}


#merpopdiv{
/*opacity:0.92;*/
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
/*background: #000;*/
display: none;
}

#merpop{
width:750px;
margin:0px;
background-color:white;
position: relative;
/*border: 5px solid rgb(52, 152, 219);*/
}
#merpop .img{
float: right;
margin-top: -35px;
margin-right: -37px;
}
#merpop{
left: 40%;
top: 40%;
margin-left:-190px;
margin-top:-190px;
}
#merpop h3{
font-size:18px;
text-align:center;
}
#merpop input[type=text]{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
#merpop select{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}

#merpop textarea#svenue{
width:50%;
height:80px;
margin-top:5px;
padding:5px;
resize:none;
}

#merpop .error{
 color: red;
 margin-left: 0px;
}

#returnmessage p{
 color: #000000;
 font-weight: normal;
}
/*popup form css*/

#merpopdiv dt {
	width:60%;
	float:left;
	padding-top:10px;
	font-weight:normal;
}

#merpopdiv dd {
	width:40%;
	float:left;
	padding-top:10px;
}

#serpopdiv{
/*opacity:0.92;*/
position: absolute;
top: 0px;
left: 0px;
height: 100%;
width: 100%;
/*background: #000;*/
display: none;
}

#serpop{
width:750px;
margin:0px;
background-color:white;
position: relative;
/*border: 5px solid rgb(52, 152, 219);*/
}
#serpop .img{
float: right;
margin-top: -35px;
margin-right: -37px;
}
#serpop{
left: 40%;
top: 40%;
margin-left:-190px;
margin-top:-190px;
}
#serpop h3{
font-size:18px;
text-align:center;
}
#serpop input[type=text]{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}
#serpop select{
width:50%;
height:35px;
margin-top:5px;
border:1px solid #999;
border-radius:3px;
padding:5px;
}

#serpop textarea#svenue{
width:50%;
height:80px;
margin-top:5px;
padding:5px;
resize:none;
}

#serpop .error{
 color: red;
 margin-left: 0px;
}

#returnmessage p{
 color: #000000;
 font-weight: normal;
}
/*popup form css*/

#serpopdiv dt {
	width:60%;
	float:left;
	padding-top:10px;
	font-weight:normal;
}

#serpopdiv dd {
	width:40%;
	float:left;
	padding-top:10px;
}
/*----------------------------------------*/

/*--------------------------------------
	ディスプレイサイズ 450px以下
--------------------------------------*/
@media only screen and (max-width: 460px){

	header .lang ul {
		height:28px;
		font-size:85%;
	}

	header .logo {
		background:none;
	}

	header .logo {
		background:#333333 url("../images/Wolfgang_Reception.jpg") center center / cover no-repeat;
		-webkit-background-size:cover;/*Android4*/
	}

	header .logo_body2 {
		background-color:rgba(71,13,25,0.8);
		width:70%;
		padding-top:20px;
		padding-bottom:20px;
	}

	header .link ul li {
/*		text-align:right;*/
		font-size:80%;
	}

	header .link ul li:first-child {
/*		float:none;*/
	}

	header .link ul li:last-child {
/*		float:none;
		border-top:1px dotted rgba(255,255,255,0.3);*/
	}

	.business h1 {
		font-size:100%;
		padding-bottom:5px;
	}

	.business .wg_img {
		width:100%;
	}

	#business1 .block3 li {
		width:100%;
		float:none;
		padding-bottom:10px;
	}

	#business1 .block3 li:last-child {
		padding-bottom:0;
	}

/*
	#business1 .block3 .disp_pc {
		display:none;
	}

	#business1 .block3 .disp_sp {
		display:block;
	}
*/
	#business2 {
		padding-bottom:30px;
	}

	#business2 h1 {
		font-size:105%;
	}

	#news h1,
	#form h1 {
		padding-bottom:10px;
	}

	#news .box p.text {
		padding-top:10px;
	}

	#form dt {
		width:100%;
		max-width:100%;
		float:none;
	}

	#form dd {
		width:100%;
		max-width:100%;
		float:none;
	}

	.link_news2 p {
		width:22%;
	}

	.footer ul li:nth-of-type(1) {
		font-size:80%;
	}

	.footer ul li:nth-of-type(2) {
		font-size:80%;
	}

	.footer ul li:nth-of-type(3) {
		font-size:70%;
	}

	.singapore p:nth-of-type(2) {
		margin-top:-72px;
		padding:20px 0;
		font-size:110%;
	}
	
	#applicationform dt {
	width:90%;
	float:left;
	padding-top:10px;
	padding-left:10px;
	font-weight:bold;
    }
    
    #applicationform dd {
	width:90%;
	float:left;
	padding-top:10px;
    padding-left:10px;
	padding-right:10px;
   }
}

/*--------------------------------------
	ディスプレイサイズ 767px以上
--------------------------------------*/
@media only screen and (min-width: 767px){
	header .logo_body p {
		font-size:140%;
	}

	.business h1 {
		font-size:200%;
	}

	#business1 .block2 .wg_txt span {
		font-size:120%;
	}

	#business1 .block2 .wg_img {
		width:50%;
		float:left;
	}

	#business1 .block2 .wg_img span {
		display:block;
		width:94%;
/*		margin:0 auto;*/
	}

	#business1 .block2 .wg_txt {
		width:50%;
		float:left;
	}

	#store_list ul {
		padding-top:20px;
		width:50%;
		float:left;
	}

	#store_list ul li {
		padding-top:15px;
/*		padding-top:20px;*/
		font-size:160%;
		width:90%;
		margin:0 auto;
	}

	.singapore {
		width:95%;
		margin-top:35px;
	}

	.singapore p:nth-of-type(2) {
		left:0;
		top:50%;
		margin-top:-86px;
		font-size:180%;
	}

	.singapore p:nth-of-type(3) {
		padding-top:20px;
		font-size:160%;
	}

	#news .box {
		margin-bottom:25px;
	}

	#news .box .left {
		width:30%;
		max-width:200px;
		float:left;
	}

	#news .box p.date,
	#news .details p.date {
		width:50%;
		max-width:100px;
		float:left;
	}

	#news .box p.icon,
	#news .details p.icon {
		width:50%;
		max-width:100px;
		float:left;
	}

	#news .box p.text {
		width:70%;
		max-width:960px;
		float:left;
	}

	#news .box p.text a {
		color:#333333;
	}

	.footer h2 {
		width:15%;
	}

	.footer ul {
		width:98%;
		margin:0 auto;
	}

	.footer ul li {
/*		width:33.33333% ;
		width:-webkit-calc(100% / 3) ;
		width:calc(100% / 3) ;
*/
	}

	.footer ul li:nth-of-type(1) {
		width:25%;
		text-align:left;
		float:left;
	}

	.footer ul li:nth-of-type(2) {
		width:25%;
		border-top:0;
		text-align:right;
		float:right;
	}

	.footer ul li:nth-of-type(3) {
/*
		width:33.33333% ;
		width:-webkit-calc(100% / 3) ;
		width:calc(100% / 3) ;
*/
		width:50%;
		text-align:center;
		float:left;
		background-color:#ffffff;
		color:#480a17;
		font-weight:bold;
		padding-top:6px;
	}

}