@import url('https://fonts.googleapis.com/css?family=Noto+Serif+JP|Quicksand&display=swap');

@font-face {
    font-family: 'はんなり明朝';
    font-display: swap;
    src: url('https://cdn.leafscape.be/hannari/hannari_web.woff2') format("woff2");
}

.width2{
  width: 600px;
  margin: 0px auto;}

.text2{
font-size: 14px;
font-family: 'Noto Serif JP', serif;
color:#000;
line-height: 30px;
border:1px solid #dbdddb;
background-color:#fff;
margin:5px 10px 5px;
padding:10px 20px;
}

#all{
text-align:left;
margin:15px 0 0 5px;
}

.menu{
 font-size:50pt;
 background:#fff;
 opacity: 0.8;
 margin:10px 0px;
 padding:3px;
 text-align:center;}

.main2{
 font-size:10pt;
 margin:0px 20px 20px;}

.midashi{
 text-align:center;
 font-size:20px;
 font-weight:bold;
 color: #2a4073;
 background:#fff;
 padding: 3px 10px;
 margin: 0px;
 position:relative;
 bottom:18px;}

.link{
 color: #b88884;}

.linkhover{
 color: #e3acae;
 letter-spacing: 6px;}

body{
 background:#fff;
 <!--font-family:'Hiragino Maru Gothic ProN','Hiragino Maru Gothic Pro',meiryo;-->
 <!--font-family:メイリオ;-->
  font-size: 12px;
 color: #000;
 letter-spacing: 1.4px;
 line-height: 150%; }

h1{
 font-size:30px;
 color:#2a4073;
 margin: 20px 5px 5px;}

h2{
 font-size:15px;
 color: #9e3d3f;
 margin: 10px 0px 5px;}

hr{
 margin:30px 10px 5px;
 border:0;
 border-top:double 3px #2a4073;}

a{
 text-decoration: none;
 color: #b88884;}

a:hover,active{
 text-decoration: none;
 color: #e3acae;
 position:relative;
 top:1px;}

input[type],textarea{
 letter-spacing: 1.4px;
 font-size: 12px;
 font-family:Comfortaa,STHeitiJ-Light,'Microsoft YaHei',gulim,メイリオ,sans-serif;
 background: none;
 border: solid 1px #000;
 border-radius: 3px;
 margin: 5px 0px 2px;
 padding: 2px 5px;
 color: #000;}

input[type=text]{
 width: 150px;
 height: 20px;}

input[type=submit]{
 width: auto;
 height: auto;
 font-weight:normal;
 margin: 2px 0px;
 padding: 3px 10px;
 color: #000;}

textarea{
 width: 80%;
 height: 50px;
 scrollbar-arrow-color: #fff;
 scrollbar-track-color: #fff;}

@media screen and (max-width: 480px){
.width2{
  width: 360px;
  margin: 0px auto;}

.text2{
margin:5px 10px 5px;
padding:10px 10px;}
}
