/*共通CSS*/
*{
 box-sizing: border-box;
}
@font-face {
 font-family: 'MyFont';
 src: url('../font/umeboshi.eot');
 src: url('../font/umeboshi.eot?#iefix') format('embedded-opentype'),
  url('../font/umeboshi.woff') format('woff'),
  url('../font/umeboshi.ttf') format('truetype'),
  url('../font/umeboshi.otf') format('opentype');
 font-weight: normal;
 font-style: normal;
 font-display: swap;
}
/*共通CSS*/
body{
 font-family: 'MyFont';
 font-size: 115%;
 text-align: center;
 margin: 0;
 padding: 0;
 height: 100%;
 min-height: 100vh;
 display: flex;
 flex-direction: column;
 background-color: antiquewhite;
 overflow: hidden;
 overflow-y: scroll;
}
.body_box{
 width: 100%;
 margin: 0 auto;
 padding: 0;
 overflow-x: hidden;
}
ul{
 padding: 0;
}
li{
 list-style: none;
}
input,
select,
textarea,
input[type="date"],
input[type="time"]{
 width: 90%;
 -webkit-font-size: 115%;
 -moz-font-size: 115%;
 -ms-font-size: 115%;
 -o-font-size: 115%;
 font-size: 115%;
 border-radius: 15px;
 font-family: 'Myfont';
 -webkit-outline: none;
 -moz-outline: none;
 -ms-outline: none;
 -o-outline: none;
 outline: none;
 -webkit-border: none;
 -moz-border: none;
 -ms-border: none;
 -o-border: none;
 border: none;
 padding: 20px 10px;
 background-color: whitesmoke;
}
select{
 padding: 8px 10px;
 font-size: 135%;
}
input:disabled{
 background-color: silver;
 color: gray;
}
input:focus,
select:focus,
textarea:focus{
 background-color: snow;
 outline: none;
}
.button{
 width: 75%;
 font-size: 138%;
 background-color: black;
 color: white;
 margin: 15px auto;
 padding: 18px 15px;
 cursor: pointer;
}
.page_field{
 padding: 0;
 margin: 0 auto;
 width: 100%;
 height: 100%;
 display: flex;
 box-sizing: border-box; 
 flex-direction: column;
 overflow-x: hidden;
}
/*モーダルウィンドウ*/
.modal{
 display: none;
 position: fixed;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 overflow: auto;
 background-color: rgba(0,0,0,0.4);
 z-index: 999;
}
/*モーダル - 閉じる*/
.close{
 position: fixed;
 right: 10px;
 top: 10px;
 font-size: 280%;
 z-index: 999999;
}
/*スクロール禁止*/
.no-scroll{
 overflow: hidden;
}
/*ポップアップ*/
.popup{
 position: fixed;
 top: 50%;
 left: 50%;
 width: 80%;
 transform: translate(-50%, -30%);
 background-color: whitesmoke;
 padding: 20px;
 border-radius: 10px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
 font-size: 135%;
 z-index: 99999;
}
/*パンくずリスト*/
.PanList{
 text-align: right;
 font-size: 70%;
 margin-top: 20px;
}
.PanList ul{
 padding: 0;
}
.PanList li{
 position: relative;
 display: inline-block;
 margin: 0 10px;
}
.PanList li::after{
 position: absolute;
 padding: 0 10px;
 content: '>';
}
/*お問い合わせ*/
.contact_field{
 margin: 50px auto 20px;
}
.contact_field p{
 margin: 8px auto;
 font-size: 75%;
}
.contact_tel{
 color: tomato;
 font-size: 285%;
 cursor: pointer;
}
.Contact_Open{
 background-color: royalblue;
 font-size: 185%;
 width: 90%;
}
/*エラー*/
.err{
 color: tomato;
}
/*↓ レスポンシブ*/
@media screen and (min-width: 520px) {
 body {
  font-size: 14px;
 }
 .body_box{
  width: 480px;
 }
}
@media screen and (min-width: 960px) {
 
}