/*!
Theme Name: XWRITE
Theme URI: https://xwrite.jp/
Author: Xserver Inc.
Author URI: https://www.xserver.co.jp/
Description: ã‚¨ãƒƒã‚¯ã‚¹ã‚µãƒ¼ãƒãƒ¼æ ªå¼ä¼šç¤¾ãŒæä¾›ã™ã‚‹WordPressテーマ「XWRITE」
Version: 2.0.0
Requires at least: 6.1
Tested up to: 6.3
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.txt
Text Domain: xwrite
*/
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
body {
  font-family: "Noto Sans JP", sans-serif;
  color: #016C98;
}
@media screen and (min-width: 641px) {
  header.header .header-nav li:hover ul.sub_menu {
    max-height: 435px;
    top: 46px;
    opacity: 1;
    display: block;
  }

  header.header .header-nav ul.sub_menu li {
    border-top: 1px solid #fff;
  }
}

header.header .header-nav li ul._open_menu {
  position: relative;
  max-height: 330px;
  top: 0;
  opacity: 1;
  padding-left: 30px;
  display: block;
  z-index: 1;
}

header.header .header-nav ul.sub_menu {
  display: none;
  max-height: 0;
  position: absolute;
  width: 300px;
  background: #1191E1;
  top: 0;
  opacity: 0;
  transition: all 0.5s;
  overflow: hidden;
  z-index: -1;
}

header.header .header-nav ul.sub_menu li a {
  display: block;
  border: none;
  font-size: 16px;
  padding: 10px;
}

@media screen and (max-width: 640px) {
  header.header .header-nav {
    top: 103px;
    max-height: calc(100vh);
    overflow-y: scroll;
  }

  header.header .header-nav ul.sub_menu {
    display: none;
    max-height: unset;
    position: relative;
    opacity: 1;
    transition: unset;
    z-index: 1;
    width: 100%;
    padding-left: 15px;
  }
}

.header .header-nav ul li a.open_menu {
  position: absolute !important;
  width: 52px;
  height: 52px;
  top: 0;
  right: 0;
  border-left: 1px solid #fff !important;
  background: url(./assets/images/menu_icon.png) center center no-repeat !important;
}
.header .header-nav ul li a.open_menu:after {
  display: none;
}
.header .header-nav ul li a.open_menu.active {
  background: url(./assets/images/menu_icon_active.png) center center no-repeat !important;
}

.category_list ul {
  display: flex;
  flex-wrap: wrap;
  gap: 16px 16px;
  padding: 48px 0
}

.category_list ul li {
  width: calc((100% - 16px)/ 2)
}

.category_list ul li a {
  display: block;
  background: url("./assets/images/left_icon.png") center right 16px/24px auto no-repeat #f2f5f9;
  border-radius: 8px;
  font-size: 20px;
  line-height: 1.3;
  font-weight: 700;
  color: #47679f;
  padding: 16px
}

.category-list section {
  padding-bottom: 80px
}

#topicPath {
  display: block;
  font-size: .75em;
  margin-bottom: 40px
}

#topicPath li,
#topicPath li::before {
  margin-right: .8em
}

.list-news>li li a,
a {
  text-decoration: none
}

#topicPath li::before,
.list-news li li a:after {
  content: "\f105";
  font-family: FontAwesome;
  font-weight: 400
}

#topicPath ol {
  margin: .8em auto 0
}

#topicPath li {
  display: inline
}

#topicPath li:first-child::before {
  font-family: FontAwesome;
  content: "\f015";
  font-weight: 400;
  color: #666
}

.pagetitle {
  font-weight: 500;
  font-size: 1.4em;
  padding: .75em;
  border-top: 2px solid #f4568d;
  background-image: -webkit-linear-gradient(135deg, transparent 36%, #f2f2f0 36%, #f2f2f0 50%, transparent 50%, transparent 86%, #f2f2f0 86%, #f2f2f0);
  background-image: linear-gradient(-45deg, transparent 36%, #f2f2f0 36%, #f2f2f0 50%, transparent 50%, transparent 86%, #f2f2f0 86%, #f2f2f0);
  line-height: 1.3;
  color: #4e372e;
  margin-top: .7em;
  margin-bottom: .7em
}

.list-news {
  display: flex;
  gap: 20px;
  flex-wrap: wrap;
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-news>li {
  width: calc((100% - 20px)/ 2);
  padding: 1.4em 2% .7em;
  border: 1px solid #ddd;
  background-color: #f2f2f0
}

.list-news>li h2 {
  text-align: center;
  margin-bottom: 15px
}

.list-news>li h2 a {
  color: #444;
  height: 36px;
  line-height: 36px;
  font-size: 16px;
  font-weight: 700
}

.list-news>li ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.list-news>li li a {
  position: relative;
  display: block;
  background-color: #fff;
  border: 1px solid #fab4ac;
  box-shadow: 0 3px 0 #ddd;
  color: #444;
  padding: .8em 2.4em .8em 1.2em;
  border-radius: .35em;
  line-height: 1.3;
  margin-bottom: 10px
}

.list-news>li li a:hover {
  top: 3px;
  box-shadow: none;
  background-color: #feeeec
}

.list-news li li a:after {
  top: 50%;
  position: absolute;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: .8em;
  -webkit-transition: right .5s;
  transition: right .5s
}

.list-news>li h2 a,
.pagetitle {
  color: #1191E1;
}

@media screen and (max-width: 640px) {
  .list-news>li {
    width: 100%;
  }
}