@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.2
*/

*{box-sizing: border-box;}
a:hover img{ -webkit-filter: brightness(0.7); -moz-filter: brightness(0.7); -o-filter: brightness(0.7); -ms-filter: brightness(0.7); filter: brightness(0.7); }
img{width: 100%;}

body{font-weight: 500; margin: 0; padding: 0; color: #000; background-color: #fff; font-family: "Kosugi Maru", sans-serif; font-weight: 400; font-style: normal;}

.content , .content-in , .main , .cf , .wrap{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}
#content , #content-in , #main{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}
.content{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}
.content .content-in{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}
.content .content-in .main{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}
.content .content-in .main article{padding: 0; margin: 0 auto; border: none; box-sizing: border-box;}

/*--- ヘッダー ---*/
#header-container{display: none; height: 0;}
div#head{width:100%; max-width: 1920px; background: url("https://www.irishoikuen.com/cms/img/BGHead.png") center top no-repeat; padding:0; margin:0 auto;}
div#headinn{width: 100%; max-width: 1200px; margin: 0 auto; padding: 0 0 10px 0;}
div#headsub{width:100%; padding:10px; text-align: center; margin:0 auto; background-color:rgba(255,255,255,0.4); position: fixed; z-index: 9999;}

div#headup{ text-align: right; margin: 0; padding: 0;}
div#headup a{ text-decoration: none; color: #4d4d4d;}
div#headup a span{color: #FBB03B;}
div#headup ul{ margin: 0; padding: 0;}
div#headup ul li{ list-style-type: none; margin: 0 15px 0 0; padding: 0; display: inline;}
button {border: none; cursor: pointer; outline: none; padding: 0; appearance: none;}
#Audio-Control {width: 80px; margin:-2px 0 0 0; padding: 0; float: right; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
#Audio-Control button {width: 60px; height: 60px; padding:20px 0 0 0; box-sizing: border-box;}
#Audio-Control div#mon button{background: url("https://www.irishoikuen.com/cms/img/MusicOn02.png") center top no-repeat; background-size: 100%;}
#Audio-Control div.moff button{background: url("https://www.irishoikuen.com/cms/img/MusicOff02.png") center top no-repeat; background-size: 100%;}
#Audio-Control div#mon button.active {background: url("https://www.irishoikuen.com/cms/img/MusicOn01.png") center top no-repeat; background-size: 100%;}
#Audio-Control div.moff button.active {background: url("https://www.irishoikuen.com/cms/img/MusicOff01.png") center top no-repeat; background-size: 100%;}
div#headnav{margin: 35px auto 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div#headnav div#logo{width: 20%; margin: 0 auto; padding: 0;}
div#headnav ul{width: 78%; margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div#headnav ul li{width:calc(100% / 7); text-align: center; margin: 0; padding:0; list-style-type: none; border-left: 1px dashed #333;}
div#headnav ul li a{ width: 100%; display: block; color: #333; text-decoration: none; margin: 0; padding:20px 0 0 0;}
div#headnav ul li a:hover{color: #707070;}
div#headnav ul li.on{border-bottom: 6px solid #eb739a;}
div#headnav ul li img{max-width: 40px; margin-top: -5px;}

#mbnav{ display: none;}
header.article-header{display: none;}

/*--- フッター ---*/
div#iris_ft_wrap{margin: 0; padding:25px 0 0 0; background: url("https://irishoikuen.com/cms/img/FootBG.png") center bottom no-repeat; background-size: 100%; background-color: #fbf7ee;}
div#iris_ft{width: 100%; max-width: 1280px; margin:0 auto; padding:0;}
footer div.ftinn{width: 100%; max-width: 1200px; margin: 0 auto;}
#iris_ft_wrap_in{width: 96%; max-width: 1040px; margin: 0 auto;}
#iris_ft_wrap_in h2{width: 100%; font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal; text-align: center; font-size: 35px; color: #6b91dd; letter-spacing: 0.2em; line-height: 30px; background: none; margin: 0 auto 10px; padding:0;}



div.ftmbwraptop{display: none !important;}
div.ftmbwrap{display: none !important;}
div.ftpcwraptop{margin: 0; padding: 0; background: url("https://www.irishoikuen.com/cms/img/BG01.png") center top repeat-y; background-size: 100%;}
div.ftpcwrap{margin: 0; padding: 0;}
div.ftnav{ width: 100%; margin:0 auto; padding: 0 0 35px 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.ftnav div{box-sizing: border-box;}
div.ftnav div.ftnavl{width:calc(33%); margin: 0 auto; padding:50px 0 0 0;}
div.ftnav div.ftnavl p{font-size: 14px;}
div.ftnav div.ftnavc{width:calc(33%); margin: 0 auto; padding:50px 0 0  0; text-align: center;}
div.ftnav div.ftnavc img{width: 5%; min-width: 50px; margin: 0 auto;}
div.ftnav div.ftnavr{width:calc(33%); margin: 0 auto; padding:50px 0 0  0;}
div.ftnav div.ftnavr img{width: 40%; padding: 0 5%;}
div.ftnav div.pagetop{width:calc(5%); margin: 0 auto; padding: 0;}
div.ftnav div.ftnavr a{color: #fff; text-decoration: none; line-height: 100%; margin: 0 auto; padding: 0 0 5px 0;}
div.ftnav div.ftnavr a span{color: #FBB03B;}

ul.fttnav{width: 100%; max-width: 900px; margin:0 auto; padding: 0 0 35px 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
ul.fttnav li{width: calc(100% / 6); text-align: center; margin: 0; padding: 0; list-style-type: none; border-left: 1px solid #4d4d4d; box-sizing: border-box;}
ul.fttnav li:last-child{border-right: 1px solid #4d4d4d;}
ul.fttnav li a{text-decoration: none; color: #000;}
ul.fttnav li a:hover{color: #707070;}

p.irisftadd{margin: 0; padding: 0; text-align: center;}
p.irisftadd span{font-size: 24px; font-weight: bold;}

div.ftbnr{width: 100%; max-width: 260px; margin: 15px auto; padding: 0;}
#copyright{ width:100%; font-size:16px; color:#4d4d4d; text-align:center; padding:0;}

a#ptop{cursor:pointer}

div#mainimage{ width: 100%; max-width: 1920px; margin: 0 auto; padding: 0;}
div#mainimagemb{ display: none; margin: 0 auto; padding: 0;}
div#subimage{width: 100%; text-align: center; vertical-align: middle; background-color: #ffd900; background-size: 100%; position: relative; padding: 0; margin: 0; overflow: hidden;}
div#subimage:before{content: ""; display: block; padding-top: 10%;}
div#subimage h1{ width: calc(200%); line-height: 30px; font-size: 34px; color: #fff; font-weight: bold; text-shadow: 1px 2px 3px #808080; text-align: center; vertical-align: middle; position: absolute; margin: 0 auto; padding: 0;
font-family: "Kiwi Maru", serif;
font-weight: 400;
font-style: normal;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
div#subimage h1 span{font-family: "Anton", sans-serif; font-weight: 400; font-style: normal; font-size: 16px; line-height: 20px;}

.sub_rhythm{background: url(https://irishoikuen.com/cms/img/rhythm/MainBG.jpg) top center no-repeat; background-size: 100%;}
.sub_nursery_event{background: url(https://irishoikuen.com/cms/img/nursery_event/MainBG.jpg) top center no-repeat; background-size: 100%;}
.sub_introduction{background: url(https://irishoikuen.com/cms/img/introduction/MainBG.jpg) top center no-repeat; background-size: 100%;}
.sub_childcare_support{background: url(https://irishoikuen.com/cms/img/childcare_support/MainBG.jpg) top center no-repeat; background-size: 100%;}

div#maincontents{ width: 100%; max-width: 1920px; background-color: #fff; margin:0; padding:0; box-sizing: border-box;}
div#maincontents_sub{ width: 100%; max-width: 1920px; background-color: #eaf7f8; margin:0; padding:0; box-sizing: border-box;}
div#maincontents_sub2{ width: 100%; max-width: 1920px; background-color: #fff; margin:0; padding:0; box-sizing: border-box;}
div#maincontents article{padding:0; margin:0 auto;}
section{width: 96%; max-width: 1200px; padding:30px 0; margin:50px auto;}
section.nomargins{margin:0 auto;}
section.full{display: inline-block; width: 100%; max-width: none; padding:30px 0; margin:50px auto 0; background-color: #fff;}
section.full div.secin{width: 90%; max-width: 1200px; margin: 30px auto; padding: 0;}
section.full div.secin p{writing-mode: vertical-rl; text-orientation: upright; }
section.plogin{max-width: 1300px; margin: 20px auto 50px; padding: 100px; background-color: #fff; border-radius: 30px;}
section.plogin input.page_pass_input{margin-bottom: 25px;}
section.plogin input.page_pass_submit{ width: 50%;}

div#sub_page{background-color: #eaf7f8; padding: 0 0 50px 0;}
div#sub_page2{background-color: #fff; padding: 0 0 50px 0;}

div.bnr{width: 100%; margin: 10px auto; padding: 0;}
div.bnr855{width: 100%; max-width: 855px; margin: 10px auto; padding: 0;}

div.bcwrap{margin: 0; padding:0; border-bottom: 1px solid #707070;}
div.breadcrumbs{ font-size:12px; width:100%; max-width:1200px; margin:0 auto; padding:8px 0;}
div.breadcrumbs span{color:#39B54A;}
div.breadcrumbs a{color:#000;}
div.breadcrumbs a:hover{color:#999;}


/*--- 見出し ---*/
.article h1{margin: 0 auto; padding:10px 0 30px 0; text-align: center; font-size: 40px; border: none; color: #fff;}
.article h2{width: 100%; font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal; text-align: center; font-size: 35px; color: #6b91dd; letter-spacing: 0.2em; line-height: 30px; background: none; margin: 0 auto 25px; padding:0;}
.article h3{font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal; text-align:left; font-size:35px; font-weight: normal; color:#e57079; border:none; padding:0; margin:25px auto;}
.article h3.center{text-align: center;}
.article h4{font-family: "Kiwi Maru", serif; font-weight: 500; font-style: normal; text-align:left; font-size:23px; font-weight: normal; border:none; padding:0; margin:0;}
.article h5{text-align:left; font-size:17px; font-weight: normal; color:#c1272d; border:none; padding:0; margin:0;}

div.h2wrap{text-align: center;}
.article h2.h202{ text-align: center; font-size: 35px; color: #39B54A; letter-spacing: 0.2em; line-height: 30px; background: none; margin: 0 auto; padding:3px 0 3px 0.2em; border-bottom: 2px solid #39B54A; display: inline-block;}
p.h2cap{font-size: 14px; text-align: center; color: #39B54A; margin: 0 auto 35px; padding: 0;}


h3.h301{width: 100%; text-align: center; font-size: 30px; font-weight: bold;}

div.cth3{width: 100%; line-height: 70px;}
div.cth3 h3{height: 50px; color: #fff; text-align: center; font-size: 24px; line-height: 50px; letter-spacing:0.3em; background-color:#39B54A; border-radius: 25px 25px 0 0; border: none; margin: 0; padding: 0;}
div.cth3 h3 span{font-size: 12px; vertical-align: middle; letter-spacing:0.2em;}
div.cth3 h3 img{ width: 58px; height: 70px; vertical-align: middle; margin:-20px 0 0 0; padding: 0;}

div.cth3s{width: 100%; line-height: 70px;}
div.cth3s h3{height: 50px; color: #fff; text-align: center; font-size: 24px; line-height: 50px; letter-spacing:0.3em; background-color:#F7931E; border-radius: 25px 25px 0 0; border: none; margin: 0; padding: 0;}
div.cth3s h3 span{font-size: 12px; vertical-align: middle; letter-spacing:0.2em;}
div.cth3s h3 img{ width: 41px; vertical-align: middle; margin:0; padding: 0;}

div.cth3s h3.fs20{font-size: 20px; letter-spacing:0.2em;}


p.mess01{font-size: 30px; font-weight: bold; text-align: center; color: #707070;}
p.mess02{font-size: 20px; font-weight: bold; text-align: center; color: #707070;}
p.mess03{width: 96%; max-width: 640px; margin: 25px auto;}
p.mess04{width: 96%; max-width: 900px; margin: 25px auto;}


div.caphover a:hover img{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}

/*--- トップページ ---*/
.shopname{ line-height: 20px;}
.shopname img{ max-width: 20px;}
.shopname a{ color: #000; text-decoration: none;}
.shopname a:hover{color: #707070;}
.shopadd{ margin-bottom: 15px;}
.shopadd img{ max-width: 16px;}
.shoptel p{ line-height: 30px; margin: 0; padding:5px 0;}
.shoptel p img{ max-width: 16px;}

div.shoplist{ width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.shoplist div{width:calc(48%); margin: 0 auto 35px auto; box-sizing: border-box;}
div.shoplist div.shoplink{ width: 90%; margin:5px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.shoplist div.shoplink div.shoptel{width:calc(50%); box-sizing: border-box;}
div.shoplist div.shoplink div.extlink{width:calc(20%); box-sizing: border-box;}

ul.tophair{ width: 100%; margin:25px auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
ul.tophair li{width:calc(28%); margin: 0 auto 25px auto; padding: 0; box-sizing: border-box; list-style-type: none;}
ul.tophair li div.himgwrap{width: 100%; position: relative;
    display: block;
    padding-top: 150%; /* 高さを幅の75%に固定 */
    overflow: hidden;
}

ul.tophair li div.himgwrap img{
    position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
}



div#slidewrap{margin:0; padding:0; text-align:center; position:relative;}

div.cloth{width:100%; margin:0 auto; padding: 50px 0; background: url("https://www.irishoikuen.com/cms/img/BG01.png") center top repeat-y; background-size: 100%;}

/*--- トップページお知らせ ---*/
div.newswrap{width: 100%; max-width: 1050px; margin: 0 auto; padding: 0;}
div.newsinn{width: 100%; background-color: #fff; margin: 0 auto; padding: 25px; border-radius:0 0 25px 25px;}
dl.news{width: 100%; margin: 0 auto 25px; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.news dt{width: 11%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.news dd{width: 89%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.news dt div{ width: 83%; position: relative;}
dl.news dt div:before{content: ""; display: block; padding-top: 100%;}
dl.news dt div img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; border-radius: 10px;
}
dl.news dd a{text-decoration: none; color: #707070;}
dl.news dd a:hover{color: #555;}
dl.news dd a h3{font-size: 22px; color: #000; font-weight: bold; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; border: none; margin: 0; padding: 0;}
dl.news dd a span.newsdate{font-size: 16px; color: #39B54A;}
div.newslist{width: 20%; min-width: 180px; margin: 0 0 0 auto; padding: 0;}

.banner{width: 100%; margin: 25px auto; padding: 0;}


dl.topicslist{ width: 100%; height: 100%; margin:25px auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
dl.topicslist dt{ width: calc(24%); border-top: 2px dashed #dadbdb; list-style-type: none; margin: 0 0 25px 0; padding:25px 2% 10px 2%; box-sizing:border-box;}
dl.topicslist dd{ width: calc(76%); border-top: 2px dashed #dadbdb; list-style-type: none; margin: 0 0 25px 0; padding:25px 2% 10px 2%; box-sizing:border-box;}
dl.topicslist dt:first-child { border: none;}
dl.topicslist dt:first-child + dd { border: none;}
dl.topicslist dd h3{ color: #666464; font-size: 20px; font-weight: bold; margin: 0; padding: 0;}
dl.topicslist dd p{ line-height: 1.4em; margin: 0; padding: 0;}
dl.topicslist dd div.surl{ text-align: right; margin:15px 0 0 0; padding: 0;}
dl.topicslist  div.surl a{ color: #fff; font-weight: bold; text-decoration: none; margin: 0; padding: 2px 35px; background-color: #0066CC; border: 1px solid #0066cc; border-radius: 10px; display: inline-block;}
dl.topicslist  div.surl a:hover{ background-color: #0044aa;}

div.topicslink{width: 100%; text-align: right; font-size: 14px;}
div.topicslink a{text-decoration: none;}

/*--- サイドバーありページ ---*/
div.ctlw{width: 100%; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.ctlw div.ctlwl{ width: 63%; margin: 0; padding: 0; box-sizing: border-box;}
div.ctlw div.ctlwr{ width: 30%; margin: 0; padding: 0; box-sizing: border-box;}

dl.ctl{width: 100%; margin: 0 auto 25px; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.ctl dt{width: 20%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.ctl dd{width: 80%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.ctl dt div{ width: 83%; position: relative;}
dl.ctl dt div:before{content: ""; display: block; padding-top: 100%;}
dl.ctl dt div img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; border-radius: 10px;
}
dl.ctl dd a{text-decoration: none; color: #707070;}
dl.ctl dd a:hover{color: #555;}
dl.ctl dd a h3{font-size: 22px; color: #000; font-weight: bold; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; border: none; margin: 0; padding: 0;}
dl.ctl dd a span.ctldate{font-size: 16px; color: #39B54A;}

dl.sbctl{width: 100%; font-size: 18px; line-height: 150%; margin: 0 auto 25px; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.sbctl dt{width: 32%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.sbctl dd{width: 68%; margin: 15px auto 0; padding: 0 0 15px 0; border-bottom: 1px dashed #666; box-sizing: border-box;}
dl.sbctl dt div{ width: 90%; position: relative;}
dl.sbctl dt div:before{content: ""; display: block; padding-top: 100%;}
dl.sbctl dt div img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; border-radius: 10px;
}
dl.sbctl dd a{text-decoration: none; color: #707070;}
dl.sbctl dd a:hover{color: #555;}
dl.sbctl dd a h3{font-size: 22px; color: #000; font-weight: bold; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif; border: none; margin: 0; padding: 0;}
dl.sbctl dd a span.ctldate{font-size: 16px; color: #39B54A;}

div.btn01wrap{width: 80%; max-width: 320px; margin: 25px auto;}
div.btn01wrap a{color: #000; text-decoration: none;}
div.btn01wrap a:hover{color: #707070; text-decoration: none;}
dl.btn01{ width: 100%; margin: 0 auto; padding: 15px; border: 1px solid #707070; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.btn01 dt{width:calc(35%); font-size: 20px; font-weight: bold; line-height: 40px; text-align: left; margin: 0; padding: 0; box-sizing: border-box;}
dl.btn01 dd{width:calc(65%); font-size: 14px; text-align: right; line-height: 20px; margin: 0; padding: 0; box-sizing: border-box;}
dl.btn01 dt span{font-size: 12px; vertical-align: middle;}

div.message01{width: 100%; text-align: center; vertical-align: middle; background: url("https://www.irishoikuen.com/cms/img/TopTitleBG.png") center top no-repeat; background-size: 100%; position: relative; margin-bottom: 35px; overflow: hidden;}
div.message01:before{content: ""; display: block; padding-top: 22%;}
div.message01 p{ width: calc(200%); font-size: 48px; color: #39B54A; font-weight: bold; text-align: center; vertical-align: middle; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}

div.message012{width: 100%; text-align: center; vertical-align: middle; background: url("https://www.irishoikuen.com/cms/img/TopTitleBG.png") center bottom no-repeat; background-size: 100%; position: relative; margin-bottom: 35px; overflow: hidden;}
div.message012:before{content: ""; display: block; padding-top: 24%;}
div.message012 p{ width: calc(200%); font-size: 48px; color: #39B54A; font-weight: bold; text-align: center; vertical-align: middle; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}
div.message012 p span{font-size: 16px; color: #333; display: block; line-height: 26px;}

p.message02{color: #333; text-align: center; line-height: 180%; letter-spacing: 0.1em;}


/*--- 取り扱い商品ページ ---*/
div.products{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.products div{width:calc(33%); width : -webkit-calc(33%) ; margin:0 auto 25px auto;}
div.products div div.itemphoto{width: 100%; position: relative;
    margin:0 auto 10px auto;
    display: block;
    padding-top: 100%; /* 高さを幅の75%に固定 */
    overflow: hidden;
}
div.products div div.itemphoto img{
    border: 1px solid #707070;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}
p.itemname{ font-size: 17px; font-weight: bold; margin: 0; padding:0 15px;}
p.itemcap{ font-size: 14px; margin: 0; padding:0 15px;}

div.btn02{ width: 80%; max-width: 500px; font-size: 25px; line-height: 25px; text-align: center; margin: 25px auto; padding: 0; border: 1px solid #707070; border-radius: 5px;}
div.btn02 span{ font-size: 12px; line-height: 14px; font-weight: bold; margin: 0; padding: 0;}
div.btn02 a{color: #000; text-decoration: none; display: block; padding: 15px;}
div.btn02 a:hover{background-color: rgba(0,0,0,0.4);}

/*--- カラム ---*/
div.clm{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

div.award{ width: 100%; margin: 0 auto; padding:25px 5%; border-bottom: 1px solid #c7c7c7;}
div.award div.awardl{width:calc(60%); font-size: 30px; line-height: 2.0em;}
div.award div.awardr{width:calc(40%);}
div.award div.awardl span{font-weight: bold;}

div.awardimg{ width: 100%; margin: 15px auto; padding:0;}
div.awardimg div{width:calc(49%); text-align: center;}

p.awardmess{ width: 100%; margin: 0; line-height: 2.0em; padding: 25px 5%;}


div.clm01{width:100%; margin:25px auto; box-sizing: border-box;}

div.clm02 , div.clm022 , div.clm03 , div.clm04 , div.clm05 , div.clm06{ width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }

div.clm02{padding-top: 25px;}
div.clm02 div{width:calc(49%); box-sizing: border-box;}
div.clm02 div h4{width: 100%;}
div.clm02 div p span{font-size: 14px;}

div.clm022{padding-top: 25px;}
div.clm022 div{width:calc(45%); box-sizing: border-box;}
div.clm022 div:last-child{width:calc(53%); box-sizing: border-box;}
div.clm022 div h4{width: 100%;}
div.clm022 div p span{font-size: 14px;}

div.clm03{margin:0px auto;}
div.clm03 div{width:calc(30%); margin-bottom: 25px; box-sizing: border-box;}
div.clm03 h3{ text-align: center; color: #707070; font-size: 26px; font-weight: bold; margin:15px auto; padding: 0;}

div.clm04{}
div.clm04 div{width:calc(24%); box-sizing: border-box;}
div.clm04 div img{ width:100%;}
div.clm04 div a:hover{color:#666;}

div.clm05{}
div.clm05 div{width:calc(19%); text-align:center; font-size:15px;}
div.clm05 div a:hover img{
-webkit-filter: brightness(0.6);
-moz-filter: brightness(0.6);
-o-filter: brightness(0.6);
-ms-filter: brightness(0.6);
filter: brightness(0.6);
}
div.clm05 div a{color:#000; font-weight:bold; text-decoration:none;}
div.clm05 div a:hover{color:#666;}

div.clm06{}
div.clm06 div{width:calc(16%); text-align:center; margin: 0 0 15px 0; padding: 8px; font-size:15px; border: 1px solid #efefef; box-sizing: border-box;}
div.clm06 div div.img-box {
    border: none;
    margin: 0 auto;
    width: 100%;
    padding-top: 120%;
    position: relative;
}
div.clm06 div div.img-box img {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
       left:0;
       object-fit: cover;
}


/*-- トップページメニュー --*/
div.clm_topmenu{ width: 96%; max-width: 1200px; margin:70px auto 25px; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.clm_topmenu div{width:calc(30%); margin-bottom: 25px; box-sizing: border-box;}

div.topcont{background: url("https://irishoikuen.com/cms/img/TopBG01.jpg") center bottom no-repeat; margin-bottom: -50px;}

/*-- カリキュラム --*/
div.currwrap01{width: 100%; max-width: 1200px; margin: 0 auto 35px;}
div.currwrap02{width: 100%; max-width: 1200px; margin: 0 auto 35px;}
div.currwrap03{width: 100%; max-width: 1200px; margin: 0 auto 35px;}
div.curr{width: 96%; max-width: 960px; font-size: 15px; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.curr h3{width: 100%; text-align: center; color: #fff; border: none; padding: 0; margin: 0 auto 20px; line-height: 48px; background-color: #39B54A; border-radius: 24px;}
div.currl{width: calc(33%); box-sizing: border-box;}
div.currr{width: calc(65%); box-sizing: border-box;}
div.currr p{color: #39B54A;}
div.currr dl{ margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.currr dl dt{width: calc(20%); margin: 0 auto 10px; padding: 0; text-align: center; color: #006837; background-color: #D6F0D9; box-sizing: border-box;}
div.currr dl dd{width: calc(75%); margin: 0 auto 10px; padding: 0; box-sizing: border-box;}
div.currl div{ width: 100%; position: relative;}
div.currl div:before{content: ""; display: block; padding-top: 100%;}
div.currl div img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; border-radius: 10px;
}

/*-- 歴史 --*/
div.hist{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.histl{width: calc(68%); box-sizing: border-box;}
div.histr{width: calc(30%); margin-top: -80px; box-sizing: border-box;}
div.histl dl{margin: 0 auto; padding: 0; letter-spacing: 0.2em; border-top: 1px solid #39B54A; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.histl dl dt{width: calc(25%); color: #39B54A; font-weight: bold; margin: 0 auto; padding:0.5em 0; border-bottom: 1px solid #39B54A; box-sizing: border-box;}
div.histl dl dd{width: calc(75%); margin: 0 auto; padding:0.5em 0; border-bottom: 1px solid #39B54A; box-sizing: border-box;}

/*-- 概要 --*/
div.outl{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.outl div{width: calc(48%); box-sizing: border-box;}
div.outl div h3{color: #39B54A; font-size: 40px; border: none; padding: 0; margin: 0;}
div.outl div h3 span{font-size: 18px;}
div.outl div dl{margin: 0 auto; padding: 0; letter-spacing: 0.2em; border-top: 1px solid #39B54A; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.outl div dl dt{width: calc(25%); color: #39B54A; font-weight: bold; margin: 0 auto; padding:0.5em 0; border-bottom: 1px solid #39B54A; box-sizing: border-box;}
div.outl div dl dd{width: calc(75%); margin: 0 auto; padding:0.5em 0; border-bottom: 1px solid #39B54A; box-sizing: border-box;}
div.outl div iframe{ width: 100%; height: 680px;}

/*-- 行事 --*/
section.evewrap01{background: url("https://www.irishoikuen.com/cms/img/EventBG01.png") center bottom no-repeat; background-size: 100%;}
div.schewrap{width: 100%; background: url("https://www.irishoikuen.com/cms/img/EventBG02.png") center bottom no-repeat; background-size: 100%; margin: 0 auto; padding: 0;}
div.schedule{width: 100%; max-width: 700px; margin: 35px auto 0; padding: 0;}
div.clock{width: 14%; max-width: 80px; margin: 0 auto 10px; padding: 0;}

div.event{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.event div{width: calc(20%); box-sizing: border-box;}
div.event div ul{margin: 0 0 0 1em; padding: 0;}
div.event div ul li{list-style-type: none;}
div.event div ul li::before {
  position: relative;
  top: -2px;
  left: -8px;
  display: inline-block;
  width: 14px;
  height: 14px;
  content: '';
  border-radius: 100%;
  background-color: #39B54A;
}


/*-- 園の生活 --*/
.rhythmpc{position: relative;}
.rhythmpc_link01{position: absolute; width: 17%; height: 1.3%; left:53.8%; top:49.5%; background: url("https://irishoikuen.com/cms/img/blank.png");}
.rhythmpc_link02{position: absolute; width: 17%; height: 1.3%; left:34.5%; bottom:5.4%; background: url("https://irishoikuen.com/cms/img/blank.png");}
.rhythmpc_link01 a,.rhythmpc_link02 a{width: 100%; height: 100%; display: block;}
.rhythmpc_link01 a:hover,.rhythmpc_link02 a:hover{background: url("https://irishoikuen.com/cms/img/blank0.png");}
.rhythmpc_link01 a span,.rhythmpc_link02 a span{visibility: hidden;}
.rhythmmb{position: relative;}
.rhythmmb_link01{position: absolute; width: 30%; height: 1.3%; left:53%; top:48.5%; background: url("https://irishoikuen.com/cms/img/blank.png");}
.rhythmmb_link02{position: absolute; width: 30%; height: 1.3%; left:21%; bottom:5.7%; background: url("https://irishoikuen.com/cms/img/blank.png");}
.rhythmmb_link01 a,.rhythmmb_link02 a{width: 100%; height: 100%; display: block;}
.rhythmmb_link01 a:hover,.rhythmmb_link02 a:hover{background: url("https://irishoikuen.com/cms/img/blank0.png");}
.rhythmmb_link01 a span,.rhythmmb_link02 a span{visibility: hidden;}

/*-- 園の特色 --*/
.streetview iframe{width: 100%; height: 400px;}

/*-- オンライン --*/
div.online{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.online div.onll{width: calc(60%); box-sizing: border-box;}
div.online div.onlr{width: calc(35%); box-sizing: border-box;}
div.online div.onlr img{border-radius: 10px;}

/*-- 支援 --*/
div.supbnr{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 0 auto; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.supbnr div{width: calc(49%); text-align: center; color: #fff; border: none; letter-spacing: 0.2em; padding: 0; margin: 0 auto 20px; line-height: 48px; background-color: #39B54A; border-radius: 24px; box-sizing: border-box;}
div.supbnr div.sbr02{background-color:#89D393;}

div.support{width: 100%; text-align: justify; text-justify: inter-ideograph; margin: 35px auto 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.support div.supl{width: calc(35%); box-sizing: border-box;}
div.support div.supr{width: calc(60%); box-sizing: border-box;}
div.support div.supl img{border-radius: 10px;}
div.support div.supr p.p02{color:#39B54A;}

/*-- 施設 --*/
div.factory{ width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.factory div{width:calc(22%); margin: 0 auto 25px; box-sizing: border-box;}
div.factory div div.fimg{width: 100%; margin: 0; padding: 0; position: relative;}
div.factory div div.fimg:before{content: ""; display: block; padding-top: 100%;}
div.factory div div.fimg img{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover; border-radius: 10px;
}

div.clmp{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.clmp div{width: calc(22%); font-size: 15px; text-align: justify; overflow: hidden; box-sizing: border-box;}
div.clmp div div.gpt{width: 100%;  color: #39B54A; text-align: center; vertical-align: middle; background-color: #D6F0D9; border-radius: 14px; position: relative;}
div.clmp div div.gpt:before{content: ""; display: block; padding-top: 100%;}
div.gpt p{ width: calc(200%); font-size: 21px; color: #39B54A; text-align: center; vertical-align: middle; position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
}

div.clmq{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; }
div.clmq div{width: calc(45%); font-size: 15px; text-align: justify; overflow: hidden; box-sizing: border-box;}
div.clmq div h3{text-align: center; font-size: 35px; letter-spacing: 0.3em; color:#39B54A; border: none; padding: 0; margin: 0 0 15px 0;}
div.clmq div ul{border: 12px solid #D6F0D9; border-radius: 20px; box-sizing: border-box; padding: 5%; margin: 0;}
div.clmq div ul li{list-style-type: circle; font-size: 18px; padding-left: 0.2em;}

/*-- 法人開示情報 --*/
.discbnr a{text-align: center; text-decoration: none; color: #222; background-color: #e9e9e9; border:1px solid #ccc; border-radius: 5px; padding: 10px 0; margin: 10px auto; display: block; box-sizing: border-box;}

div#access{width: 96%; max-width: 860px; margin: 15px auto;}

div#accessmap{ width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; box-sizing: border-box; }
div#accessmap div{width:calc(100%); margin: 15px auto; box-sizing: border-box;}
div#accessmap div iframe{width: 100%; margin: 0; padding: 0; box-sizing: border-box;}
div#accessmap div img{max-width: 600px; margin-bottom: 10px;}

/*--- 読み込み遅延用 ---*/
.sa {opacity: 0; transition: all .5s ease;}
.sa.show { opacity: 1; transform: none;}
.sa--lr { transform: translate(-100px, 0);}
.sa--rl { transform: translate(100px, 0);}
.sa--up { transform: translate(0, 100px);}
.sa--down { transform: translate(0, -100px);}
.sa--scaleUp { transform: scale(.5);}
.sa--scaleDown { transform: scale(1.5);}
.sa--rotateL { transform: rotate(180deg);}
.sa--rotateR { transform: rotate(-180deg);}


dl.tablestyle{width:96%; line-height: 1.2em; border-bottom: 1px solid #c7c7c7; margin:20px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle dt{width:calc(30%); font-size: 16px; text-align: center; color: #707070; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background-color: #FDFAFA; margin:0; padding:10px 0; box-sizing:border-box; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
dl.tablestyle dt:first-child{border-top:1px solid #c7c7c7;}
dl.tablestyle dt span{font-size: 12px;}
dl.tablestyle dd{width:calc(70%); border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background-color: #fff; margin:0; padding:10px 20px; box-sizing:border-box;}
dl.tablestyle dd.wb{background-color: #fff;}
dl.tablestyle dd h4{font-size: 20px; color: #2E3197; font-weight: bold; margin: 0; padding: 0; border: none; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
dl.tablestyle dd p{margin: 0 0 25px 0; padding: 0;}
dl.tablestyle dd.ddb{font-size: 20px; font-weight: bold; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
dl.tablestyle dd.rowspan{padding: 0;}
dl.tablestyle dd ul{margin: 0; padding: 0;}
dl.tablestyle dd ul li{margin: 0; padding:10px 20px; list-style-type: none; border-bottom:1px solid #c7c7c7;}
dl.tablestyle dd ul li:last-child{border: none;}

dl.tablestyle2{width:96%; line-height: 1.8em; border-bottom: 1px solid #c7c7c7; margin:20px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle2 dt{width:calc(30%); font-size: 16px; text-align: center; border-top:1px solid #c7c7c7; border-left:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background-color: #FDFAFA; margin:0; padding:10px 0; box-sizing:border-box; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
dl.tablestyle2 dt:first-child{border-top:1px solid #c7c7c7;}
dl.tablestyle2 dt span{font-size: 12px;}
dl.tablestyle2 dd{width:calc(70%); border-top:1px solid #c7c7c7; border-right:1px solid #c7c7c7; background-color: #fff; margin:0; padding:10px 20px; box-sizing:border-box;}
dl.tablestyle2 dd.wb{background-color: #fff;}
dl.tablestyle2 dd h4{font-size: 20px; color: #2E3197; font-weight: bold; margin: 0; padding: 0; border: none; font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;}
dl.tablestyle2 dd p{margin: 0 0 25px 0; padding: 0;}
dl.tablestyle2 dd ol{ margin: 0; padding: 0;}
dl.tablestyle2 dd ol li{ display: inline; word-wrap:break-word; overflow-wrap : break-word; margin: 0; padding: 0 1em 0 0; list-style-type: none;}
dl.tablestyle2 dd ol li:last-child{padding: 0;}
dl.tablestyle2 dd dl.ddin{margin: 0; padding: 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle2 dd dl.ddin dt{width:calc(30%); text-align: left; margin: 0 auto 15px auto; padding: 0; border: none; background: none;}
dl.tablestyle2 dd dl.ddin dd{width:calc(70%); margin: 0 auto 15px auto; padding: 0; border: none; background: none;}

dl.tablestyle2 dd.rowspan{padding: 0;}
dl.tablestyle2 dd ul{margin: 0; padding: 0;}
dl.tablestyle2 dd ul li{margin: 0; padding:10px 20px; list-style-type: none; border-bottom:1px solid #c7c7c7;}
dl.tablestyle2 dd ul li:last-child{border: none;}

dl.tablestyle3{width:96%; max-width: 900px; line-height: 1.2em; margin:20px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle3 dt{width:calc(22%); margin:0; padding:10px 0; box-sizing:border-box;}
dl.tablestyle3 dd{width:calc(75%); margin:0; padding:10px 0; box-sizing:border-box;}

dl.tablestyle4{width:96%; max-width: 1000px; line-height: 1.2em; margin:20px auto; padding:0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.tablestyle4 dt{width:calc(25%); margin:0; padding:30px 0 30px 10px; box-sizing:border-box; border-bottom: 1px dashed #333;}
dl.tablestyle4 dd{width:calc(75%); margin:0; padding:30px 10px 30px 0; box-sizing:border-box; border-bottom: 1px dashed #333;}

.recsub{width: 70%; max-width: 400px; margin: 10px auto; text-align: center;}
.recsub a{color: #fff; text-decoration: none; padding: 20px; margin: 0; display: block; background-color: #fbb03b;}
.recsub a:hover{-webkit-filter: brightness(0.7); -moz-filter: brightness(0.7); -o-filter: brightness(0.7); -ms-filter: brightness(0.7); filter: brightness(0.7);}
.songhd{width: 60%; max-width: 480px; margin: 15px 0 15px auto;}
.songft{width: 30%; max-width: 130px; margin: 15px auto;}

ul.schedule{width: 96%; max-width: 900px; margin: 0 auto; padding: 0;}
ul.schedule li{text-align: center; background-color: #6b91dd; color: #fff; font-weight: bold; font-size: 18px; margin: 10px auto; padding: 20px 25px; display: inline-block; border-radius: 10px;}

div.guideline{font-size: 14px;}
p.gl_right{margin: 0; padding: 0; text-align: right; box-sizing: border-box;}
table.table01{color: #ed1c24; font-weight: bold; font-size: 16px; margin: 0;}
table.table01 tr td{width: 50%; background-color: #fff; border: 1px solid #f15a24;}
table.table02{color: #3eac4a; font-weight: bold; font-size: 16px; margin: 0;}
table.table02 tr td{width: 50%; background-color: #fff; border: 1px solid #39b54a;}

table.table03{margin: 0;}
table.table03 tr th{width: 33%; color: #ed1c24; font-weight: bold; text-align: left; background-color: #fff; border: 2px solid #f15a24;}
table.table03 tr td{background-color: #fff; border: 2px solid #f15a24;}
table.table03 tr.th td{background-color: #f15a24; color: #fff; text-align: center;}
table.table03 tr td:last-child{width: 38%;}

table.table04{margin: 0;}
table.table04 tr th{width: 33%; color: #3eac4a; font-weight: bold; text-align: left; background-color: #fff; border: 2px solid #39b54a;}
table.table04 tr td{background-color: #fff; border: 2px solid #39b54a;}
table.table04 tr.th td{background-color: #39b54a; color: #fff; text-align: center;}
table.table04 tr td:last-child{width: 38%;}

.fp_nav{width: 98%; max-width: 1500px; margin: 0 auto;}

div.sub_post{width: 98%; margin: 20px auto 50px; max-width: 1300px; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.sub_post div.sub_postl{width: 70%; background-color: #fff; margin: 15px auto; border-radius: 30px; padding: 50px;}
div.sub_post div.sub_postr{width: 25%; background-color: #fff; margin: 15px auto; border-radius: 30px; padding: 50px;}

div.liwrap{width: 100%; max-width: 1160px; margin: 25px auto; padding: 0;}
div.liwrap a{text-decoration: none; color: #707070;}
div.listinfo{
border-bottom: 1px dashed #707070;
    width: 100%;
	margin:25px auto;
	flex-wrap: wrap;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
div.listinfo div.listinfol{width:calc(20%); padding:0; margin: 0 auto;}
div.listinfo div.listinfor{width:calc(78%); padding:0; margin: 0 auto;}

div.listinfo div.listinfor div.usercase{ padding: 0 10px; margin-top: 5px; border: 1px solid #707070; display: inline-block;}
div.listinfo div.listinfor p{margin: 0; padding: 0;}
div.listinfo div.listinfor p.owner{font-weight: bold; font-size: 18px; margin: 0; padding: 0;}
div.listinfo div.listinfor h3{text-align: left; font-size: 20px; font-weight: normal; margin: 0; padding: 0;}
div.listinfo div.listinfol div.listthumbs { width: 100%; margin: 0; padding: 0; position: relative;}
div.listinfo div.listinfol div.listthumbs::before { content: ""; display: block; padding-top: 100%;}
div.listinfo div.listinfol div.listthumbs img { width: 100%; height: 100%; position: absolute; top: 0; object-fit: cover;}


div.listacc{width: 100%; margin:25px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.listacc div{width:calc(48%); text-align:center; padding:0; margin: 0 auto 25px;}
div.listacc div img{width:calc(30%); max-width: 80px; padding:20px 0; margin: 0 auto;}

.btn01{width: 50%; max-width: 250px; margin: 25px 25px 25px auto;}

div.topmes{width: 98%; max-width: 1200px; margin: 25px auto; padding: 0 0 40px 0; text-align: center; font-size: 35px; color: #eb739a; font-family: "Kiwi Maru", serif; font-weight: 400; font-style: normal;}
div.frame01{width: 98%; max-width: 1200px; margin: 25px auto; padding: 0;}

dl.dl01{width:100%; font-size:14px; margin:0 auto; padding:20px 0 0 0; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.dl01 dt{width:calc(30%); border-bottom:1px solid #ccc; margin:0; padding:5px 0; box-sizing:border-box;}
dl.dl01 dd{width:calc(70%); border-bottom:1px solid #ccc; margin:0; padding:5px 0; box-sizing:border-box;}

div.ect-entry-card article{border-bottom:1px dashed #666; padding:15px 10px; margin:0;}
div.ect-entry-card article.entry-card h3.entry-card-title{padding:0; margin:0;}
div.ect-entry-card article.entry-card span.post-date{padding:0; margin:0;}

div.list-common{width:100%;}
div.list-common ul{width:100%; margin:0; padding:0;}
div.list-common ul li:first-child{border-top:1px solid #999;}
div.list-common ul li{border-bottom:1px solid #999; list-style:none; margin:0; padding:10px;}
div.list-common ul li a{color:#000; text-decoration:none;}
div.list-common ul li a:hover{color:#999;}
div.list-common ul li div.list-thumb{width:80px; margin-right:20px; float:left;}
div.list-common ul li div.list-thumb img{width:80px; height:80px; object-fit:cover;}
div.list-common ul li div.list-con{margin-left:100px; min-height:80px; margin:0; padding:0;}
div.list-common ul li div.list-con div.list-con-in{margin-left:100px; margin:0; padding:0;}
div.list-common ul li div.list-con div.list-con-in div.post-date{width:200px; margin:0; padding:0; float:left;}
div.list-common ul li div.list-con div.list-con-in div.list-tag{text-align:right; margin:0 0 0 200px; padding:0;}
div.list-common ul li div.list-con h3{font-size:18px; line-height:120%; margin:0; padding:0; border:none;}
div.list-common ul li div.list-con div.list-cat{text-align:right; font-size:14px; margin:0; padding:10px 0 0 0;}
div.list-common ul li div.list-con div.list-txt{font-size:14px;}

ul#privacypolicy{margin:0; padding:0;}
ul#privacypolicy li{list-style:none; margin:0 0 25px 0; padding:0;}
ul#privacypolicy li h3{font-size:16px; margin:0; padding:0; border:none;}
ul#privacypolicy li ol{margin:5px 0 5px 3em; padding:0;}
ul#privacypolicy li ol li{ list-style-type:decimal; margin:0;}


/* 園の行事ページ */
dl.nursery_event{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.nursery_event dt{width: 18%; margin: 0; padding: 0; box-sizing: border-box;}
dl.nursery_event dt img{max-width: 110px;}
dl.nursery_event dd{width: 80%; margin: 0; padding: 0; box-sizing: border-box;}

/* はる */
div.n_event02{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event02l{width: 24%;}
div.n_event02l div{width: 100%; text-align: center; color: #fff; background-color: #f4d549; border-radius: 10px; margin: 0 0 10px 0;}
div.n_event02r{width: 74%;}
div.n_event02_in{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event02_in div{width: 33%; border: 1px solid #f4d549; border-radius: 10px; margin: 0 0 10px 0; padding: 0 7px;}
div.n_event02_in div span.fc02{color: #f4d549;}
div.n_event02_in div span.fs10{font-size: 10px;}

/* なつ */
div.n_event03{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event03l{width: 24%;}
div.n_event03l div{width: 100%; text-align: center; color: #fff; background-color: #3f97e4; border-radius: 10px; margin: 0 0 10px 0;}
div.n_event03r{width: 74%;}
div.n_event03_in{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event03_in div{width: 33%; border: 1px solid #3f97e4; border-radius: 10px; margin: 0 0 10px 0; padding: 0 7px;}
div.n_event03_in div span.fc03{color: #3f97e4;}
div.n_event03_in div span.fs10{font-size: 10px;}

/* あき */
div.n_event04{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event04l{width: 24%;}
div.n_event04l div{width: 100%; text-align: center; color: #fff; background-color: #e15f22; border-radius: 10px; margin: 0 0 10px 0;}
div.n_event04r{width: 74%;}
div.n_event04_in{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event04_in div{width: 33%; border: 1px solid #e15f22; border-radius: 10px; margin: 0 0 10px 0; padding: 0 7px;}
div.n_event04_in div span.fc04{color: #e15f22;}
div.n_event04_in div span.fs10{font-size: 10px;}

/* ふゆ */
div.n_event05{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event05l{width: 24%;}
div.n_event05l div{width: 100%; text-align: center; color: #fff; background-color: #dd177d; border-radius: 10px; margin: 0 0 10px 0;}
div.n_event05r{width: 74%;}
div.n_event05_in{flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
div.n_event05_in div{width: 33%; border: 1px solid #dd177d; border-radius: 10px; margin: 0 0 10px 0; padding: 0 7px;}
div.n_event05_in div span.fc05{color: #dd177d;}
div.n_event05_in div span.fs10{font-size: 10px;}

div.n_event02_in div.ne_null,div.n_event03_in div.ne_null,div.n_event04_in div.ne_null,div.n_event05_in div.ne_null{border: none;}

.fcred{color: #c1272d;}

img.entry-card-thumb-image {
  width: 80px;
  height: 80px;
  object-fit: cover; /* この一行を追加するだけ！ */
}

div#contact p.acceptance{text-align:center; font-weight:bold;}
div#contact p.contitle{font-weight:bold; margin:0; padding:25px 0 0 0;}
div#contact dl{width:100%; margin-top:15px; float:none; clear:both;}
div#contact dl dt{font-weight:bold; width:20%; margin:0; padding:0; float:left;}
div#contact dl dd{font-weight:bold; width:80%; margin:0 0 0 20%; padding:0;}
div#contact dl dd span{ font-size:12px;}
div#contact dl dd .txt100{width:100%;}


input[type="text"],
input[type="url"],
input[type="password"],
input[type="email"],
input[type="search"],
input[type="tel"],
textarea {
  width: auto;
}

/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
 border:solid 1px #d7d7d7;	
}
/*必須の調整*/
.haveto{ color:#ff0000; font-weight:bold;}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
 display:block;
}
/*送信ボタンのデザイン変更*/
.formbtn{
 display: block;
 padding:15px;
 width:200px;
 background:#D7D7D7;
 font-size:16px;
 font-weight:bold;	 
 border-radius:4px;
 margin:25px auto 0;
}
/*送信ボタンマウスホバー時*/
.formbtn:hover{
 background:#999;
 color:#666;
 border:2px solid #666;
}
ul.pagination{width: 100%; margin: 25px auto; padding: 0;}
ul.pagination li{list-style:none;}
ul.pagination li a.prev , ul.pagination li a.next{width: 80px;}


.content , .content-in , .main , .no-sidebar .wrap {
    width: 100%; margin-right:0; margin-left:0; padding-right:0; padding-left:0; box-sizing:border-box;
}
.breadcrumb.sbp-main-before, 
.breadcrumb.sbp-footer-before,
.breadcrumb.pbp-main-before,
.breadcrumb.pbp-footer-before {
    padding-left: 0;
    padding-right: 0;
}

.metaslider,
.slides{overflow: hidden;}
.btn-menu::before{margin-right: 0;}

form{width:96%; max-width:900px; margin:20px auto;}
form p{ width:100%;}
input[type="text"] , input[type="email"]{width:100%;}
textarea{ width:100%;}

/*--- コンタクトフォーム ---*/
dl.contact7{width:100%; color: #707070; padding:0; margin:35px auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}
dl.contact7 dt{width:calc(30%); margin:0 0 25px 0; padding:0; box-sizing:border-box;}
dl.contact7 dd{width:calc(70%); margin:0 0 25px 0; padding:0; box-sizing:border-box;}
dl.contact7 dt span{font-size: 12px;}
dl.contact7 dt.contact7full{width: 100%;}
dl.contact7 dd.contact7full{width: 100%; padding-left: 25%;}
dl.contact7 dd.contact7clm2 , dl.contact7 dd.contact7clm3 , dl.contact7 dd.contact7clm4{padding:0; margin:0 auto; flex-wrap: wrap; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between;}

dl.contact7 dd.contact7clm2 div{width:calc(50%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm3 div{width:calc(33%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm4 div{width:calc(25%); margin:0; padding:0 10px 0 0; box-sizing:border-box;}
dl.contact7 dd.contact7clm2 div:last-child , dl.contact7 dd.contact7clm3 div:last-child , dl.contact7 dd.contact7clm4 div:last-child {padding-right: 0;}
div.wpcf7c-elm-step1 h3{text-align: center; color: #39B54A;}

dl.faq{width:100%; max-width:1050px; margin:0 auto;}
dl.faq dt{font-size:20px; background-color:#f7f7f7; font-weight:bold; margin:0; padding:10px;}
dl.faq dt span{font-size:30px; color:#F36;}
dl.faq dd{background-color:#f7f7f7; margin:0 0 25px 0; padding:0px 25px 25px 25px;}
dl.faq dd span{font-size:30px; font-weight:bold; color:#06F;}

.googlemap{width:100% !important; height: 450px; border-radius: 30px;}

.center{text-align:center;}
.right{text-align:right;}
.left{text-align:left;}

.fs80{font-size:80%;}
.fs120{font-size:120%;}
.fs150{font-size:150%;}
.fs180{font-size:180%;}
.fs200{font-size:200%;}

.lv2{padding-left: 2rem;}
.lv3{padding-left: 4rem;}

div.clr{width:100%; height:0; clear:both; float:none;}
.pc{display: block !important; }
.mb{display: none !important; }




/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1200px){
  /*必要ならばここにコードを書く*/
    div.message01 p{font-size: 35px;}
    div.message012 p{font-size: 35px;}
    div.schewrap{background:none;}


}

/*480px以下*/
@media screen and (max-width: 750px){
  /*必要ならばここにコードを書く*/
  
    .content .main, .content .sidebar {
		padding: 0;
	}
    
    .pc{display: none !important; }
    .mb{display: block !important; }
    
    div#head{display: none !important;}
    
    div.ftpcwraptop{display: none !important;}
    div.ftpcwrap{display: none !important;}
    div.ftmbwraptop{display: block !important; margin: 0; padding: 0; background: url("https://www.irishoikuen.com/cms/img/BG01.png") center top repeat-y; background-size: 100%;}
    div.ftmbwrap{display: block !important; margin: 0; padding: 0;}
    footer#ftmb{margin:0; padding:0; position: relative; background: url("https://www.irishoikuen.com/cms/img/MbBG.png") center bottom no-repeat; background-size: 100%;}
    footer#ftmb div.pagetop{width: 12%; position: absolute; right: 5px; top: 0; z-index: 9999;}
    footer#ftmb div.ftinn{margin:0; padding:20px 0; background-color: #fbf7ee; background: url("https://www.irishoikuen.com/cms/img/FtBGMB.png") center top repeat-y; background-size: 100%;}
    footer#ftmb div{margin: 0 auto 15px; padding: 0;}
    footer#ftmb div.ftlogo{width: calc(60%);}
    footer#ftmb div.ftadd{width: calc(80%);}
    footer#ftmb div.ftgooglemap{width: calc(50%);}
    footer#ftmb div.instagram{width: calc(25%); max-width: 90px; margin: 25px auto 70px;}
    footer#ftmb div#copyright{font-size: 12px;}
	
	div#iris_ft_wrap{margin: 0; padding:10px 0 0 0; background: none; background-size: 100%; background-color: #fff;}
	div.ftnav div.ftnavl{width: 96%; margin: 0 auto; text-align: center;}
	#iris_ft_wrap_in h2{font-size: 24px;}
	div.frame01{width: 96%; margin: 10px auto;}

    
    div#mainimage{margin-top: 26px;}
    div#mainimagemb{display: block !important; margin-top: 70px;}
    div#subimage{margin-top: 70px; background-size: 200%; overflow: hidden;}
    div#subimage:before{padding-top: 20%;}
    div#subimage h1{font-size: 20px;}
    div#subimage h1 span{font-size: 12px; line-height: 16px;}
    
div.maincontents{ padding:46px 0 0 0; margin: 0 auto;}
div#maincontents_sub{ padding: 0; margin: 0 auto; background-color: #fff;}
div#maincontents_sub2{ padding: 0; margin: 0 auto;}
    
    div#maincontents section{ padding:0; margin:20px auto;}
    div#maincontents section.full{margin:10px auto;;}
    div#maincontents section.full div.secfin{margin: 20px auto;}
	div#sub_page{background-color: #fff; padding: 0 0 30px 0;}
	
	section.full div.secin p{writing-mode: horizontal-tb; text-orientation: inherit; }

.article h3{font-size:20px; letter-spacing:inherit;}

    div.breadcrumbs{display: none !important;}

    .article h2{font-size: 24px;}

    div.message01{background: none;}
    div.message01 p{font-size: 23px;}

    div.message012{background: none;}
    div.message012:before{padding-top: 50%;}
    div.message012 p{font-size: 23px;}
    div.message012 p span{font-size: 13px;}

    div.cth3 h3{font-size: 20px; letter-spacing:0.2em;}
    div.cth3 h3 span{letter-spacing:0.1em;}

    div.cth3s h3{font-size: 20px; letter-spacing:0.2em;}
    div.cth3s h3 span{letter-spacing:0.1em;}

    div.cth3s h3.fs20{font-size: 16px;}

    div.newsinn{padding: 0 2% 15px;}
    dl.news{font-size: 14px; line-height: 130%;}
    dl.news dt{width: 20%;}
    dl.news dd{width: 80%;}
    dl.news dd a h3{font-size: 18px;}
    dl.news dd a span.ctldate{font-size: 12px;}

   div.clm03 div{width: calc(48%);}
   
   div.factory div{width:calc(45%);}

	div.sub_post div.sub_postl{width: 96%; padding: 15px;}
	div.sub_post div.sub_postr{width: 96%; padding: 15px;}
   
    div.ctlw div.ctlwl{ width: 100%; margin: 15px auto;}
    div.ctlw div.ctlwr{ width: 100%; margin: 15px auto;}
    
    dl.ctl{font-size: 14px; line-height: 130%;}
    dl.ctl dt{width: 36%;}
    dl.ctl dd{width: 64%;}
    dl.ctl dd a h3{font-size: 18px;}
    dl.ctl dd a span.ctldate{font-size: 12px;}

    dl.sbctl{font-size: 14px; line-height: 130%;}
    dl.sbctl dt{width: 20%;}
    dl.sbctl dd{width: 80%;}
    dl.sbctl dd a h3{font-size: 18px;}
    dl.sbctl dd a span.ctldate{font-size: 12px;}
    
    div.clmp div{width: calc(48%); font-size: 14px; margin-bottom: 15px;}
    div.gpt p{font-size: 16px;}


    div.currl{width: calc(100%);}
    div.currr{width: calc(100%);}
    div.currr dl{padding: 25px 0;}
    div.currr dl dt{width: calc(100%); margin: 0 auto 10px; padding: 0;}
    div.currr dl dd{width: calc(100%); margin: 0 auto 10px; padding: 0;}
    div.currl div:before{content: ""; display: block; padding-top: 50%;}

    div.histl{width: calc(100%);}
    div.histr{width: calc(100%); text-align: center; margin: 0 auto;}
    div.histr img{width: 48%; padding: 0 1%;}
    div.histl dl{margin: 0 auto; padding: 0; letter-spacing: inherit; margin-bottom: 25px;}
    div.histl dl dt{width: calc(100%); font-weight: normal; padding: 0.3em 0 0 0; border: none;}
    div.histl dl dd{width: calc(100%); padding: 0 0 0.3em 0; border-bottom: 1px solid #39B54A;}

    div.outl div{width: calc(100%);}
    div.outl div h3{font-size: 25px;}
    div.outl div h3 span{font-size: 14px;}
    div.outl div dl{margin-bottom: 25px; letter-spacing: 0.1em;}
    div.outl div dl dt{width: calc(100%); font-weight: normal; padding:0.3em 0 0 0; border: none;}
    div.outl div dl dd{width: calc(100%); padding:0 0 0.3em 0;}
    div.outl div iframe{height: 300px;}

    div.event div{width: calc(45%); margin-bottom: 25px;}
    div.event div ul{margin: 0 0 0 1em; padding: 0;}
    div.event div ul li{font-size: 14px;}
    div.event div ul li::before {
      width: 12px;
      height: 12px;
    }

dl.nursery_event dt{width: 100%; margin: 0 auto 10px;}
dl.nursery_event dt img{width: 20%; max-width: 60px; margin-top: 10px;}
dl.nursery_event dd{width: 100%; margin: 0 auto;}

/* はる */
div.n_event02l{width: 100%; margin: 0 auto;}
div.n_event02r{width: 100%; margin: 0 auto;}
div.n_event02_in div{width: 96%; margin: 0 auto 8px;}


div.n_event03l{width: 100%; margin: 0 auto;}
div.n_event03r{width: 100%; margin: 0 auto;}
div.n_event03_in div{width: 96%; margin: 0 auto 8px;}

/* あき */
div.n_event04l{width: 100%; margin: 0 auto;}
div.n_event04r{width: 100%; margin: 0 auto;}
div.n_event04_in div{width: 96%; margin: 0 auto 8px;}

/* ふゆ */
div.n_event05l{width: 100%; margin: 0 auto;}
div.n_event05r{width: 100%; margin: 0 auto;}
div.n_event05_in div{width: 96%; margin: 0 auto 8px;}

section.plogin{margin: 10px auto; padding: 10px;}

dl.tablestyle3 dt{width:calc(96%); margin:0; padding:10px 0 10px 10px;}
dl.tablestyle3 dd{width:calc(96%); margin:0; padding:0 10px 20px 25px;}

dl.tablestyle4 dt{width:calc(96%); margin:0; padding:30px 0 10px 10px; border: none;}
dl.tablestyle4 dd{width:calc(96%); margin:0; padding:0 10px 30px 25px;}

dl.contact7 dt{width:calc(96%); margin:0 auto;}
dl.contact7 dd{width:calc(96%); margin:0 auto 25px 0;}


div.online div.onll{width: calc(100%);}
    div.online div.onlr{width: calc(100%);}

    div.supbnr div{width: calc(100%);}
    div.support div.supl{width: calc(100%);}
    div.support div.supr{width: calc(100%);}

	div.clm02 div{width:calc(96%); margin: 8px auto;}
	div.clm022 div{width:calc(96%); margin: 8px auto;}
	div.clm022 div:last-child{width:calc(96%); margin: 8px auto;}

div.topmes{margin: -20px auto 0; padding: 0 0 20px 0; font-size: 25px;}


	div.clm_topmenu div{width:calc(48%); margin-bottom: 10px;}

    div.clmq{margin:0 auto;}
    div.clmq div{width: calc(100%); margin-bottom: 25px;}
    div.clmq div h3{font-size: 22px;}
    div.clmq div ul{border: 10px solid #D6F0D9; padding: 5%; margin: 0;}
    div.clmq div ul li{font-size: 16px;}

	div.clm04{width:calc(90%); margin: 0 auto;}
	div.clm04 div{width:calc(48%); margin: 0 auto;}

  	#mbnav{ display: block; width: 100%; background-color: #fff; margin: 0; padding: 0; position: fixed; left: 0; top: 0; z-index: 9000; box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);}
    #mbnavinn{width: 100%; position: relative;}
    #mbnavinn #logo{width: 190px; padding: 2% 5%; box-sizing: content-box; position: absolute; right:0; top:0;}
    #mbnavinn #logo img{width: 100%;}
  	#navwrap{text-align: center; width: 20%; height: 70px; margin: 0; padding: 0; background-color: #6b91dd;}
	#nav-drawer{position: relative;}
	/*チェックボックス等は非表示に*/
	.nav-unshown {display:none; height: 0;}
	/*アイコンのスペース*/
	#nav-open {
	  display: inline-block;
	  width: 100%;
	  height: 35px;
      color: #fff;
	  vertical-align: middle;
	  padding:12px 18px;
	}
	/*ハンバーガーアイコンをCSSだけで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
	  position: absolute;
	  height: 4px;/*線の太さ*/
	  width: 36px;/*長さ*/
	  border-radius: 3px;
	  background: #fff;
	  display: block;
	  content: '';
	  cursor: pointer;
      margin: 0 auto;
	}
	#nav-open span:before {
	  bottom: -12px;
	}
	#nav-open span:after {
	  bottom: -26px;
      content: 'MENU';
	}
	
	/*閉じる用の薄黒カバー*/
	#nav-close {
	  display: none;/*はじめは隠しておく*/
	  position: fixed;
	  z-index: 99;
	  top: 0;/*全体に広がるように*/
	  left: 0;
	  width: 100%;
	  height: 100%;
	  background: black;
	  opacity: 0;
	  transition: .3s ease-in-out;
	}
	
	/*中身*/
	#nav-content {
	  overflow: auto;
	  position: fixed;
      text-align: left;
	  top: 0;
	  left: 0;
	  z-index: 9999;/*最前面に*/
	  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
	  max-width: 330px;/*最大幅（調整してください）*/
	  height: 100%;
	  background: #fff;/*背景色*/
	  transition: .3s ease-in-out;/*滑らかに表示*/
	  -webkit-transform: translateX(-105%);
	  transform: translateX(-105%);/*左に隠しておく*/
	}
	
	/*チェックが入ったらもろもろ表示*/
	#nav-input:checked ~ #nav-close {
	  display: block;/*カバーを表示*/
	  opacity: .5;
	}
	
	#nav-input:checked ~ #nav-content {
	  -webkit-transform: translateX(0%);
	  transform: translateX(0%);/*中身を表示（右へスライド）*/
	  box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	
	#nav-content ul li:first-child{border-top:1px dashed #999;}
	#nav-content ul li{padding:10px 0; list-style:none; border-bottom:1px dashed #999;}
	#nav-content ul li a{text-decoration:none; display:block; color:#000;}


}

.top-banner {
  text-align: center; /* センター寄せ */
  margin: 20px auto;
}

.top-banner img {
  width: 300px;      /* PC表示時は300px */
  max-width: 80%;   /* スマホでは画面幅に合わせて縮小 */
  height: auto;
  display: inline-block;
}

/* スマホ対応（必要ならブレイクポイント調整） */
@media screen and (max-width: 768px) {
  .top-banner img {
    width: 90%; /* スマホ時はほぼ全幅に */
  }
}
/* スマホの時改行*/
@media screen and (min-width:640px){
  .kai {
    display: none;
  }
}
/* スマホの時改行*/