/*
Theme Name: kowa-glass theme
Text Domain: kowa-glass_theme
Version: 1.0
Requires at least: 4.7
Requires PHP: 5.2.4
Description: 
Author: Ann Co., Ltd.
Author URI: https://www.w-star.com/
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned
with others.
*/
@media print, screen and (min-width: 992px) {
  .media .header_logo {
    display: flex;
    align-items: center;
  }
  .media .header_logo .cap {
    font-size: 1.4rem;
    margin-left: 20px;
  }
}

/*===================================

  category color
  ▼ カテゴリのカラー変更

===================================*/
/*
i.cat,
.single .headCategory a {
  color: #fff !important;
}
i.cat.cn2,
.single .headCategory a.cn2 {
  background: #ff9999 !important;
  border-color: #ff9999 !important;
}
i.cat.cn3,
.single .headCategory a.cn3 {
  background: #804000 !important;
  border-color: #804000 !important;
}
*/

/*===================================
  
  all

===================================*/
#c_body {
  display: flex;
  flex-wrap: wrap;
  max-width: 960px;
  justify-content: center;
  margin: 0 auto;
  padding: 25px 0;
}
.archive #c_body,
.archive-video #c_body{
  max-width: 940px;
}
#c_body.single #main_block {
  width: 675px;
  margin: 0 35px;
}
#c_body:not(.single) #main_block {
  width: 100%;
  margin-top: -15px;
}
#c_body #side_block {
  width: calc(100% - 745px);
  margin-top: -35px;
}
#c_body #side_block > div {
  margin-top: 35px;
}
#c_body #side_block > div.category_side {
}
#c_body #side_block > div.category_side ul {
}
#c_body #side_block > div.category_side ul li {
  border-bottom: 1px dashed #ccc;
  padding: 0 0 10px 1em;
  margin-bottom: 10px;
}
#c_body #side_block > div.category_side ul li a {
  font-size: 1.4rem;
}
#c_body #side_block > div.category_side ul li a:hover {
  text-decoration: underline;
}
.block_bg {
  position: relative;
  padding: 50px 0 100px;
  background: #FFFFBF;
}
.block_bg::before {
	content: "";
	background: #FFFFBF;
	width: 300vw;
	height: 100%;
	position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    z-index: -1;
}
.list_category:nth-child(odd) > .block_bg {
  background: #EBFBFF;
}
.list_category:nth-child(odd) > .block_bg::before {
  background: #EBFBFF;
}
.inner_block {
  position: relative;
}
.main_img {
  width: 100%;
  height: auto;
  background-size: cover;
  background-position: center;
  opacity: 1;
  -webkit-transition: -webkit-transform .5s ease;
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
  height: auto;
  padding-top: 66.67%;
}
.inner {
  position: relative;
}
.p_body {
  padding: 35px 0 0;
  display: block;
}
/*
.pagination {
  display: none;
}
*/
.is_fade {
  position: relative;
  top: 30px;
  opacity: 0;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.is_fade.on {
  top: 0px;
  opacity: 1;
}
@media screen and (max-width: 991px) {
  #c_body {
    padding: 25px 5%;
    display: block;
  }
  .p_body {
    padding: 35px 0 0;
    display: block;
  }
  #c_body.single #main_block {
    width: 100%;
    margin: 0px;
  }
  #c_body:not(.single) #main_block {
    margin-top: -10px;
  }
  #c_body #side_block {
    width: 100%;
    margin-top: 0;
  }
  #c_body #side_block > div.category_side ul li {
    margin-top: 8px;
  }
  #c_body #side_block > div.category_side ul li a {
    font-size: 1.1rem;
  }
  .block_bg {
    padding: 30px 0 50px;
  }
  .block_bg::before {
	display: none;
  }
}


/*===================================
  
  section（上部の余白）

===================================*/
.sect {
  margin-top: 80px;
}
.sect_m {
  margin-top: 60px;
}
.sect_s {
  margin-top: 40px;
}
.sect_ss {
  margin-top: 20px;
}
.sect_n {
  margin-top: 0px;
}


/*===================================
  
  title

===================================*/
.tit_min {
  text-align: center;
  margin: 0 auto 30px;
  position: relative;
  z-index: 1;
}
.tit_min span {
  position: relative;
}
.tit_min span:not(.normalTxt) {
  font-size: 2.6rem;
  font-weight: bolder;
}
.tit_min span:not(.normalTxt) em {
  font-weight: inherit !important;
}
.tit_min i {
  font-style: normal;
  display: block;
  line-height: 1;
  font-size: 1.8rem;
  margin: 6px auto 0;
  font-weight: bolder;
  color: #4CD2FF;
}
#contents_ranking .tit_min {
  background: url(./img/img-common/icon_ranking.png) no-repeat center 0;
  padding-top: 65px;
}
#contents_tag .tit_min {
  background: url(./img/img-common/icon_tag.png) no-repeat center 0;
  padding-top: 45px;
}
.sub_title {
  border-bottom: 1px solid #BBBBBB;
  margin: 7em 0 30px;
  width: 100%;
}
.sub_title span {
  font-size: 2.2rem;
  font-weight: bolder;
  padding: 0 0px 0 15px;
  display: block;
  margin: 10px 0;
  border-left: 3px solid #29BCED;
}
.min_title {
  border-bottom: 1px solid #BBBBBB;
  padding: 0 0 10px;
  margin: 7em 0 30px;
}
.min_title span {
  font-size: 1.8rem;
  font-weight: bolder;
}
.single_title {
  font-size: 2.8rem;
  font-weight: bolder;
  line-height: 1.5;
}
.sidebar-widget__title {
  border-bottom: 1px solid #ccc;
  padding: 0 0 7px;
  margin: 0 0 14px;
  font-weight: bold;
  font-size: 1.6rem;
}
.centerContent__title{
	text-align: center;
	margin-bottom: 40px;
}
  .index .centerContent__title{
	margin-bottom: 40px;
}
  .archive .centerContent__title,
  .archive-video .centerContent__title{
	margin-bottom: 0px;
}
@media screen and (max-width: 991px) {
  .sub_title {
    margin: 3em 0 20px;
  }
  .sub_title span {
    font-size: 1.3rem;
    padding: 0 0px 0 12px;
    margin: 7px 0;
  }
  .min_title {
    margin: 3em 0 20px;
  }
  .min_title span {
    font-size: 1.3rem;
  }
  .tit_min {
    margin: 0 auto 20px;
  }
  .tit_min i {
    font-size: 1.4rem;
    margin: 3px auto 0;
  }
  .tit_min span:not(.normalTxt) {
    font-size: 1.5rem;
  }
  .sidebar-widget__title {
    font-size: 1.3rem;
  }
  #contents_ranking .tit_min {
    padding-top: 45px;
    background-size: 50px;
  }
  #contents_tag .tit_min {
    padding-top: 35px;
    background-size: 30px;
  }
  .centerContent__title{
		text-align: center;
		padding: 0 5%;
	    margin-bottom: 0;
	}
  .index .centerContent__title{
		margin-bottom: 30px;
	}
}


/*===================================

  detail_all

===================================*/
.detail_all a {
  position: absolute;
  top: 9px;
  right: 0;
  text-decoration: none !important;
  font-size: 1.5rem;
  border-bottom: 1px solid;
  z-index: 1;
}
.detail_all a:hover {
  border: none;
}
@media screen and (max-width: 991px) {
  .detail_all {
    text-align: center;
    margin: 12px auto 0;
  }
  .detail_all a {
    position: relative;
    font-size: 1.2rem;
  }
}


/*===================================
  
  TAG

===================================*/
.tagList:not(.all) li {
  margin: 0 0.5em 1em 0;
  display: inline-block;
}
#side_block .tagList:not(.all) li {
  margin: 0 0.2em 0.5em 0;
}
.tagList:not(.all) li a {
  color: #B0778C;
  padding: 5px 10px 4px;
  display: block;
  font-size: 1.2rem;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #B0778C;
  border-radius: 20px;
  display: inline-block;
}
.tagList:not(.all) li:hover a {
	background:#B0778C;
  opacity: 1 !important;
  color: #fff;
}
.tag_link {
  text-align: center;
  margin: 10px auto 0;
}
#side_block .tag_link {
  margin: 0 auto;
}
.tag_link a {
  display: inline-block;
  text-decoration: underline;
}
#side_block .tag_link span {
  font-size: 1.3rem;
}
@media screen and (min-width: 992px) {
  .tag_link a:hover {
    text-decoration: none;
  }
}
@media screen and (max-width: 991px) {
  #side_block .tag_link {
    margin: 15px auto 0;
  }
  .tagList:not(.all) li {
    margin: 0 0.5em 0.6em 0;
  }
  .tagList:not(.all) li a {
    font-size: 0.9rem;
  }
  #side_block .tag_link span {
    font-size: 1.2rem;
  }
}


/*===================================
  
  検索窓

===================================*/
#site_searchBox {
  display: none;
}
#site_searchBox.focus {
  position: fixed;
  top: 25%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  display: block;
  z-index: 100001;
}
#site_searchBox.focus #site_searchBoxInner {
  margin: 0 auto;
}
#site_searchBox.focus .btn_close {
  margin-top: 20px;
  text-align: center;
}
#site_searchBox.focus .btn_close span {
  font-size: 4rem;
  display: inline-block;
  color: #fff;
}
#site_searchBox.focus #site_searchBoxInner .input-group {
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
}
#overlay {
  z-index: 100000;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.7);
  display: none;
}
#site_searchBox.focus #site_searchBoxInner input[type^="text"] {
  width: 500px;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  font-size: 1.6rem;
  line-height: 1;
  padding: 10px;
}
#site_searchBox.focus #site_searchBoxInner input[type^="submit"] {
  width: 5em;
  margin-left: 10px;
  font-size: 1.6rem;
  border: none;
  color: #000;
  font-weight: bold;
  background: #fff;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 0;
}
@media screen and (max-width: 991px) {
  #site_searchBox.focus #site_searchBoxInner .input-group {
    width: 300px;
  }
  #site_searchBox.focus .btn_close span {
    font-size: 3rem;
  }
  #site_searchBox input[type="search"] {
    font-size: 16px;
  }
  #site_searchBox.focus #site_searchBoxInner input[type^="text"] {
    width: 300px;
    padding: 5px;
    border-radius: 5px;
  }
  #site_searchBox.focus #site_searchBoxInner input[type^="submit"] {
    width: 5em;
    margin-left: 10px;
    font-size: 1.2rem;
    border: none;
    color: #000;
    font-weight: bold;
    background: #fff;
    border-radius: 5px;
    cursor: pointer;
    padding: 5px 0;
  }
  #site_searchBox.focus #site_searchBoxInner input[type^="submit"] {
    width: 5em;
    margin: 10px auto 0;
    font-size: 1.2rem;
    padding: 5px 0;
    display: block;
  }
}

/*===================================
  
  404

===================================*/
.not_found {
  text-align: center;
}
.not_found .ttl {
  font-size: 2.6rem;
  margin: 0 0 25px;
  font-weight: bolder;
  line-height: 1;
}
.not_found .leadtxt {
  margin-top: 0;
}
.not_found .btn {
  text-align: center;
  margin: 25px auto 0;
}
.not_found .btn a {
  text-decoration: underline;
}
.not_found .btn a:hover {
  text-decoration: none;
}

/*===================================
  
  flex（一覧）

===================================*/
.flex_column {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: -25px;
}
.index .flex_column {
  width: 900px;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  margin:0 auto;
  gap: 0 42px;
}
.flex_column .flex_item {
  width: 272px;
  margin-top: 25px;
  background: #fff;
  border: 1px solid #ccc;
}
.flex_column .flex_item a {
  display: block;
  background: #fff;
  position: relative;
  outline: none !important;
}
.flex_column .flex_item a span {
  display: block;
  position: relative;
}
.flex_column .flex_item a span.img {
  line-height: 0;
  font-size: 0;
  overflow: hidden;
}
.flex_column .flex_item a span.img img {
  width: 100%;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  object-fit: cover;
  font-family: 'object-fit: cover;';
  height: 180px;
}
.flex_column .flex_item a span.txt {
  padding: 8px 15px 20px;
}
.flex_column .flex_item a span.txt i.tit {
  font-weight: bolder;
  display: block;
  line-height: 1.5;
  font-size: 1.5rem;
}
.flex_column .flex_item a span.txt i.cat,
.articlelist-category i.cat {
  font-size: 1.0rem;
  line-height: 1;
  display: inline-block;
  border: 1px solid;
  padding: 4px 12px 3px;
  border-radius: 100px;
  margin-bottom: 7px;
  margin-right: 5px;
  color: #0096DC;
}
.userinfo {
  display: inline-block;
  margin: 0 0 0 0%;
  position: absolute;
  top: -35px;
  right: 15px;
  text-align: center;
  line-height: 1;
  z-index: 2;
}
.userinfo .ui_img {
  width: 50px;
  margin: 0 auto;
  display: block;
}
.userinfo .ui_img img {
  border-radius: 60px;
  width: 100%;
  height: auto;
}
.userinfo .ui_name {
  margin-top: 5px;
  display: block;
  font-size: 1.0rem;
}
.flex_column .flex_item a span.img.video::before,
.entry-related .related-items .related-item-img.video::before {
  content: "";
  display: block;
  width: 84px;
  height: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  background: url(./img/img-common/icon_video.png) no-repeat center 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  z-index: 1;
}
.media_mv_slider_inner .flex_column .flex_item a .userinfo {
  top: -45px;
}
.media_mv_slider_inner .flex_column .flex_item a .userinfo .ui_img {
  width: 60px;
}
.media_mv_slider_inner .flex_column .flex_item a .userinfo .ui_name {
  font-size: 1.2rem;
}
.articleListBox.list_oth .post .articlelist-item-inner .userinfo {
  top: auto;
  bottom: -23px;
}
@media screen and (min-width: 992px) {
  .flex_column::after {
    width: 272px;
    display: block;
    content:"";
  }
  .entry-related .related-items a:hover .related-item-img:not(.video),
  .flex_column .flex_item a:hover span.img:not(.video) img {
    transform: scale(1.1, 1.1);
  }
  .flex_column .flex_item a:hover span.img.video::before,
  .entry-related .related-items a:hover .related-item-img.video::before {
    opacity: 0.7;
  }
}
@media screen and (max-width: 991px) {
 .index .flex_column {
    width: auto;
	margin-top: -25px;
}
  .flex_column .flex_item {
    width: 100%;
  }
  .flex_column .flex_item a span.txt {
    padding: 10px 10px 15px;
  }
  .flex_column .flex_item a span.txt i.cat,
  .articlelist-category i.cat {
    margin: 0px 0 10px;
    font-size: 0.9rem;
  }
  .flex_column .flex_item a span.txt i.tit {
    font-size: 1.1rem;
  }
  .userinfo {
    top: -30px;
    right: 10px;
    width: auto;
  }
  .userinfo .ui_img {
    width: 45px;
  }
  .userinfo .ui_name {
    font-size: 0.9rem;
  }
  .articleListBox.list_oth .post .articlelist-item-inner .userinfo {
    display: none;
  }
  .media_mv_slider_inner .flex_column .flex_item a .userinfo {
    top: -35px;
  }
  .media_mv_slider_inner .flex_column .flex_item a .userinfo .ui_img {
    width: 45px;
  }
  .media_mv_slider_inner .flex_column .flex_item a .userinfo .ui_name {
    font-size: 0.9rem;
  }
  .flex_column .flex_item a span.img.video::before {
    width: 65px;
    height: 65px;
    background-size: 65px;
  }
}


/*===================================
  
  人気ランキング（一覧）

===================================*/
#contents_ranking .inner {
  padding: 0px;
}
.flex_column.ranking {
  counter-reset: circle 0;
}
.flex_column.ranking .flex_item a span.img.video::before,
.entry-related .related-items .related-item-img.video::before {
  background-position: center center;
  background-size: 40px;
  width: 40px;
  height: 40px;
}
#side_block .flex_column.ranking .flex_item a span.img.video::before {
  background-size: 25px;
  width: 25px;
  height: 25px;
}
#side_block .flex_column.ranking {
  margin-top: -20px;
}
.flex_column.ranking > li {
  width: 46%;
  border: none;
  margin-top: 30px;
}
#side_block .flex_column.ranking > li {
  width: 100%;
  margin-top: 20px;
}
.flex_column.ranking > li a {
  display: flex;
  flex-wrap: wrap;
}
.flex_column.ranking > li a .img {
  width: 120px;
  margin-right: 13px;
}
#side_block .flex_column.ranking > li a .img {
  width: 70px;
  height: 70px;
  margin-right: 10px;
}
.flex_column.ranking > li a span.img img {
  height: 80px;
  -webkit-backface-visibility: visible;
}
.flex_column.ranking > li a .txt {
  width: calc( 100% - 133px);
  padding: 0 !important;
  line-height: 1;
}
#side_block .flex_column.ranking > li a .txt {
  width: calc( 100% - 80px);
  line-height: 1;
}
.flex_column.ranking > li span.txt i.cat {
  margin-bottom: 5px;
  margin-top: 0 !important;
}
.flex_column.ranking > li a .txt .tit {
  font-size: 1.4rem;
}
.flex_column.ranking > li a::after {
  content: "0"counter(circle);
  counter-increment: circle 1;
  position: absolute;
  top: -9px;
  right: 0;
  z-index: 2;
  color: rgba(46,186,208,0.25);
  font-weight: bolder;
  font-size: 3rem;
  line-height: 1;
}
#side_block .flex_column.ranking > li a::after {
  font-size: 1.4rem;
  color: #DDDDDD;
  z-index: 0;
  height: 30px;
  width: 30px;
  top: -6px;
  justify-content: center;
  display: flex;
  align-items: center;
  background: #333;
  border-radius: 30px;
  right: auto;
  left: 0;
  font-weight: normal;
}
#side_block .flex_column.ranking > li:nth-child(1) a::after {
  background-color: #BF9224;
  font-weight: bolder;
}
#side_block .flex_column.ranking > li:nth-child(2) a::after {
  background-color: #96A9B3;
  font-weight: bolder;
}
#side_block .flex_column.ranking > li:nth-child(3) a::after {
  background-color: #C47022;
  font-weight: bolder;
}
#side_block .flex_column.ranking .flex_item a span.txt i.tit {
  font-weight: normal;
  display: block;
  line-height: 1.4;
  font-size: 1.2rem;
}
#side_block .flex_column.ranking .flex_item a span.txt i.cat {
  z-index: 1;
  position: relative;
  background: #fff;
}
@media screen and (max-width: 991px) {
  #contents_ranking .inner {
    padding: 0px 6%;
  }
  .flex_column.ranking > li {
    width: 100%;
  }
  .flex_column.ranking > li a .img_outer {
    width: 35%;
    margin-right: 5%;
  }
  .flex_column.ranking > li a .img {
    width: 100%;
    margin-right: 0;
  }
  .flex_column.ranking > li a .txt {
    width: 60%;
  }
  .flex_column.ranking > li a .txt .tit {
    font-size: 1.0rem !important;
  }
  .flex_column.ranking > li a::after {
    font-size: 2.3rem;
    top: -6px;
  }
  .flex_column.ranking > li span.txt i.cat {
    margin-bottom: 7px;
  }
  #side_block .flex_column.ranking {
    margin-top: -15px;
  }
  #side_block .flex_column.ranking > li {
    margin-top: 30px;
  }
  #side_block .flex_column.ranking > li a::after {
    top: -12px;
    left: -6px;
    font-size: 1.2rem;
    height: 35px;
    width: 35px;
  }
  #side_block .flex_column.ranking > li a .img {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  #side_block .flex_column.ranking > li a .txt {
    width: 60%;
  }
  #side_block .flex_column.ranking .flex_item a span.txt i.tit {
    font-weight: bolder;
  }
  #side_block .flex_column.ranking .flex_item a span.img.video::before {
    background-size: 30px;
    width: 30px;
    height: 30px;
  }
}


/*===================================
  
  Time

===================================*/
.time_outer {
  display: flex;
  flex-wrap: wrap;
  margin: 3px auto;
}
.time_outer .time {
  margin: 0 2% 0 -15px;
  display: flex;
  flex-wrap: wrap;
}
.time i {
  font-size: 1.4rem;
  background-position: 0 center;
  background-repeat: no-repeat;
  background-size: 15px;
  padding-left: 20px;
  margin-left: 15px;
}
.time i.repeat {
  background-image: url(./img/img-common/update_icon.png);
}
.time i.update {
  background-image: url(./img/img-common/entry_icon.png);
}
@media screen and (max-width: 991px) {
  .time_outer .time {
    justify-content: flex-end;
  }
  .time i {
    font-size: 0.9rem;
    background-size: 12px;
    padding-left: 17px;
    margin-top: 2px;
  }
}


/*===================================
  
  INDEX

===================================*/

.media_slide {
  width: 960px;
  margin-top: 0;  
}
.media_mv_slider.load {
  background: url(./img/img-common/icon_loader.gif) no-repeat center center;
}
.media_mv_slider.load .media_mv_slider_inner {
  opacity: 0;
}
.media_mv_slider,
.media_mv_slider .media_mv_slider_inner {
  position: relative;
  -webkit-transition: all 0.8s ease;
  transition: all 0.8s ease;
}
/* main slider */
#contents_slider {
  margin-bottom: 40px;
}
#contents_slider .flex_column{
	width: 100%;
	padding: 0 10px;
}
#contents_slider .slider_l_item {
  width: 452px;
  margin: 0 10px;
  border: 1px solid #ccc;
  outline: none !important;
}
#contents_slider .media_mv_slider a.article span.img > img {
  height: 300px;
}
.media_slider_nav {
  position: absolute;
  top: 42%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  width: 452px;
  height: 0;
}
.media_slider_nav .media_media_slider_nav_main {
  height: 0;
}
.slick-prev,
.slick-next {
  right: 100%;
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
  width: 0;
  height: 0;
}
.slick-prev::after,
.slick-next::after {
  display: inline-block;
  content: "";
  background: url(./img/img-common/icon_slide_nav.png) no-repeat 0 0;
  width: 42px;
  height: 48px;
  position: absolute;
  top: 0;
  left: auto;
  bottom: auto;
  border: none;
  transform: none;
  margin: 0;
}
.slick-prev::after {
  left: -41px;
}
.slick-next::after {
  right: -41px;
  transform: rotate(180deg);
}
/* タグから探す */
#contents_tag .tagList {
  margin-top: -5px;
  text-align: center;
}
#contents_tag .tagList li a {
  font-size: 1.5rem;
  padding: 6px 15px;
}
body.index .tagList {
  width: 75%;
  margin: 0 auto;
}
.tit_min span.icon_movie em {
  display: inline-block;
  background: url(./img/img-common/icon_youtube.png) no-repeat 0 center;
  padding-left: 60px;
  margin-left: -30px;
}
#contents_case_study .block_bg {
  background: #FFFFBF;
}
#contents_video {
  margin-bottom: 60px;
}
@media screen and (max-width: 991px) {
  #contents_slider {
    margin-top: 0px;
  }
  #contents_slider .flex_column{
  	width: 100%;
  	padding: 0;
	margin: 0;
  }
  #contents_slider .media_mv_slider a.article span.img > img {
    /*height: auto;*/
    height: 50vw !important;
  }
  body.index .tagList {
    width: 100%;
    margin: 0 auto;
  }
  #contents_tag .tagList li a {
    font-size: 1.0rem;
    padding: 7px 10px;
  }
  .media_slider_nav {
    display: none !important;
  }
  .tit_min span.icon_movie em {
    padding-left: 42px;
    /* margin-left: -22.5px; */
    background-size: 30px;
  }
}


/*===================================
  
  リスト用スタイル

===================================*/
#c_body.article .sub_title {
  margin-top: 2.5em;
}
.articleListBox .post .articlelist-item {
  border-bottom: 1px solid #ddd;
}
.articleListBox .post .articlelist-item-inner {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 24px 0;
  color: inherit;
  opacity: 1 !important;
}
.articleListBox .post .main_img{
  margin:0;
  position: relative;
  opacity: 1 !important;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-size: 100%;
}
.articleListBox .post a:hover .main_img:not(.video){
  background-size: 110%;
}
.articleListBox .post a:hover .main_img.video::before{
  opacity: 0.7;
}
.articleListBox .post .main_img.video::before {
  content: "";
  display: block;
  width: 84px;
  height: 84px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  background: url(./img/img-common/icon_video.png) no-repeat center 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.articleListBox .post .articlelist-date {
  display: block;
  font-size: 1.3rem;
  line-height: 1;
  letter-spacing: .17em;
  color: #666;
}
.articleListBox .post .title{
  font-weight: 700;
  letter-spacing: .05em;
  line-height: 1.6;
  margin-top: 7px;
  font-size: 1.8rem;
  text-decoration:none;
}
.articleListBox .post a:hover .title {
  text-decoration:none;
}
.articleListBox.entries .article {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}
.articleListBox.list_oth {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0 0 0 -3.333%;
}
.articleListBox.list_oth .post {
  display: block;
  width: 30%;
  margin: 0 0 0 3.333%;
  position: relative;
}
.articleListBox.list_oth .post .articlelist-item {
  border-bottom: none;
}
.articleListBox.list_oth .post .articlelist-item-inner {
  display: block;
}
.articleListBox.list_oth .post .articlelist-item-inner > div {
  width: 100%;
  display: block;
  padding: 0px 0;
  float: none !important;
  position: relative;
}
.articleListBox.list_oth .post .articlelist-item-inner .articlelist-category {
  margin-top: 12px;
  line-height: 1;
  padding-right: 100px;
}
.articleListBox.list_oth .post .title {
  line-height: 1.5;
  margin-top: 0px;
  font-size: 1.5rem;
  text-decoration: none;
}
.flex_column .flex_item.icon_new a span.img::after,
.articleListBox .post.icon_new .main_img::after {
  display: inline-block;
  content: "NEW";
  position: absolute;
  top: 10px;
  left: 0;
  line-height: 1;
  padding: 6px 20px 7px;
  background: red;
  color: #fff;
  font-size: 1.4rem;
}
@media screen and (max-width: 991px) {
  .articleListBox .post .articlelist-item {
    border-bottom: 1px solid #ddd;
    position:relative;
  }
  .articleListBox .post .articlelist-item-inner {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5% 0 8%;
    color: inherit;
  }
  .articleListBox .post .articlelist-date {
    display: block;
    font-size: 1rem;
    line-height: 1;
    letter-spacing: .17em;
    color: #666;
  }
  .articleListBox .post .title{
    font-weight: 700;
    letter-spacing: .05em;
    line-height: 1.6;
    margin-top: 2%;
    font-size: 1.1rem;
    text-decoration:none;
  }
  .articleListBox .post a:hover .title {
    text-decoration:none;
  }
  .articleListBox.list_oth {
    margin: 0 0 -3% -6%;
  }
  .articleListBox.list_oth .post {
    width: 44%;
    margin: 0 0 3% 6%;
  }
  .articleListBox.list_oth .post .articlelist-item-inner {
    padding: 0 0 10%;

  }
  .articleListBox.list_oth .articlelist-category i.cat,
  a.article span.txt i.cat {
    margin: 0 5px 7px 0;
    font-size: 0.9rem;
    padding: 4px 7px 3px;
  }
  .articleListBox.list_oth .post .title {
    font-size: 1.0rem;
  }
  .flex_column .flex_item.icon_new a span.img::after {
    padding: 8px 15px 7px;
    font-size: 1.0rem;
    font-weight: bolder;
  }
  .articleListBox .post.icon_new .main_img::after {
    padding: 6px 10px 5px;
    font-size: 0.9rem;
    font-weight: bolder;
  }
  .articleListBox .post .main_img.video::before {
    width: 42px;
    height: 42px;
    background-size: 100%;
  }
  #c_body.article .sub_title {
    margin-top: 0;
  }
  .articleListBox.list_oth .post .articlelist-item-inner .articlelist-category {
    margin-top: 10px;
    padding-right: 0;
  }
}


/*===================================
  
  Tag List

===================================*/
.tag_list .sub_title {
  margin-top: 0;
}
.tagList.all {
  display: flex;
  flex-wrap: wrap;
  margin: 40px 0 30px -4%;
}
.tagList.all li {
  width: 46%;
  margin: 0 0 30px 4%;
}
.tagList.all li a {
  background: none;
  color: #666;
  padding: 0;
  margin: 0;
  display: flex;
  align-items: center;
  line-height: 1.4;
  position: relative;
  transition: 0.5s;
  padding: 0 5px 0 0;
}
.tagList.all li a::before {
  content: "●";
  display: inline;
  color: #B0778C;
  font-size: 1.0rem;
  padding: 0 5px 0 0;
}
.tagList.all li a:hover i {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
  .tagList.all {
    margin: 25px 0 25px -4%;
  }
  .tagList.all li {
    margin: 0 0 25px 4%;
  }
}


/*===================================
  
  single（記事ページ）

===================================*/
.single .blogbox .tagList:not(.all) li a::before {
  display: inline;
  content: "#";
}
.single .entry {
  padding-top: 15px;
}
.single .entry figure {
  margin: 2em auto;
}
.single .entry .block_asset:first-child .img_asset {
  margin-top: 0;
}
.single .entry p + p {
  margin-top: 30px;
}
.single .entry p a {
  text-decoration: underline;
}
/* headCategory */
.single .headCategory {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 0;
}
.single .headCategory a {
  color: #0096DC;
  padding: 5px 10px 4px;
  font-size: 1.4rem;
  line-height: 1.5;
  background: #fff;
  border: 1px solid #0096DC;
  border-radius: 20px;
  display: inline-block;
  min-width: 70px;
  text-align: center;
  margin: 0 10px 10px 0;
}
/* blogbox */
.single .entry p {
  line-height: 2em;
}
.single .blogbox {
  display: flex;
  flex-wrap: wrap;
  margin: 10px auto;
}
.single .blogbox .time {
  margin: 0 2% 0 -15px;
  width: 38%;
}
.single .blogbox .tag {
  width: 60%;
}
.single .blogbox .tagList.tags {
  width: 70%;
  margin: 0 -0.5em 0 auto;
  text-align: right;
}
/* block_menu（メニュー） */
.single .block_menu {
  margin: 5em auto;
}
.single .block_menu .block_menu_inner {
  margin: 40px 0px 50px;
  background-color: #f4f4f4;
  padding: 0px 60px 40px;
}
.single .block_menu .block_menu_inner .menu_tit {
  padding: 45px 0 15px;
  margin: 0;
  font-size: 2rem;
  color: #858585;
  text-align: center;
  letter-spacing: 0.05em;
  line-height: 1;
}
.single .block_menu .block_menu_inner ul {
  counter-reset: circle 0;
}
.single .block_menu .block_menu_inner ul li {
  position: relative;
  padding-left: 1.8em;
}
.single .block_menu .block_menu_inner ul li::before {
  position: absolute;
  top: 13px;
  left: 0;
  content: "";
  display: inline-block;
  text-align: center;
  font-size: 1.0rem;
  line-height: 0;
}
.single .block_menu .block_menu_inner ul li.small {
  margin: 5px 0 0 1em;
  padding-left: 1.1em;
}
.single .block_menu .block_menu_inner ul li.small::before {
  width: 5px;
  height: 5px;
  background: #000;
  border-radius: 5px;
}
.single .block_menu .block_menu_inner ul li.normal {
  margin-top: 20px;
}
.single .block_menu .block_menu_inner ul li.normal:nth-child(n+10) {
  padding-left: 2.3em;
}
.single .block_menu .block_menu_inner ul li.normal::before {
  content: counter(circle)".";
  counter-increment: circle 1;
  color: #2FBBD0;
  font-size: 1.8rem;
  font-weight: bolder;
}
.single .block_menu .block_menu_inner ul li a:hover {
  text-decoration: underline;
}
@media screen and (max-width: 991px) {
	.single .entry p + p {
	  margin-top: 15px;
	}
}

/* main_block（ブログ メインブロック）
-------------------------------------------------*/
.single #main_block .entry img {
  max-width: 100%;
  height: auto;
}

/* block_asset（ブログ アイキャッチ）
-------------------------------------------------*/
.single .img_asset,
.single .img_main,
.single .lead_main {
  margin: 30px auto;  
}

/* Googleマップ埋め込み
-------------------------------------------------*/
body.single #main .mapframe{
	height:500px;
	width:100%;
	display:block;
}

/* Youtube埋め込み
-------------------------------------------------*/
body.single .topMovie {
  padding: 0 0 0 0;
  margin-bottom: calc(2em - 15px);
}
body.single .topMovie .topMovieOuter {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
body.single .topMovie .topMovieOuter iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.single .topMovie + .entry > .block_asset {
  padding-top: 0.7em;
}
/*動画の最大幅を指定する*/
.iframe-container{
  max-width:100%;
  margin: 0 auto;
}
.iframe-container br{
 display: none;
}
/*動画の大きさを調整*/
.i_frame {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
  margin: 2em 0;
}
/*動画を囲んでいるdiv目一杯に広げる*/
.i_frame iframe,
.i_frame object,
.i_frame embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.post_lead .i_frame {
  padding-bottom: 48.75%;
  margin-right: 6.3%;
}

/* 関連リンク
-------------------------------------------------*/
.blog-card {
  margin: 25px auto 0;
}
.blog-card + br {
  display: none;
}
.blog-card a {
  background: #fbfaf8;
  border: 1px solid #ddd;
  word-wrap: break-word;
  max-width: 100%;
  border-radius: 0px;
  margin: 0px 0 40px;
  padding: 20px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.blog-card a:hover {
  opacity: 0.7;
}
.blog-card a span.blog-card-thumbnail {
  width: 90px;
  margin-right: 15px;
}
.blog-card a span.blog-card-thumbnail span.video {
  display: block;
  position: relative;
}
.blog-card a span.blog-card-thumbnail span.video::before {
  content: "";
  display: block;
  width: 40px;
  height: 40px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  background: url(./img/img-common/icon_video.png) no-repeat center 0;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  background-size: 100%;
  z-index: 1;
}
.blog-card a span.blog-card-thumbnail img {
  object-fit: cover;
  width: 90px;
  height: 90px !important;
}
.blog-card a span.blog-card-content {
  width: calc( 100% - 105px );
  margin-top: -0.5em;
}
.blog-card a span.blog-card-content > i.blog-card-title {
  margin: 0 0 3px;
  display: block;
  font-weight: bolder;
  color: #333333;
  font-size: 1.6rem;
}
.blog-card a span.blog-card-content > i.blog-card-excerpt {
  font-size: 1.4rem;
}

@media screen and (min-width: 992px) {
  .single .entry p a:hover {
    text-decoration: none;
  }
}

@media screen and (max-width: 991px) {
  .blog-card a {
    padding: 15px;
    margin-bottom: 35px;
  }
  .blog-card a span.blog-card-content {
    width: calc( 100% - 85px );
  }
  .blog-card a span.blog-card-thumbnail {
    width: auto;
    display: block;
    text-align: center;
  }
  .blog-card a span.blog-card-thumbnail img {
    width: 70px;
    height: 70px !important;
  }
  .blog-card a span.blog-card-content > i.blog-card-title {
    font-size: 1.1rem;
  }
  .blog-card a span.blog-card-content > i.blog-card-excerpt {
    font-size: 1.0rem;
    line-height: 1.8;
  }
  .blog-card a span.blog-card-thumbnail span.video::before {
    width: 30px;
    height: 30px;
  }
}


/* 投稿者
-------------------------------------------------*/
.single #main_block .userwp{
	margin:0 0 80px;
}
.single #main_block .userwp .userinfo{
	position:static;
	width:auto;
  vertical-align: middle;
  display: flex;
  flex-wrap: wrap;
}
.single #main_block .userwp .userwp_ttl{
	font-size:2.0rem;
	font-weight:bold;
  text-align: left;
  border-bottom: 1px solid #BBBBBB;
  padding-bottom: 10px;
  margin-bottom: 25px;
}
.single #main_block .userwp .userinfo p {
  display: block;
  margin: 0;
  vertical-align: middle;
  line-height: 1.6;
  text-align: left;
}
.single #main_block .userwp .userinfo .usericon {
  text-align: center;
  margin-right: 30px;
}
.single #main_block .userwp .userinfo .usericon > p {
  width: 100px;
  height: 100px;
  overflow: hidden;
  border-radius: 100px;
}
.single #main_block .userwp .userinfo .usedtl {
  width: calc( 100% - 130px );
}
.single #main_block .userwp .userinfo p.username {
	font-weight:bold;
	padding:0;
	margin:0 0 10px;
}
.single #main_block .userwp .userinfo p.usertxt {
	padding:0;
}

/* SNSシェアボタン
-------------------------------------------------*/
.single .sns_block {
  width: 100%;
  margin: 100px auto 75px;
  padding: 0 !important;
  display: flex;
}
.single .sns_block li{
	display:block;
  width: 25%;
}
.single .sns_block li.line {
  background: #00B900;
}
.single .sns_block li a{
	width:100%;
	display:block;
	text-align:center;
	color:#fff;
	padding:3% 0;
	text-decoration:none;
	font-size:1.4rem;
}
.single .sns_block li a:hover{
	opacity:0.8;
}
.single .sns_block li.twitter{
	background:#55acee;
}
/*
.single .sns_block li.twitter i{
	zoom:1.5;
	vertical-align:sub;
	padding-right:4%;
}
*/
.single .sns_block li.twitter .label{
	padding:0;
	font-weight:normal;
}
.single .sns_block li.facebook{
	background:#3a5795;
}
/*
.single .sns_block li.facebook i{
	zoom:1.3;
	vertical-align:sub;
	padding-right:4%;
}
*/
.single .sns_block li.line{
	background:#00B900;
}
.single .sns_block li.hatebu{
	background:#00A5DE;
}
.single .sns_block li.hatebu .fa-hatena{
	zoom:1;
	vertical-align:middle;
	padding-right:4%;
}

@media screen and (max-width: 991px) {
  .single .block_menu {
    margin: 3em auto;
  }
  .single .headCategory a {
    font-size: 0.8rem;
  }
  .single_title {
    font-size: 1.5rem;
  }
  .single .blogbox .time {
    display: flex;
  }
  .single .blogbox .time i {
    font-size: 0.9rem;
  }
  .single .entry figure {
    margin: 1.5em auto;
  }
  .single .block_menu .block_menu_inner .menu_tit {
    padding: 25px 0 0;
    font-size: 1.4rem;
  }
  .single .block_menu .block_menu_inner {
    padding: 0px 20px 25px;
    margin: 0;
  }
  .single .block_menu .block_menu_inner ul li.normal::before {
    font-size: 1.3rem;
    top: 11px;
    transform: none;
    -webkit- transform: none;
  }
  .single .block_menu .block_menu_inner ul li.small::before {
    top: 7px;
  }
  .single .sns_block {
    flex-wrap: wrap;
    margin: 50px auto 60px;
  }
  .single .sns_block li {
    width: 50%;
  }
  .single .blogbox {
    display: block;
    margin: 5px auto 0;
  }
  .single .blogbox .tag {
    width: 100%;
    margin-bottom: -10px;
  }
  .single .img_asset, .single .img_main, .single .lead_main {
    margin: 0px auto;
  }
  .single .blogbox .tagList.tags {
    width: 100%;
    margin: 5px -0.5em 0 auto;
  }
  /* Googleマップ埋め込み
  -------------------------------------------------*/
  body.single #main .mapframe{
    width:100%;
    height:300px;
    display:block;
  }
  body.single .topMovie {
	margin-top: 20px;
    padding: 0 0 0 0;
  }
  body.single .topMovie .topMovieOuter {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }
  body.single .topMovie + .entry > .block_asset {
    padding-top: 0;
  }
  /* Youtube埋め込み
  -------------------------------------------------*/
  /*動画の最大幅を指定する*/
  .iframe-container{
    max-width:100%;
    margin: 0 auto;
  }
  .iframe-container br{
   display: none;
  }
  /*動画の大きさを調整*/
  .i_frame {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
    max-width: 100%;
    height: auto;
  }
  /*動画を囲んでいるdiv目一杯に広げる*/
  .i_frame iframe,
  .i_frame object,
  .i_frame embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .single .sns_block li a {
    font-size: 0.9rem;
    padding: 5% 0;
    font-weight: bolder;
  }
  .single .sns_block li a span {
    font-weight: bolder;
  }
  .single #main_block .userwp .userwp_ttl {
    font-size: 1.2em;
    padding-bottom: 5px;
    margin-bottom: 20px;
  }
  .single #main_block .userwp {
    margin: 0 0 45px;
  }
  /* 投稿者
  -------------------------------------------------*/
  .single #main_block .userwp .userinfo p.username {
    margin: 0 0 5px;
  }
  .single #main_block .userwp .userinfo p.usertxt {
    font-size: 1.0rem;
  }
}

/*===================================
  
  関連記事

===================================*/
.entry-related {
}
.entry-related .related-title {
  padding: 10px 15px;
  margin-bottom: 20px;
  margin-top: 40px;
  background-color: #f3f3f3;
  font-size: 17px;
  line-height: 26px;
  font-weight: bold;
}
.entry-related .related-items {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 -5% -5%;
}
.entry-related .related-items .related-item {
  display: flex;
  flex-wrap: wrap;
  width: 45%;
  margin: 0 0 5% 5%;
}
.entry-related .related-items .related-item span {
  display: block;
}
.entry-related .related-items .related-item .r_outer.img {
  width: 100px;
  margin-right: 20px;
  overflow: hidden;
}
.entry-related .related-items .related-item-img {
  display: block;
  height: 100px;
  background-size: cover;
  background-position: center;
  position: relative;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
}
.entry-related .related-items .related-item .r_outer.tit {
  width: calc(100% - 120px);
}
.entry-related .related-items .category {
  display: block;
  line-height: 1;
}
.entry-related .related-items .category i {
  font-size: 1.0rem;
  line-height: 1;
  display: inline-block !important;
  border: 1px solid;
  padding: 4px 12px 3px;
  border-radius: 100px;
  margin-bottom: 3px;
  color: #0096DC;
}
.entry-related .related-items .related-item-title {
  line-height: 1.6;
  margin: 2px 0 0;
  font-size: 1.4rem;
}
.entry-related .related-items a:hover .related-item-img {
  transition: transform .5s ease;
  transition: transform .5s ease,-webkit-transform .5s ease;
}
@media screen and (max-width: 991px) {
  .entry-related {
    margin: 60px auto;
  }
  .entry-related .related-title {
    font-size: 1.3rem;
    padding: 7px 15px;
  }
  .entry-related .related-items {
    display: block;
  }
  .entry-related .related-items {
    display: block;
    margin: 0;
  }
  .entry-related .related-items .related-item {
    width: auto;
    margin: 20px 0 0 0;
  }
  .entry-related .related-items .category i {
    font-size: 0.9rem;
  }
  .entry-related .related-items .related-item-title {
    font-weight: bolder;
    font-size: 1.0rem;
    margin-top: 3px;
  }
}

@media screen and (max-width: 991px) {
  /* 文字切り取り */
  .cut_string::after {
    display: inline-block;
    content: "…";
  }
  .cut_string i {
    display: none !important;
  }
}


/*===================================
  
  吹き出しプラグインの修正スタイル

===================================*/
.w_b_wrap_pointy {
  padding: 15px 0 0;
}
.w_b_flex {
  align-items: center;
}
.w_b_wrap_pointy.w_b_flex {
  align-items: flex-start;
}
.w_b_box .w_b_ava_effect br,
.w_b_box .w_b_space {
  display: none !important;
}
.w_b_box .w_b_name {
  font-size: 1.4rem;
  margin-top: 5px !important;
}
.w_b_box + br {
  display: none;
}
.w_b_bal_wrap .w_b_name.w_b_ta_R {
  text-align: left !important;
}
.w_b_bal_wrap .w_b_name.w_b_ta_L {
  text-align: right !important;
}
.w_b_bal_wrap .w_b_lh {
  margin: 0 0 5px !important;
}
@media screen and (max-width: 991px) {
  .w_b_ava_box {
    width: 17% !important;
    max-width: 95px;
    min-width: 95px;
  }
  .w_b_size_S,
  .w_b_size_M,
  .w_b_size_L {
    width: 100% !important;
    height: 100% !important;
  }
  .w_b_box .w_b_name {
    font-size: 1.0rem !important;
  }
  .w_b_talk:before {
    top: calc( 45% - 1px ) !important;
  }
  .w_b_talk:after {
    top: 45% !important;
  }
  .w_b_bal_box.w_b_w100 {
    width: auto !important;
  }
  .w_b_wrap_pointy {
    padding: 5px 0 0;
  }
}
@media screen and (max-width: 768px) {
  .w_b_flex {
    width: 100%;
  }
  .w_b_ava_box {
    width: 12% !important;
    min-width: auto;
  }
}

/*===================================
  MW FORM
===================================*/
.mw_wp_form .horizontal-item + .horizontal-item {
  margin-left: 0 !important;
}

/*===================================
  pagination
===================================*/
.pagination { position: relative;display: flex;justify-content: center;margin-top: 50px; }
.pagination > a,
.pagination > span { width: 40px; height: 40px;line-height: 40px;font-weight: bold;text-align: center;margin: 0 5px; }
@media screen and (max-width: 991px) {
.pagination > a,
.pagination > span { width: 30px;height: 30px;line-height: 30px;margin: 0 3px; }
}
.pagination > a,
.pagination > span { color: #01BFF2;background: #fff;border: 1px solid #01BFF2;display: block; }
.pagination > a.prev,
.pagination > a.next { position: relative;-webkit-box-shadow: none;box-shadow: none;padding: 0;margin: 0; }
.pagination > a.prev { margin-right: 15px; }
@media screen and (max-width: 991px) {
.pagination > a.prev { margin-right: 10px; }
}
.pagination > a.next { margin-left: 15px; }
@media screen and (max-width: 991px) {
.pagination > a.next { margin-left: 10px; }
.pagination > a.prev,
.pagination > a.next{ width: auto; }
}
.pagination > a.prev,
.pagination > a.next{ height: 100%;text-decoration: underline;border: none !important;background: none !important;color: #393021 !important; }
.pagination > a.prev:hover,
.pagination > a.next:hover { text-decoration: none; }
.pagination > span:not(.dots),
.pagination > a:hover { color: #fff;background: #01BFF2;border: 1px solid #01BFF2; }
.pagination > span.dots { border: none !important; }
/* 記事ページの「前へ」「次へ」 */
.nav_beforeafter {
  width: 100%;
  margin: 75px auto 0;
}
.nav_beforeafter ul {
  padding: 30px 0;
  display: flex;
  justify-content: center;
}
.nav_beforeafter ul li {
  width: 180px;
  line-height: 1.6;
}
.nav_beforeafter ul li:nth-child(2) {
  width: 220px;
}
.nav_beforeafter ul li a {
  display: flex;
  justify-content: center;
  color: #4A4138;
  font-size: 1.6rem;
}
.nav_beforeafter ul li a > span {
  position: relative;
  display: inline-block;
}
.nav_beforeafter ul li a > span::after {
  content: "";
  position: absolute;
  top: 3px;
  bottom: 0;
  margin: auto;
}
.nav_beforeafter ul li a:hover > span {
  text-decoration: underline;
}
.nav_beforeafter ul li:nth-child(1) a > span {
  padding-left: 25px;
}
.nav_beforeafter ul li:nth-child(1) a > span::after {
  left: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #4A4138;
  border-right: 1px solid #4A4138;
  -webkit-transform: rotate(-135deg);
  transform: rotate(-135deg);
}
.nav_beforeafter ul li:nth-child(2) {
  border-left: 1px solid #4A4138;
  border-right: 1px solid #4A4138;
}
.nav_beforeafter ul li:nth-child(2) a > span {
  padding-right: 35px;
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 18px auto;
}
.nav_beforeafter ul li:nth-child(3) a > span {
  padding-right: 25px;
}
.nav_beforeafter ul li:nth-child(3) a > span::after {
  right: 0;
  width: 7px;
  height: 7px;
  border-top: 1px solid #4A4138;
  border-right: 1px solid #4A4138;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
@media screen and (max-width: 991px) {
  .nav_beforeafter {
    margin: 50px auto 0;
    padding: 0 6%;
  }
  .nav_beforeafter ul {
    padding: 15px 0;
  }
  .nav_beforeafter ul li {
    padding: 0;
    width: 33%;
  }
  .nav_beforeafter ul li a {
    font-size: 1.2rem;
  }
  .nav_beforeafter ul li:nth-child(1) a > span {
    padding-left: 12px;
  }
  .nav_beforeafter ul li:nth-child(1) a > span::after {
    width: 5px;
    height: 5px;
    top: -1px;
  }
  .nav_beforeafter ul li:nth-child(2) a > span {
    padding-right: 25px;
    background-size: 12px auto;
  }
  .nav_beforeafter ul li:nth-child(3) a > span {
    padding-right: 12px;
  }
  .nav_beforeafter ul li:nth-child(3) a > span::after {
    width: 5px;
    height: 5px;
    top: -1px;
  }
  .nav_beforeafter ul li:nth-child(2) {
    width: 180px;
  }
}

/*===================================
  共通マージン
===================================*/
/* マージントップ */
.pc_mt5 {
  margin-top: 5px !important;
}
.pc_mt10 {
  margin-top: 10px !important;
}
.pc_mt10 {
  margin-top: 15px !important;
}
.pc_mt20 {
  margin-top: 20px !important;
}
.pc_mt30 {
  margin-top: 30px !important;
}
.pc_mt40 {
  margin-top: 40px !important;
}
.pc_mt50 {
  margin-top: 50px !important;
}
.pc_mt60 {
  margin-top: 60px !important;
}
.pc_mt70 {
  margin-top: 70px !important;
}
.pc_mt80 {
  margin-top: 80px !important;
}
.pc_mt90 {
  margin-top: 90px !important;
}
.pc_mt100 {
  margin-top: 100px !important;
}
/*    マージントップ マイナス    */
.pc_mt-10 {
  margin-top: -10px !important;
}
.pc_mt-10 {
  margin-top: -15px !important;
}
.pc_mt-20 {
  margin-top: -20px !important;
}
.pc_mt-30 {
  margin-top: -30px !important;
}
.pc_mt-40 {
  margin-top: -40px !important;
}
.pc_mt-50 {
  margin-top: -50px !important;
}
.pc_mt-60 {
  margin-top: -60px !important;
}
.pc_mt-70 {
  margin-top: -70px !important;
}
.pc_mt-80 {
  margin-top: -80px !important;
}
.pc_mt-90 {
  margin-top: -90px !important;
}
.pc_mt-100 {
  margin-top: -100px !important;
}
/*    マージンボトム    */
.pc_mb10 {
  margin-bottom: 10px !important;
}
.pc_mb15 {
  margin-bottom: 15px !important;
}
.pc_mb20 {
  margin-bottom: 20px !important;
}
.pc_mb25 {
  margin-bottom: 25px !important;
}
.pc_mb30 {
  margin-bottom: 30px !important;
}
.pc_mb35 {
  margin-bottom: 35px !important;
}
.pc_mb40 {
  margin-bottom: 40px !important;
}
.pc_mb45 {
  margin-bottom: 45px !important;
}
.pc_mb50 {
  margin-bottom: 50px !important;
}
.pc_mb55 {
  margin-bottom: 55px !important;
}
.pc_mb60 {
  margin-bottom: 60px !important;
}
.pc_mb65 {
  margin-bottom: 65px !important;
}
.pc_mb70 {
  margin-bottom: 70px !important;
}
.pc_mb75 {
  margin-bottom: 75px !important;
}
.pc_mb80 {
  margin-bottom: 80px !important;
}
.pc_mb85 {
  margin-bottom: 85px !important;
}
.pc_mb90 {
  margin-bottom: 90px !important;
}
.pc_mb95 {
  margin-bottom: 95px !important;
}
.pc_mb100 {
  margin-bottom: 100px !important;
}
.pc_mb110 {
  margin-bottom: 110px !important;
}
.pc_mb120 {
  margin-bottom: 120px !important;
}
.pc_mb130 {
  margin-bottom: 130px !important;
}
.pc_mb140 {
  margin-bottom: 140px !important;
}
.pc_mb150 {
  margin-bottom: 150px !important;
}
.pc_mb160 {
  margin-bottom: 160px !important;
}
.pc_mb170 {
  margin-bottom: 170px !important;
}
.pc_mb180 {
  margin-bottom: 180px !important;
}
.pc_mb190 {
  margin-bottom: 190px !important;
}
.pc_mb200 {
  margin-bottom: 200px !important;
}
.pc_mb210 {
  margin-bottom: 210px !important;
}
@media screen and (max-width: 991px) {
  .sp_mt5{
    margin-top:5px !important;
  }
  .sp_mt10{
    margin-top:10px !important;
  }
  .sp_mt15{
    margin-top:15px !important;
  }
  .sp_mt20{
    margin-top:20px !important;
  }
  .sp_mt30{
    margin-top:30px !important;
  }
  .sp_mt40{
    margin-top:40px !important;
  }
  .sp_mt50{
    margin-top:50px !important;
  }
  .sp_mt60{
    margin-top:60px !important;
  }
  .sp_mt70{
    margin-top:70px !important;
  }
  .sp_mt80{
    margin-top:80px !important;
  }
  .sp_mt90{
    margin-top:90px !important;
  }
  .sp_mt100{
    margin-top:100px !important;
  }
  .sp_mb0{
    margin-bottom:0px !important;
  }
  .sp_mb5{
    margin-bottom:5px !important;
  }
  .sp_mb10{
    margin-bottom:10px !important;
  }
  .sp_mb15{
    margin-bottom:15px !important;
  }
  .sp_mb20{
    margin-bottom:20px !important;
  }
  .sp_mb30{
    margin-bottom:30px !important;
  }
  .sp_mb40{
    margin-bottom:40px !important;
  }
  .sp_mb50{
    margin-bottom:50px !important;
  }
  .sp_mb60{
    margin-bottom:60px !important;
  }
  .sp_mb70{
    margin-bottom:70px !important;
  }
  .sp_mb80{
    margin-bottom:80px !important;
  }
  .sp_mb90{
    margin-bottom:90px !important;
  }
  .sp_mb100{
    margin-bottom:100px !important;
  }
  .sp_mb120{
    margin-bottom:120px !important;
  }
  .sp_mb130{
    margin-bottom:130px !important;
  }
  .sp_mb140{
    margin-bottom:140px !important;
  }
  .sp_mb150{
    margin-bottom:150px !important;
  }
  .sp_mb160{
    margin-bottom:160px !important;
  }
  .sp_mb170{
    margin-bottom:170px !important;
  }
  .sp_mb180{
    margin-bottom:180px !important;
  }
}
/*===================================
  共通パディング
===================================*/
/*    パディングトップ     */
.pc_pt10 {
  padding-top: 10px !important;
}
.pc_pt15 {
  padding-top: 15px !important;
}
.pc_pt20 {
  padding-top: 20px !important;
}
.pc_pt30 {
  padding-top: 30px !important;
}
.pc_pt40 {
  padding-top: 40px !important;
}
.pc_pt50 {
  padding-top: 50px !important;
}
.pc_pt60 {
  padding-top: 60px !important;
}
.pc_pt70 {
  padding-top: 70px !important;
}
.pc_pt80 {
  padding-top: 80px !important;
}
.pc_pt90 {
  padding-top: 90px !important;
}
.pc_pt100 {
  padding-top: 100px !important;
}
/*    パディングボトム     */
.pc_pb10 {
  padding-bottom: 10px !important;
}
.pc_pb15 {
  padding-bottom: 15px !important;
}
.pc_pb20 {
  padding-bottom: 20px !important;
}
.pc_pb30 {
  padding-bottom: 30px !important;
}
.pc_pb40 {
  padding-bottom: 40px !important;
}
.pc_pb50 {
  padding-bottom: 50px !important;
}
.pc_pb60 {
  padding-bottom: 60px !important;
}
.pc_pb70 {
  padding-bottom: 70px !important;
}
.pc_pb80 {
  padding-bottom: 80px !important;
}
.pc_pb90 {
  padding-bottom: 90px !important;
}
.pc_pb100 {
  padding-bottom: 100px !important;
}
.pc_pb160 {
  padding-bottom: 160px !important;
}
@media screen and (max-width: 991px) {
  .sp_pt10{
    padding-top:10px !important;
  }
  .sp_pt15{
    padding-top:15px !important;
  }
  .sp_pt20{
    padding-top:20px !important;
  }
  .sp_pt30{
    padding-top:30px !important;
  }
  .sp_pt40{
    padding-top:40px !important;
  }
  .sp_pt50{
    padding-top:50px !important;
  }
  .sp_pt60{
    padding-top:60px !important;
  }
  .sp_pt70{
    padding-top:70px !important;
  }
  .sp_pt80{
    padding-top:80px !important;
  }
  .sp_pt90{
    padding-top:90px !important;
  }
  .sp_pt100{
    padding-top:100px !important;
  }
  .sp_pb5{
    padding-bottom:5px !important;
  }
  .sp_pb10{
    padding-bottom:10px !important;
  }
  .sp_pb15{
    padding-bottom:15px !important;
  }
  .sp_pb20{
    padding-bottom:20px !important;
  }
  .sp_pb30{
    padding-bottom:30px !important;
  }
  .sp_pb40{
    padding-bottom:40px !important;
  }
  .sp_pb50{
    padding-bottom:50px !important;
  }
  .sp_pb60{
    padding-bottom:60px !important;
  }
  .sp_pb70{
    padding-bottom:70px !important;
  }
  .sp_pb80{
    padding-bottom:80px !important;
  }
  .sp_pb90{
    padding-bottom:90px !important;
  }
  .sp_pb100{
    padding-bottom:100px !important;
  }
}

.quicklinks .wrapper {
  flex-direction: inherit;
  min-height: inherit;
}