@charset "UTF-8";

@import url('https://fonts.googleapis.com/css?family=Inconsolata');

@font-face
{
font-family: IPAex明朝;
src: url('https://cdn.leafscape.be/IPAexfont/ipaexm_web.woff2')
     format("woff2");
}
/*-------------------------------------------------
このフォントはIPAフォントライセンスv1.0の下で提供されています。
 
http://ipafont.ipa.go.jp/ipa_font_license_v1.html
 
-------------------------------------------------*/

body {
    background: #fff;
    color: #333;
    font-size: 13px;
    font-family: "IPAex明朝", 'Inconsolata', 'Noto Serif JP';
    line-height: 200%;
    letter-spacing: 2px;
}

a {
    color: #555;
    background: url("../img/01.png");
    text-decoration: none;
}

a:hover, active {
    background: none;
}

h1 {
    font-weight: 200;
}

h2 {
    color: #333;
    margin: 30px 0 5px;
    padding: 0;
    font-size: 12px;
    border-bottom: solid 3px #fff;
    position: relative;
}

h3 {
    display: inline-block;
    color: #555;
    background: url("../img/01.png");
    padding: 2px 15px;
    margin-bottom: 25px;
}


.form{
  display: flex;
  justify-content: left;
  margin-bottom: 2rem;
}


input[type="text"],input[type="radio"],input[type="button"],input[type="reset"],input[type="submit"],select,textarea{
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
background: url("../img/01.png");
border-radius: 0;
color: #333;
border: none;
height:2.0em;
width: 6em;
margin: 0 1em 0 0;
padding: 2px 5px 1px;
line-height: normal;
}

input:focus, textarea:focus{
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
background: #FFF;
border-radius: 0;

}

button{
-webkit-appearance: none;
-moz-appearance: none;
-webkit-box-shadow: none;
appearance: none;
box-shadow: none;
border-radius: 0;
height: 2.4em;
width: 5em;
padding: 2px 5px 1px;
line-height: normal;
border:1px #777  solid;
background-color: transparent;
color: #333;
cursor: pointer;
transition: 0.2s;
padding: 0px 10px;
line-height: normal;
}

/* ◎ボタンのホバー　★background-color: #◯;部分を変更 */
button:hover{
background-color: #f8fbf8;
border:1px #777  solid;
color: #333;

}

/*
.form [type] {
    font-size: 12px;
    color: #333;
    background: url("../ing/01.png");
    padding: 2px 8px;
    margin:0 3px;
    border: none;
    width: 60px;
    line-height: 180%;
    letter-spacing: 2px;
    height: auto;
        -webkit-appearance: none;
    box-shadow: none;
    text-shadow: none;
}

.form [type=submit] {
    width: 60px;
    color: #777;
    background: #fff;
    border: solid 1px #777;
    border-radius: 3px;
    cursor: pointer;
}
*/

ul,ol {
    list-style: none;
}
.listYoko {
    display: flex;
     flex-wrap: wrap;
}
.listYoko li {

    margin-right: 1em;
}

.wrp {
    max-width: 700px;
    margin: 50px auto 20px;
    padding: 0 40px;
}

.wrp a{
    padding: 2px 5px;
    margin: 3px;
}

.wrp p{
    display: inline-block;
    margin: 0 10px;
    padding: 0 10px;
    border-left: double 3px #ccc;
    line-height: 150%;
}


.top {
    margin: 20px 5px 10px;
    padding: 10px;
    background: #f8fbf8;
    border: solid 1px #f3f3f2;
}

.top a {
    background: none;
    border-bottom: solid 1px #ccc;
}

.top a:hover {
    border: none;
}

.pg {
    text-align: right;
}

.pg a {
    padding: 2px 5px;
    margin: 0 5px;
}

.pageWrap {
    padding: 0px 20px;
}

}