@charset "utf-8";

/*--------------------------------------
 - スマホ用CSS
 ---------------------------------------*/
@media screen and (max-width: 768px) {





/*container
---------------------------------------------------------------------- */
#container{
}





/*header
---------------------------------------------------------------------- */
#headerCover{
  width:100%;
  height:auto;
  margin:0px 0px 20px 0px;
  padding:0px 0px 0px 0px;
  background:#942d58;
}
  #headerCover #header{
    width:100%;
    height:auto;
    margin:0px auto;
    padding:10px 0px 10px 0px;
  }
    #header p.logo{
      width:96%;
      margin:0px auto 5px;
      text-align:left;
    }
      p.logo img{
        width:50%;
        height:auto;
      }
    #header #headerRead{
      width:86%;
      height:auto;
      margin:0px auto;
      padding:5%;
      background:#fff;
      overflow:hidden;
    }
      #headerRead h1{
        display:block;
        width:100%;
        font-size: 140%;
        font-weight:bold;
        font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
      }
      #headerRead p.date{
        display:block;
        width:100%;
        padding:10px 0px 0px 0px;
        height:auto;
        text-align:right;
        color: #c00;
        font-size: 110%;
        font-weight:bold;
      }



/*contents
---------------------------------------------------------------------- */
#contents{
  width:96%;
  height:auto;
  margin:0px auto 30px auto;
  padding:0px 0px 0px 0px;
}

  #contents p.read{
    padding:0px 0px 20px 0px;
  }
  
  #contents .submit {
    text-align: center;
    width: 180px;
    margin: 20px auto 0;
  }
  
    #contents .submit input {
      width: 180px;
      height: 40px;
      padding: 0;
      border: 1px solid #eee;
      background: #942d58;
      box-sizing: border-box;
      color: #fff;
      font-size: 120%;
      font-weight: bold;
      
      -webkit-border-radius: 0;
      -webkit-appearance: none;
    }
      #contents .submit #retouchBtn {
        background: #999;
        margin: 0 0 20px 0;
      }

/* tableレイアウト 必須CSS *****************************************/
.formLayout table,
.formLayout tbody,
.formLayout tr,
.formLayout th,
.formLayout td{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.formLayout tr{
	border-right:1px solid #A1A1A1;
	border-bottom:1px solid #A1A1A1;
	border-left:1px solid #A1A1A1;
}
.formLayout tr:first-of-type{
	border-top:1px solid #A1A1A1;
}
.formLayout th,
.formLayout td {
	padding:5px;
}
.formLayout table{
	width:100%;
	border-collapse:collapse;
}

.formLayout th{
	background:#F7F7F7;
	font-weight:bold;
	text-align:left;
	vertical-align: middle;
	border-bottom:1px solid #A1A1A1;
}
.formLayout td{
	vertical-align: middle;
}


/* 入力欄別 */
#vl010,
#vl011,
#vl012 {
  width: 60px;
}


/* footer
---------------------------------------------------------------------- */
#footerCover{
  width:100%;
  height:auto;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  background:#942d58;
}
  #footerCover #footer{
    width:100%;
    height:auto;
    margin:0px auto;
  }
    #footer p.copyright{
      text-align:center;
      padding:15px 0px 15px 0px;
      color:#fff;
      font-size:80%;
    }





}
