@charset "UTF-8";
/* TOP CSS */
/* --------------------------------------
Base settings
---------------------------------------*/
.pc-hyde {
  display: block;
}

.sp-hyde {
  display: none;
}

.wrapper {
  max-width: 100%;
  padding: 0 20px;
}

.bottom20 {
  margin-bottom: 10px;
}

.bottom30 {
  margin-bottom: 15px;
}

.bottom40 {
  margin-bottom: 20px;
}

.bottom50 {
  margin-bottom: 25px;
}

.bottom60 {
  margin-bottom: 30px;
}

.bottom70 {
  margin-bottom: 35px;
}

.bottom80 {
  margin-bottom: 40px;
}

.flexbox {
  display: block;
}

.dec-circle {
  width: 90px;
  height: auto;
  position: absolute;
}

.dec-triangle {
  width: 55.25px;
  height: auto;
  position: absolute;
}

.dec-top-left,
.dec-top-right {
  top: -6px;
}

.dec-top-left,
.dec-bottom-left {
  left: -6px;
}

.dec-top-right,
.dec-bottom-right {
  right: -6px;
  transform: scale(-1, 1);
}

.dec-bottom-left,
.dec-bottom-right {
  bottom: -6px;
}

.sns-icon a {
  width: 20px;
  height: 20px;
  margin-right: 15px;
}
.sns-icon a:last-child {
  margin-right: 0;
}

.conts-padding {
  padding: 40px 0;
}

.searchBox .box-rad {
  height: auto;
  top: 5vh;
  padding: 40px 25px;
}
.searchBox .box-rad .heading {
  width: 133px;
  max-width: 100%;
  margin-bottom: 25px;
}
.searchBox .box-rad .heading-left-dotted {
  text-align: left;
}
.searchBox .box-rad .cat-section {
  display: none;
}
.searchBox .modal-close {
  top: 50px;
  right: 30px;
}

/*===============================
common
===============================*/
.category-area {
  padding-bottom: 0;
}
.category-area .heading {
  max-width: 100%;
  margin-bottom: 25px;
}
.category-area .flexbox {
  display: flex;
}
.category-area .flexbox .item {
  padding-bottom: 20px;
  margin-bottom: 0;
}
.category-area .flexbox .item .inner .thumbnail {
  height: 100px;
}
.category-area .flexbox .item .catgory-list {
  display: block;
  padding-bottom: 20px;
}
.category-area .flexbox .item .catgory-list .item {
  padding-bottom: 0;
  width: 100%;
}
.category-area .flexbox .item .catgory-list .item:last-of-type a {
  margin-bottom: 0;
}

/* 見出し */
.heading-bottom-dotted {
  margin-bottom: 30px;
  line-height: 2;
}

.heading-left-dotted {
  margin-bottom: 15px;
}

/*===============================
main
===============================*/
.keyvisual {
  padding-top: 50px;
}
.keyvisual .box-rad {
  padding: 30px 20px 20px;
}
.keyvisual .box-rad .logo {
  width: 100%;
  max-width: 240px;
  margin: 0 auto 20px;
}
.keyvisual .box-rad .flexbox .item {
  width: 100%;
}
.keyvisual .box-rad .flexbox .item.text {
  margin-bottom: 30px;
}
.keyvisual .box-rad .flexbox .item.photo {
  margin-bottom: 30px;
}
.keyvisual .box-rad .flexbox .item.photo img {
  width: 100%;
  max-width: 430px;
}
.keyvisual .box-rad .top-topics {
  display: block;
  border-radius: 6px;
}
.keyvisual .box-rad .top-topics .title {
  padding: 10px 10px 15px;
  position: relative;
  left: auto;
  top: auto;
  width: 100%;
  height: auto;
  display: block;
}
.keyvisual .box-rad .top-topics .title img {
  vertical-align: middle;
}
.keyvisual .box-rad .top-topics .title .text {
  width: 80px;
  height: auto;
}
.keyvisual .box-rad .top-topics .bg-white {
  width: 100%;
  padding: 10px 15px 15px 15px;
}

.slide {
  padding: 25px 0;
}
.slide .slide-inner .box-rad {
  height: 200px;
}

.col-left,
.sidebar {
  width: 100%;
}

.top-article-list {
  margin-bottom: 40px;
}
.top-article-list .bg-white.box-rad {
  padding: 0 15px;
}
.top-article-list .bg-white.box-rad .article-list-inner {
  padding: 15px 0px;
}
.top-article-list .bg-white.box-rad .article-list-inner .thumbnail {
  background: #eee;
  width: 100%;
  height: 150px;
  margin-right: 0;
  margin-bottom: 15px;
}
.top-article-list .bg-white.box-rad .article-list-inner .article-description {
  width: 100%;
}

.top-profile {
  padding-bottom: 40px;
}
.top-profile .bg-white.box-rad {
  padding: 30px 15px 15px;
  border-top: 10px solid #ffd800;
}
.top-profile .bg-white.box-rad .dec-top-left,
.top-profile .bg-white.box-rad .dec-top-right {
  top: -16px;
}
.top-profile .bg-white.box-rad .flexbox {
  display: flex;
}
.top-profile .bg-white.box-rad .photo {
  width: 100%;
  display: flex;
  order: 2;
}
.top-profile .bg-white.box-rad .photo img {
  width: 100%;
  margin: auto;
  max-width: 400px;
  position: relative;
  bottom: auto;
}
.top-profile .bg-white.box-rad .text {
  margin-bottom: 20px;
  width: 100%;
  display: flex;
  flex-direction: column;
  order: 1;
}
.top-profile .bg-white.box-rad .text .title {
  text-align: center;
  margin-bottom: 20px;
}
.top-profile .bg-white.box-rad .text .name {
  font-size: 22px;
  text-align: center;
}
.top-profile .bg-white.box-rad .text .name span {
  font-size: 13px;
}
.top-profile .bg-white.box-rad .text .prof-descriprion {
  text-align: center;
  font-size: 14px;
}
.top-profile .bg-white.box-rad .flexbox .btn-wrap {
  width: 100%;
  max-width: 100%;
}
.top-profile .bg-white.box-rad .flexbox.col2 {
  display: block;
}
.top-profile .bg-white.box-rad .flexbox.col2 .btn-wrap {
  width: 100%;
  max-width: 100%;
}
.top-profile .bg-white.box-rad .flexbox.col2 .btn-wrap:first-child {
  margin-bottom: 10px;
  margin-right: 0;
}

.top-works .flexbox,
.books .flexbox {
  display: flex;
  justify-content: space-between;
}
.top-works .flexbox .item,
.books .flexbox .item {
  width: 48.5%;
  margin-right: 0;
  margin-bottom: 15px;
}

/*===============================
sub
===============================*/
/* common */
.bc {
  padding: 25px 0 0;
  font-size: 13px;
}
.bc ul li {
  margin-right: 20px;
}
.bc ul li:before {
  right: -14px;
}

/* 利用規約 */
#tos .bg-white.box-rad,
#contact .bg-white.box-rad {
  padding: 20px;
}

#contact .bg-white.box-rad .bottom40 {
  padding-bottom: 20px;
}
#contact .formarea form .flexbox .text {
  width: 100%;
  margin-bottom: 15px;
}
#contact .formarea form .flexbox .content {
  width: 100%;
}
#contact .formarea form .flexbox .content input,
#contact .formarea form .flexbox .content textarea {
  padding: 10px;
}
#contact .formarea form .flexbox .content .detail input {
  max-width: 100%;
  padding-left: 92px;
}
#contact .formarea form .flexbox .content .detail:before {
  padding: 10px 10px 10px 12px;
}
#contact .formarea form input[type=submit] {
  width: 100%;
  max-width: 100%;
  margin: 20px auto 0;
}
#contact .formarea .wpcf7-response-output {
  margin: 0em 0.5em 1em;
}

/* プロフィール */
#profile .message .bg-white.box-rad {
  padding: 40px 20px 20px;
}
#profile .message .bg-white.box-rad .heading {
  max-width: 100%;
  margin: 0 auto 25px;
}
#profile .message .bg-white.box-rad .heading img {
  position: relative;
  z-index: 1;
}
#profile .message .bg-white.box-rad .text-center {
  text-align: left;
}
#profile .top-works .flexbox .item .photo,
#profile .books .flexbox .item .photo {
  background: #fff;
  margin-bottom: 10px;
  background: #fff;
  border: #eee 1px solid;
}
#profile .books .heading {
  max-width: 100%;
  width: 247px;
  height: auto;
  text-align: center;
  margin: auto;
  margin-bottom: 25px;
}
#profile .other .flexbox .item {
  width: 100%;
  padding: 20px;
}
#profile .other .flexbox .item .heading {
  max-width: 100%;
  margin-bottom: 15px;
}
#profile .other .flexbox .item:first-child {
  margin-bottom: 15px;
}

/* カテゴリー一覧 */
#archive .col-left .heading-bottom-dotted {
  margin-bottom: 40px;
}

#category .bg-white.box-rad.cat-description {
  padding: 20px;
}
#category .bg-white.box-rad.cat-description .heading {
  font-size: 20px;
}
#category .bg-white.box-rad.cat-description .text {
  margin-top: 15px;
  font-size: 14px;
}

#category .col-left,
#archive .col-left,
#search .col-left,
#article .col-left {
  margin-bottom: 40px;
}
#category .col-left .sub-article-list .heading-bottom-dotted,
#archive .col-left .sub-article-list .heading-bottom-dotted,
#search .col-left .sub-article-list .heading-bottom-dotted,
#article .col-left .sub-article-list .heading-bottom-dotted {
  font-size: 20px;
}
#category .col-left .sub-article-list .flexbox,
#archive .col-left .sub-article-list .flexbox,
#search .col-left .sub-article-list .flexbox,
#article .col-left .sub-article-list .flexbox {
  display: block;
}
#category .col-left .sub-article-list .flexbox .item,
#archive .col-left .sub-article-list .flexbox .item,
#search .col-left .sub-article-list .flexbox .item,
#article .col-left .sub-article-list .flexbox .item {
  width: 100%;
}
#category .col-left .sub-article-list .article-list-inner,
#archive .col-left .sub-article-list .article-list-inner,
#search .col-left .sub-article-list .article-list-inner,
#article .col-left .sub-article-list .article-list-inner {
  margin-bottom: 20px;
}
#category .col-left .sub-article-list .article-list-inner .thumbnail,
#archive .col-left .sub-article-list .article-list-inner .thumbnail,
#search .col-left .sub-article-list .article-list-inner .thumbnail,
#article .col-left .sub-article-list .article-list-inner .thumbnail {
  height: 180px;
}
#category .col-left .pagenavi,
#archive .col-left .pagenavi,
#search .col-left .pagenavi,
#article .col-left .pagenavi {
  margin-top: 30px;
}

/* 記事詳細 */
#article .single-article-style .bg-white.box-rad {
  padding: 30px 20px;
}
#article .single-article-style .bg-white.box-rad .article-title-area .cat-taxonomy a {
  font-size: 15px;
}
#article .single-article-style .bg-white.box-rad .article-title-area .data {
  font-size: 14px;
  margin-bottom: 20px;
}
#article .single-article-style .bg-white.box-rad .article-title-area .thumbnail {
  max-height: 300px;
  margin-bottom: 25px;
}
#article .single-article-style .bg-white.box-rad .article-title-area h1 {
  font-size: 24px;
}
#article .single-article-style .bg-white.box-rad .mokuji {
  margin-bottom: 25px;
}
#article .single-article-style .bg-white.box-rad .mokuji .lwptoc .lwptoc_i {
  padding: 20px;
}
#article .single-article-style .bg-white.box-rad .inner div,
#article .single-article-style .bg-white.box-rad .inner p,
#article .single-article-style .bg-white.box-rad .inner figure,
#article .single-article-style .bg-white.box-rad .inner ul,
#article .single-article-style .bg-white.box-rad .inner ol {
  margin-bottom: 20px;
}
#article .single-article-style .bg-white.box-rad .inner h2 {
  font-size: 22px;
}
#article .single-article-style .bg-white.box-rad p.has-background {
  padding: 20px;
}
#article .single-article-style .bg-white.box-rad .at-resp-share-element .at-share-btn .at-icon-wrapper {
  float: inherit;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad {
  padding: 30px 15px;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad .title {
  width: 120px;
  text-align: center;
  margin: 0 auto 30px;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad .flexbox {
  display: flex;
  flex-direction: column;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad .flexbox .photo {
  display: flex;
  order: 1;
  margin-bottom: 10px;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad .flexbox .text {
  width: 100%;
  margin-bottom: 0;
}
#article .single-article-style .bg-white.box-rad .top-profile .box-rad .sns-icon {
  text-align: center;
}
#article .single-article-style .bg-white.box-rad .sub-article-list .btn-wrap {
  margin: auto;
}

/*===============================
sidebar
===============================*/
.sidebar {
  width: 100%;
}
.sidebar .bg-white.box-rad .btn-wrap {
  max-width: 100%;
  width: 100%;
}
.sidebar .bg-white.box-rad.side-profile .prof-descriprion {
  text-align: center;
  margin-bottom: 20px;
}
.sidebar .bg-white.box-rad.side-profile .bg-yellow {
  padding: 20px;
}
.sidebar .bg-white.box-rad.side-profile .bg-yellow .flexbox.sns-icon {
  justify-content: center;
  text-align: center;
}
.sidebar .bg-white.box-rad.side-newposts .article-list-inner {
  display: flex;
}
.sidebar .bg-white.box-rad.side-ranking .flexbox {
  display: flex;
}

/*comment*/
#comment_area {
  /*Comment Form*/
}
#comment_area .heading {
  width: 156px;
  max-width: 100%;
  margin-bottom: 30px;
  text-align: left;
}
#comment_area a {
  text-decoration: none;
}
#comment_area ol {
  margin-bottom: 30px;
}
#comment_area img.avatar {
  margin-right: 15px;
  width: 40px;
  height: 40px;
}
#comment_area cite.fn {
  font-size: 14px;
}
#comment_area div.comment-meta {
  margin-bottom: 10px;
}
#comment_area #respond {
  margin-bottom: 30px;
  padding: 20px;
  border-radius: 10px;
}
#comment_area #respond img {
  max-width: 300px;
  width: 100%;
}
#comment_area #respond h3#reply-title {
  margin-bottom: 10px;
}

.menu {
  position: fixed;
  width: 100%;
  z-index: 100;
  bottom: 0;
  left: 0;
}
.menu .top-category .search-btn {
  right: 0;
}
.menu .top-category .wrapper {
  padding: 0;
}
.menu .top-category .wrapper .flexbox {
  display: flex;
}
.menu .top-category .wrapper .flexbox li {
  width: 50%;
  text-align: center;
  display: flex;
}
.menu .top-category .wrapper .flexbox li a {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 15px;
  width: 100%;
  font-weight: bold;
  color: #fff;
}
.menu .top-category .wrapper .flexbox li:nth-child(2) {
  background: #222;
}

.navArea {
  /*　ハンバーガーボタン　*/
}
.navArea .hamburger {
  display: block;
  position: fixed;
  z-index: 3;
  right: 13px;
  top: 12px;
  width: 42px;
  height: 42px;
  cursor: pointer;
  text-align: center;
  /* ナビ開いてる時のボタン */
}
.navArea .hamburger span {
  display: block;
  position: absolute;
  width: 30px;
  height: 2px;
  border-radius: 100px;
  left: 6px;
  background: #f07600;
  transition: 0.3s ease-in-out;
}
.navArea .hamburger span:nth-child(1) {
  top: 10px;
}
.navArea .hamburger span:nth-child(2) {
  top: 20px;
}
.navArea .hamburger span:nth-child(3) {
  top: 30px;
}
.navArea .hamburger.active span:nth-child(1) {
  top: 16px;
  left: 6px;
  transform: rotate(-45deg);
}
.navArea .hamburger.active span:nth-child(2) {
  top: 16px;
  transform: rotate(45deg);
}
.navArea .hamburger.active span:nth-child(3) {
  top: 16px;
  transform: rotate(45deg);
  opacity: 0;
}
.navArea nav.globalMenuSp {
  position: fixed;
  z-index: 2;
  top: 0;
  left: 0;
  color: #222;
  background: #fff;
  text-align: center;
  transform: translateY(-100%);
  transition: all 0.6s;
  width: 100%;
  /* このクラスを、jQueryで付与・削除する */
}
.navArea nav.globalMenuSp .cat-section {
  padding: 5px 15px;
}
.navArea nav.globalMenuSp .cat-section:first-of-type {
  padding-top: 15px;
}
.navArea nav.globalMenuSp .cat-section:last-of-type {
  padding-bottom: 15px;
}
.navArea nav.globalMenuSp .cat-section .heading-left-dotted {
  text-align: left;
}
.navArea nav.globalMenuSp .cat-section .flexbox.col3 {
  display: flex;
  justify-content: space-between;
  align-items: inherit;
}
.navArea nav.globalMenuSp .cat-section .flexbox.col3 .item {
  width: 49.5% !important;
}
.navArea nav.globalMenuSp .cat-section ul {
  background: #fff;
}
.navArea nav.globalMenuSp .cat-section ul li a {
  background: #fff9c9;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.navArea nav.globalMenuSp ul {
  border-bottom: 4px dotted #fff;
  background: #ffe500;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
.navArea nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;
  border-bottom: 4px dotted #fff;
}
.navArea nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}
.navArea nav.globalMenuSp ul li a {
  display: block;
  color: #222;
  padding: 1em 0;
  text-decoration: none;
}
.navArea nav.globalMenuSp.active {
  transform: translateY(0%);
  position: fixed;
  height: 100vh;
  overflow: auto;
}
.navArea nav.globalMenuSp .sns-icon {
  padding: 20px;
  background: #ffe500;
  padding-bottom: 100px;
}/*# sourceMappingURL=sp-layout.css.map */