@charset "utf-8";
/*////////////////////////////////////////////////////

  ZeroMail

  -org_custom：iframe専用補足用css
  
////////////////////////////////////////////////////*/



/* 基本：
-------------------------------------------- */

body {
	/*background-color: rgba(255,255,255,0);*/
	}


/* 内容部分全体：wrap・container
-------------------------------------------- */

#wrap {
	width: 100%;
	/*height: 100%;*/
	}
#container {
	/*width: 500px;*/
	max-width: 490px;
    margin: 0 auto;
    /*margin: 20px auto;*/
    padding: 20px 0;
   	}

#container h1,
#container h2 {
    display: none;
	}


/* コンテンツ：contents
---------------------------------------------------- */

#contents {
	}


/* 枠：共通パーツ
---------------------------------------------------- */

/* 必須 */
.require {color: #CC0000;}

/* １段階小さい文字 */
.small {font-size:85%;}

/* ボタンの親 */
.button {
	text-align: right;
	}


/* 枠：特殊パーツ（reserve）
---------------------------------------------------- */

#prtTime {
    margin: 0 0 12px;
	}
#prtTime .btnCng {
	text-align: center;
    background: #efefef;
    cursor: pointer;
    color: #7BAD74;
	}
#prtTime h3 {
	text-align: center;
	}
#prtTime p {
	text-align: center;
	}
#prtTime p span {
	font-size: 0.7em;
	}
#prtTime p span.rTime {
	display: block;
	font-size: 3em;
	font-family: 'Merriweather', serif;
    /*background: #efefef;*/
	background: #A4EE98;
    -webkit-border-radius: 6px;
    		border-radius: 6px;
    color: #555555;
    line-height: 1;
    padding-bottom: 6px;
	}


/* 枠：Table（ow）
--------------------------------------------------*/

.zeromail caption {
    margin:10px 0;
    padding:0.5em;
    background-color: transparent;
    color:#3762a8;
    font-weight:bold;
	}


/* 枠：フォーム【基本】cont_form
---------------------------------------------------- */

.secForm {
	position:relative;
	font-size: 0.8em;
	}
.secForm legend {
    display: none;
	}

.secForm p.notice {
	/*text-align: right;*/
	margin-bottom: 10px;
	}
.secForm p.texNotice {
	margin-bottom: 10px;
	font-size: 0.7em;
	}

fieldset {
	margin-bottom: 4px;
	letter-spacing: 1px;
	}

fieldset.f_info {
	/*text-align: right;*/
	/*width: auto;*/
	/*width: 440px;*/
	/*float: right;*/
	}
fieldset.f_info input,
fieldset.f_info select {/*すべてのinput枠*/
	height: 30px;
	/*border: none;*/

	border: 1px solid #d0d0d0;
	border-radius: 4px;
	font-size: 16px;
	/*margin-bottom: 10px;*/
	}
fieldset.f_info input.input {
	padding-left: 6px;
	}

fieldset.f_text {
	width: auto;
	clear: both;
	}
fieldset.f_info textarea#message,
fieldset.f_text textarea#message {
	width: 100%;
	height: 170px;
	/*margin: 6px 0 10px;*/
	margin: 0px;
	padding: 6px 10px;
	/*border: none;*/
	border-color: #ccc;
	line-height: 170%;
	}

fieldset.f_util {
	text-align: right;
	width: auto;
	clear: both;
	}

/* parts：基本 */

.secForm .small {
	/*display: block;*/
	margin-bottom: 6px;
	}
.secForm .siz30 {
	width: 30%;
	}
.secForm .siz50 {
	width: 49%;
	}
.secForm .siz60 {
	width: 60%;
	}
.secForm .siz80 {
	width: 80%;
	}
.secForm .siz100 {
	width: 100%;
	}

.zeromail #timetxt {
	width: 50%;
	}
.zeromail #price {
	margin: 0 0 10px 0;
	}

.inputF {/* input枠： */
    /*display: flex;*/
    max-width: 490px;
   	/*position:relative;*/
	/*margin-bottom: 10px;*/
	margin: 0px auto 10px;
	}
.inputF span.inpTt {/* 「first-child」同 */
	}
.inputF > span:first-child {
	display: block;
    /*display: inline-block;*/
    width: 206px;
   	/*vertical-align: middle;*/
   	/*text-align: right;*/
    position: relative;
    /*top: 6px;*/

    margin-bottom: 4px;
   	}
.inputF > span:first-child:after {
    content: '：';
	}
.inputF span.inpFl {
	/*display: inline-block;*/
	position: relative;
	width: 282px;
	}
.inputF label.label {/* hov label */
	color: #999;
	position:absolute; top: 8px; left: 6px;
	}

.inputF.cb {/* copy_block */
	padding: 10px 0px 10px 0px;
	border: 1px solid #D6CBAF;
	}
.inputF.cb > span:first-child {
   	text-align: left;
    position: relative;
    top: 6px;
    left: 10px;
   	}
.inputF.cb label {
	width: 100px;
    display: inline-block;
	}

.inputF.wide {/* wide */
    display: block;
	}
.inputF.wide span:first-child {
    display: block;
    width: auto;
   	text-align: left;
    position: static;
    /*margin-bottom: 10px;*/
    margin-bottom: 4px;
   	}
.inputF.wide span.inpTt {
	/*margin: 0 0 4px;*/
	}

/* orderInfo */

.orderInfo {
	display: block !important;
	margin: 0 0 10px 0;
	padding: 0 0 6px 0;
	border-bottom: 1px solid #D6CBAF;
	}
.orderInfo input {
	margin: 0 0 10px 0;
	/*padding: 0 0 10px 0;*/
	}
.orderInfo > span {
	display: block;
	}
.buttUtil {
	/*display: block;
	margin: 6px 0 0 0;
	padding: 10px 0 0 0;
	border-top: 1px solid #D6CBAF;*/
	}


/* 枠：フォーム【確認】：cont_form-check
---------------------------------------------------- */	
	
#cont_form-check {
	width: 480px;
	margin: 0 auto 200px;
	}
	
#confirm {
	margin-bottom: 8px;
	padding-bottom: 20px;
	border-bottom: 1px solid #999;
	}
	
/*---- 枠：フォーム ----*/

fieldset.f_check {
	line-height: 170%;
	}
fieldset.f_check p {
	position:relative;
	margin-bottom: 6px;
	}
fieldset.f_check em.label {
	width: 150px;
	text-align: right;
	/*position: absolute; top: 0; left: -154px;*/
	}
fieldset.f_check em.label:after {
	content: '：';
	}
fieldset.f_check dl dd{
	margin-bottom: 10px;
	}

/*---- 枠：copyright ----*/

.wtn_copyright {
	clear: both;
    margin-top: 24px;
    font-size: 10px;
	text-align: right;
}
.wtn_copyright a{
    color: #B4A681;
	text-decoration: none;
}


/* 枠：フォーム【エラー】cont_form-error
---------------------------------------------------- */	
	
div#cont_form-error {
	width: 480px;
	margin: 0 auto;
	}
	

/* 枠：フォーム【完了】cont_form-comp
---------------------------------------------------- */	
	
div#cont_form-comp {
	width: 480px;
	margin: 0 auto 200px;
	}
div#completion p {
	text-align: center;
	}
div#completion p.success {
	display: block;
	/*margin: 1.5em 0px;
	padding: 1.5em 0;*/
	margin: 4em 0px 5.5em;
	padding: 5.5em 0;
	letter-spacing: 2px;
	}
div#completion p.button {
	}
	

/* 枠：Button
--------------------------------------------------*/

.secForm .button {
    /*text-align:center;*/
    margin-top:20px;
	}

.secForm .button button {
	}

/*.secForm button[type],
.secForm button[id] {*/
.secForm button#submit,
.secForm button#myreset {
    margin:0 5px;
	padding:0 5px;
    /*border: none;*/
    line-height:1.4;
    cursor:pointer;
	width: 198px;
	height: 40px;
	background: url(../../bottle/img/button_form.png) no-repeat;
	}
.secForm button#myreset {
	/*display: none;*/
	}
.secForm button.ui-datepicker-trigger {
    
	}

.secForm button[type]:hover,
.secForm button[id]:hover{
	/*color: #FBECB8;
	background-position: 0px -40px;*/
	}
.secForm button[id=submit] {
	color: #BDA972;
	font-size: 12px;
	letter-spacing: 1px;
	}
.secForm button[id=submit]:hover {
	color: #FBECB8;
	background-position: 0px -40px;
	}

.secForm button[id=myreset],
.secForm button[id=close]{
	color: #BDA972;
	font-size: 13px;
	letter-spacing: 1px;
	}


/* 枠：メッセージ表示
---------------------------------------------------- */	
	
.secForm strong.error {/*入力エラー*/
	display: inline;
	padding: 0;
	margin: 0;
	border: 0;
	background: none;
    color: #A82B2B;
	}

.message {/* Message()のメッセージ */
	text-align: center;
	letter-spacing: 1px;
	}

.secForm span.error{/*エラー*/
	display: block;
	margin: 0em 0px 1.5em;
	padding: 1.5em 0;
	background-color: #f7a499;
	border: solid 1px #e16c48;
	text-align: center;
	color: #181710;
	}

.secForm span.confirm{/*エラーなし*/
	display: block;
	color: #339933;
	border: 1px solid #F0E0A9;
	/*border-color: #FFF;*/
	background-color: #FFF;
	margin: 0em 0px 1.5em ;
	padding: 10px;
	}

/* fx：dispNone */

html .dispNone {
    display: none;
	}


/*@media screen and (max-width: 640px) {  ヨコ640px以下 */ 

/*.inputF.cb {
    max-width: initial;
    padding: 10px 10px 10px;
	}
*/
/*}*/


/*@media screen and (max-width: 380px) {*/ /* 380px */ 
/*@media screen and (max-width: 536px) {*/ /* 536px */ 
/*@media screen and (max-width: 489px) {*/ /* 489px */ 
@media screen and (max-width: 640px) { /* 640px */


/* 枠：特殊パーツ（reserve）
---------------------------------------------------- */

#prtTime {
	}
#prtTime .btnCng {
	text-align: center;
	padding: 4px 0;
	}


/* 枠：フォーム【基本】cont_form
---------------------------------------------------- */

fieldset.f_info input {
	font-size: 16px;
	}
fieldset.f_info textarea#message {
	font-size: 16px;
	}

/* parts：基本 */

.inputF {
     display: block; 
	}
.inputF span.inpTt {/* 「first-child」同 */
	}
.inputF > span:first-child {
    display: block; 
    /*width: 206px;*/
    width: auto;
    /* vertical-align: middle; */
    text-align: left;
    position: relative;
    /*top: 6px;*/
    top: 0px;
	}

.inputF.cb {
    max-width: initial;
    padding: 10px 10px 10px;
	}
.inputF.cb > span:first-child {
    position: relative;
    top: 0px;
    left: 0px;
    margin-bottom: 10px;
	}
.inputF.wide span:first-child {
    text-align: left;
	}

.inputF label.label {
    top: -2px;
	}

fieldset.f_info {
    text-align: left;
    width: 100%;
    float: none;
	}
fieldset.f_info input.input {
    width: 100%;
	}

p.input {
    margin-bottom: 6px;
	}
p.input span.title {
	display: block;
	}
p.input label.label {
    top: 26px;
    left: 6px;
	}
	

/* 枠：Button
--------------------------------------------------*/

.secForm .button {
    /*text-align:center;*/
    margin-top:20px;
	}

/*.secForm button[type],
.secForm button[id] {*/
.secForm button#submit,
.secForm button#myreset {
    margin: 0;
	padding: 0 5px;
    /*border: none;*/
    line-height: 1.4;
    cursor: pointer;
	width: 100%;
	height: 40px;
	background: url(../../bottle/img/button_form.png) no-repeat;
	}

}