/*responsive*/
body{
	background-color: #ede8e4;
}

h5{line-height: 25px;}

input:focus{outline: none;}

a{
	color: #000;
	text-decoration: none;
}

a:hover	{
	text-decoration: underline;
	color: #e38d13;
}

img {
	height: auto;
	max-width: 100%;
}

.row{
	margin: 0;
}

.rwd-break{display: none;}

a.pTop {
	color: #fff;
	margin-right: 20px;
}

a:hover .pTop {color: #000;}

.btn-warning:hover, .btn-warning:focus {
	background-color: #eb9316 !important;
	background-position: 0 -15px;
}

.btn.disabled{
	opacity: 1;
}

.btn:focus{
	outline: none;
	outline-offset: 0;
}

input.btn,
input.btn:hover{
	background:none;
}

input.btn{
	opacity: 0.9 !important;
}

input.btn:hover{
	border-color: #e38d13;
	opacity: 1 !important;
}

input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block {
width: 100%;
padding: 10px;
font-size: 16px;
margin: 0;
border: 1px solid transparent;
background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #eb9316 100%); 
background-image: -o-linear-gradient(top, #f0ad4e 0%, #eb9316 100%);
background-image: -webkit-gradient(linear, left top, left bottom, from(#f0ad4e), to(#eb9316)); 
background-image: linear-gradient(to bottom, #f0ad4e 0%, #eb9316 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffeb9316', GradientType=0);
filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
background-repeat: repeat-x; 
border-color: #e38d13; 
}

.margin{
	margin-top: 10px;
	margin-bottom: 10px;
}

.headerLogo img{
	height: auto;
}

.table-responsive th.cw{
	width: 64px;
	padding: 12px 15px 12px 15px;
}

.table-responsive table td{
	padding: 12px 15px 12px 15px !important;
}

.table-responsive .table > tbody > tr > th{
	padding: 15px 8px 8px 8px;
}

.inputShort{
	width: 70%;
}

.inputLong{
	width: 90%;
}

.m-10{
	margin-bottom: 10px;
}

.m-20{
	margin-bottom: 20px;
}

.padding-0{padding: 0;}

.f-16{
	font-size: 16px;
	font-size: 1.6rem;
}


.table-responsive .form-group {
  margin-bottom: 0px !important;
}

.table-responsive .form-control{
	margin-bottom: 5px;
	border-radius:0px;
}

.form-horizontal{
	margin: 0 20px;
}

.logo{display: none;}
#logo-right{margin-right: 20px;}
#logo-left{margin-left: 20px;}

.sTekki-bannerInput, .sTekki-bannerConfirm, .sTekki-bannerThx, .toiawase{display: none;}

.text-left {text-align: left !important;}


#marginCopyright{margin-left: 10px;}

.container{
background-color: #FFFFFF;
display: block;
margin: 0px auto;
padding: 0px;
height: auto;
max-width: 870px;
border-right-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-left-color: #CCCCCC;

}

table.form_tbl{margin: 0;}

.table-responsive{
	width: 80%;
	margin: 0 auto;
	border: none;
}

.table-bordered,
.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td{
  border:none;
 
}

.table > thead > tr > th, .table > tbody > tr > th{
	 border-top: 1px solid #917049 !important;

}

.table-responsive th{
  margin: 0;
  padding: 10px 15px 10px 15px;
  width: 195px;
  text-align: left;
  font-weight: normal;
  background: #fff0b3;
  border-right: 1px solid #917049 !important;
  border-bottom: 1px solid #917049 !important;
  border-left: 1px solid #917049 !important;
}

.table-responsive label{
	font-weight: normal;
}

.table-responsive td{
  border: 1px solid #917049 !important;
 
}

/*.table-responsive textarea{
	width: 100%;
}
*/
input[type="submit"].btn-block{
	font-size: 20px;
}


/*footer*/
.footer{
color: #fff;
text-align: center;
padding: 10px 0;
margin-top: 95px;
border-top: 1px solid #e5e5e5;
background-color: #e38d13;

}

.footer .container{
	border: 0;
	background-color: #e38d13;
	max-width: 100%;
	padding: 0px;

}

.footer#conf{
	margin-top: 85px;
	clear: both;
}

#fcopy{
	font-size: 12px;
	line-height: 23px;
	text-align: right;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 23px;
	max-width: 870px;
	/* background-image: url(../parts/copy.gif); */
	background-color: #e38d13;
	background-repeat: no-repeat;
}

#fcopy a{
	color: #FFFFFF;
	text-decoration: none;
	padding-right: 10px;
}


@media screen and (max-width: 992px){
	.table-responsive{
		width: 90%;
	}

	.bg-gray{
		width: 99%;
	}

}

@media screen and (max-width: 767px){
	.footer{margin-top: 50px;}


	.footer#conf{
		margin-top: 35px;
	}

	.table-responsive{
		width: 100%;
	}

	.table-responsive > .table {
  		margin-bottom: 20px !important;
	}
}

@media screen and (max-width: 730px){
	.bg-gray{
		width: 100%;
	}
}

@media screen and (max-width: 710px){
	select.linked{
		width: 100%;
	}

	.col_left,.col_right{
		width: 100%;
	}

	.inputShort, .inputLong{
		width: 100%;
	}

	#ages .radio input[type="radio"]{
		margin-left: 0;
		position: relative;
	}

	#ages label{
		max-width: 100% !important;
		width: 100%;
	}

	.radio-gp{
		border-bottom: 1px solid #ddd;
		padding: 5px;
		display: block !important;
	}

	.radio-gp label{
		max-width: 50% !important;
	}

	.radio-gp input{
		width: 20% !important;
	}

	.table > tbody > tr th,
	.table > tbody > tr td {
        display: inline-block;
        width: 100%
    }
    
    .table > tbody > tr th input,
    .table > tbody > tr td input {
        width: 100%
    }

    .table > tbody > tr td input[type="checkbox"]{
		width: auto;
	}

	.navi_bar_inp{
		width: 100%;
		height:74px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavInputm.png) no-repeat;
		background-position:center;
		background-size:100%;
	}

	.navi_bar_conf{
		width: 100%;
		height:74px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavConfirmm.png) no-repeat;
		background-position:center;
		background-size:100%;
	}

	.navi_bar_thx{
		width: 100%;
		height:74px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavThxm.png) no-repeat;
		background-position:center;
		background-size:100%;

	}

	#logo-left, #logo-right{display: none;}

	.logo{display: block;}
	.logo img{width: 710px;}

	.tekki-banner{
		display: none;
	}

	.toiawase{
		display: block;
		background:url(../img/smartphone/form_toiawase.png) no-repeat;
		width: 100%;
		height: 68px;
		background-position: center;

	}
	
	.kinyu{display: none;}

	.sTekki-bannerInput{
		display: block;
		background:url(../img/smartphone/sTekki-inputpage.png) no-repeat;
		width: 100%;
		height: 150px;
		background-position: center;
	}

	.sTekki-bannerConfirm{
		display: block;
		background:url(../img/smartphone/sTekki-confirmpage.png) no-repeat;
		width: 100%;
		height: 150px;
		background-position: center;
	
	}

	.sTekki-bannerThx{
		display: block;
		background:url(../img/smartphone/sTekki-thxpage.png) no-repeat;
		width: 100%;
		height: 150px;
		background-position: center;
		
	}

	input.form_back_btn_both {
	margin: 20px 0 20px 0px;
	/*margin: 30px 0 15px 30px;*/
	padding: 0;
	width: 130px;
	height: 70px;
	border: none;
	background: url(../img/smartphone/sform_back_btn_both.png) no-repeat;
	display: block;
	cursor: pointer;
	background-size: 100%;
	}

	

	input.form_send_btn{
	margin: 20px 0 20px 10px;
	/*margin: 30px 0 15px 30px;*/
	padding: 0;
	width: 130px;
	height: 70px;
	border: none;
	background: url(../img/smartphone/sform_send_btn_both.png) no-repeat;
	display: block;
	cursor: pointer;
	background-size: 100%;

	}

	.table-responsive th.cw {
  		width: 100%;
  	}
}


@media screen and (max-width: 465px){
	.rwd-break{display: block;}
}

@media screen and (max-width: 380px){

	
	.f-16{
		font-size: 14px !important;
		font-size: 1.4rem !important;
	}

	.f-12{
		font-size: 12px;
		font-size: 1.2rem;
	}
}

@media screen and (max-width: 340px){
	.navi_bar_inp{
		width: 100%;
		height:36px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavInput.png) no-repeat;
		background-position:center;
		background-size:100%;
	}

	.navi_bar_conf{
		width: 100%;
		height:36px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavConfirm.png) no-repeat;
		background-position:center;
		background-size:100%;
	}

	.navi_bar_thx{
		width: 100%;
		height:36px;
		display:block;
		border:none;
		background:url(../img/smartphone/sNavThx.png) no-repeat;
		background-position:center;
		background-size:100%;

	}

}