@charset "UTF-8";
html{font-size: 100%;}
a{text-decoration: none;}
img{max-width: 100%;}

/*レイアウト*/
.wrapper{max-width: 1020px;margin: auto;}
.wrappern{max-width: 600px;margin: auto;}
.align-center{text-align: center;}
.backwhite{border-radius: 10px;background-color: white;border: solid 1.4px; margin-bottom: 20px;margin-top: 20px;padding: 20px 0;}
.about{max-width: 800px;margin: auto;text-align: center;}

/*ヘッダーとホーム*/
.page-header{padding-top: .5rem;}
.logo{width: 350px; border-radius: 10px;box-shadow: 0 2px 0 #777777;}
.logo:hover{transform: translateY(2px);box-shadow: none;}
.main-nav{display: flex;justify-content:center;gap: 2.5rem;font-size: 0.9rem;list-style: none;padding-left: 0;}
.main-nav li{text-align: center;background-color: #fecf8d;border-radius: 8px;box-shadow: 0 2px 0 #777777;padding: 2px 3px;font-size: x-small;}
.main-nav li:hover{transform: translateY(2px);box-shadow: none;}
.nav-btn{color: #000;}
.email{padding: 20px ;}
.btn{display: inline-block;
    font-size: 1.2rem;
    background-color: rgb(70, 201, 224);
    color: #fff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn:hover{background-color: rgb(0, 139, 163);}
.btn2{display: inline-block;
    font-size: 1.5rem;
    background-color: #ff8000;
    color: #fff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn2:hover{background-color: #ff4400;}
.btn3{display: inline-block;
    font-size: 1.2rem;
    background-color: #0095ff;
    color: #fff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn3:hover{background-color: #002aff;}
.btn4{display: inline-block;
    font-size: 1.2rem;
    background-color: #ffffff;
    color: #000000;
    border:#000 1px solid;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn4:hover{background-color: rgb(163, 163, 163);}
.btn5{display: inline-block;
    font-size: 1.2rem;
    background-color: #30d62b;
    color: #fff;
    border-radius: 8px;
    padding: .75rem 1.5rem;
}
.btn5:hover{background-color: #0f750c;}
body{color: #000000;background-color: #fffbd1;background-image: url(img/DATTARAIINA\ \(1\).png);margin: 0;}
.p-topa{margin-top: 20px;}

/*メインメニュー*/
.top-title{text-align: center;border-bottom: 2px solid #111;margin: 0 auto;background-color: #fff;}
.main-menu{padding-inline-start: 0px;margin-top: 0px;}
.main-menu li{list-style-type:none;border-bottom: 1.5px solid #111;}
.yajirusi-box{display: block;list-style: none;padding: 20px 10px;}
.yajirusi-box-inside{display: flex;align-items: stretch;gap: 5px;}
.yajirusi{width: 32px;color: #000;}
.yajirusi-img{height: 32.4px;}
.yajirusi-p{color: #000;font-weight: 500;}
.yajirusi-sp{font-size: xx-small;color: #000;font-weight: 500;}
.news{height: 250px;background-color:#fff;
	overflow-y: scroll;border: double 10px #000;text-align: left;background-color: #fffbd1;}
.news p{font-size: small;}
.news-j{background-color: #B3FFCC;}
.news-k{background-color: #99DDFF;}
.news-n{background-color: #FFCCB3;}
.news-r{background-color: #fff0a7;}

/*トップメニュー*/
.menu{display: grid;gap: 0;grid-template-columns: repeat(4,1fr);text-align: center;padding: auto 0 ;border-radius: 10px}
.menu-img{height: 20px;}
.menu-gr{border-top-left-radius: 10px;background-color: #B3FFCC;padding: 3px 0 3px 0 ;}
.menu-bl{background-color: #99DDFF;padding: 3px 0 3px 0 ;}
.menu-or{background-color: #FFCCB3;padding: 3px 0 3px 0 ;}
.menu-ye{border-top-right-radius: 10px;background-color: #fff0a7;padding: 3px 0 3px 0 ;}

/*コンテンツメニュー*/
.content-titlej{text-align: center;margin: 0 auto;background-color: #3dd770;border-bottom: #000 1px solid;}
.content-titlek{text-align: center;margin: 0 auto;background-color: #3fbfff;border-bottom: #000 1px solid;}
.content-titlen{text-align: center;margin: 0 auto;background-color: #ff884d;border-bottom: #000 1px solid;}
.content-titler{text-align: center;margin: 0 auto;background-color: #ffdc2c;border-bottom: #000 1px solid;}
.btn-yoko-top{padding: 30px auto;}
.btn-yoko{display: block;list-style: none;padding: 0;margin: 0;}
.btn-yoko li{border-bottom: 1.5px solid #111;padding: 5px 10px;}
.btn-box{display: block;list-style: none;padding: 0px;}
.btn-box-inside{display: flex;align-items: stretch;gap: 10px;}
.btn-yajirusi{width: 32px;margin-top: 11px;color: #000;}
.btn-img{height: 60px;}
.btn-image{height: 100%;border-radius: 10px;border: #000 0.5px solid;}
.btn-p{font-size: 16px;font-weight: 500;color: #000;margin-top: 11px;}

/*文字*/
h2{font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 12px;
  margin:0 auto 10px;
}
h3,h4{font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;
  padding: 5px;
  margin: 0px;
}
p,li{font-family: "Zen Maru Gothic", sans-serif;
    font-weight: 400;
    font-style: normal;
    line-height: 200%;
    font-size:16px;
    margin: 0;
}
.p-top{margin-top: 35px;}
a,summary,td,time{font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 500;
  font-style: normal;}
p a{color: #000000;}
p a:hover{color: #7c7c7c;}
.white{background-color: #ffffff;}
.hukudai{background-color:rgb(255, 255, 176) ;border-bottom: 1px solid;display: inline-block;margin-top: 50px;}
.hukudaik{background-color:rgb(176, 250, 255) ;border-bottom: 1px solid;display: inline-block; margin-top: 50px;}
.olli{background-color: #fff4ee;border: 2px #ff884d dashed;margin: 30px auto;}
.ollin{background-color: #eef6ff;border: 2px #4dcaff dashed;margin: 30px auto;}
.kakudai{font-size: large;font-weight: 500;color:#ff8000;}


/*２カラム*/
article{margin-left: 10px;margin-right: 10px;}
.sitamenu{padding-top: 5px;margin-top: 5px;display: flex; justify-content: space-between;}
.sitamenu a{color: #000000;
    font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 400;
  font-style: normal;
    font-size: 13px;}
.side-menu{list-style: none;text-align: center;margin-bottom: 4rem;padding-left: 0;}
.side-menu li{border-bottom:1px solid #c9c2bc;}
.side-menu a{color: #ff7442;display: block;padding: 0.5rem;}
.side-menu a:hover{color: #ffaf91;}
.jinbutu{background-color: #913800;color: #fff;padding: 0 5px;}
.p-pop{margin-top: 10px; color: #913800;}
.modoru{margin-top: 50px;right: 20px;font-size: small;}
.modoru a{color: #002aff;}
.modoru a:hover{color: #7088ff;}
.kakudai{font-size: 130%;color: #ff8000;}
.kikikiko{margin-bottom: 30px;margin-top: 10px;}
.kikikkiko-picture{width: 95%;border-style: solid;border-width: 1px; border-radius: 6px;box-shadow:3px 3px 3px #929292;}

/*図*/
.zu{border-radius: 6px;border:#000 solid 2px;}
.img-yoko{margin-bottom: 30px;}
.yokotwo{display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem 1rem;}


/*デスクトップ版*/
@media(min-width:820px){
    .slide-wrapper {width: 75%;}
    .page-header{display: flex;justify-content: space-around;padding-top: 1.5rem;}
    .lang-select{font-size:medium;}
    .main-nav{margin-top: 80px;}
    .main-nav li{font-size: small;}
    .main-menu{margin-top: 1rem;display: grid;grid-template-columns: repeat(2,1fr);gap: 1rem 1rem;}
    .main-menu li{list-style: none;border: 1.5px solid #000;}
    .main-menu li:hover{transform: scale(1.04);}
    .yajirusi-box{text-align: center;padding: 10px 10px;}
    .yajirusi-box-inside{display: grid;align-items: stretch;gap: 5px;}
    .yajirusi{display: none;}
    .yajirusi-img{height: 70px;}
    .yajirusi-p{font-size: 25px;}
    .yajirusi-sp{font-size: 12px;}
    .content-titlej{background-color: transparent;}
    .content-titlek{background-color: transparent;}
    .content-titlen{background-color: transparent;}
    .content-titler{background-color: transparent;}
    .back-j{background-color: #dfffe9;}
    .back-k{background-color: #dcf3ff;}
    .back-n{background-color: #fff4ee;}
    .back-r{background-color: #fffcea;}
    .btn-yoko li{padding: 0px;}
    .btn-yoko{display: grid;grid-template-columns: repeat(4,1fr);gap: 1rem 1rem;width: 90%;margin:1rem auto;}
    .btn-yoko li{list-style: none;box-shadow: 0 2px 0 #777777;border: #000 1px solid;border-radius: 10px;}
    .btn-yoko li:hover{transform: translateY(2px);box-shadow: none;}
    .btn-box{text-align: center;padding: 10px 10px;}
    .btn-box-inside{display: grid;align-items: stretch;gap: 5px;}
    .btn-yajirusi{display: none;}
    .btn-img{height: 100px;}
    .btn-image{height: 100%;border-radius: 0px;border:none;}
    .btn-p{font-size: 16px;color: #000;margin-top: 0px;}
    .yokonarabi{display: flex;justify-content: space-between;}
    .post{width: 67%;}
    .sidebar{width: 28%;}
    .sticky{position: -webkit-sticky;position: sticky;top: 0;}
    .sitamenu{justify-content: space-around;}
    .sitamenu a{font-size: 16px;}
    .zu{width: 95%;}
    .br-no{display: none;}
    .kikikiko{display: -webkit-flex;display: flex;gap: 10px 10px;}
    .kikikkiko-picture{width: 450px;border-style: solid;border-width: 1px;}
    .kikikiko-bun{width: 95%;}
    .img-yoko{display: flex;}
}