@charset "UTF-8";

/* 共通部分
------------------------------- */
html {
    font-size: 100%;
}

img {
    max-width: 100%;
}

body {
 background-color: #f8f4e6;
}

a.

/* 構造
------------------------------- */
div.wrapper {
 width: 100%;
 min-height: 100vh;
 padding-bottom: 50px;
 box-sizing: border-box;
}

div.footerWrap {
 hight: 60px;
 width: 100%;
 background-color: #d3d3d3;
 bottom: 0;
 position: fxed;
}

div.title {
 width: 90%;
 margin-left: 5%;
 margin-right: 5%;
 margin-top: 10px;
 margin-bottom: 30px;
}

div.FormWrapper {
  width: 80%;
  margin-left:10%;
  margin-right: 10%;
}




/* パンくずリスト
------------------------------- */
div.breadcrumb {
 width: 80%;
 max-width: 800px;
 min-width: 400px;
 margin: 0 auto;
 margin-top: 20px;
}


.breadcrumb {
 margin: 0;
 padding: 0;
 list-style: none;
}

.breadcrumb li {
 position: relative;
 display: inline-block;/*横に並ぶように*/
 list-style: none;
 font-weight: bold;/*太字*/
 margin-right: 0.8em;
}
.breadcrumb li:after {/*三角の部分*/
 content: "";
 position: absolute;
 top: 0;
 left: 100%;
 border-style: solid;
 border-color: transparent;
 border-left-color: #aedfc6;/*背景色*/
 border-width: 14px 12px;
 width: 0;
 height: 0;
}

.breadcrumb li a {
 display: inline-block;
 padding: 0 3px 0 7px;
 height: 28px;
 line-height: 28px;
 text-decoration: none;
 color: #747772;
 background: #aedfc6;/*背景色*/
 font-size: 75%;
}

.breadcrumb li a:hover {
 color: #FFF;
}





/* メインメニュー
------------------------------- */
.page-title{
 font-family: 'Hachi Maru Pop', cursive;
}

div.container {
 display: flex;
 justify-content: center;
}

div.item {
 font-weight: bold;
 text-align: center;
 background: #a58f86;
 width: 100px;
 hieght: 30px;
 border-radius: 5px;
 padding: 5px 5px;
 margin: 10px 10px;
 box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .5);
}

div.item:hover {
 box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .5);
 }

a.item:link {
 color: #000000; 
 }
a.item:visited {
 color: #000000;
 }
a.item:hover {
 color: #432f2f;
 }
a.item:active {
 color: #432f2f;
 }





/* タイトル・説明文
------------------------------- */
p.title {
 font-weight: bold;
 color: #000000;
 text-align:center;
}

div.textbox1 {
 width: 100%;
 max-width: 800px;
 margin: 0 auto;
}

p.textbox3 {
 text-align: center;
 color: #000000;
 font-weight: bold;
} 

p.text {
 text-indent: 1em;
}

p.text2 {
 font-size: 90%;
 text-indent: 1em;
}




/* 処理欄
------------------------------- */
.MainContainer {
 display: flex;
 max-width: 1000px;
 margin: 10px auto;
}

.DataInputWrap {
 display:flex;
 flex-flow: column;
 padding: 10px;
}

.DataInputTitle {
 background: #333333;
 margin: 0 0 5px 0;
}

p.title2 {
 font-weight: bold;
 font-size: 110%;
 color: #ffffff;
 text-align:center;
}

.DataInput {
 min-width: 350px;
 max-width: 450px;
 margin: 0 auto;
 padding: 5px;
 border: 1px solid;
}

.MainItem {
 min-width: 500px;
 margin: 0 auto;
 padding: 10px;
}

td.ResultHead {
 background: #b7efb7;
 width: 49%;
}

td.tablecontent {
 text-align: center;
}

td.arrow {
 min-width: 2em;
 width: 2%;
 text-align: center;
}

p.arrow {
 font-weight: bold;
 font-size: 120%;
}

td.ResultTxt {
 margin: 0 auto;
} 

input.button {
 border: solid 1px #000000;
 border-radius: 1px;
 padding: 2px 10px;
 margin: 2px 5px;
 background: #d3d3d3;
 font-size: 90%;
 font-weight: bold;
 color: #000000;
 box-shadow    : 2px 2px 2px #f5f5f5;
}

input.button_file {
 padding: 2px 10px;
 margin: 2px 5px;
 color: #000000;
 font-size: 90%;
 background-color: #ffffff;
}

textarea.dataTxt {
 border: 1px solid;
 background-color: #ffffff;
 width: 100%;
 height: 50em;
 font-size: 0.5em;
 line-height: 1.1;
 margin: 5px auto; 
 white-space: nowrap; 
}

input.Input10 {
 border: solid 1px #000000;
 border-radius: 1px;
 background-color: #ffffff;
 width: 12em;
 margin: 1px 0 1px 5px;
}

input.Input60D {
 border: solid 1px #000000;
 border-radius: 1px;
 background-color: #ffffff;
 width: 3em;
 margin: 1px 0 1px 5px;
 text-align: right;
}

input.Input60M {
 border: solid 1px #000000;
 border-radius: 1px;
 background-color: #ffffff;
 width: 3em;
 margin: 1px 0 1px 5px;
 text-align: right;
}

input.Input60S {
 border: solid 1px #000000;
 border-radius: 1px;
 background-color: #ffffff;
 width: 5em;
 margin: 1px 0 1px 5px;
 text-align: right;
}

input.Interval {
 border: solid 1px #000000;
 border-radius: 1px;
 background-color: #ffffff;
 width: 5em;
 margin: 1px 0 1px 5px;
 text-align: right;
}

p.Input {
 padding-left: 2em;
}