@charset "utf-8";
/*
Theme Name:     ウエノ乳販株式会社
Theme URI:      http://www.ueno-nyuhan.com/
Description:    Twenty Fourteen theme の子テーマ
Author:         株式会社東京ドアーズ
Author URI:     http://www.tokyodoors.co.jp/
Template:       twentyfourteen
Version:        0.1.0
*/

/* ===========  1.レイアウト（PC,SP共通） =========== */


/*フォーム*/

#pageTitle {
	background: #f6f6f6 url(../../application/images/bg_title.jpg) right top no-repeat;
}

.required { 
	font-size: 0.857%;
	color: #ffffff;
	background-color:#FF0000;
	padding: 1px 3px 1px 3px;
}

.requiredPosition {
	vertical-align: center;
}

#box01-1 {
	width: 660px;
}

.red {
	color: #FF0000;
}

.caution {
	color: #FF0000;
	font-weight: bold;
	text-decoration: underline;
}

#stepBar {
	width: 660px;
	margin: 50px auto 0 auto;
}

.formTable {
	width: 660px;
	margin-top: 30px;
	border-collapse: collapse;
}


.tbLeft {
	width: 210px;
	font-size: 100%; 
	font-weight: bold;
	border-left: solid 1px #c9caca;
	border-bottom: solid 1px #c9caca;
	background-color: #ebf7fc;
	padding: 15px 10px 15px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tbRight {
	width: 450px;
	font-size: 92.8%;
	font-weight: normal; 
	border-right: solid 1px #c9caca;
	border-bottom: solid 1px #c9caca;
	padding: 15px 15px 15px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tbLeft01 {
	width: 210px;
	font-size: 100%; 
	font-weight: bold;
	border-top: solid 1px #c9caca;
	border-left: solid 1px #c9caca;
	border-bottom: solid 1px #c9caca;
	background-color: #ebf7fc;
	padding: 15px 0 15px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tbRight01 {
	width: 450px;
	font-size: 92.8%;
	font-weight: normal;
	border-top: solid 1px #c9caca; 
	border-right: solid 1px #c9caca;
	border-bottom: solid 1px #c9caca;
	padding: 15px 15px 15px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.adBold {
	font-weight: bold;
}

.tbLeft_address01 {
	width: 210px;
	font-size: 100%; 
	font-weight: normal;
	border-left: solid 1px #c9caca;
	background-color: #ebf7fc;
	padding: 15px 15px 15px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: right;
}

.tbLeft_address03 {
	width: 210px;
	font-size: 100%; 
	font-weight: normal;
	border-left: solid 1px #c9caca;
	background-color: #ebf7fc;
	padding: 15px 15px 15px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: left;
}

.tbRight_address01 {
	width: 450px;
	font-size: 92.8%;
	font-weight: normal; 
	border-right: solid 1px #c9caca;
	border-bottom: solid 1px #c9caca;
	padding: 15px 15px 15px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}


.tbLeft_address02 {
	width: 210px;
	font-size: 100%; 
	font-weight: bold;
	border-left: solid 1px #c9caca;
	background-color: #ebf7fc;
	padding: 15px 15px 15px 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.tbRight_address02 {
	width: 450px;
	font-size: 92.8%;
	font-weight: normal; 
	border-right: solid 1px #c9caca;
	padding: 15px 15px 10px 15px;
	margin-top: 0px;
	margin-bottom: 0px;
}

.textbox01 {
	width: 250px;
}

.textbox02 {
	width: 120px;
}

.textbox03 {
	width: 70px;
}

.inquirybox {
	width: 425px;
}


.sampleDtail {
	font-size: 92.8%;
	padding-left: 12px;
}

.setName {
	font-size: 114.3%;
	font-weight: bold;
}

#consent {
	width: 660px;
	margin-top: 25px;
}

.consent01 {
	width: 635px;
	padding: 10px 15px 5px 15px;
	margin-bottom: 5px;
	background-color: #ebebeb;
}

.consent01 p {
	ling-height: 1.2em;
}


.consentTitle {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.ftNomal {
	font-weight: normal;
}


.arrow {
	background: url(../../application/images/arrow.gif) left center no-repeat;
	padding-left: 10px;
}


.btnBox {
	width: 660px;
	margin-top: 50px;
	padding-bottom: 100px;
	text-align: center;
}


/*内容確認フォーム*/


.backArea {
	width: 325px;
	float: left;
	text-align: right;
	margin: 0;
}

.submitArea {
	width: 325px;
	float: right;
	text-align: left;
	margin: 0;
}

/*送信完了*/

#thanks {
	width: 660px;
	text-align: center;
	margin-top: 70px;
}

#thanks h1{
	border-bottom: solid 3px #00a0e9; 
	padding-bottom: 2px;
}

/*エラーメッセージ*/

.error {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #FF0000;
	padding: 2px 10px;
	margin-bottom: 5px;
}

.error01 {
	font-size: 100%;
	color: #FF0000;
	background-color: #FFD7D7;
	padding: 2px 10px;
	margin-bottom: 5px;
}

/*エラー画面*/

#error {
	width: 660px;
	text-align: center;
}


/* ===========  2.667px以下スマホ縦横 =========== */
@media screen and (max-width: 667px) {


#stepBar {
	width: 100%;
	margin: 20px auto 0 auto;
}

#stepBar p img {
	width: 100%;
	height: auto;
}


h3#pageTitle {
	background-size: auto 60px;
	background: #f6f6f6;
}

.requiredPosition {
	vertical-align: bottom;
	padding-bottom: 1px;
}

.box01-1 {
	width: 100%;
}

table.formTable {
	width: 100%;
	margin-top: 10px;
	padding: 0px;
	border-collapse: none;
}

table.formTable td {
	padding-top: 15px;
	padding-bottom: 15px;
}

.tbLeft {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbRight {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbLeft01 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbRight01 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbLeft_address01 {
	width: 100%;
	display: block;
	text-align: left;
	padding: 5px;
	border: none;
}

.tbRight_address01 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}


.tbLeft_address02 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbRight_address02 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

.tbLeft_address03 {
	width: 100%;
	display: block;
	padding: 5px;
	border: none;
}

#consent {
	width: 100%;
	margin-top: 25px;
}

.consent01 {
	width: 100%;
	padding: 5px;
	margin-bottom: 5px;
	background-color: #ebebeb;*/
}

.consent01 p {
	ling-height: 1.2em;
}


.consentTitle {
	font-size: 100%;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 5px;
}

.btnBox {
	width: 100%;
}

.textbox01 {
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textbox02 {
	width: 50%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.textbox03 {
	width: 30%;
	padding-top: 5px;
	padding-bottom: 5px;
}

.inquirybox {
	width: 100%;
}

/*内容確認フォーム*/


.backArea {
	width: 49%;
	float: left;
	text-align: right;
	margin: 0;
}

.submitArea {
	width: 49%;
	float: right;
	text-align: left;
	margin: 0;
}

.backArea a img {
	width: 100%;
}

.submitArea a img {
	width: 100%;
}

/*送信完了*/

#thanks {
	width: 100%;
	margin-top: 30px;
}

.thanksCopy {
	text-align: left;
}

}

/* ===========  3.スマホ横 =========== */
@media only screen and (max-device-width:667px) and (orientation:landscape) {


.backArea {
	width: 49%;
	float: left;
	text-align: right;
	margin: 0;
}

.submitArea {
	width: 49%;
	float: right;
	text-align: left;
	margin: 0;
}


.backArea a img {
	width: 60%;
}

.submitArea a img {
	width: 60%;
}



}