@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : style.css
 author     : 40note
 style info : style
=================================================================== */
/*Animate */
/*Vertical text */
/* -----------------------------------------------------------
	.effect shiny
----------------------------------------------------------- */
@keyframes is-reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
@-webkit-keyframes is-reflection {
  0% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0;
  }
  80% {
    -webkit-transform: scale(0) rotate(45deg);
    opacity: 0.5;
  }
  81% {
    -webkit-transform: scale(4) rotate(45deg);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(50) rotate(45deg);
    opacity: 0;
  }
}
/* -----------------------------------------------------------
	comomon
----------------------------------------------------------- */
body, pre, input, textarea, select {
  font-family: 'Noto Sans JP', sans-serif;
}

@media only screen and (max-width: 767px) {
  .main_center #main {
    width: 100%;
    padding-left: 12px;
    padding-right: 12px;
  }
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
.con_breadcrum {
  background: #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .con_breadcrum .box_breadcrum {
    padding: 8px 0;
    line-height: 1;
    font-size: 12px;
  }
}
.con_breadcrum .box_breadcrum span, .con_breadcrum .box_breadcrum a {
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
@media only screen and (max-width: 767px) {
  .con_breadcrum .box_breadcrum span, .con_breadcrum .box_breadcrum a {
    font-size: 12px;
  }
}

/* -----------------------------------------------------------
	con_menu_sp
----------------------------------------------------------- */
.con_menu_sp {
  border-top-color: #000;
  background: #fed700 url(../images/common/bg_menu_sp_1.jpg);
  background-size: 190px;
  border: 0;
}
.con_menu_sp .box_menu {
  height: 100%;
  background: transparent url(../images/common/bg_menu_sp_2.png) no-repeat 56% 88%;
  background-size: 90px;
}
.con_menu_sp .box_menu ul {
  background: transparent;
}
.con_menu_sp .box_menu ul.menu {
  background: transparent;
}
.con_menu_sp .box_menu ul.menu li a {
  border: 0;
}
.con_menu_sp .box_menu ul.box_social li a img {
  max-width: 40px;
  border-radius: 50%;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#header .box_header {
  background: #fed700;
  border-color: #fed700;
}
@media only screen and (max-width: 767px) {
  #header .box_header {
    display: none;
  }
}
#header .box_header .box_menu ul li a {
  color: #000;
}
#header .box_social {
  width: 199px;
}
#header .box_social li {
  width: calc( (100% - 20px)/3 );
}
#header .box_social li a img {
  border-radius: 50%;
}
#header .photo {
  border-color: #fed700;
  text-align: center;
  background: #fed700;
}
#header .photo a {
  display: inline-block;
  line-height: 0;
  position: relative;
  width: auto;
  top: 0;
  left: 0;
}
#header .photo a img {
  max-width: 1072px;
  width: 100%;
}
#header .photo a .effect {
  position: absolute;
  width: 37.7%;
  height: 29%;
  top: 47%;
  left: 39.5%;
  transform: rotate(-6deg);
  -ms-transform: rotate(-6deg);
  display: none;
}
@media only screen and (max-width: 767px) {
  #header .photo a .effect {
    width: 65%;
    top: 45%;
    left: 32.5%;
  }
}
#header .photo a .effect span {
  display: block;
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
#header .photo a .effect span:before {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -o-animation: is-reflection 4s ease-in-out infinite;
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  animation: is-reflection 4s ease-in-out infinite;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  background-color: white;
  content: "";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  width: 30px;
}

/* -----------------------------------------------------------
	.con_page
----------------------------------------------------------- */
.con_page .box_page .box_contents {
  line-height: 2;
}
.con_page .box_page .box_contents .aligncenter {
  text-align: center;
}
.con_page .box_page .box_contents img {
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .con_page .box_page .box_contents p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.con_page .box_page .box_contents p:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------------------------
	#header
----------------------------------------------------------- */
#footer .box_top {
  background: #fed700;
}
#footer .box_top .container h2:before {
  background: #000;
}
#footer .box_top .container .cates ul li a {
  font-size: 14px;
  /*font-weight: lighter;*/
}
#footer .box_top .container .pickup ul li a {
  text-decoration: none;
}
#footer .box_top .container .pickup ul li a .info h3 {
  font-size: 14px;
  line-height: 1.5;
  /*font-weight: lighter;*/
}
#footer .box_top .container .pickup ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
#footer .box_top .container .pickup ul li a:hover {
  text-decoration: none;
}
#footer .box_bottom {
  background: #000;
}
#footer .box_bottom .container .copyright {
  /*font-family: 'Noto Sans JP', sans-serif;*/
}

/* -----------------------------------------------------------
	#btn_menu
----------------------------------------------------------- */
#btn_menu {
  width: 40px;
}
#btn_menu a span {
  background: #000;
}
#btn_menu a span.line2 {
  width: calc(100% - 5px);
  left: 5px;
}
#btn_menu a span.line3 {
  width: calc(100% - 10px);
  left: 10px;
}

/* -----------------------------------------------------------
	open-menu
----------------------------------------------------------- */
.open-menu #btn_menu a span {
  background: #000;
}
.open-menu #btn_menu a span.line1 {
  left: 0;
  width: 100%;
}
.open-menu #btn_menu a span.line3 {
  left: 0;
  width: 100%;
}

/* -----------------------------------------------------------
	.main_center
----------------------------------------------------------- */
.main_center {
  padding-top: 20px;
}
@media only screen and (max-width: 767px) {
  .main_center {
    padding-top: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #aside {
    padding-left: 12px;
    padding-right: 12px;
    background: transparent;
  }
}
.main_center #aside .box_profile {
  margin: 0 0 20px;
  padding: 10px;
}
.main_center #aside .box_profile .photo {
  text-align: center;
  line-height: 0;
}
.main_center #aside .box_profile .photo img {
  max-width: 142px;
  width: auto;
}
.main_center #aside .box_profile .txt h3 {
  text-align: center;
  font-weight: 500;
  font-size: 16px;
  padding: 15px 0;
}
.main_center #aside .box_profile .txt p {
  font-size: 15px;
}
.main_center #aside .box_profile .txt .social {
  margin: 0;
  padding: 0;
  list-style-type: none;
  text-align: center;
  margin-top: 10px;
}
.main_center #aside .box_profile .txt .social li {
  display: inline-block;
  margin: 2px;
  line-height: 0;
  font-size: 0;
}
.main_center #aside .box_profile .txt .social li a {
  display: block;
  line-height: 0;
}
.main_center #aside .box_profile .txt .social li a img {
  display: block;
  max-width: 45px;
  width: 100%;
}
.main_center #aside section {
  background: #000;
}
.main_center #aside section.widget h2 {
  color: #fff;
}
.main_center #aside section.widget h2:before {
  background: #fed700;
}
.main_center #aside section.widget.widget_latest ul li a {
  text-decoration: none;
  align-items: flex-start;
}
.main_center #aside section.widget.widget_latest ul li a .info h3 {
  font-size: 14px;
  /*font-weight: lighter;*/
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.main_center #aside section.widget.widget_latest ul li a .info.ie {
  /**/
}
.main_center #aside section.widget.widget_latest ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
.main_center #aside section.widget.widget_latest ul li a:hover {
  text-decoration: none;
}
.main_center #aside section.widget.widget_ranking ul li a {
  text-decoration: none;
  align-items: flex-start;
}
.main_center #aside section.widget.widget_ranking ul li a:before {
  background: #fed700;
  font-family: 'Montserrat', sans-serif;
  font-weight: 500;
}
.main_center #aside section.widget.widget_ranking ul li a .info h3 {
  font-size: 14px;
  /*font-weight: lighter;*/
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;*/
}
.main_center #aside section.widget.widget_ranking ul li a .info h3.ie {
  /**/
}
.main_center #aside section.widget.widget_ranking ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
.main_center #aside section.widget.widget_ranking ul li a:hover {
  text-decoration: none;
}
.main_center #aside section.widget.widget_ranking ul li:nth-child(1) a:before {
  background: #fed700;
}
.main_center #aside section.widget.widget_ranking ul li:nth-child(2) a:before {
  background: #fed700;
}
.main_center #aside section.widget.widget_ranking ul li:nth-child(3) a:before {
  background: #fed700;
}
.main_center #aside section.widget.widget_search .search-form label input {
  -webkit-appearance: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.main_center #aside section.widget.widget_search .search-form .search-submit {
  background-color: #000;
  border: 1px solid #fff;
  -webkit-appearance: none;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  background-size: 20px;
}
.main_center #aside section.widget.widget_category ul li a {
  /*font-weight: lighter;*/
  font-size: 14px;
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup {
    padding-bottom: 4px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup ul li {
    margin-bottom: 6px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup ul li a {
    height: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup ul li a .info {
    padding: 15px 5px;
  }
}
.main_center #aside section.widget.widget_pickup ul li a .info h3 {
  font-size: 14px;
  /*font-weight: lighter;*/
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup ul li a .info h3 {
    /*display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;  
    overflow: hidden;
    text-overflow: ellipsis;*/
  }
}
.main_center #aside section.widget.widget_pickup ul li a .info h3.ie {
  /**/
}
.main_center #aside section.widget.widget_pickup ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup ul li:last-child {
    margin-bottom: 6px;
  }
}
.main_center #aside section.widget.widget_pickup2 {
  padding-bottom: 4px;
}
.main_center #aside section.widget.widget_pickup2 ul li {
  margin-bottom: 6px;
}
@media only screen and (max-width: 767px) {
  .main_center #aside section.widget.widget_pickup2 ul li a .info {
    padding: 15px 5px;
  }
}
.main_center #aside section.widget.widget_pickup2 ul li a .info h3 {
  font-size: 14px;
  /*font-weight: lighter;*/
  /*display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.main_center #aside section.widget.widget_pickup2 ul li a .info.ie {
  /**/
}
.main_center #aside section.widget.widget_pickup2 ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
.main_center #aside section.widget.widget_pickup2 ul li:last-child {
  margin-bottom: 6px;
}
.main_center #main article {
  word-break: normal;
}
.main_center #main article .box_thum {
  border-radius: 5px;
  overflow: hidden;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_contents {
    font-size: 16px;
  }
}
.main_center #main article .box_contents .aligncenter {
  text-align: center;
}
.main_center #main article .box_contents img {
  border-radius: 5px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_contents p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.main_center #main article .box_contents p:last-child {
  margin-bottom: 0;
}
.main_center #main article .box_st h1 {
  border-bottom-color: #e9e9e9;
}
.main_center #main article .box_st h1:after {
  background: #fed700;
  width: 0;
  -webkit-transition: 1.5s;
  -moz-transition: 1.5s;
  -ms-transition: 1.5s;
  -o-transition: 1.5s;
  transition: 1.5s;
}
.main_center #main article .box_st h1.step1:after {
  width: 100%;
}
.main_center #main article .box_st h1.step2:after {
  width: 0%;
}
.main_center #main article .box_st h1.step3:after {
  width: 180px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_st h1.step3:after {
    width: 40%;
  }
}
.main_center #main article .box_st .meta .date {
  width: auto;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_st .meta .date {
    width: 100%;
  }
}
.main_center #main article .box_st .meta ul {
  width: auto;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_st .meta ul {
    width: 100%;
  }
}
.main_center #main article .box_st .meta ul li a {
  border-color: #000;
  background: #000;
  color: #fff;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.main_center #main article .box_st .meta ul li a:hover {
  background: #000;
  opacity: .8;
}
.main_center #main article .box_tags {
  padding: 50px 0;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .main_center #main article .box_tags {
    padding: 40px 0;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_tags {
    padding: 30px 0;
  }
}
.main_center #main article .box_tags ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.main_center #main article .box_tags ul li {
  display: inline-block;
  margin-top: 10px;
  margin-left: 10px;
}
.main_center #main article .box_tags ul li a {
  display: block;
  color: #a0a0a0;
  font-size: 12px;
  padding: 2px 17px;
  border: 1px solid #a0a0a0;
  border-radius: 11px;
  letter-spacing: 1px;
  text-decoration: none;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
.main_center #main article .box_tags ul li a:before {
  content: '#';
}
.main_center #main article .box_tags ul li a:hover {
  opacity: .7;
}
.main_center #main article .box_sub_content .aligncenter {
  text-align: center;
}
.main_center #main article .box_sub_content .box_menu {
  background: #e9e9e9;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_menu h2 {
    padding-left: 15px;
  }
}
.main_center #main article .box_sub_content .box_menu h2:before {
  background: #fed700;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_menu ul {
    padding-bottom: 10px;
  }
}
.main_center #main article .box_sub_content .box_menu ul li {
  padding-left: 30px;
}
.main_center #main article .box_sub_content .box_menu ul li .number {
  color: #000;
  font-family: 'Montserrat', sans-serif;
  font-weight: 600;
  font-size: 12px;
  color: #fff;
  background: #000;
  min-width: 20px;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  border-radius: 50%;
  left: 0;
  top: 50%;
  margin-top: -10px;
  padding: 0 5px 0 7px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_menu ul li a {
    font-size: 16px;
    /*text-decoration: none;*/
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_sub h2 {
    padding-left: 15px;
  }
}
.main_center #main article .box_sub_content .box_sub h2:before {
  background: #fed700;
}
.main_center #main article .box_sub_content .box_sub img {
  border-radius: 5px;
}
.main_center #main article .box_sub_content .box_sub p {
  word-break: normal;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_sub p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.main_center #main article .box_sub_content .box_sub p:last-child {
  margin-bottom: 0;
}
.main_center #main article .box_sub_content .box_sub .box {
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.main_center #main article .box_sub_content .box_sub .box .list li {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 1.4rem;
  letter-spacing: 0;
  position: relative;
  padding-left: 20px;
  word-break: normal;
}
.main_center #main article .box_sub_content .box_sub .box .list li:before {
  content: '・';
  position: absolute;
  left: 0;
  top: 0;
}
.main_center #main article .box_sub_content .box_sub .box .list li:last-child {
  margin-bottom: 0;
}
.main_center #main article .box_sub_content .box_sub .box .list.inline li {
  margin-bottom: 0;
}
.main_center #main article .box_btns li a {
  border-color: #000;
  color: #000;
  line-height: 55px;
  border-right-width: 4px;
  border-bottom-width: 4px;
  padding-left: 20px;
  padding-right: 20px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li a {
    font-size: 13px;
  }
}
.main_center #main article .box_btns li a:after {
  width: 16px;
  height: 14px;
  margin-top: -6px;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li a:after {
    width: 14px;
    height: 12px;
    margin-top: -5px;
  }
}
.main_center #main article .box_btns li a:hover {
  background: black;
  color: #fff;
  opacity: 1;
}
.main_center #main article .box_btns li.prev a {
  text-indent: 40px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li.prev a {
    text-indent: 30px;
  }
}
.main_center #main article .box_btns li.prev a:after {
  left: 75px;
  background-image: url(../images/common/ic_left_0.png);
}
@media only screen and (max-width: 1023px) {
  .main_center #main article .box_btns li.prev a:after {
    left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li.prev a:after {
    left: 35px;
  }
}
@media only screen and (max-width: 320px) {
  .main_center #main article .box_btns li.prev a:after {
    left: 25px;
  }
}
.main_center #main article .box_btns li.prev a:hover:after {
  background-image: url(../images/common/ic_left_0_hover.png);
}
.main_center #main article .box_btns li.next a {
  text-indent: -40px;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li.next a {
    text-indent: -30px;
  }
}
.main_center #main article .box_btns li.next a:after {
  right: 75px;
  background-image: url(../images/common/ic_right_0.png);
}
@media only screen and (max-width: 1023px) {
  .main_center #main article .box_btns li.next a:after {
    right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_btns li.next a:after {
    right: 35px;
  }
}
@media only screen and (max-width: 320px) {
  .main_center #main article .box_btns li.next a:after {
    right: 25px;
  }
}
.main_center #main article .box_btns li.next a:hover:after {
  background-image: url(../images/common/ic_right_0_hover.png);
}
.main_center #main article .box_btn_orange a {
  background: #fec500;
  border-right-color: #e0be02;
  border-bottom-color: #e0be02;
}
.main_center #main article .box_related {
  background: #e9e9e9;
}
.main_center #main article .box_related h2 {
  font-size: 125%;
}
@media only screen and (max-width: 1024px) {
  .main_center #main article .box_related h2 {
    font-size: 119%;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_related h2 {
    font-size: 113%;
  }
}
.main_center #main article .box_related h2:before {
  background: #fed700;
}
@media only screen and (max-width: 1023px) {
  .main_center #main article .box_related ul li {
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }
}
.main_center #main article .box_related ul li a {
  height: 100%;
  align-items: flex-start;
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_related ul li a {
    padding: 6px;
  }
}
.main_center #main article .box_related ul li a .info h3 {
  font-size: 14px;
  line-height: 1.5;
  /*display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;  
  overflow: hidden;
  text-overflow: ellipsis;*/
}
.main_center #main article .box_related ul li a .info .date {
  font-size: 11px;
  text-align: right;
}
.main_center #main .list_item .list li {
  padding: 0;
}
.main_center #main .list_item .list li .info .meta .date {
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.main_center #main .list_item .list li .info .meta .cates li a {
  border-color: #000;
  background: #000;
  color: #fff;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.main_center #main .list_item .list li .info .meta .cates li a:hover {
  background: #000;
  opacity: .8;
}
.main_center #main .list_item .list li .info .txt {
  font-size: 16px;
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.main_center #main .list_item .list li .photo img {
  border-radius: 5px;
}

/* -----------------------------------------------------------
	.marker
----------------------------------------------------------- */
.bg_marker {
  display: inline;
  background: -webkit-linear-gradient(left, #ffff00 50%, transparent 50%);
  background: -moz-linear-gradient(left, #ffff00 50%, transparent 50%);
  background: linear-gradient(to right, #ffff00 50%, rgba(0, 0, 0, 0) 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em;
  background-position: 0% .5em;
  transition: 2s;
}

.bg_marker_effect {
  display: inline;
  background: -webkit-linear-gradient(left, #ffff00 50%, transparent 50%);
  background: -moz-linear-gradient(left, #ffff00 50%, transparent 50%);
  background: linear-gradient(to right, #ffff00 50%, rgba(0, 0, 0, 0) 50%);
  background-repeat: no-repeat;
  background-size: 200% .8em;
  background-position: 100% .5em;
  transition: 2s;
}
.bg_marker_effect.active {
  background-position: 0% 7px;
}

/* -----------------------------------------------------------
	.box_qa
----------------------------------------------------------- */
.box_qa {
  margin: 20px 0;
  padding: 23px 0 0;
}
@media only screen and (max-width: 767px) {
  .box_qa {
    padding-top: 9px;
  }
}
.box_qa ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box_qa ul li {
  margin: 0;
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.box_qa ul li .author {
  margin: 0 !important;
  width: 105px;
  text-align: center;
}
@media only screen and (max-width: 1023px) {
  .box_qa ul li .author {
    width: 85px;
  }
}
.box_qa ul li .author span {
  display: block;
  margin: 0 auto;
  width: 100%;
}
.box_qa ul li .author span.icon {
  background: transparent url(../images/common/bg_question.png) no-repeat center center;
  background-size: cover;
  height: 105px;
  border-radius: 50%;
  margin-top: -23px;
}
@media only screen and (max-width: 1023px) {
  .box_qa ul li .author span.icon {
    width: 45px;
    height: 45px;
    margin: 0 auto;
    margin-top: 0;
  }
}
.box_qa ul li .author span.name {
  margin-top: 5px;
  font-size: 12px;
  line-height: 1.5;
}
@media only screen and (max-width: 767px) {
  .box_qa ul li .author span.name {
    font-size: 9px;
  }
}
.box_qa ul li .message {
  width: calc(100% - 140px);
  padding-right: 175px;
  padding-bottom: 30px;
}
@media only screen and (max-width: 1023px) {
  .box_qa ul li .message {
    width: calc(100% - 85px);
    padding-right: 0;
  }
}
@media only screen and (max-width: 767px) {
  .box_qa ul li .message {
    width: calc(100% - 85px);
    padding-bottom: 20px;
  }
}
.box_qa ul li .message .text {
  position: relative;
  border: 2px solid #000;
  border-radius: 5px;
  line-height: 1.7;
  padding: 15px 20px;
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .box_qa ul li .message .text {
    padding: 10px 15px;
  }
}
@media only screen and (max-width: 767px) {
  .box_qa ul li .message .text {
    padding: 5px 10px;
  }
}
@media only screen and (max-width: 767px) {
  .box_qa ul li .message .text {
    font-size: 16px;
  }
}
.box_qa ul li .message .text:before {
  content: '';
  position: absolute;
  top: 22px;
  left: -12px;
  width: 12px;
  height: 12px;
  background: transparent url(../images/common/ic_arr_left_white2.png) no-repeat center center;
  background-size: auto 12px;
}
@media only screen and (max-width: 767px) {
  .box_qa ul li .message .text:before {
    top: 15px;
  }
}
.box_qa ul li.answer .author {
  order: 2;
}
.box_qa ul li.answer .author span.icon {
  background: transparent url(../images/common/bg_answer.png) no-repeat center center;
  background-size: cover;
}
.box_qa ul li.answer .message {
  order: 1;
  padding-left: 175px;
  padding-right: 0;
}
@media only screen and (max-width: 1023px) {
  .box_qa ul li.answer .message {
    padding-left: 0;
  }
}
.box_qa ul li.answer .message .text:before {
  left: auto;
  right: -12px;
  background: transparent url(../images/common/ic_arr_right_white2.png) no-repeat center center;
  background-size: auto 12px;
}
.box_qa ul li.ex {
  margin-top: 30px;
}
.box_qa ul li:last-child {
  margin-bottom: 0;
}

/* -----------------------------------------------------------
	.box_notice on home
----------------------------------------------------------- */
.box_notice {
  padding: 45px 0 25px;
  margin: 0 0 45px;
  position: relative;
}
@media only screen and (max-width: 767px) {
  .box_notice {
    padding: 25px 0 0;
  }
}
.box_notice:after {
  content: '';
  position: absolute;
  top: 0;
  right: 150px;
  height: 189px;
  width: 58px;
  background: transparent url(../images/common/ic_men.png) no-repeat center center;
  background-size: contain;
}
@media only screen and (max-width: 1100px) {
  .box_notice:after {
    right: 10px;
  }
}
@media print {
  .box_notice:after {
    right: 10px;
  }
}
.ie8 .box_notice:after {
  right: 10px;
}
.box_notice .box {
  border: 4px solid #000;
  border-right: 8px solid #000;
  border-bottom: 8px solid #000;
  border-radius: 5px;
  min-height: 125px;
  padding: 10px;
  padding-right: 235px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
@media only screen and (max-width: 1100px) {
  .box_notice .box {
    padding-right: 80px;
  }
}
@media print {
  .box_notice .box {
    padding-right: 80px;
  }
}
.ie8 .box_notice .box {
  padding-right: 80px;
}
@media only screen and (max-width: 767px) {
  .box_notice .box {
    padding-right: 55px;
  }
}
@media only screen and (max-width: 320px) {
  .box_notice .box {
    padding-right: 50px;
  }
}
.box_notice .box p {
  font-size: 16px;
  line-height: 2;
  text-align: left;
}
@media only screen and (max-width: 1023px) {
  .box_notice .box p {
    line-height: 1.5;
  }
}
@media only screen and (max-width: 767px) {
  .box_notice .box p {
    letter-spacing: .5px;
  }
}
@media only screen and (max-width: 320px) {
  .box_notice .box p {
    font-size: 13px;
  }
}
.box_notice .box p .view_tab_small {
  display: none;
}
@media only screen and (max-width: 1023px) {
  .box_notice .box p .view_tab_small {
    display: block;
  }
}

/* -----------------------------------------------------------
	.con_pagination
----------------------------------------------------------- */
.con_pagination .wp-pagenavi {
  text-align: center;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.con_pagination .wp-pagenavi a, .con_pagination .wp-pagenavi span {
  display: inline-block;
  width: 46px;
  height: 46px;
  margin: 2px 4px;
  border-radius: 50%;
  background: #fff;
  font-size: 17.5px;
  font-weight: bold;
  text-decoration: none;
  line-height: 46px;
  color: #fed700;
  border: 1px solid #fed700;
  padding: 0 0 0 3px;
  order: 3;
}
.con_pagination .wp-pagenavi a.extend, .con_pagination .wp-pagenavi span.extend {
  border: 0;
}
.con_pagination .wp-pagenavi a.pages, .con_pagination .wp-pagenavi span.pages {
  width: auto;
  height: auto;
}
.con_pagination .wp-pagenavi a.current, .con_pagination .wp-pagenavi span.current {
  background: #fed700;
  color: #fff;
}
.con_pagination .wp-pagenavi a.previouspostslink, .con_pagination .wp-pagenavi span.previouspostslink {
  width: 20px;
  order: 1;
}
.con_pagination .wp-pagenavi a.first, .con_pagination .wp-pagenavi span.first {
  order: 2;
}
.con_pagination .wp-pagenavi a.last, .con_pagination .wp-pagenavi span.last {
  order: 4;
}
.con_pagination .wp-pagenavi a.nextpostslink, .con_pagination .wp-pagenavi span.nextpostslink {
  width: 20px;
  order: 5;
}
.con_pagination .wp-pagenavi a.extend, .con_pagination .wp-pagenavi span.extend {
  width: 21px;
}
.con_pagination .wp-pagenavi a.previouspostslink, .con_pagination .wp-pagenavi a.nextpostslink {
  border: 0;
}
.con_pagination .wp-pagenavi a.previouspostslink:hover, .con_pagination .wp-pagenavi a.nextpostslink:hover {
  background: #fff;
  color: #fed700;
  opacity: .7;
}
.con_pagination .wp-pagenavi a:hover {
  background: #fed700;
  color: #fff;
}

/* -----------------------------------------------------------
	.con_contact
----------------------------------------------------------- */
.con_page .box_contents {
  /*font-family: 'Noto Sans JP', sans-serif;*/
}
.con_page .box_contents .aligncenter {
  text-align: center;
}
.con_page .box_contents .con_contact {
  display: block;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
}
.con_page .box_contents .con_contact li {
  margin: 0 0 20px;
}
.con_page .box_contents .con_contact li label {
  display: block;
  margin: 0 0 10px;
  line-height: 1;
  letter-spacing: 1.2px;
  word-break: normal;
}
@media only screen and (max-width: 767px) {
  .con_page .box_contents .con_contact li label {
    font-size: 16px;
    letter-spacing: 0;
  }
}
.con_page .box_contents .con_contact li input, .con_page .box_contents .con_contact li textarea {
  padding: 10px;
  border-radius: 4px;
  border: 1px solid #ccc;
  -webkit-appearance: none;
  box-shadow: none;
  line-height: 1.5;
  font-weight: 300;
  display: block;
  width: 100%;
  font-family: 'Noto Sans JP', sans-serif;
}
.con_page .box_contents .con_contact li .wpcf7-not-valid-tip {
  font-size: 12px;
}
.con_page .box_contents .con_contact li .wpcf7-submit {
  max-width: 200px;
  margin: 0 auto;
  border: 0;
  background: #000;
  color: #fff;
}
.con_page .box_contents .con_contact li:last-child {
  margin-bottom: 0;
}
.con_page .box_contents .wpcf7-response-output {
  text-align: center;
}
.con_page .box_contents .wpcf7-response-output.wpcf7-validation-errors, .con_page .box_contents .wpcf7-response-output.wpcf7-mail-sent-ok {
  background: #fed700;
  border-color: #fed700;
  color: #fff;
}

/* -----------------------------------------------------------
	.box_privacy
----------------------------------------------------------- */
.box_privacy {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box_privacy > li {
  margin: 0 0 30px;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .box_privacy > li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.box_privacy > li h4 {
  font-weight: normal;
  margin: 0 0 5px !important;
}
@media only screen and (max-width: 767px) {
  .box_privacy > li h4 {
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0;
  }
}
.box_privacy > li ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.box_privacy > li ul li {
  margin: 0 0 15px;
  line-height: 2;
}
@media only screen and (max-width: 767px) {
  .box_privacy > li ul li {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.box_privacy > li ul li:last-child {
  margin-bottom: 0;
}
.box_privacy > li p {
  margin: 0 0 15px;
}
@media only screen and (max-width: 767px) {
  .box_privacy > li p {
    font-size: 16px;
    line-height: 1.8;
    margin-bottom: 1.4rem;
    letter-spacing: 0;
  }
}
.box_privacy > li p:last-child {
  margin-bottom: 0;
}
.box_privacy > li:last-child {
  margin-bottom: 0;
}

@media only screen and (max-width: 767px) {
  .box_sub_content .box_sub .box {
    font-size: 16px;
  }
}

@media only screen and (max-width: 767px) {
  .main_center #main article {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_extend_area {
    font-size: 16px;
  }
}
@media only screen and (max-width: 767px) {
  .main_center #main article .box_sub_content .box_sub .box {
    font-size: 16px;
  }
}