@charset "utf-8";
/* ******************************************* */
/* Reset & Initialize */
/* ******************************************* */
* {
    margin: 0;
	padding: 0;
    border-width: 0;
    border-style: solid;
    border-color: gainsboro;
    outline-width: 0;
    outline-style: solid;
    outline-color: gainsboro;
    color: darkslategray;
    font: 18px/1.2 -apple-system, BlinkMacSystemFont, "Helvetica Neue", "UD デジタル 教科書体 NK-B", "UD Digi Kyokasho NK-B", "Yu Gothic", YuGothic, Verdana, Meiryo, sans-serif;
    /* 1inch=72pt=96px換算　15pt=20px */
    /* 1inch=72pt=96px換算　13.5pt=18px */
    /* 1inch=72pt=96px換算　12pt=16px */
	text-align: left;
    vertical-align: middle;
}
@media (min-width: 768px) and (min-height: 429px) {
	* {
	    font-size: 22px;
    	/* 1inch=72pt=96px換算　18pt=24px */
    	/* 1inch=72pt=96px換算　16.5pt=22px */
	}
}
/* 上の全指定（ホントはやらないほうがよい）でリセットしたので不要になりました。 */
html,body,section,nav,article,aside,h1,h2,h3,h4,h5,h6,hgroup,header,footer,address
,p,hr,pre,blockquote,ol,ul,li,dl,dt,dd,figure,figcaption,div
,em,strong,small,cite,q,dfn,abbr,time,code,var,samp,kbd,sub,sup,i,b,mark,span
,ins,del
,img,iframe,object,video,audio,canvas
,table,caption,tbody,thead,tfoot,tr,td,th
,form,fieldset,legend,label
,details,summary,menu {
}
/* 初期状態がインライン要素をブロック要素に変更 */
section,nav,article,aside,hgroup,header,footer
,figure,figcaption
,details,menu {
    display: block;
}
hr {
    box-sizing: border-box;
    width: 100%;
    margin: 1em auto 0.5em;
    border-top-style: dashed;
    border-top-width: 1px;
}
blockquote,q {
    quotes: none;
}
blockquote:before,blockquote:after,q:before,q:after {
    content: '';
}
ol,ul,li,dl,dt,dd {
	list-style: none none inside;
}
li {
	text-indent: -18px;
}
mark {
    background-color: yellow;
    font-weight: bold;
    text-decoration: none;
}
ins {
    color: red;
    font-weight: bold;
    text-decoration: none;
}
del {
    color: silver;
    text-decoration: line-through;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
input[type="text"]
,input[type="email"]
,input[type="tel"]
,input[type="password"]
,select
,textarea {
    box-sizing: border-box;
    width: 100%;
    height: 2em;
    /*padding: 0 2px;*/
    padding: 0 0.5em;
    background-color: white;
    /*background-color: ghostwhite;*/
  /* border-width: 0 0 1px 0; */
  /* border-radius: 5px; */
    line-height: 2;
  border-width: 1px 1px 1px 1px;
  border-radius: 3px;
  box-shadow: 2px 2px 5px rgba(0,0,0,0.1);
}
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color: black;
  opacity: 0.1;
  font-size: 0.8em;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: black;
  opacity: 0.1;
  font-size: 0.8em;
}
::placeholder{ /* Others */
  color: black;
  opacity: 0.1;
  font-size: 0.8em;
}
textarea {
	border: 1px solid gainsboro;
	line-height: 1.5;
	height: unset;
}
input[type="submit"] {
	-webkit-appearance: none;
}
a {
	text-underline-position: under;
	text-decoration-line: none;
}
input[type="date"] {
    text-align: center;
	width: 8.5em;
}
input[type=date]::-webkit-calendar-picker-indicator {
}
input[type="time"] {
    text-align: center;
}
input[type=time]::-webkit-calendar-picker-indicator {
    padding: 0;
    margin: 0;
}