@charset "utf-8";

/* font */
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap');
@import url('https://cdn.jsdelivr.net/npm/yakuhanjp@3.4.1/dist/css/yakuhanjp.min.css');

/* reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
  font-family: YakuHanJP, "Zen Maru Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size:16px; font-weight: 500;
  padding: 0 0 0 0;
  margin: 0 0 0 0; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
address, caption, cite, code, dfn, em, var { font-style: normal; }
ol, ul { list-style: none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6, strong {  font-size: 100%; }
q:before, q:after { content: ''; }
abbr, acronym { border: 0; }

/* base */
html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { text-align: center; letter-spacing: 0.15em; margin: 0 0 0 0; color: var(--color_green); background-color: var(--color_paper); padding:0 0 20px 0; }
img { vertical-align: bottom; max-width: 100%; height: auto; }

/* var */
:root {
  --color_green: #199245;
  --color_paper: #F8F5F0;
}

/* link */
a:link, a:visited, a:active { color: var(--color_green); text-decoration: none; }
a:hover { color: var(--color_green); text-decoration: none; }
.cMain .news li a:link, .cMain .news li a:visited, .cMain .news li a:active { color: var(--color_green); text-decoration: none; }
.cMain .news li a:hover { color: var(--color_green); text-decoration: none; }
.cMain .search li a:link, .cMain .search li a:visited, .cMain .search li a:active { color: var(--color_green); text-decoration: none; }
.cMain .search li a:hover { color: var(--color_green); text-decoration: none; }

/* clear */
.clear { clear: both; }
.cbox { zoom: 100%; }
.cbox:after { content: " "; clear: both; height: 0; display: block; visibility: hidden; }

/* flex */
.flex { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.fill { object-fit: cover; font-family: 'object-fit: cover;' }

/* options */
.r { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; overflow: hidden; }
.rl { -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; writing-mode: vertical-rl; font-feature-settings : "pkna"; }
.tb { -webkit-writing-mode: horizontal-tb; -ms-writing-mode: lr-tb; writing-mode: horizontal-tb; font-feature-settings : "palt"; }
.pc { display:block !important; }
.sp { display:none !important; }
.pcbr { display:block !important; }
.spbr { display:inline !important; }
.pc_inline { display:inline !important; }
.sp_inline { display:none !important; }
.sp_menu { display:none; }

/* layout */
.cWrap { width: 1100px; margin: auto; text-align: left; padding:30px 6% 50px 6%; }

/* header */
.cHeader { background-color: var(--color_green); }
.cHeader header {  overflow: hidden; width: 1100px; margin: auto; }
.cHeader nav { text-align: center; }
.cHeader nav ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.cHeader nav ul li { font-size: 15px; font-weight:700; line-height: 1em; color: var(--color_paper); display: block; width: 7.5%; }
.cHeader nav ul li.info { width: 8.75%; }
.cHeader nav ul li.sbn { width: 8.75%; }
.cHeader nav ul li a { background-size: auto 45%; background-repeat: no-repeat; background-position: center 20px; color: var(--color_paper); display: block; text-align: center; letter-spacing: 0; padding: 5em 0 0.75em 0; }
.cHeader nav ul li.goods a,
.cHeader nav ul li.sbn a { padding: 4.25em 0 0.5em 0; }
.cHeader nav .about a { background-image: url(../svgs/i_about.svg); }
.cHeader nav .news a { background-image: url(../svgs/i_news.svg); }
.cHeader nav .info a { background-image: url(../svgs/i_info.svg); }
.cHeader nav .ex a { background-image: url(../svgs/i_ex.svg); }
.cHeader nav .event a { background-image: url(../svgs/i_event.svg); }
.cHeader nav .goods a { background-image: url(../svgs/i_goods.svg); }
.cHeader nav .sbn a { background-image: url(../svgs/i_sbn.svg); }
.cHeader nav .friends a { background-image: url(../svgs/i_friends.svg); }
.cHeader nav .kids a { background-image: url(../svgs/i_kids.svg); }
.cHeader nav .books a { background-image: url(../svgs/i_books.svg); }
.cHeader nav .document a { background-image: url(../svgs/i_document.svg); }
.cHeader nav .application a { background-image: url(../svgs/i_application.svg); }
.cHeader nav .other a { background-image: url(../svgs/i_other.svg); }
.cHeader nav li a:hover { background-color: var(--color_paper); color: var(--color_green); }
.cHeader nav .about a:hover { background-image: url(../svgs/i_about_on.svg); }
.cHeader nav .news a:hover { background-image: url(../svgs/i_news_on.svg); }
.cHeader nav .info a:hover { background-image: url(../svgs/i_info_on.svg); }
.cHeader nav .ex a:hover { background-image: url(../svgs/i_ex_on.svg); }
.cHeader nav .event a:hover { background-image: url(../svgs/i_event_on.svg); }
.cHeader nav .goods a:hover { background-image: url(../svgs/i_goods_on.svg); }
.cHeader nav .sbn a:hover { background-image: url(../svgs/i_sbn_on.svg); }
.cHeader nav .friends a:hover { background-image: url(../svgs/i_friends_on.svg); }
.cHeader nav .books a:hover { background-image: url(../svgs/i_books_on.svg); }
.cHeader nav .kids a:hover { background-image: url(../svgs/i_kids_on.svg); }
.cHeader nav .document a:hover { background-image: url(../svgs/i_document_on.svg); }
.cHeader nav .application a:hover { background-image: url(../svgs/i_application_on.svg); }
.cHeader nav .other a:hover { background-image: url(../svgs/i_other_on.svg); }
#about .cHeader nav .about a { background-image: url(../svgs/i_about_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#inoue .cHeader nav .about a { background-image: url(../svgs/i_about_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#outline .cHeader nav .about a { background-image: url(../svgs/i_about_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#news .cHeader nav .news a { background-image: url(../svgs/i_news_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#info .cHeader nav .info a { background-image: url(../svgs/i_info_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#facilities .cHeader nav .info a { background-image: url(../svgs/i_info_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#access .cHeader nav .info a { background-image: url(../svgs/i_info_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#ex .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#ex_1 .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#ex_2 .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#ex_3 .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#exhibition .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#archives .cHeader nav .ex a { background-image: url(../svgs/i_ex_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#event .cHeader nav .event a { background-image: url(../svgs/i_event_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#zuroku .cHeader nav .goods a { background-image: url(../svgs/i_goods_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#bungakunews .cHeader nav .sbn a { background-image: url(../svgs/i_sbn_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#museum .cHeader nav .goods a { background-image: url(../svgs/i_goods_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#friends .cHeader nav .friends a { background-image: url(../svgs/i_friends_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#books .cHeader nav .books a { background-image: url(../svgs/i_books_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#kids .cHeader nav .kids a { background-image: url(../svgs/i_kids_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#document .cHeader nav .document a { background-image: url(../svgs/i_document_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#application .cHeader nav .application a { background-image: url(../svgs/i_application_on.svg); background-color: var(--color_paper); color: var(--color_green); }
#other .cHeader nav .other a { background-image: url(../svgs/i_other_on.svg); background-color: var(--color_paper); color: var(--color_green); }

/* footer */
.cFooter { clear: both; padding:10px 0 0 280px; overflow: hidden; }
.cFooter li:nth-child(1) { float: left; margin:0; padding: 0 0 0 0; }
.cFooter li { float: right; margin: 0 0 0 15px; font-size: 13px; font-weight: 700; line-height: 1em; }

/* tool */
.mTool {  width: 220px; margin: 0 0 20px 0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.mTool dl { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.mTool dl dt { width: 20px; line-height: 22px; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; }
.mTool dl dd input { border-radius: 5px; background-color: var(--color_green); border: none; color: var(--color_paper); width: 115px; margin: 0 0 0 8px; font-size: 14px; line-height: 1em; padding: 3px 5px 3px 5px; }
.mTool #search_bn { height: auto; width: 100%; }
.mTool .large { font-size: 25px; line-height: 1em; margin: 0 5px 0 0; }
.mTool .small { font-size: 16px; line-height: 30px; margin: 0 10px 0 0; }

/* subnavi */
.cMain #subnavi { margin: 0 0 30px 0; }
.cMain #subnavi a { float: left; display: block; text-align: center; width: 32%; border: 2px solid var(--color_green); font-size: 15px; line-height: 50px; font-weight: 700; margin: 0 10px 0 0; border-radius: 60px; }
.cMain #subnavi .sub_ex a { border-radius: 60px 0 0 60px; width: 16%; margin: 0 0 0 0; }
.cMain #subnavi .sub_ex_1 a,
.cMain #subnavi .sub_ex_2 a,
.cMain #subnavi .sub_ex_3 a,
.cMain #subnavi .sub_ex_4 a,
.cMain #subnavi .sub_ex_5 a { border-radius: 0; width: 5%; margin: 0 0 0 0; border-left-style: none; }
.cMain #subnavi .sub_ex_6 a { border-radius: 0 60px 60px 0; width: 5%; border-left-style: none; }
.cMain #subnavi li:nth-last-of-type(1) a { float: right; margin: 0 0 0 0; }
.cMain #subnavi a:hover { color: var(--color_paper); background-color: var(--color_green); }
.cMain #subnavi .sub_exhibition a { width:24.3%; }
.cMain #subnavi .sub_archives a { width:24.3%; }
.cMain #subnavi .sub_outline a {  width: 20%; }
.cMain #subnavi .sub_zuroku a {  width: 48%; }
.cMain #subnavi .sub_museum a {  width: 48%; }
#about .cMain #subnavi .sub_about a { color: var(--color_paper); background-color: var(--color_green); }
#koike .cMain #subnavi .sub_koike a { color: var(--color_paper); background-color: var(--color_green); }
#inoue .cMain #subnavi .sub_inoue a { color: var(--color_paper); background-color: var(--color_green); }
#outline .cMain #subnavi .sub_outline a { color: var(--color_paper); background-color: var(--color_green); }
#info .cMain #subnavi .sub_info a { color: var(--color_paper); background-color: var(--color_green); }
#facilities .cMain #subnavi .sub_facilities a { color: var(--color_paper); background-color: var(--color_green); }
#access .cMain #subnavi .sub_access a { color: var(--color_paper); background-color: var(--color_green); }
#ex .cMain #subnavi .sub_ex a { color: var(--color_paper); background-color: var(--color_green); }
#ex_1 .cMain #subnavi .sub_ex a, #ex_1 .cMain #subnavi .sub_ex_1 a { color: var(--color_paper); background-color: var(--color_green); }
#ex_2 .cMain #subnavi .sub_ex a, #ex_2 .cMain #subnavi .sub_ex_2 a { color: var(--color_paper); background-color: var(--color_green); }
#ex_3 .cMain #subnavi .sub_ex a, #ex_3 .cMain #subnavi .sub_ex_3 a { color: var(--color_paper); background-color: var(--color_green); }
#ex_4 .cMain #subnavi .sub_ex a, #ex_4 .cMain #subnavi .sub_ex_4 a { color: var(--color_paper); background-color: var(--color_green); }
#ex_5 .cMain #subnavi .sub_ex a, #ex_5 .cMain #subnavi .sub_ex_5 a { color: var(--color_paper); background-color: var(--color_green); }
#ex_6 .cMain #subnavi .sub_ex a, #ex_6 .cMain #subnavi .sub_ex_6 a { color: var(--color_paper); background-color: var(--color_green); }
#exhibition .cMain #subnavi .sub_exhibition a { color: var(--color_paper); background-color: var(--color_green); }
#archives .cMain #subnavi .sub_archives a { color: var(--color_paper); background-color: var(--color_green); }
#zuroku .cMain #subnavi .sub_zuroku a { color: var(--color_paper); background-color: var(--color_green); }
#bungakunews .cMain #subnavi .sub_bungakunews a { color: var(--color_paper); background-color: var(--color_green); }
#museum .cMain #subnavi .sub_museum a { color: var(--color_paper); background-color: var(--color_green); }

/* side */
.cSide { float: left; width: 220px; }
.cSide .cover { border-radius: 10px; background-color: var(--color_green); border: 2px solid var(--color_green); margin: 0 0 20px 0; overflow: hidden; clear: both; display: block; }
.cSide .cover h1 { padding: 30px; }
.cSide .cover p { font-size: 28px; background-color: var(--color_paper); font-weight: 500; padding:20px 0 20px 30px; letter-spacing: 0.4em; }
.cSide .cover dl { background-color: var(--color_green); text-align: center; padding:15px 0 10px 0; color: var(--color_paper); }
.cSide .news h2 { text-align: center; font-size: 18px; font-weight: 700; line-height: 1em; letter-spacing: 0.2em; padding: 0 0 15px 0; }
.cSide .news h2 img { width: 25px; margin: 0 10px 0 0; }
.cSide .news li { padding:15px 0; border-top: dashed 1px var(--color_green); }
.cSide .news dt { font-size: 15px; font-weight: 700; margin: 0 0 5px 0; }
.cSide .news dd { font-size: 13px; line-height: 1em; }
.cSide .news dd span { font-size: 10px; line-height: 13px; padding:0 0 0 5px; }

/* banner */
.mBanner li { margin: 0 0 20px 0; border: 2px solid var(--color_green); padding: 20px; text-align: center; }
.mBanner .access { font-size: 18px; font-weight: 700; line-height: 30px; text-align: left; letter-spacing: 0.15em; }
.mBanner .access a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content:space-between; align-items: center; }
.mBanner .access img { width: 30%; margin: 0; height: auto; }
.mBanner .book { font-size: 18px; font-weight: 700; letter-spacing: 0.15em; }
.mBanner .book a { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: center; align-items: center; }
.mBanner .book img { width: auto; margin: 0 15px 0 0; height: 30px; }
.mBanner .twitter,
.mBanner .facebook { width:3rem; height:3rem; float: left; margin:0 15px 0 0; padding:0; }
.mBanner .twitter a,
.mBanner .facebook a { font-size: 1.5rem; line-height:3rem; display: block; color: var(--color_green); }
.mTwitter { margin: 0 0 20px 0; }

/* word */
.mWord { text-align: center; float: left; width: 20px; font-size: 18px; line-height: 1.4em; font-weight: 700; padding: 45px 20px 0 20px; }
.mWord span { display: block; width: 20px; margin:10px 0; }

/* contents */
.cMain { float: right; width: 820px; }

/* archives */
.mArchive { position: relative; width: 852px; }
.mArchive li.main a { border: 2px solid var(--color_green); position: relative; margin:0 0 25px 0; padding:60px 40px 40px 40px; width: 736px; display: block; overflow: hidden; }
.mArchive li.main a:hover { border: 2px dashed var(--color_green); }
.mArchive li.main dt { position: absolute; left: 0; top: 0; }
.mArchive li.main dt span { border-bottom: 1px solid var(--color_green); float: left; border-right: 1px solid var(--color_green); padding:9px 10px 8px 10px; font-size: 16px; line-height: 1em;  }
.mArchive li.main .photo { float: right; width: 300px; margin:-25px 0 0 20px; }
.mArchive li.main .title { font-size: 42px; line-height: 1.2em; }
.mArchive li.main .sub { font-size: 26px; line-height: 1.4em; margin: 10px 0 0 0; }
.mArchive li.main .ex { font-size: 15px; line-height: 1.6em; margin: 15px 0 0 0; background-size: auto 50px; background-image: url(../images/more.png); background-repeat: no-repeat; background-position: right bottom; width: 340px; padding: 0 60px 0 0; }
.mArchive li.main .icon { position: absolute; right: 0; width: 65px; bottom: 0; overflow: hidden; }
.mArchive li.main.small .title { font-size: 36px; }
.mArchive li.second a { display: block; border: 2px solid var(--color_green); position: relative; margin: 0 0 25px 0; padding:60px 40px 25px 40px; width: 313px; }
.mArchive li.second a:hover { border: 2px dashed var(--color_green); }
.mArchive li.second .waku { display: block; border: 2px solid var(--color_green); position: relative; margin: 0 0 25px 0; width: 393px; }
.mArchive li.second dt { position: absolute; left: 0; top: 0; }
.mArchive li.second dt span { border-bottom: 1px solid var(--color_green); float: left; border-right: 1px solid var(--color_green); padding:9px 10px 8px 10px; font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: 0.1em; }
.mArchive li.second .photo { margin: 0 0 15px 0; }
.mArchive li.second .title { font-size: 38px; line-height: 1.2em; }
.mArchive li.second .sub { display: block; font-size: 24px; line-height: 1.4em; margin: 5px 0 0 0; }
.mArchive li.second .ex { font-size: 15px; line-height: 1.6em; margin: 10px 0 0 0; background-size: auto 50px; width: auto; padding:0 40px 10px 0; }
.mArchive li.second .icon { position: absolute; right: 0; width: 65px; bottom: 0; border-radius: 0.5em 0 0 0; overflow: hidden; }
.mArchive li.second.sub a { padding: 0 0 0 0; width: 393px; border: 2px solid var(--color_green); margin: 0 0 25px 0; position: relative; }
.mArchive li.second.sub a:hover { border: 2px dashed var(--color_green); }
.mArchive li.second span.caption { position: absolute; left: 0; top: -1px; display: inline-block; font-size: 16px; line-height: 1em; color: var(--color_paper); letter-spacing: 0.1em; padding:8px 10px; z-index: 999; background-color: var(--color_green); }
.mArchive li.third a { background-size: auto 40px; background-repeat: no-repeat; background-position: center 35px; border: 2px solid var(--color_green); position: relative; margin: 0 0 25px 0; width: 182px; text-align: center; padding:90px 0 20px 0; font-weight: 700; display: block; }
.mArchive li.third a:hover { background-position: center 30px; border: 2px dashed var(--color_green); }
.mArchive li.third.access a { background-image: url(../svgs/bn_access_2.svg); }
.mArchive li.third.ex a { background-image: url(../svgs/bn_ex.svg); }
.mArchive li.third.ev a { background-image: url(../svgs/bn_event.svg); }
.mArchive li.third.book a { background-image: url(../svgs/bn_book.svg); }
.mArchive li.event a { display: block; position: relative; margin: 0 0 25px 0; padding:50px 40px 25px 40px; width: 317px; background-color: var(--color_green); border-radius: 20px; }
.mArchive li.event dt { border-radius: 19px 0 0 0; position: absolute; left: -1px; top: -1px; background-color: var(--color_paper); border-radius: 0 0 0.5em 0; }
.mArchive li.event dt span { float: left; border-right: 1px solid var(--color_green); padding:9px 10px 8px 10px; font-size: 15px; font-weight: 700; line-height: 1em; letter-spacing: 0.1em; }
.mArchive li.event dt span:last-child { border-right: none; }
.mArchive li.event .photo { margin: 0 0 15px 0; text-align: center; }
.mArchive li.event .title { font-size: 42px; line-height: 1.3em; color: var(--color_paper); }
.mArchive li.event .ex { font-size: 15px; line-height: 1.6em; margin: 10px 40px 0 0; background-size: auto 50px; background-image: none; background-repeat: no-repeat; background-position: left bottom; width: auto; color: var(--color_paper); }
.mArchive li.event .icon { border-radius: 0.5em 0 0 0; position: absolute; right: -1px; width: 65px; bottom: -1px; overflow: hidden; }
.mArchive li.event span.caption { position: absolute; left: 0; top: 0; display: inline-block; font-size: 16px; line-height: 1em; color: var(--color_paper); letter-spacing: 0.1em; padding:8px 10px; }
.mArchive.basic .second span { font-size: 28px; color: var(--color_paper); background-color: var(--color_green); }
.mArchive.goods .second.sub a { width: 25%; background-color: var(--color_paper); }
.mArchive.goods li { width: 182px; text-align: center; padding: 15px 0; border: 2px solid var(--color_green); position: relative; float: left; margin: 0 0 25px 0; }
.mArchive.goods li img { width: 50%; margin: 15px 0; }
.mArchive.goods li span.caption { display: block; color: var(--color_green); text-align: left; padding: 0 15px; font-size: 13px; line-height: 1.5em;  margin: 0 0 5px 0; }
.mArchive.goods li span.price { font-size: 16px; line-height: 1.5em; color: var(--color_green); background-color: var(--color_paper); display: block; position: static; padding: 0 15px; text-align: left;  }
.cMain.ex .mArchive li.second a dl .title { font-size: 28px; }
.cMain.ex .mArchive li.second a dl .ex { margin: 0 0 0 0; width: auto; padding: 0 0 0 0; }
.cMain.ex i { letter-spacing: -0.3em !important; font-style: italic !important; margin:0 0.7em 0 0; }
.cMain.ex i.fa { letter-spacing: 0em !important; font-style: normal !important; margin:0; }
.cMain .search ul { margin: 0 0 0 0; padding: 0 0 0 0; }
.cMain .search li { margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; text-indent: 0; }

/* contents */
.cMain h1 { font-size: 26px; font-weight: 500; line-height: 1em; border-bottom: 1px solid var(--color_green); padding:18px 30px 18px 35px; border-top: 2px solid var(--color_green); border-right: 2px solid var(--color_green); border-left: 2px solid var(--color_green); }
.cMain h1 img { margin: 0 20px 0 0; width: 40px; }
.cMain h1 i { letter-spacing: -0.3em !important; font-style: italic !important; margin:0 0.7em 0 0; }
.cMain .first .mainphoto { float: right; width: 400px; margin: 0 0 0 30px; }
.cMain .first h2 { margin: 0 0 0 0; }
.cMain section { border: 2px solid var(--color_green); margin: 0 0 25px 0; padding:30px 35px; overflow: hidden; }
.cMain section h1 { font-size: 28px; font-weight: 500; line-height: 1.5em; padding: 0 0 0 0; margin: 0 0 1em 0; border: none; }
.cMain section h2 { font-size: 24px; font-weight: 500; line-height: 1.5em; margin: 2em 0 0.6em 0; display: inline-block; padding: 0 0 0.1em 0; letter-spacing: 0.1em; }
.cMain section h2 img { width: 35px; margin: 0 20px 0 0; vertical-align: middle; }
.cMain section h2:nth-child(1) { margin: 0 0 0.6em 0; }
.cMain section h3 { margin: 2em 0 1em 0; font-weight: 500; font-size: 21px; letter-spacing: 0.1em; }
.cMain section h4 { margin: 0 0 1em 0; font-weight: 500; font-size: 18px; }
.cMain section h5 { margin: 0 0 1em 0; font-weight: 500; font-size: 14px; }
.cMain section h6 { margin: 0 0 1em 0; font-weight: 500; font-size: 12px; }
.cMain section ul { list-style-position: outside; list-style-type: disc; margin: 0 0 3em 2em; line-height: 1.5em; }
.cMain section ol { list-style-position: outside; list-style-type: decimal; margin: 0 0 3em 2.5em; line-height: 1.5em; }
.cMain section li { margin: 1em 0; }
.cMain section a { text-decoration: underline; }
.cMain section em { font-style: italic; margin: 2em 0; }
.cMain section blockquote { padding:0 3em; margin:2em 0; }
.cMain section.first { border-top-style: none; }
.cMain section dl { padding: 0 2em; }
.cMain section dt { font-size: 110%; line-height: 1.5em; margin: 1em 0; clear: both; display: inline-block; padding: 0 0 0.1em 0; border-bottom: 2px solid var(--color_green); float: none; letter-spacing: 0.1em; }
.cMain section dt a { text-decoration: none; }
.cMain section dd { font-size: 90%; line-height: 2em; padding: 0 0 0 1em; }
.cMain section p { font-size: 100%; line-height: 2em; margin: 0 0 2em 0; }
.cMain section p:last-child { margin: 0 0 0 0; }
.cMain section img { margin: 0 0 20px 0; }
.cMain section .wp-caption.alignleft { float: left; width: 60%; margin: 0 40px 0 0; }
.cMain section .wp-caption.alignleft img { padding: 0 0 0 0; margin: 10px 0; }
.cMain section .wp-caption.alignleft .wp-caption-text { margin: 0 0 0 0; }
.cMain section .wp-caption.alignright { float: right; width: 60%; margin: 0 0 0 40px; }
.cMain section .wp-caption.alignright img { padding: 0 0 0 0; margin: 10px 0; }
.cMain section .wp-caption.alignright .wp-caption-text { margin: 0 0 0 0; }
.cMain section img { height: auto; max-width: 100%; }
.cMain section img.centered { display: block; margin: 0 auto; }
.cMain section img.alignright { padding: 0 0 0 0; display: inline; max-width: 47%; margin: 10px 0 40px 2%; }
.cMain section img.alignleft { padding: 0 0 0 0; display: inline; max-width: 47%; margin: 10px 40px 2% 0; }
.cMain section .aligncenter { margin: 15px 0; display: block; margin: auto; }
.cMain section .alignright { float: right; margin:0 0 20px 30px; }
.cMain section .alignleft { float: left; margin:0 30px 20px 0; }
.cMain section hr { border-top: 1px solid var(--color_green); padding: 0 0 0 0; clear: both; margin: 1em 0 2em 0; }
.cMain section.map { padding:5em; }
.cMain section.map img { margin:0; }
.cMain section.map_info { border:none; margin: 0; padding:0; overflow: hidden; }
.cMain section.map_info ul { list-style: none; margin: 0; padding:0; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: stretch;  }
.cMain section.map_info ul li { width:48%; border: 2px solid var(--color_green); margin: 0 0 2em 0; padding:0; }
.cMain section.map_info ul li dl { border: none; margin: 0; padding:0; }
.cMain section.map_info ul li dl dt { border: none; margin: 0; padding:0; position: relative; }
.cMain section.map_info ul li dl dt span { font-size: 1.4em; line-height: 1em; text-align: center; width:1em; position: absolute; top:0; left:0; background-color: var(--color_green); padding:0.25em; color: var(--color_paper); }
.cMain section.map_info ul li dl dt img { margin: 0; padding:0; }
.cMain section.map_info ul li dl dd { border: none; margin: 0; padding:1.5em; }

/* mailform */
#mailform .mailform { width: 100%; margin: 2em 0 0 0; }
#mailform .mailform th { font-size: 16px; width: 20%; text-align: right; padding:15px 10px; }
#mailform .mailform td { padding:15px 10px; }
.cMain .nes { font-size: 0.7em; line-height: 1em; color: var(--color_paper); background-color: var(--color_green); padding: 2px; white-space: nowrap; }
.cMain .free { font-size: 0.7em; line-height: 1em; color: var(--color_green); padding: 2px; white-space: nowrap; border: 1px solid var(--color_green); }
.cMain input { width: 90%; border: 1px solid var(--color_green); padding: 5px; }
.cMain input[type="submit"]{ cursor:pointer;color: var(--color_paper); background-color: var(--color_green); padding: 5px; width: 50%; font-size: 14px; margin: 15px 0 0 0; font-family: YakuHanJP,"Zen Maru Gothic", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 0.2em; border: 1px solid var(--color_green); }
.cMain textarea { width: 90%; border: 1px solid var(--color_green); height: 300px; }

/* list */
.friends .cMain section.second { padding: 0 0 0 0; border: none; }
.friends .cMain ul li { float: left; width: 38%; border: 2px solid var(--color_green); position: relative; padding:8% 5% 5% 5%; margin: 0 0 3% 0; }
.friends .cMain ul li:nth-child(2n) { float: right; }
.friends .cMain ul dl { margin: 0 0 0 0; padding: 0 0 0 0; }
.friends .cMain ul dt { font-size: 21px; line-height: 1em; color: var(--color_paper); background-color: var(--color_green); display: block; border: none; position: absolute; margin: 0 0 0 0; left: 0; top: 0; letter-spacing: 0.2em; padding:10px 25px: }
.friends .cMain ul dd { padding: 0 0 0 0; font-size: 14px; }
.friends .cMain ul .title { font-size: 28px; margin: 0 0 10px 0; line-height: 1.5em; }
.friends .cMain ul .ex { font-size: 14px; margin: 1em 0 0 0; line-height: 1.6em; }
.friends .cMain ul li.sub { padding: 0 0 0 0; width: 48%; }
.cMain .news { margin: 0 0 0 0; padding: 0 0 0 0; }

/* news */
.cMain .news li { clear: both; margin: 0.6em 0 0 0; list-style-type: none; }
.cMain .news li:nth-child(1) { margin: 0 0 0 0; }
.cMain .news dl { margin: 0 0 0 0; padding: 0 0 0 0; }
.cMain .news dt { float: left; margin: 0 0 0 0; padding: 0 0 0 0; font-size: 14px; line-height: 2em; display: block; border: none; width: 20%;  }
.cMain .news dd { font-size: 16px; line-height: 1.5em; margin: 0 0 0 0; padding: 0 0 0 0;  }
.cWrap.friends .cMain ul { list-style-type: none; margin: 0 0 0 0; }
.cWrap.friends .cMain ul li { margin: 0 0 3% 0; }

/* event */
.cMain.event .mArchive { margin: 20px 0 0 0; }
.cMain h1.solo { border-bottom-width: 2px; margin: 0 0 25px 0; }
.cMain.event .mArchive .ex { margin: 0 40px 0 0; }
.cMain section table { width: 100%; border-top: 2px solid var(--color_green); margin: 1em 0 3em 0; }
.cMain section th { border-bottom: 2px solid var(--color_green); text-align: left; padding:0 0 0 0; vertical-align: middle; }
.cMain section tr td:first-child { width:45%; padding: 0.5em 0.5em 0.5em 0; border-left-style: none; }
.cMain section td { padding: 0.5em 0 0.5em 0.5em; border-bottom: 2px solid var(--color_green); text-align: left; border-left: 1px solid var(--color_green); vertical-align: middle; }
.cMain .gotop { margin:0 0 3em 0; text-align: right; }

/* slideshow */
#slideshow { width: 394px; height: 237px; position: relative; z-index: 999; }
#slideshow img { position: absolute; top: 0; left: 0; z-index: 8; }
#slideshow img.active { z-index: 10; }
#slideshow img.last-active { z-index: 9; }

/* calender */
.mCalender { border: 2px solid var(--color_green); position: relative; padding:10px 15px 15px 15px; margin: 0 0 20px 0; }
.mCalender .att { font-size: 13px; line-height: 1em; margin: 0 0 10px 0; padding: 0 0 0 70px; }
.mCalender table { width: 100%; }
.mCalender th, .mCalender td {  font-size: 13px; line-height: 24px; text-align: center; width: 14%; letter-spacing: 0; height: 30px; }
.mCalender table span { border-radius: 20px; color: var(--color_paper); background-color: var(--color_green); height: 24px; width: 24px; display: block; margin: auto; }

/* calendar */
#biz_calendar {  }
#biz_calendar p { font-size: 13px; line-height: 2em; font-weight: 700; }
#biz_calendar p span.boxholiday { }
#biz_calendar p span.boxeventday { }
#biz_calendar table.bizcal { margin:1em 0; }
#biz_calendar table.bizcal tr { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: center; }
#biz_calendar table.bizcal tr th { width: 2em; height: 2em; font-weight: 700; }
#biz_calendar table.bizcal tr td { width: 2em; height: 2em; font-weight: 700; }
#biz_calendar table.bizcal .calmonth {  font-size: 14px; line-height: 1em; font-weight: 700; text-align: left; white-space: nowrap; }
#biz_calendar table.bizcal .calbtn { }
#biz_calendar table.bizcal .holiday { border-radius: 2em; color: var(--color_paper); background-color: var(--color_green); }
#biz_calendar table.bizcal .eventday { border-radius: 2em; color: var(--color_green); border: 1px solid var(--color_green); }
#biz_calendar table.bizcal .eventday a { }
#biz_calendar table.bizcal .today {  }
#biz_calendar table.bizcal .today a { }
#biz_calendar table.bizcal .down-img { position: absolute; top: 0; right: 60px; }
#biz_calendar table.bizcal .today-img { float: left; position: absolute; top: 0; right: 30px; }
#biz_calendar table.bizcal .up-img { float: left; position: absolute; top: 0; right: 0; }
#biz_calendar table.bizcal img {}

/* rotate */
.mWord span { -webkit-animation: spin 3s ease infinite; -moz-animation: spin 3s ease infinite; -ms-animation: spin 3s ease infinite; -o-animation: spin 3s ease infinite; animation: spin 3s ease infinite; }
@-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(-360deg); } }
@-moz-keyframes spin { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(-360deg); } }
@-ms-keyframes spin { 0% { -ms-transform: rotate(0deg); } 100% { -ms-transform: rotate(-360deg); } }
@-o-keyframes spin { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(-360deg); } }
@keyframes 'rotate1' { 0% { transform: rotate(0deg); } 100% { transform: rotate(-360deg); } }

/* past_ex */
.cMain .past_ex li { list-style-type: none; margin: 0 0 2em 0; padding: 0 0 0 20px; border-left: 2px solid var(--color_green); }
.cMain .past_ex li a:link, .cMain .past_ex li a:visited, .cMain .past_ex li a:active { text-decoration: none; }
.cMain .past_ex li a:hover { color: var(--color_green); text-decoration: none; }
.cMain .past_ex li dl { margin: 0 0 0 0; padding: 0 0 0 0; }
.cMain .past_ex li dt { border: none; list-style-type: none; padding: 0 0 0 0; font-size: 21px; line-height: 1.2em; margin: 0 0 0.5em 0; }
.cMain .past_ex li dd { margin: 0 0 0 0; padding: 0 0 0 0; line-height: 1em; }

/* kids */
.cWrap.kids .cMain section { padding: 0 0 0 0; border-top-width: 3px; border-right-width: 3px; border-bottom-width: 3px; border-left-width: 3px;  }
.cWrap.kids .cMain section img  { height: auto; width: 100%; margin: 0 0 0 0; padding: 0 0 0 0; }
.cWrap.kids .cMain section h1 { margin: 0 0 0 0; padding: 0 0 0 0; height: auto; width: 100%; border-bottom-width: 2px; border-bottom-style: dashed; border-bottom-color: var(--color_green); }
.cWrap.kids .cMain section .lead  { margin: auto; text-align: center; padding: 3em 0; border-bottom-width: 3px; border-bottom-style: dashed; border-bottom-color: var(--color_green); }
.cWrap.kids .cMain section .lead p { margin: auto; text-align: left; display: inline-block; font-size: 1.2em;  }
.cWrap.kids .cMain section .kids_navi { margin: 0 0 0 0; padding: 0 0 0 0; }
.cWrap.kids .cMain section .kids_navi li { box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; float: left; width: 50%; border-right-width: 2px; border-bottom-width: 2px; border-right-style: dashed; border-bottom-style: dashed; border-right-color: var(--color_green); border-bottom-color: var(--color_green); }
.cWrap.kids .cMain section .kids_navi li a { display: block; }
.cWrap.kids .cMain section .kids_navi li a:hover { background-color: var(--color_green); }
.cWrap.kids .cMain section .kids_navi li:nth-child(6) ,.cWrap.kids .cMain section .kids_navi li:nth-child(5){ border-bottom-style: none; }
.cWrap.kids .cMain section .kids_navi li:nth-child(2n) { border-right-color: transparent; }
.cWrap.kids .cMain section .kids_navi li:nth-child(2n):hover { border-right-color: var(--color_green); border-right-style: solid; }
.cWrap.kids .cMain section .kids_snavi { margin: 0 0 0 0; padding: 0 0 0 0; }
.cWrap.kids .cMain section .kids_snavi li { box-sizing: border-box; margin: 0 0 0 0; padding: 0 0 0 0; list-style-type: none; float: left; width: 16.666666%; border-right-width: 2px; border-bottom-width: 2px; border-right-style: dashed; border-bottom-style: dashed; border-right-color: var(--color_green); border-bottom-color: var(--color_green); }
.cWrap.kids .cMain section .kids_snavi li a { display: block; }
.cWrap.kids .cMain section .kids_snavi li.on a { background-color: var(--color_green); }
.cWrap.kids .cMain section .kids_snavi li a:hover      { background-color: var(--color_green); }
.cWrap.kids .cMain section .kids_snavi li:nth-child(6) { border-right-color: transparent; }
.cWrap.kids .cMain section .kids_snavi li:nth-child(6):hover { border-right-color: var(--color_green); border-right-style: solid; }
.cWrap.kids .cMain section .kids_snavi li:nth-child(6).on a { background-color: var(--color_green); }
.cWrap.kids .cMain section h2 { font-size: 1.5em; text-align: center; display: block; clear: both; padding: 2em 0; margin: 0 0 0 0; }
.cWrap.kids .cMain section h2 img { height: 4em; width: auto; margin: 0 1em 0 0; vertical-align: middle; }
.cWrap.kids .cMain section .entry { width: 80%; margin: auto auto 4em auto; font-size: 1.3em; line-height: 2.4em; text-align: center; }
.cWrap.kids .cMain section .entry p { text-align: left; display: inline-block; margin: auto auto 2em auto;  line-height: 2.2em; }
.cWrap.kids .cMain section .found { padding: 0 0 0 0; list-style-type: none; margin: 0 0 0 0; overflow: hidden; }
.cWrap.kids .cMain section .found li { float: left; width: 45%; margin: 0 10% 1em 0; }
.cWrap.kids .cMain section .found li:nth-child(2n) { margin: 0 0 1em 0; }
.cWrap.kids .cMain section .found li span { margin: 0.6em 0 0 0; display: block; }
.cWrap.kids .cMain section .entry_sep { font-size: 1.3em; line-height: 2.4em; text-align: center; border-top: 2px dashed var(--color_green); clear: both; margin: auto; padding: 3em 10% 2em 10%; }
.cWrap.kids .cMain section .entry_sep h3 { display: inline-block; border-bottom: 2px solid var(--color_green); padding: 0 0 0.1em 0; margin: 0 0 3em 0; }
.cWrap.kids .cMain section .entry_sep h4 { margin: 0 0 0 0; }
.cWrap.kids .cMain section .entry_sep p { text-align: left; display: inline-block; margin: auto auto 2em auto; line-height: 2.2em; }
.cWrap.kids .cMain section .entry_sep .board { display: block; font-size: 1.2em; overflow: hidden; }
.cWrap.kids .cMain section .entry_sep .access { padding: 0 0 0 0; list-style-type: none; }
.cWrap.kids .cMain section .entry_sep .access dt { float: left; width: 8%; border: none; margin: 0 0 0 0; padding: 0 0 0 0; clear: both; }
.cWrap.kids .cMain section .entry_sep .access dd { text-align: left; float: right; width: 85%; margin: 0 0 4em 0; }
.cWrap.kids .cMain section .entry_sep .access dd strong { font-size: 1.5em; margin: 0 0 0.5em 0; display: block; }
.cWrap.kids .cMain section .entry_sep .left { float: left; width: 30%; }
.cWrap.kids .cMain section .entry_sep .right { float: right; width: 65%; }
.cWrap.kids .cMain section .entry_sep .right tr:first-child th { text-align: center; }
.cWrap.kids .cMain section .entry_sep table { margin: 0 0 0 0; }
.cWrap.kids .cMain section .entry_sep th { font-size: 0.7em; line-height: 1.5em; padding: 0 0 0 0; letter-spacing: 0; border-right-style: none; }
.cWrap.kids .cMain section .entry_sep td { font-size: 0.7em; line-height: 1.5em; padding: 0.5em 0; text-align: center; border-right-style: none; letter-spacing: 0; border-top-style: none; border-left-style: solid; border-left-width: 1px; }
.cWrap.kids .cMain section .entry_sep i { margin: 0 0.4em 0 0; }
.cWrap.kids .cMain section .entry_sep strong { font-size: 1.2em; }

/* pagenavi */
.wp-pagenavi { display: flex; flex-direction: row; justify-content: center; font-size: 1.2em; line-height: 1em; }
.wp-pagenavi .pages { padding: 0.75em; }
.wp-pagenavi .first { padding: 0.75em; }
.wp-pagenavi .current { background-color: var(--color_green); color: var(--color_paper); padding:0.75em; margin:0 0.5em; text-align: center; }
.wp-pagenavi .page { padding: 0.75em; }
.wp-pagenavi .page:hover { background-color: var(--color_green); color: var(--color_paper); }
.wp-pagenavi .previouspostslink { padding: 0.75em; }
.wp-pagenavi .nextpostslink { padding: 0.75em; }
.wp-pagenavi .extend { padding: 0.75em; }
.wp-pagenavi .last { padding: 0.75em; }

/* styles */
.p_right { float: right; margin:0 0 30px 30px; }
.first h3 { vertical-align:middle; }
.first h3 .small { font-size: 0.7em; margin:0.3em 0 0 0; display: block; vertical-align:middle; }
.taku { vertical-align:middle; display: inline-block; }
.taku img { vertical-align:middle; width:1em; height:auto; margin:1.1em 0 0 0; }