.charaAni {
  background: url(../img/charaAni.png) no-repeat;
  width: 247px;
  height: 237px;
  animation: smile .8s steps(24) infinite;text-align: center;
}
@keyframes smile {
  to {
    background-position: -5928px 0;
  }
}
/**/
.ng-pristine {background: ivory;}
.ng-dirty {background: lavenderblush;}
.ng-valid {color: mediumseagreen;}
.ng-invalid {color: sienna;}
/**/

body {font-family: "メイリオ",Meiryo, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic,sans-serif;-webkit-text-size-adjust: 100%;font-size: 16px;line-height: 2.8rem;letter-spacing: 0.1rem;height: auto;}
/* link */
a.apo {display: block; padding-top: 70px; margin-top: -70px;}
a {color: black;text-decoration: none;-webkit-transition-timing-function: ease;transition-timing-function: ease;-webkit-transition-duration: 200ms;transition-duration: 200ms;}
a:hover, a:active, a:focus {color: #fbacac;text-decoration: none;}
a img{border: 0px;}
h1,h2,h3,h4 {font-family: "メイリオ",Meiryo, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic,sans-serif;}
ul, ol {list-style: none;clear: both;margin: 0;padding: 0;}
p {font-size: 16px;line-height: 2rem;}
.text-center {text-align: center;}
.attn {background: #eaf0f2;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;padding: 10px;color: #7d898e;display: block;margin: 10px 0;font-size: 14px;}
/* img */
img {border: 0; -ms-interpolation-mode: bicubic; max-width: 100%; height: auto; width :auto;}
/* colors */
.pinkBg {background: #ea3667;}
.purpleBg {background: #dcc0d4;}
.yellowBg {background: #ffeb5a;}
.greenBg {background: #a1d389;}
.grayBlueBg {background: #eaf0f2;}
.skyBg {background: #66cbb9;color: white;}
.whiteBg {background: white;}
.white {color: white;}
.black {color: black!important;}
.skyB {color: #0497be;}
.blackBg {background: black;color: white;}
.brownBg {background: #f2ede4;}
.liruuBg {background: #dfefef;}
.bga {background: rgba(255, 255, 255, 0.8);}
.line01,.line02,.line03 {min-height: 60px;position: relative;}
.line01 {background: url(../img/line01.jpg) no-repeat bottom center;background-size: cover;}
.line02 {background: url(../img/line02.jpg) no-repeat bottom center;background-size: cover;}
.line03 {background: url(../img/line03.jpg) no-repeat bottom center;background-size: cover;}
.line01,.line02,.line03,.otherPosts {border-top: black solid 4px;border-bottom: black solid 4px;}

.ttl {text-align: center;font-size: 25px;line-height: 4rem;padding:50px 0;}
.ttl span, .ttl01 span, .ttl02 span {font-size: 140%;}
.ttl01 {text-align: center;font-size: 20px;color: white;padding: 30px 0 10px;line-height: 3rem;}
.ttl02 {padding: 25px 0;line-height: 3.5rem;font-size: 25px;font-weight: bold;letter-spacing: .2rem;}
.ttl03 {padding: 10px 0;line-height: 2.5rem;font-size: 20px;text-align: center;color: black;font-weight: bold;}
.ttl04 {padding: 5px 0;line-height:2.5rem;font-size: 20px;font-weight: bold;margin: 0;}
.ttl05 {padding: 50px 0 25px;line-height: 3.5rem;font-size: 40px;font-weight: bold;letter-spacing: .2rem;text-align: center;}
.ttl05 i {font-size: 60px;}

.padAll {padding: 30px;}
.padUd {padding: 30px 0;}
.padall10 {padding: 10px;}
.btTop {margin: 20px 0;font-size: 16px;display: inline-block;padding: 10px 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;text-align: center;border: 4px solid white;}
.btTop:hover,.btTop:active,.btTop:focus {box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);color: black;border: 4px solid black;font-size: 18px;}

.btn01 {font-size: 26px;display: inline-block;padding: 30px 0;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;text-align: center;}
.btn02 {font-size: 15px;display: inline-block;padding: 10px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: 100%;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;text-align: right;}

.btn03 {font-size: 16px;display: inline-block;padding: 5px 15px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: auto;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;text-align: center;background: #ffeb5a;border: black 4px solid;color: black!important;}
.btn03:hover, .btn03:active, .btn03:focus {background:#a1d389;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);color: white!important;}

.btn03B {font-size: 18px;display: inline-block;padding: 10px;margin: 25px auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: auto;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;text-align: center;border: 3px solid white;color: white;width: 90%;}
.btn03B:hover, .btn03B:active, .btn03B:focus {background:#66cbb9;color: white;}

.btn03BS {font-size: 18px;display: inline-block;padding: 8px 20px;margin: 25px auto;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: auto;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;text-align: center;background: rgba(255,64,129,0.5);border: black 4px solid;}
.btn03BS:hover, .btn03BS:active, .btn03BS:focus {background:#66cbb9;color: white;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);}

.btn04 {font-size: 14px;display: inline-block;padding: 0 15px;margin-bottom: 10px;-webkit-transition: all 0.3s ease;transition: all 0.3s ease;width: auto;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px;text-align: center;background: #ffeb5a;border: black 4px solid;}
.btn04:hover, .btn04:active, .btn04:focus {background:white;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);}

/* -Yellow- */
.btnY {background: #f5cb30;color: black;}
.btnY:hover, .btnY:active, .btnY:focus {background: #1f4c97;color: white;}
/* -pink- */
.btnP {background: #ea3667;color: white;}
.btnP:hover, .btnP:active, .btnP:focus {background: #66cbb9;color: white;}
/* -Black- */
.btnB {background: black;color: white;}
.btnB:hover, .btnB:active, .btnB:focus {background: #66cbb9;color: black;}
/* -SkyBlue- */
.btnS {background: #66cbb9;color:white;}
.btnS:hover, .btnS:active, .btnS:focus {background: white;color: #66cbb9;}
/* -GrayBlue- */
.btnGB {background: #eaf0f2;}
.btnGB:hover, .btnGB:active, .btnGB:focus {background: white;color: #66cbb9;}
/* -Red- */
.btnG {background: #8bc34a;color: white;}
.btnG:hover, .btnG:active, .btnG:focus {background: rgba(0,168,138,.6);color: white;}

::-moz-selection {background-color: #6ab344;color: #fff;}
::selection {background-color: #6ab344;color: #fff;}

ins {margin: 15px 0;}

.topTtl {width: auto;min-height: 600px;position: relative; background: url(../img/topBg.jpg) no-repeat top center;background-size: cover;border-bottom: 4px solid black;}
.topTtl h1 {margin: 0;padding: 200px 0 100px;}
.topTtl i {font-size: 50px;}
.subTtl {width: auto;min-height: 100px;position: relative; background: url(../img/topBg.jpg) no-repeat top center;background-size: cover;}
.subTtl h1 {margin: 0;padding: 100px 0 10px;}

.topMes div {padding: 35px;}
.noteList div {padding: 20px;}
.noteList div.mdl-card__media {text-align: center;background: white;border: black 3px solid;padding: 0;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.3);}
.noteList div.mdl-card {border: black 4px solid;}
.noteList p {padding: 0;font-size: 14px;}
.noteList i {font-size: 30px;}
.noteList .catg,.airt .catg {font-size: 12px;font-weight: bold;color: #a1d389;text-align: right;line-height:1.2rem;}
.noteList .btn03 {color: white!important;}

footer {background: black;padding-top: 30px;}
footer small {text-align:center;display: block;color: black;}
.footerArea {background: url(../img/topBg.jpg) no-repeat top center #fee600;background-size: cover;padding: 20px;}
.footerArea ul li {}
.footerArea ul li a {float: left;padding: 10px 0;font-size: 16px;background: rgba(255, 255, 255, 0.8);border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px;display: inline-block;font-weight: 700;}
.footerArea ul li a:first-child {clear: both;width: 100%;text-align: center;}

/*パンくず*/
.panNav ol {list-style: none; clear: both;overflow: auto;font-size: 12px;border-top: black 4px solid;border-bottom: black 4px solid;}
.panNav ol li {float: left;padding: 10px 20px;border-right: black 4px solid;background: #dfefef;}
.panNav ol li a,.panNav ol li a.active {color: black;}

.topLevelBg {border: 4px solid black;background:#eaf0f2;padding: 30px;}

.airt h1 {padding: 50px 0 25px;line-height: 3.5rem;font-size: 40px;font-weight: bold;letter-spacing: .2rem;text-align: center;}
.airt h2 {padding: 40px 0 10px;line-height: 2.5rem;font-size: 27px;font-weight: bold;letter-spacing: .2rem;border-bottom: 2px solid black;}
.airt h3 {padding: 15px 0 5px;font-size: 16px;border-bottom: 2px dotted black;}
.airt p {line-height:3rem;letter-spacing: .2rem;}
.airt p a {color: #ea3667;}
.airt p.text-center {margin: 50px 0;}
.airt .t01 {width: 100%;margin: 10px 0;border: 3px solid black;}
.airt .t01 th {background: black;color: white;}
.airt .t01 td {background: #f2ede4;padding: 0 10px;}
.airt .toCont {border: black 3px solid;padding: 15px;background: #dcc0d4;margin-bottom: 15px;}
.airt .toCont strong {display: block;}
.airt .toCont p i {font-size: 30px;}
.airt .toCont img {border:3px solid black;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);}
.airt .toCont a {display:inline-block;padding: 0 10px;font-size: 13px;border: 2px solid black;background: white;margin: 5px 0;}
.airt .toCont a:hover, .airt .toCont a:active, .airt .toCont a:focus {background:white;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);}

.format {border: 3px solid black;padding: 15px;font-weight: bold;font-size: 25px;background: #fee600;margin: 50px 0;line-height: 3rem;letter-spacing: 0.2rem;overflow: auto;}

.result {border: 3px solid black;padding: 15px;margin: 15px 0;}
.result h1 {font-size: 18px;font-weight: bold;padding: 0;border-bottom: 2px dotted black;}
.result tr {background: #eaf0f2;}
.result tr td {padding: 10px;}

.otherPosts {font-size: 13px;line-height: 1.5rem;}
.otherPosts .right {text-align: right;}

.sidebar {background: #eaf0f2;}
.sidebar h4 {font-size: 16px;font-weight: bold;border-bottom: 2px solid black;}
.sidebar .spost {margin: 10px 0;}
.sidebar .spost p {padding:5px 0 0;font-weight: bold;}
.sidebar .spost .catg {padding: 5px 0 0;font-size: 12px;font-weight: bold;color: #a1d389;text-align: right;display: block;line-height:1.2rem;}
.sidebar .spost img {box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);}
.sidebar .spost a {background: white;padding: 10px;display: inline-block;width: 95%;margin-bottom: 10px;}
.sidebar .spost a:hover, .sidebar .spost a:active, .sidebar .spost a:focus {box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.5);color: #8bc34a;}
.sidebar .listOth a,.sidebar .listOth p {padding: 5px;margin: 0;font-size: 14px;}
.sidebar .sCodeList strong {font-size: 20px;display: block;margin-top: 20px;}
.sidebar .sCodeList ul li {border-bottom: 1px dotted black;padding: 10px;}

.noteLists div {padding: 15px;}
.noteLists div h2 {padding: 0;font-size: 16px;font-weight: bold;margin: 0;line-height: 1.8rem;}
.noteLists div.mdl-card__media {text-align: center;background: white;border: black 3px solid;padding: 0;box-shadow: 0px 5px 2px rgba(0, 0, 0, 0.3);}
.noteLists div.mdl-card {border: black 4px solid;}
.noteLists p {padding: 0;font-size: 14px;}
.noteLists i {font-size: 30px;}
.noteLists .catg {font-size: 12px;font-weight: bold;color: #a1d389;text-align: right;margin:0;}

.liruuArea {border-top: 5px solid black;}

table.ts01 th,table.ts01 td {padding: 5px;}
table.ts01 th {background: #eaf0f2;border-right: white 1px solid;color: #848b8e;font-weight: normal;}
table.ts01 td { border-bottom: #eaf0f2 2px solid; border-right: #eaf0f2 1px solid; color: #848b8e;}



.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * { font-size: 20px !important;}
/*change*/
.mdl-layout__header {position: fixed;background: white!important;}
.mdl-layout__drawer {position: fixed !important;background: white;color: black!important;}
.mdl-layout__container {height: auto;}
/*header*/
.mdl-layout__header.is-compact {max-height: 70px !important;}
.searchBox .mdl-textfield__input {color: rgba(0, 0, 0, 0.87);}
.headerArea .mdl-menu__container {z-index: 50;margin: 0 !important;}
.mdl-textfield--expandable {width: auto;}
.mobTtl {display: none !important;}
.headerArea {overflow: visible;background: rgba(255,255,255,.4);height: 70px;border: black 4px solid;}
.headerArea .material-icons {color: black !important;font-weight: 700;}
.headerArea .mdl-layout__drawer-button {background: transparent;color: black;}
.headerArea .mdl-navigation__link {color: black;font-weight: bolder;font-size: 15px;}
.navArea {direction: rtl;-webkit-order: 1;-ms-flex-order: 1;order: 1;width: 500px;transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1),width 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
.navDet {direction: ltr;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;width: 800px;}
.searchBox.is-focused + .navArea {opacity: 0;width: 100px;}
.navDet .mdl-navigation__link {display: inline-block;height: 60px;line-height: 68px;background: transparent !important;border-bottom: 4px solid transparent;}
.navDet .mdl-navigation__link:hover { border-bottom: 10px solid #8bc34a; }
.searchBox {-webkit-order: 2;-ms-flex-order: 2;order: 2;margin-left: 16px;margin-right: 16px;}
.headerBtn {-webkit-order: 3;-ms-flex-order: 3;order: 3; }
.headerDrw { border-right: none;}
.headerDrw-separator {height: 1px;margin: 8px 0;}
.headerDrw .mdl-navigation__link.mdl-navigation__link {font-size: 14px;color: #757575;}
.headerDrw span.mdl-navigation__link.mdl-navigation__link {color: #8bc34a;}
.headerDrw .mdl-layout-title { position: relative; height: 80px;}
/**** Mobile layout ****/
@media screen and (max-width: 900px) {
    
.padAll {padding: 20px;}
.padUd {padding: 20px 0;}
    
  .navArea {display: none;}
  .headerTtl {display: none !important;}
  .mobTtl { display: block !important;position: absolute;left: calc(50% - 70px);top: 12px;transition: opacity 0.2s cubic-bezier(0.4, 0, 0.2, 1);margin: 0;}
  .android.searchBox.is-focused ~ .mobTtl,.searchBox.is-focused + .navArea + .mobTtl {opacity: 0;}
  .headerBtn {display: none;}
  .searchBox.is-focused {width: calc(100% - 48px);}
  .searchBox .mdl-textfield__expandable-holder {width: 100%;}
}

@media screen and (max-width:720px) {

.topMes div {padding: 15px;}
.mdl-grid--no-spacing>.mdl-cell--3-col, .mdl-grid--no-spacing>.mdl-cell--3-col-phone.mdl-cell--3-col-phone {width: 100%;}
/*パンくず*/
.panNav ol {border-bottom:none;background: black;}
.panNav ol li {float: left;padding: 10px 20px;border-right: black 4px solid;background: #dfefef;border-bottom: black 4px solid;}
.panNav ol li a,.panNav ol li a.active {color: black;}

.ttl05, .airt h1 {padding: 30px 0 15px;font-size: 20px;font-weight: bold;letter-spacing: .2rem;}
.ttl05 i, .airt h1 i {font-size: 60px;display: block;text-align: center;padding-bottom: 20px;}
.ttl05 h1 {text-align: left;line-height: 4rem;}
.airt h1 {text-align: left;line-height: 2rem;}

.airt h2 {padding: 30px 0 10px;line-height: 2rem;font-size: 20px;}
.airt h3 {line-height: 2rem;}

.otherPosts .mdl-cell--6-col {width: 100%;text-align: center;}
.otherPosts a {display:inline-block;width: 100%;}
.otherPosts i {display: block;font-size: 20px;}
.otherPosts .right {border-top: 2px dotted black;padding-top: 10px;}

.result {padding: 10px 15px;}
.result h1 {font-size: 16px;}
.result table {font-size: 12px;line-height:1.2rem; }

.spost img {display: block;margin: 0 auto;}

.format {font-size: 20px;}

}