@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700&subset=japanese");
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6em;
  font-family: 'Noto Sans JP','Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height: 1.6;
  color: #190913;
  word-break: break-all;
}
a {
  color: #190913;
  text-decoration: none;
}
.main {position: relative;}

/*----------------------------------------------------- */
/*  common           */
/*----------------------------------------------------- */
.sp_only {
  display: none;
}
.u_line {
  text-decoration: underline;
}
.u_line:hover {
  text-decoration: none;
}
.inner {
  box-sizing: content-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
img {
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}

@media screen and (max-width: 768px) {
  body {
    font-size: 1.4rem;
  }
  .pc_only {
    display: none;
  }
  .sp_only {
    display: block;
  }
  /* ------ タイトル ------ */
  .ttl_01 {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .ttl_01 span {
    font-size: 1.2rem;
  }
  .main {
    position: relative;
  }
}

/*----------------------------------------------------- */
/*  404           */
/*----------------------------------------------------- */
main.page404 {
  padding: 200px 0;
  background: url(./common/images/top_vis.jpg) center center / cover no-repeat fixed;
}
main.page404 h2 {
  font-size: 4.0rem;
  font-weight: bold;
  text-align: center;
}

/*----------------------------------------------------- */
/*  main-top           */
/*----------------------------------------------------- */
.main-top {
  width: 1000px;
  height: 500px;
  margin: 0 auto;
  padding: 30px;
  text-align: center;
}
.main-top h2 {
  margin-top: 120px;
  font-size: 4.0rem;
}
a.btn--topvis {
  margin-top: 30px;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #190913;
  border-radius: 0.5rem;
  background: #fed400;
}
a.btn--topvis.btn--cubic {
  border-bottom: 5px solid #190913;
}
a.btn--topvis.btn--cubic:hover {
  margin-top: 33px;
  border-bottom: 2px solid #190913;
  text-decoration: none;
}
a.btn--radius {
  border-radius: 100vh;
}
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
.fa-position-left {
  position: absolute;
  top: calc(50% - .5em);
  left: 1rem;
}
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
@media screen and (max-width: 768px) {
  .main-top {
    width: 100%;
    height: auto;
    padding: 15rem 5%;
  }
  .main-top h2 {
    margin-top: 0;
    margin-bottom: 15px;
    font-size: 2.8rem;
  }
}

/*----------------------------------------------------- */
/*  kv           */
/*----------------------------------------------------- */
.kv_01 {
  padding: 3em 0;
  background: #2b56aa;
  position: relative;
}
.kv_txt {
  width: 50%;
  font-size: 4vw;
  font-weight: bold;
  color: #fff;
  position: absolute;
  top:2em;
  left: 9%;
}
.kv_02 {
  background: #74beea;
}
.kv_03 {
  background: #6b4180;
}
.kv_pc ul {
  box-sizing: content-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (min-width: 1500px) {
  .kv_txt {font-size: 3.5vw;}
}
@media screen and (max-width: 768px) {
  /*.kv_pc {
    display: none;
  }*/
  .kv_01 {
  position: relative;
  padding: 0;
  }
  .kv_txt {
    width: 80%;
    margin: 0 auto;
    padding-top: 1em;
    font-size: 7vw;
    position: relative;
    top: auto;
    left: auto;
  }
}

/*----------------------------------------------------- */
/*  performance           */
/*----------------------------------------------------- */
.performance {
  background: #fb683f;
  padding: 60px 0 90px;
  overflow: hidden;
  display: none;
}
.performance h2 {
  text-align: center;
  font-size: 4.2rem;
  font-weight: bold;
  color: #fff;
  margin-bottom: 60px;
}
.performance .bxslider_wrap .bxslider {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.performance .bxslider_wrap ul li {
  padding: 0 45px;
}
.performance .bxslider_wrap ul li img {
  width: 100%;
  height: auto;
}
.performance .bxslider_wrap .bx-viewport {
  overflow: visible !important;
}
.performance .bxslider .bx-prev {
  float: left;
  margin-left: -25px;
  background: url(./common/images/ico_prev_02.png) center center no-repeat;
  background-size: cover;
}
.performance .bxslider .bx-next {
  margin-right: -25px;
  float: right;
  background: url(./common/images/ico_next_02.png) center center no-repeat;
  background-size: cover;
}
.performance .bxslider .bx-pager {
  position: absolute;
  bottom: -30px;
  left: 0;
  width: 100%;
  height: 0px;
  text-align: center;
  display: inline;
}

@media screen and (max-width: 768px) {
  .performance {
    padding: 20px 0 40px;
  }
  .performance h2 {
    font-size: 2.4rem;
    margin-bottom: 20px;
  }
  .performance .bxslider_wrap ul li {
    padding: 0 45px;
  }
  .performance .bxslider_wrap ul li img {
    width: 100%;
    height: auto;
  }
  .performance .bxslider_wrap .bx-viewport {
    overflow: visible !important;
  }
  .performance .bxslider .bx-controls-direction a {
    width: 30px;
    height: 30px;
  }
  .performance .bxslider .bx-prev {
    float: left;
    margin-left: 8px;
  }
  .performance .bxslider .bx-next {
    float: right;
    margin-right: 8px;
  }
  .performance .bxslider .bx-pager-item a {
    width: 10px;
    height: 10px;
  }
  .performance .bxslider .bx-pager {
    position: absolute;
    bottom: -10px;
    left: 0;
    width: 100%;
    height: 0px;
    text-align: center;
    display: inline;
  }
}

/*----------------------------------------------------- */
/*  flow           */
/*----------------------------------------------------- */
.flow {
  background: #005634;
}

/*----------------------------------------------------- */
/*  faq           */
/*----------------------------------------------------- */
.faq .bxslider_wrap {
  overflow: hidden;
}
.faq .bxslider_wrap .bxslider {
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
}
.faq .bxslider_wrap ul li img {
  width: 100%;
  height: auto;
}
.faq .bxslider_wrap ul li {
  opacity: 0.2;
}
.faq .bxslider_wrap ul li.active {
  opacity: 1;
}
.faq .bxslider_wrap .bx-viewport {
  overflow: visible !important;
}
.faq .bxslider .bx-pager {
  position: absolute;
  bottom: 50px;
  left: 0;
  width: 100%;
  height: 0px;
  text-align: center;
  display: inline;
}
.faq .bxslider .bx-prev {
  float: left;
  margin-left: -60px;
  background: url(./common/images/ico_prev_01.png) center center no-repeat;
  background-size: cover;
}
.faq .bxslider .bx-next {
  margin-right: -60px;
  float: right;
  background: url(./common/images/ico_next_01.png) center center no-repeat;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .faq .bxslider_wrap {
    overflow: hidden;
  }
  .faq .bxslider_wrap .bxslider {
    width: 78%;
    margin: 0 auto;
  }
  .faq .bxslider .bx-pager-item a {
    width: 10px;
    height: 10px;
  }
  .faq .bxslider .bx-pager {
    bottom: 30px;
  }
  .faq .bxslider .bx-controls-direction a {
    width: 20px;
    height: 29px;
    text-indent: -200%;
  }
  .faq .bxslider .bx-prev {
    float: left;
    margin-left: -11%;
    background: url(./common/images/ico_prev_01_sp.png) center center no-repeat;
    background-size: cover;
  }
  .faq .bxslider .bx-next {
    margin-right: -11%;
    float: right;
    background: url(./common/images/ico_next_01_sp.png) center center no-repeat;
    background-size: cover;
  }
}

/*----------------------------------------------------- */
/*  top_contact           */
/*----------------------------------------------------- */
.top_contact {
  background: #efefef;
  padding: 60px 0;
  text-align: center;
}
.top_contact h2 {
  font-size: 2.0rem;
  line-height: 1.8;
  text-align: center;
  margin-bottom: 40px;
}
.top_contact .btn a {
  text-align: center;
  max-width: 340px;
  height: 70px;
  line-height: 70px;
  display: block;
  color: #190913;
  background: #f46700;
  transition: all .2s ease-out;
  margin: 0 auto 10px;
}
.top_contact .btn a:hover {
  text-decoration: none;
  background: #f38737;
}
.top_contact .btn + p {
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .top_contact {
    padding: 30px 0;
    text-align: center;
  }
  .top_contact h2 {
    display: none;
  }
  .top_contact .btn a {
    text-align: center;
    max-width: 85%;
    height: 70px;
    line-height: 70px;
    display: block;
    color: #190913;
    background: #f46700;
    margin: 0 auto 20px;
    font-size: 1.8rem;
    border-radius: 100px;
  }
  .top_contact a.sp_only {
    font-size: 1.6rem;
    text-decoration: underline;
  }
}

/*----------------------------------------------------- */
/*  header           */
/*----------------------------------------------------- */
.header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: #fff;
  position: fixed;
  width: 100%;
  box-sizing: border-box;
  z-index: 1000;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
}

@media only screen and (min-width: 1100px) {
  .header {
    height: 80px;
  }
  .header .header_logo {
    padding-left: 2%;
  }
  .header .header_logo img {
    max-width: 140px;
  }
  .header .nav_wrap {
    flex: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header .nav {
    display: flex;
    justify-content: flex-end;
    flex: 1;
    padding-right: 20px;
  }
  .header .nav li {
    display: block;
    line-height: 3;
    padding: 0 22px;
    border-right: 1px solid #ccc;
  }
  header .menu-item {
  position: relative;
  }
  /* サブメニュー */
  header .menu-item ul.sub-menu {
  position: absolute;
  width: 170%;
  top: 35px;
  left: -35%;
  }
  header .menu-item.nav-price ul.sub-menu {
  position: absolute;
  width: 220%;
  top: 35px;
  left: -65%;
  }
  header .sub-menu-item {
  overflow: hidden;
  opacity: 0;
  height: 0;
  /* サブメニューが出現する速度の調整 */
  -webkit-transition: 0.3s;
  transition: 0.3s;
  }
  /* メインメニューマウスカーソルが乗ったらサブメニューを出現させる */
  header .menu-item:hover .sub-menu .sub-menu-item {
  padding: 0;
  overflow: visible;
  opacity: 1;
  height: 65px;
  background-color: #e5f2fe;
  border-top: 1px dotted #fed400;
  border-right: none;
  }
  header .menu-item .sub-menu .sub-menu-item > a {
  padding: 1em 0.5em;
  text-align: center;
  color: ;
  background-color: #fed400;
  }
  header .menu-item:hover .sub-menu .sub-menu-item > a {
  display: block;
  }
  header .menu-item:hover .sub-menu .sub-menu-item:first-child {
  border-top: none;
  }
  header .menu-item:hover .sub-menu .sub-menu-item:hover > a {
  color: #190913;
  font-weight: bold;
  background: #fed400;
  transition: .3s;
  }


  .header .nav li.contact-btn {
    border-right: 0;
  }
  .header .nav li a {
    display: block;
  }
  .header .nav li a:hover {
    color: #fed400;
    text-decoration: none;
  }
  .header .btn {
    text-align: center;
  }
  .header .btn a {
    width: 220px;
    height: 80px;
    line-height: 80px;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #ff006b;
    border-radius: 100px;
    transition: all .3s ease-out;
  }
  .header .btn a:hover {
    text-decoration: none;
    background: #ff006b;
  }
  .header .menu_toggle {
    display: none;
  }
  .header ul.nav li.contact-btn a {
  padding: 0 1em;
  color: #fff;
  font-weight: bold;
  background-color: #ff006b;
  border-radius: 100px;
  }

  main {
    padding-top: 80px;
    display: block;
  }
}
@media screen and (max-width: 1099px) {
  .header {
    height: 60px;
  }
  .header .header_logo {
    padding-left: 3%;
  }
  .header .header_logo a {
    display: flex;
    align-items: center;
  }
  .header .header_logo img {
    max-width: 80px;
  }
  .header .header_logo p {
    font-size: 14px;
    font-weight: bold;
    margin-left: 10px;
  }

  .nav_wrap {
    background: #fed400;
    color: #190913;
    position: fixed;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 990;
    padding: 20px 4% 0;
    opacity: 0;
    visibility: hidden;
    overflow-y: scroll;
  }
  .nav_wrap .nav li {
    border-bottom: 1px solid #fff;
  }
  .nav_wrap .nav a {
    font-size: 16px;
    color: #190913;
    padding: 16px 0;
    text-align: center;
    display: block;
  }
  .nav_wrap .btn a {
    margin-top: 40px;
    padding: 20px;
    background: #f46700;
    text-align: center;
    color: #190913;
    font-weight: bold;
    font-size: 16px;
    border-radius: 100px;
    position: relative;
    display: block;
  }

  .menu_toggle {
    z-index: 1000;
    display: block;
    position: fixed;
    top: 19px;
    right: 3%;
    height: 32px;
    cursor: pointer;
  }
  .menu_toggle div {
    position: relative;
    width: 30px;
  }
  .menu_toggle span {
    width: 100%;
    height: 2px;
    right: 0;
    display: block;
    background: #190913;
    position: absolute;
    transition: all .3s ease-out;
  }
  .menu_toggle span:nth-child(1) {
    top: 0;
  }
  .menu_toggle span:nth-child(2) {
    top: 10px;
  }
  .menu_toggle span:nth-child(3) {
    top: 20px;
  }

  .is-open {
    overflow: hidden;
  }
  .is-open .menu_toggle span:nth-child(1) {
    top: 10px;
    transform: rotate(45deg);
  }
  .is-open .menu_toggle span:nth-child(2) {
    opacity: 0;
  }
  .is-open .menu_toggle span:nth-child(3) {
    top: 10px;
    transform: rotate(-45deg);
  }
  .is-open .nav_wrap {
    visibility: visible;
    opacity: 1;
    transition: opacity .6s ease, visibility .6s ease;
  }
  .is-open .nav_wrap .btn a {
    opacity: 1;
    transform: translateX(0);
    transition: transform 1s ease, opacity .9s ease;
  }
  .menu-link1 {
    display: inline-block;
    margin: 10px 10px 0;
    font-size: 1.6rem;
  }
  ul.sub-menu {
    width: 90%;
    margin: 0 auto;
  }
  ul.sub-menu li:last-child {
    border-bottom: none;
  }
  main {
    padding-top: 60px;
    display: block;
  }
  /* スマホメニューアコーディオン */
  #acd-menu dt {
  width: 100%;
  padding: 16px 0;
	position: relative;
  font-size: 16px;
	color: #fff;
	cursor: pointer;
}
#acd-menu dt::before {
	content: '';
	position: absolute;
	top: 27px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-top-color: #fff;
}
#acd-menu .open::before {
	content: '';
	position: absolute;
	top: 19px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-bottom-color: #fff;
}
#acd-menu dd ul li {
	list-style: none;
}
#acd-menu dd ul li a {
	display: block;
	position: relative;
	height: 44px;
	line-height: 44px;
	padding: 0 30px 0 30px;
	border-top: 1px solid #eee;
	font-size: 15px;
	color:#fff;
}
#acd-menu dd ul li a::before {
	content: '';
	position: absolute;
	top: 14px;
	right: 10px;
	width: 0;
	height: 0;
	border: 8px solid transparent;
	border-left-color: #fff;
}
}


/*----------------------------------------------------- */
/*  kv           */
/*----------------------------------------------------- */
.kv {
  background: url(./common/images/bg_kv_01.png) center center no-repeat;
  background-size: cover;
  height: 560px;
  color: #fff;
}
.kv .inner {
  display: flex;
  align-items: center;
  height: 560px;
}
.kv h1 {
  font-size: 8.2rem;
  font-weight: bold;
  letter-spacing: .1em;
  color: #f46700;
}

@media screen and (max-width: 768px) {
  .kv {
    height: 280px;
  }
  .kv .inner {
    display: flex;
    align-items: center;
    height: 280px;
  }
  .kv h1 {
    font-size: 3.0rem;
  }
}
/*----------------------------------------------------- */
/*  footer           */
/*----------------------------------------------------- */
.footer {
  padding: 40px 0;
  background: #3e2830;
  color: #fff;
}
.footer .inner {
  padding: 0 2%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.footer a {
  color: #fff;
  text-decoration: none;
}
.footer a:hover {
  text-decoration: underline;
}
.footer .wrap {
  display: flex;
  align-items: center;
}
.footer .footer_logo {
  width: 140px;
  margin-right: 40px;
}
.footer .copy {
  font-size: 1.0rem;
}
.footer .footer_nav {
  display: flex;
  font-size: 1.2rem;
  font-weight: bold;
}
.footer .footer_nav li + li {
  margin-left: 40px;
}
.captcha {
  font-size: 1rem;
}

#page-top {
  position: fixed;
  bottom: 30px;
  right: 30px;
}
#page-top a {
/*  display: block;
  width: 50px;
  height: 50px;*/
}

#page-top a {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}

#page-top a {
  width: 60px;
  height: 60px;
  padding: 0;
  background: #fff;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
  box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}

#page-top a i {
  font-size: 150%;
  line-height: 60px;
  -webkit-transition: all .3s;
  transition: all .3s;
  letter-spacing: 0;
}
#page-top a:hover i {
  line-height: 55px;
}



@media screen and (max-width: 768px) {
  .footer {
    padding: 30px 0;
  }
  .home .footer {
    padding: 30px 0 110px;
  }
  .footer .inner {
    display: flex;
    flex-direction: column-reverse;
  }
  .footer .wrap {
    display: flex;
    align-items: center;
  }
  .footer .footer_logo {
    display: none;
  }
  .footer .copy {
    font-size: 1.0rem;
    margin-top: 20px;
  }
  .footer .footer_nav {
    display: block;
    font-size: 1.2rem;
    text-align: center;
  }
  .footer .footer_nav li + li {
    margin: 20px 0 0;
  }

  #page-top {
    position: fixed;
    bottom: 3%;
    right: 3%;
  }
}

/*----------------------------------------------------- */
/*  contact           */
/*----------------------------------------------------- */
.contact {
  background: #f7f2eb;
  padding: 80px 2% 100px;
  color: #3e2830;
}
.contact .inner {
  max-width: 720px;
  margin: 0 auto;
}
.contact h2 {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  color: #3e2830;
  margin-bottom: 30px;
}
.contact .contact_table {
  width: 100%;
  margin-bottom: 30px;
}
.contact .contact_table th {
  width: 230px;
  padding-bottom: 30px;
  vertical-align: top;
}
.contact .contact_table td {
  padding-bottom: 30px;
}
.contact .contact_table input {
  box-sizing: border-box;
  padding: 12px 20px;
  border: none;
  font-size: 1.6rem;
}
.contact .contact_table input[type="text"],
.contact .contact_table textarea {
  box-sizing: border-box;
  width: 100%;
  padding: 12px 20px;
  border: none;
  font-size: 1.6rem;
}
.contact .contact_table .name-box input {
  width: 35%;
  display: inline-block;
}
.contact .contact_table textarea {
  height: 150px;
}
.contact input[type="submit"] {
  -moz-appearance: none;
  appearance: none;
  border-radius: 50px;
  border: none;
  outline: none;
  text-align: center;
  width: 240px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
  font-weight: bold;
  background: #ff006b;
  margin: 0 auto;
  font-size: 1.8rem;
  transition: all .2s ease-out;
}
.contact input[type="submit"]:hover {
  text-decoration: none;
  opacity: .8;
}
.complete a.download-btn {
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  border: none;
  outline: none;
  text-align: center;
  text-decoration: none;
  width: 240px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #190913;
  background: #f46700;
  margin: 10px auto;
  font-size: 1.8rem;
  transition: all .2s ease-out;
}
.complete a.download-btn:hover {
  text-decoration: none;
  background: #f38737;
}
.contact .select_wrap {
  overflow: hidden;
  width: 100%;
  margin: 0 auto;
  position: relative;
  border: none;
  background: #ffffff;
}
.contact .select_wrap select {
  width: 100%;
  padding: 12px 20px;
  cursor: pointer;
  text-indent: 0.01px;
  text-overflow: ellipsis;
  border: none;
  outline: none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  color: #666666;
  font-size: 1.4rem;
}
.contact .select_wrap select::-ms-expand {
  display: none;
}
.contact .select_wrap::before {
  position: absolute;
  top: 20px;
  right: 15px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #190913;
  pointer-events: none;
}
.contact .set_wrap p {
margin-bottom: 0;
}
.contact td.your_details .wpcf7-form-control-wrap .wpcf7-list-item {
margin: 0 0 0.5em 1em;
display: block;
}
.contact td.your_details .wpcf7-form-control-wrap .wpcf7-list-item-label {
cursor: pointer;
}

/* 投稿コンタクトフォーム */
.article-content .contact.post-contact {
  padding: 1.5rem 2%;
}
.contact.post-contact .inner {
  border: 4px solid #fff;
  padding: 2rem;
}
.article-content .sub_contact h2 {border: 0;}
.article-content .sub_contact th, .article-content .sub_contact td {border: 0;}

div.wpcf7-response-output {
  margin: 2em 0.5em 1em;
  color: #fff;
  padding: 20px 10px !important;
  text-align: center;
  border: 2px solid #ff006b !important;
  background-color: #ff006b;
}

div.wpcf7-mail-sent-ok {
  border: 2px solid #fff !important;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #190913;
  display: none !important;
}

div.wpcf7-mail-sent-ng,
div.wpcf7-aborted {
  border: 2px solid #fff !important;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #190913;
}

div.wpcf7-spam-blocked {
  border: 2px solid #fff !important;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #190913;
}

div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing {
  border: 2px solid #fff !important;
  background: #fff;
  text-align: center;
  font-weight: bold;
  color: #190913;
}

span.wpcf7-not-valid-tip {
  color: #f46700 !important;
  background:#fed400;
}

.sent .button_wrapper .contact_btn {
  display: none !important;
}

.button_wrapper .complete_btn {
  display: none;
}

.sent .button_wrapper .complete_btn {
  display: block;
  text-align: center;
  width: 240px;
  height: 50px;
  line-height: 50px;
  display: block;
  color: #fff;
  background: #74beea;
  margin: -16px auto 0;
  font-size: 1.8rem;
}
/* サポートサービスコンタクトフォーム */
table.support-table span.wpcf7-list-item {
  display: block;
}


/*--ドロップダウンファイルアップ--*/
.codedropz-upload-wrapper{
margin-top: 1.5rem;
}
.up-file .codedropz-upload-inner h3 {
font-size: 2rem;
}
.up-file .codedropz-upload-inner .cd-upload-btn {
color: #fed400;
background-color: #fff;
padding: 0 0.5em;
border-radius:5px;
}
.up-file .blue_btn.download-btn {
display: inline-block;
text-align: center;
}
.up-file .blue_btn.download-btn a {
margin-bottom: 1rem;
}
.up-file .dnd-upload-status .dnd-upload-details .remove-file {
background-color: #fff;
border-radius: 50px;
}

@media screen and (max-width: 768px) {
  .contact {
    padding: 30px 4%;
  }
  .contact h2 {
    font-size: 2.4rem;
  }
  .contact .contact_table {
    width: 100%;
    margin-bottom: 10px;
  }
  .contact .contact_table th {
    width: 100%;
    display: block;
    padding-bottom: 10px;
  }
  .contact .contact_table td {
    width: 100%;
    display: block;
    padding-bottom: 20px;
  }
  .contact .contact_table input {
    width: 100%;
  }
  .contact .contact_table input[type="text"],
  .contact .contact_table textarea {
    box-sizing: border-box;
    width: 100%;
    padding: 12px 10px;
    border: none;
    font-size: 1.6rem;
  }
  .contact .contact_table input[type="radio"] {
    width: auto;
  }
  .contact .contact_table input[type="checkbox"] {
    width: auto;
  }
  .contact .contact_table .name-box input {
    width: 48%;
    margin-right: 1%;
    display: inline-block;
  }
  .contact table.support-table input {
    width: 100%;
  }
  table.support-table span.wpcf7-list-item {
  margin-bottom: 1em;
  }
  .contact .contact_table textarea {
    height: 150px;
  }
  .contact input[type="submit"] {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 1.8rem;
  }
  .complete a.download-btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
    margin: 0 auto;
    font-size: 1.8rem;
  }
  .contact .sent .button_wrapper .complete_btn {
    width: 100%;
    height: 60px;
    line-height: 60px;
  }
  .contact .select_wrap select {
    width: 100%;
    padding: 12px 10px;
    cursor: pointer;
    text-indent: 0.01px;
    text-overflow: ellipsis;
    border: none;
    outline: none;
    background: transparent;
    background-image: none;
    box-shadow: none;
    -webkit-appearance: none;
    appearance: none;
    color: #666666;
    font-size: 1.4rem;
  }
  .contact .select_wrap select::-ms-expand {
    display: none;
  }
  .contact .select_wrap::before {
    position: absolute;
    top: 20px;
    right: 15px;
    width: 0;
    height: 0;
    padding: 0;
    content: '';
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #190913;
    pointer-events: none;
  }
  /* 投稿コンタクトフォーム */
  .article-content .contact.post-contact {
  padding: 1.5rem;
  }
  .contact.post-contact .inner {
  padding: 1.5rem;
  }
  /*--ドロップダウンファイルアップ--*/
  .up-file .codedropz-upload-inner h3 {
  max-width: 100%;
  font-size: 1.6rem;
  }
}

/*----------------------------------------------------- */
/*  sub_page           */
/*----------------------------------------------------- */
.sub_page {
  background: #fed400;
  padding: 80px 2%;
}
.sub_page .inner {
  max-width: 680px;
  margin: 0 auto;
}
.sub_page h2 {
  text-align: center;
  font-size: 2.8rem;
  font-weight: bold;
  margin-bottom: 60px;
}
.sub_page h3 {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 60px 0 30px;
}
.sub_page h4 {
  margin-bottom: 30px;
}
.sub_page p + h4 {
  margin-top: 30px;
}
.sub_page ol {
  list-style-type: decimal;
  margin: 30px 0 30px 1em;
}
.sub_page ul {
  list-style-type: disc;
  margin: 30px 0 30px 1em;
}
.sub_page a {
  text-decoration: underline;
}
.sub_page p + p {
  margin-top: 30px;
}

.btn_return {
  margin-top: 60px;
  text-align: center;
}
.btn_return a {
  color: #3e2830;
}

@media screen and (max-width: 768px) {
  .sub_page {
    padding: 50px 4% 50px;
  }
  .sub_page h2 {
    font-size: 2.4rem;
    margin-bottom: 30px;
  }
  .sub_page h3 {
    font-size: 2.0rem;
    margin: 30px 0 20px;
  }
  .sub_page h4 {
    margin-bottom: 20px;
  }
  .sub_page p + h4 {
    margin-top: 20px;
  }
  .sub_page ol {
    margin: 20px 0 20px 1em;
  }
  .sub_page ul {
    margin: 20px 0 20px 1em;
  }
  .sub_page p + p {
    margin-top: 20px;
  }
  .sub_page .btn_return {
    margin-top: 30px;
  }
  .sub_page h3 {
    font-size: 2.0rem;
    margin-bottom: 20px;
  }

  .btn_return {
    margin-top: 30px;
  }
}


/* -- ワードプレスベーステンプレート --*/

/*コンテンツのサイズ指定*/
main.post-main {
  padding: 80px 0 40px;
  background: #fff;
}
.top-category-title {
  width: 100%;
  padding: 2.5rem 2rem;
  text-align: center;
  background: #fed400;
}
.top-category-title a {
  font-size: 2.8rem;
  font-weight: bold;
  color: #3e2830;
  pointer-events: none;
}
.container {
  box-sizing: border-box;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  padding: 5rem 5rem 0;
}
.container:after {
  display: block;
  clear: both;
  content: '';
}
.contents {
  float: left;
  width: 70%;
  margin-right: 3%;
}
.sidebar {
  float: left;
  width: 27%;
}

/*---------------------------------------------------------
サイドバー
---------------------------------------------------------*/
.sidebar-wrapper {
  margin-bottom: 2rem;
}
body .sidebar-wrapper a:hover {
  text-decoration: none;
}
.sidebar-title {
  font-size: 1.6rem;
  box-sizing: border-box;
  margin: 0 0 1.2rem;
  padding: 1rem;
  color: #190913;
  border-bottom: 4px solid #fed400;
  border-radius: 10px;
  background-color: #f7f2eb;
}

/*デフォルトウィジェット*/
.widget_recent_entries ul,
.widget_meta ul,
.widget_recent_comments ul,
.widget_pages ul,
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_nav_menu ul,
.calendar_wrap,
.tagcloud {
  list-style: none;
}

.widget_recent_entries li,
.widget_meta li,
.widget_recent_comments li,
.widget_pages li,
.widget_meta li,
.widget_archive li,
.widget_nav_menu li {
  position: relative;
  margin-bottom: .5rem;
}

.widget_recent_entries a,
.widget_meta a,
.widget_recent_comments a,
.widget_pages a,
.widget_meta a,
.widget_categories a,
.widget_archive a,
.widget_nav_menu a {
  text-decoration: none;
  color: #333;
}

.sidebar-wrapper a:hover {
  opacity: .6;
}

/*カテゴリウィジェット*/
.widget_categories li {
  display: block;
  margin-bottom: .5rem;
}

.widget_categories li a {
  font-size: 1.5rem;
  position: relative;
  display: block;
  padding: .3rem 1rem .3rem 3rem;
  color: #fed400;
}

.widget_categories li a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: .6rem;
  content: '\f02b';
  transform: translateY(-50%);
  color: #fed400;
}

.widget_categories .children {
  margin-bottom: .5rem;
  padding: 0;
}

.widget_categories .children li {
  margin-bottom: 0;
}

.widget_categories .children li a {
  padding-left: 3rem;
  font-size: 1.4rem;
  background-color: transparent;
}
.widget_categories .children li a::before {
  position: absolute;
  top: 50%;
  left: 1.6rem;
  content: '∟';
  transform: translateY(-50%);
  color: #fed400;
}
@media screen and (max-width: 1099px) {
  main.post-main {
  padding-top: 60px;
  }
}
@media(max-width: 600px) {
  .widget_categories li a {
  font-size: 1.5rem;
  position: relative;
  display: block;
  padding: .6rem 1rem .6rem 3rem;
  color: #fed400;
  }
}

/*カテゴリウィジェットとアーカイブウィジェットのドロップダウン表示*/
.widget_categories .screen-reader-text {
  display: none;
}

.widget_archive .screen-reader-text {
  position: relative;
  display: block;
  height: 0;
  text-indent: -9999999px;
}

.widget_categories form {
  position: relative;
}

.widget_categories form::after {
  position: absolute;
  top: 50%;
  right: 1rem;
  content: '▼';
  transform: translateY(-50%);
  pointer-events: none;
}

.widget_categories .postform,
.widget_archive select {
  font-size: .95rem;
  width: 100%;
  padding: 4px 10px;
  cursor: pointer;
  border: 1px solid #e0e3ef;
  border-radius: 0;
  background-color: #f4f5f9;
  -webkit-appearance: none;
  -moz-appearance: none;
}

.widget_archive label::after {
  position: absolute;
  top: .5rem;
  right: 1rem;
  content: '▼';
  text-indent: 0;
  pointer-events: none;
}

/*タグウィジェット*/
.tagcloud a {
  font-size: 1.6rem !important;
  line-height: 1;
  position: relative;
  display: inline-block;
  margin-bottom: .5rem;
  /*padding: .8rem 1rem;*/
  padding: .8rem 1rem .8rem 2.5rem;
  text-decoration: none;
  color: #fff;
  background-color: #fed400;
}

.tagcloud a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: .6rem;
  content: '\f02b';
  transform: translateY(-50%);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .tagcloud a {
  margin-bottom: 0.8rem;
  margin-right: 5px;
  padding: 1rem 1.2rem 1rem 2.5rem;
  }

}

/*メニューウィジェット*/
.widget_nav_menu li a {
  font-size: 1rem;
  font-weight: bold;
  position: relative;
  padding-left: 1.3rem;
  color: #333;
}

.widget_nav_menu li a::before {
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  position: absolute;
  top: 50%;
  left: 0;
  content: '\f105';
  transform: translateY(-50%);
  color: #fed400;
}

/*最近の投稿*/
.widget_recent_entries li {
  padding-bottom: .5rem;
  border-bottom: 1px solid #ddd;
}

.widget_recent_entries li a:before {
  font-family: 'Font Awesome 5 Free';
  font-weight: bold;
  font-weight: 900;
  position: absolute;
  left: 5px;
  top: 2px;
  content: '\f15c';
  color: #fed400;
}

.widget_recent_entries li a {
  display: block;
  margin-bottom: .3rem;
  padding-left: 2.5rem;
}

.widget_recent_entries .post-date {
  padding-left: 2.5rem;
  font-size: 1.2rem;
  color: #888;
  display: block;
}

/*カレンダーウィジェット*/
.calendar_wrap {
  padding: 1rem;
  border: 1px solid #ddd;
}

.calendar_wrap table {
  width: 100%;
}

.calendar_wrap tbody {
  text-align: center;
}

.calendar_wrap caption {
  font-weight: bold;
  margin-bottom: 1rem;
}

.calendar_wrap td {
  padding: .3rem 0;
}

.calendar_wrap tfoot td {
  padding-top: .7rem;
}

.calendar_wrap tfoot td:last-child {
  text-align: right;
}

/*---------------------------------------------------------
記事一覧
---------------------------------------------------------*/
.archive-top h1 {
font-size: 2rem;
margin-bottom: 1.5rem;
}

.archive-top p {
font-size: .875rem;
line-height: 1.7;
margin-bottom: 1.5rem;
}

.article-list {
  margin-bottom: 1rem;
  padding: 1rem;
  /*border: 1px solid #ddd;*/
}

/*.article-list:hover {
  background-color: #eee;
}*/

.article-list a {
  display: block;
  text-decoration: none;
  color: #333;
}
.article-list .loop-cont:after {
  display: block;
  clear: both;
  content: '';
}
.article-list .img-wrap {
  position: relative;
  float: left;
  line-height: 1;
}
.article-list .img-wrap img {
  width: 240px;
  height: 195px;
  object-fit: cover;
}
.article-list .img-wrap .cat-data {
  font-size: 1.2rem;
  position: absolute;
  top: 0;
  right: 0;
  padding: .3rem .5rem;
  color: #fff;
  background-color: #fed400;
}

.article-list .text {
  margin-left: 260px;
}

.article-list .text h2 {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: .5rem;
}
body .article-list a:hover {text-decoration: none!important;}

.article-list .text .article-date,
.article-list .text .article-author {
  font-size: 1.3rem;
  font-weight: bold;
  display: inline-block;
  margin-bottom: .5rem;
  color: #888;
}
.article-list .text .article-date {
  margin-right: .5rem;
}

.article-list .text .article-author i {
  margin-right: .3rem;
}

.article-list .text p {
  font-size: 1.4rem;
  line-height: 1.7;
}

/*ページネーション*/
.pagination {
  margin: 2rem 0;
  text-align: center;
}
.pagination ul {
  font-size: 0;
}
.pagination ul li {
  font-size: 1.5rem;
  display: inline-block;
  margin-right: .5rem;
}
.pagination ul li:last-child {
  border: 0;
}
.pagination ul li a,
.pagination .current {
  display: block;
  padding: .5rem .8rem;
  border: 1px solid #ccc;
}
.pagination ul li .prev,
.pagination ul li .next {
  border: 0;
}
.pagination ul li a {
  text-decoration: none;
  color: #333;
}
.pagination ul li a:hover {
  opacity: .6;
}
.pagination .current {
  color: #fff;
  background-color: #fed400;
}

/*---------------------------------------------------------
投稿・固定ページ
---------------------------------------------------------*/
.article-content {
  margin-bottom: 2rem;
}
.container .breadcrumbs {
  margin-bottom: 1rem;
  font-size: 1.3rem;
  color: #555;
}
.container .breadcrumbs span {
  font-size: 1.3rem;
  color: #555;
}

.article-content .article-info {
  margin-bottom: .5rem;
}

.article-content .cat-data a {
  font-size: 1.3rem;
  margin-right: .5rem;
  padding: .1rem .5rem;
  text-decoration: none;
  color: #fff;
  background-color: #3e2830;
}

.article-content .article-info .article-date,
.article-content .article-info .article-author {
  font-size: 1.3rem;
  display: inline-block;
  margin-right: .5rem;
  color: #888;
}
.article-content .article-info .article-date {
  float: right;
}
.article-content .article-info .article-author i {
  margin-right: .3rem;
}

.article-content p,
.article-content b,
.article-content table,
.article-content ul,
.article-content ol {
  font-size: 1.6rem;
  line-height: 1.7;
  letter-spacing: 1px;
}

.article-content p,
.article-content img,
.article-content table,
.article-content ul,
.article-content ol {
  margin-bottom: 2rem;
}

.article-content h1 {
  font-size: 1.9rem;
  margin: 0 0 2rem;
  letter-spacing: 1px;
}

.article-content h2 {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 2rem 0 2rem;
  padding: .4rem 0 1rem;
  letter-spacing: 1px;
  border-bottom: 1px solid #ddd;
}

.article-content h3 {
  font-size: 2.0rem;
  font-weight: bold;
  margin: 2.5rem 0 1.8rem;
  padding: 0 1rem;
  letter-spacing: 1px;
  border-left: solid 7px #fed400;
  background: transparent;
}

.article-content h4 {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 2rem 0 1rem;
  letter-spacing: 1px;
}

.article-content h5 {
  font-size: 1.6rem;
  font-weight: bold;
  margin: 0 0 .3rem;
  letter-spacing: 1px;
}

.article-content strong {
  font-weight: bold;
}

.article-content .article-img {
  margin-bottom: 2rem;
}

.article-content .article-img img {
  display: block;
  margin: 0 auto;
}

.article-content ul {
  margin-left: 2rem;
  list-style: disc;
}

.article-content ol {
  margin-left: 2rem;
  list-style: decimal;
}

.article-content table {
  border-collapse: collapse;
}

.article-content th,
.article-content td {
  padding: .6rem;
  vertical-align: middle;
  border: 1px solid #ddd;
}

.article-content figure {
  max-width: 100%;
}

.article-tag {
  text-align: right;
}

.article-tag ul {
  font-size: 0;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.article-tag ul li {
  font-size: 1.2rem;
  display: inline-block;
  margin-right: .5rem;
  vertical-align: middle;
}

.article-tag ul li:last-child {
  margin-right: 0;
}

.article-tag ul li a {
  padding: .2rem .5rem;
  text-decoration: none;
  color: #190913;
  border: 1px solid #190913;
}

.article-tag ul li a:hover {
  opacity: .6;
}

/*---------------------------------------------------------
TOPページ
---------------------------------------------------------*/
.home-top .article-top .img-wrap img {
  width: 600px;
  height: 400px;
}

.home-top .article-top .text {
  margin-left: 630px;
}

.home-top .article-top .new-post {
  font-weight: bold;
  display: block;
  margin-bottom: .5rem;
  color: #f00;
}

.home-top .article-top .text h2 {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.home-top .article-top .text .article-date,
.home-top .article-top .text .cat-data {
  margin-bottom: 1rem;
}

@media(max-width: 1024px) {
  .home-top .article-top .img-wrap img {
    width: 420px;
    height: 280px;
  }

  .home-top .article-top .text {
    margin-left: 440px;
  }
}

@media(max-width: 800px) {
  .contents,
  .sidebar {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  .contents {
    margin-bottom: 1.5rem;
  }
  .pagination ul li {
    font-size: 1.6rem;
    margin-right: .7rem;
  }
  .pagination ul li a,
  .pagination .current {
    padding: .8rem 1rem;
  }
}

@media(max-width: 600px) {
  main.post-main {
    padding-top: 60px;
  }
  .container {
    width: 100%;
    padding: 1rem 4% 0;
  }
  .contents {
    margin-bottom: 1rem;
  }
  .top-category-title {
    padding: 0.5rem 5%;
  }
  .top-category-title a {
    font-size: 2.2rem;
  }
  .container .breadcrumbs {
    font-size: 1.2rem;
    line-height: 1.6;
  }
  .container .breadcrumbs span {
    font-size: 1.2rem;
  }
  /*---------------------------------------------------------
  記事一覧
  ---------------------------------------------------------*/
  .archive-top h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }

  .archive-top p {
    font-size: .8125rem;
    margin-bottom: 1rem;
  }

  .article-list {
    padding: .5rem;
  }

  .article-list .img-wrap img {
    width: 132px;
    height: 88px;
  }

  .article-list .img-wrap .cat-data {
    font-size: .6rem;
  }

  .article-list .text {
    margin-left: 140px;
    padding: 0;
  }

  .article-list .text h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }

  .article-list .text p {
    display: none;
  }

  .article-list .text .article-date,
  .article-list .text .article-author {
    font-size: 1.3rem;
    margin-bottom: 0;
  }

  .article-list .text .article-date {
    margin-right: .2rem;
  }

  /*---------------------------------------------------------
  投稿・固定ページ
  ---------------------------------------------------------*/
  .article-content h1 {
    font-size: 1.6rem;
  }
  .article-content h2 {
    font-size: 2.0rem;
  }
  .article-content h3 {
    font-size: 1.8rem;
  }
  .article-content h4 {
    font-size: 1.7rem;
  }
}


/*---------------------------------------------------------
ログイントップページ
---------------------------------------------------------*/
/* 　ログインフォームPC  */
body.home main {
/*background: url(./common/images/top_vis.jpg) center center / cover no-repeat fixed;*/
background: #fed400;
}
body.home.logged-in main {
/*background: url(./common/images/top_vis.jpg) center center / cover no-repeat fixed;*/
background: #fff;
}
.top_page .top-login {
padding: 0 0 40px;
background-color: #4068a5;
}
.logged-in .top-login {
display: none;
}
.top_page #wpmem_restricted_msg {
display: none;
}
.top_page #wpmem_login {
width: 365px;
margin: 70px auto 0;
padding: 100px 15px 20px;
background-color: #fff;
background-image: url(./common/images/ikuraya-logo.gif);
background-size: 271px auto;
background-position: center 25px;
background-repeat: no-repeat;
text-align: center;
border-radius: 10px;
}
.top_page #wpmem_login fieldset::before {
margin-bottom: 10px;
content: "加盟店様専用 販促サポートサイト";
font-weight: bold;
font-size: 18px;
color: #3e2830;
display: block;
}
.top_page #wpmem_login legend {
display: none;
}
.top_page #wpmem_login .div_text {
width: 80%;
margin: 5px auto 5px;
}
.top_page #wpmem_login .div_text input {
padding: 8px;
font-size: 16px;
border-radius: 5px;
border: 1px solid #ccc;
background: #ededed;
}
.top_page #wpmem_login .div_text:nth-child(2) input {
margin-bottom: 20px;
}
.top_page #wpmem_login .button_div, #wpmem_reg .button_div {
width: 100%;
text-align: center;
}
.top_page #wpmem_login input#siteguard_captcha {
font-size: 17px;
padding: 6px 12px;
text-align: center;
margin: 10px 0;
border-radius: 7px;
border: 1px solid #ddd;
}
.top_page #wpmem_msg {
width: 500px;
margin: 50px auto;
padding: 30px;
}
.top_page #wpmem_msg a {
margin-top: 5px;
color: #3e2830;
display: inline-block;
text-decoration: underline;
}
#wpmem_login .button_div input.buttons {
width: 6em;
padding: 5px;
margin: 10px auto;
color: #fff;
background-color: #3e2830;
display: block;
border-radius: 5px;
}
#wpmem_login .button_div input.buttons:hover {
opacity: 0.7;
transition: .3s;
}
.link-text {
display: none!important;
}
.link-text-forgot {
display: none!important;
}
.member-top .member-title {
width: 100%;
padding: 2.5rem 2rem;
color: #190913;
font-size: 2.8rem;
font-weight: bold;
text-align: center;
background: #fed400;
text-align: center;
}
#top_logout_btn {
padding-bottom: 2em;
color: #3e2830;
text-align: center;
font-size: 1.5rem;
background-color: #fed400;
display: none;
}
body.home #top_logout_btn {
display: block;
}
body.home.logged-in #top_logout_btn {
display: none!important;
}


/*  トップぺージコンテンツPC  */
.container.top-index .contents {
width: 100%;
}
.new-list {
width: 100%;
margin: 0 auto;
padding: 30px;
background-color: #eee;
border-radius: 5px;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.new-list li {
width: 46%;
margin-left: 2%;
margin-right: 2%;
position: relative;
}
.new-list li::before {
content: "NEW";
width: 5em;
padding: 5px 0;
color: #fff;
font-weight: bold;
background-color: red;
text-align: center;
position: absolute;
top: -7px;
left: -7px;
z-index: 10;
}
.new-list li a{
padding: 35px 5px;
text-align: center;
background-color: #fff;
display: block;
}
.temp-list {
width: 100%;
margin: 20px auto;
padding: 0 30px;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.temp-list li {
width: 31%;
margin-right: 3%;
position: relative;
margin-bottom: 1em;
}
.temp-list li:nth-child(3n) {
margin-right: 0;
}
.top_subheading {
width: 100%;
padding-bottom: 6px;
display: inline-block;
border-bottom: 2px solid #fed400;
}
ul.tag-listlink {
margin-left: 2em;
justify-content: flex-start;
}
ul.tag-listlink li {
width: 13em;
display: inline-block;
margin-right: 5px;
margin-bottom: 8px;
}
ul.tag-listlink li a {
padding: 5px;
font-size: 1.8rem;
font-weight: bold;
color: #190913;
background: #fed400;
text-align: center;
border-radius: 100px;
display: block;
}
.ranking-list {
width: 100%;
margin: 1.5rem auto;
padding: 30px;
background-color: #eee;
border-radius: 5px;
display: flex;
display: -webkit-flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.ranking-list li {
width: 31%;
margin-right: 3%;
position: relative;
}
.ranking-list li:before {
content: "";
width: 50px;
height: 35px;
padding: 5px 0;
background-image: url(./common/images/ranking01.png);
background-size: 50px auto;
background-position: left top;
background-repeat: no-repeat;
position: absolute;
top: -30px;
left: -15px;
z-index: 10;
}
.ranking-list li:nth-child(2):before {
background-image: url(./common/images/ranking02.png);
}
.ranking-list li:nth-child(3):before {
background-image: url(./common/images/ranking03.png);
}
.ranking-list li a{
padding: 35px 5px;
text-align: center;
background-color: #fff;
display: block;
}
.ranking-list li:nth-child(3n) {
margin-right: 0;
}
a.top-formlink {
width: 15em;
font-size: 2rem;
margin: 10px auto 5px;
padding: 0.5em 1em;
text-decoration: none;
color: #fff;
text-align: center;
font-weight: bold;
background: #ff006b;
border-radius: 100px;
display: block;
}
a.top-formlink:hover {
text-decoration: none;
}
a.top-formlink:active {
box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
transform: translateY(2px);
}
@media screen and (max-width: 768px) {
  .top_page #wpmem_msg {
  width: 80%;
  margin: 30px auto;
  padding: 15px;
  }
  .top_page #wpmem_login {
  width: 90%;
  margin-top: 50px;
  padding: 80px 5% 20px;
  background-size: 200px auto;
  background-position: center 20px;
  }
  .top_page #wpmem_login fieldset::before {
  font-size: 16px;
  }
  .top_page #wpmem_login .div_text {
  margin: 15px auto;
  }
  .member-top .member-title {
  padding: 0.5rem 5%;
  font-size: 1.8rem;
  }
  .top_page #wpmem_login fieldset img {
  max-width: 40%;
  }
  #wpmem_login .button_div input.buttons {
  width: 8em;
  padding: 10px;
  font-size: 18px;
  }
  .new-list{
  padding: 20px 5%;
  }
  .new-list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
  }
  .new-list li a {
  padding: 20px 5%;
  }
  .temp-list{
  padding: 20px 5%;
  }
  .temp-list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 15px;
  }
  ul.tag-listlink li {
  width: 48%;
  margin-right: 2%;
  margin-bottom: 15px;
  }
  ul.tag-listlink li a {
  width: 100%;
  height: 100%;
  font-size: 1.6rem;
  padding: 8px;
  }
  .ranking-list{
  padding: 40px 5%;
  }
  .ranking-list li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 30px;
  }
  .ranking-list li:before {
  left: -10px;
  }
  .ranking-list li a {
  padding: 20px 5%;
  }
  a.side-formlink {
  width: 80%;
  margin-top: 3.5rem;
  }
}

/*----------------------------------------------------- */
/*  Information           */
/*----------------------------------------------------- */
#information_list_non {
display: none!important;
}
#information_list {
padding: 20px 0 30px;
}
#information_list .inner {
width: 1000px;
margin: 0 auto;
}
#information_list table {
width: 1000px;
margin: 0 auto;
}
#information_list table th,#information_list table td {
padding: 0.5em;
font-size: 1.6rem;
color: #888;
}
#information_list table th {
width: 6em;
}
#information_list table td.news_cat {
width: 7em;
}
#information_list table td.news_cat p {
width: 7em;
font-size: 1.4rem;
color: #190913;
text-align: center;
line-height: 1.5;
background-color: #fed400;
border-radius: 50px;
display: inline-block;
}
.information_link a {
max-width: 15em;
height: 50px;
margin: 25px auto 10px;
text-align: center;
line-height: 50px;
display: block;
color: #190913;
background: #fbd200;
transition: all .2s ease-out;
}
.information_link a:hover {
text-decoration: none;
background: #efa600;
}
@media screen and (max-width: 768px) {
  #information_list .inner {
  width: 96%;
  margin: 0 auto;
  }
  #information_list table {
  width: 100%;
  }
  #information_list table td {
  width: 100%;
  padding: 0 0.5em 0.8em;
  font-size: 1.8rem;
  border-bottom: 1px solid #ddd;
  display: inline-block;
  }
  #information_list table th {
  width: 11rem;
  display: inline-block;
  font-size: 1.8rem;
  border-bottom: none;
  }
  #information_list table td.news_cat {
  width: auto;
  padding: 0;
  display: inline-block;
  font-size: 1.8rem;
  border-bottom: none;
  }
  #information_list table td.news_cat p {
  width: 10rem;
  font-size: 1.6rem;
  }
}


/*---------------------------------------------------------
テンプレート一覧ページ
---------------------------------------------------------*/
.content-list {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.content-list li {
  width: 31%;
  margin-right:3%;
}
.content-list li:nth-child(3n) {
  margin-right: 0;
}
article.article-list .img-wrap {
  float: none;
}
article.article-list .text {
  display: none;
}
article.article-list .article-date {
  display: none;
}
article.article-list h2 {
  font-weight: bold;
  text-align: center;
  margin-bottom: 5px;
}
a.archivelist-btn {
  width: 12em;
  font-size: 1.3rem;
  margin: 10px auto 5px;
  width: 12em;
  padding: 0.5em 1em;
  text-decoration: none;
  /*border-left: solid 6px #ff7c5c;左線*/
  color: #fff;/*文字色*/
  text-align: center;
  font-weight: bold;
  background: #3e2830;
  border-radius: 50px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  display: block;
  }
a.archivelist-btn:hover {
  text-decoration: none;
  }
a.archivelist-btn:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
  }
.more-btn a.archivelist-btn {
  width: 15em;
  color: #190913;
  background-color: #fed400;
}
a.btn-pdf {
  font-size: 1.6rem;
  color: #190913;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  border-bottom: 5px solid #9f000c;
  background: #dc0011;
  border-radius: 100vh;
}
a.btn-pdf:hover {
  margin-top: 3px;
  border-bottom: 2px solid #9f000c;
  text-decoration: none;
}
.fa-position-right {
  position: absolute;
  top: calc(50% - .5em);
  right: 1rem;
}
a.form-back-btn {
  width: 25em;
  font-size: 1.3rem;
  margin: 10px auto 5px;
  padding: 0.5em 1em;
  text-decoration: none;
  /*border-left: solid 6px #ff7c5c;左線*/
  color: #fff;/*文字色*/
  text-align: center;
  font-weight: bold;
  background: #3e2830;
  border-radius: 50px;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
  letter-spacing: -1px;
  display: block;
}
a.form-back-btn:active {
  box-shadow: inset 0 0 2px rgba(128, 128, 128, 0.1);
  transform: translateY(2px);
}
@media screen and (max-width: 768px) {
  a.form-back-btn {
  letter-spacing: -1px;
  }
}


/* サイドバー関連　タグ一覧のカテゴリラベルを非表示 */
.article-list .img-wrap .cat-data {display: none;}
.side-template-type ul li {
  width: 48%;
  list-style: none;
  margin-right:1%;
  display: inline-block;
}
.side-template-type li a {
  width: 100%;
  line-height: 1;
  margin-bottom: .5rem;
  padding: .8rem 1rem .8rem;
  font-size: 1.6rem;
  font-weight: bold;
  text-decoration: none;
  color: #3e2830;
  text-align: center;
  background-color: #fed400;
  border-radius: 50px;
  display: inline-block;
}
.side-template-type li.cul02 {
  width: 97%;
}
.side-ranking li a{
  width: 100%;
  padding: 10px 10px 10px 65px;
  background-image: url(./common/images/ranking01.png);
  background-size: 50px auto;
  background-position: left center;
  background-repeat: no-repeat;
  display: block;
}
.side-ranking li:nth-child(2) a {
  background-image: url(./common/images/ranking02.png);
}
.side-ranking li:nth-child(3) a {
  background-image: url(./common/images/ranking03.png);
}
@media screen and (max-width: 768px) {
  .side-template-type li a {
  line-height: 1.5;
  margin-bottom: .8rem;
  }
}


/*---------------------------------------------------------
裏面テンプレート一覧ページ
---------------------------------------------------------*/
.category-7 a.archivelist-btn {
display: none;
}
.category-7 #sidebar {
display: none;
}
.category-7 .contents {
float: none;
width: 100%;
}
.category-7 article.article-list h2 {
margin-bottom: 0;
}
.category-7 .article-list .img-wrap img {
width: auto;
height: auto;
}
.category-7 .content-list li {
width: 22%;
margin-right:3%;
}
.category-7 .content-list li:nth-child(3n) {
margin-right: 3%;
}
.category-7 .content-list li:nth-child(4n) {
margin-right: 0;
}
@media screen and (max-width: 768px) {
  .content-list li {
    width: 47%;
    margin-right:3%;
  }
  .content-list li:nth-child(2n) {
    margin-right: 0;
  }
  .content-list li:nth-child(3n) {
    margin-right: 3%;
  }
  .category-7 .content-list li {
    width: 47%;
    margin-right:3%;
  }
  .category-7 .content-list li:nth-child(3n) {
    margin-right: 3%;
  }
  .category-7 .content-list li:nth-child(4n) {
    margin-right: 0;
  }
  article.article-list h2 {
    font-weight: bold;
    text-align: center;
    margin-bottom: 5px;
  }
  .content-list .article-list .img-wrap img {
    width: 100%;
    height: auto;
  }
  a.form-back-btn {
    width: 90%;
  }
  .side-ranking li a{
  font-size: 1.6rem;
  }
}

/*  新着記事一覧  */
.news-list .article-news {
margin-bottom: 1rem;
padding: 1rem;
border: 1px solid #ddd;
}
.news-list .article-news:hover {
background-color: #eee;
}
.news-list .article-news a {
display: block;
text-decoration: none;
color: #333;
}
.news-list .loop-cont:after {
display: block;
clear: both;
content: '';
}
.news-list .article-news .img-wrap {
position: relative;
float: left;
line-height: 1;
}
.news-list .article-news .img-wrap img {
width: 240px;
height: 160px;
object-fit: cover;
}
.news-list .article-news .img-wrap .cat-data {
font-size: 1.2rem;
position: absolute;
top: 0;
right: 0;
padding: .3rem .5rem;
color: #190913;
background-color: #fed400;
}
.news-list .article-news .text {
margin-left: 260px;
}
.news-list .article-news .text h2 {
font-size: 1.6rem;
font-weight: bold;
margin-bottom: .5rem;
}
body .news-list .article-news a:hover {text-decoration: none!important;}
.news-list .article-news .text .article-date,
.news-list .article-news .text .article-author {
font-size: 1.3rem;
font-weight: bold;
display: inline-block;
margin-bottom: .5rem;
color: #888;
}
.news-list .article-news .text .article-date {
margin-right: .5rem;
}
.news-list .article-news .text .article-author i {
margin-right: .3rem;
}
.news-list .article-news .text p {
font-size: 1.4rem;
line-height: 1.7;
}
@media(max-width: 600px) {
  .news-list .archive-top h1 {
    font-size: 1.8rem;
    margin-bottom: 1rem;
  }
  .news-list .archive-top p {
    font-size: .8125rem;
    margin-bottom: 1rem;
  }
  .news-list .article-news {
    padding: .5rem;
  }
  .news-list .article-news .img-wrap img {
    width: 132px;
    height: 88px;
  }
  .news-list .article-news .img-wrap .cat-data {
    font-size: .6rem;
  }
  .news-list .article-news .text {
    margin-left: 140px;
    padding: 0;
  }
  .news-list .article-news .text h2 {
    font-size: 1.5rem;
    margin-bottom: 0;
  }
  .news-list .article-news .text p {
    display: none;
  }
  .news-list .article-news .text .article-date,
  .news-list .article-news .text .article-author {
    font-size: 1.3rem;
    margin-bottom: 0;
  }
  .news-list .article-news .text .article-date {
    margin-right: .2rem;
  }
}

.codedropz-upload-inner .codedropz-btn-wrap a.cd-upload-btn {
	color: #190913;
	padding: 0px 10px 2px;
	background-color: #ccc;
	border-radius: 5px;
}


/*---------------------------------------------------------
ポスター・チラシ・のぼり・ポケットティッシュ 一覧ページ
---------------------------------------------------------*/
.dk-template-list h2 {
width: 100%;
padding: 10px 20px;
background-color: #fed400;
border-bottom: none;
display: block;
}
.dk-template-list h2 span.dk-temp-title {
padding: 0 2em;
color: #fed400;
font-weight: bold;
background-color: #fff;
border-radius: 10px;
display: inline-block;
}
.dk-template-list ul.dk-temp-lists {
list-style: none;
margin-left: 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.dk-template-list .dk-temp-lists li {
width: 32%;
margin-right: 2%;
}
.dk-template-list .dk-temp-lists li:nth-child(3n) {
margin-right: 0;
}
.dk-template-list .dk-temp-lists li h3 {
margin-top: 0;
margin-bottom: 8px;
padding: 0;
font-size: 1.8rem;
text-align: center;
border: none;
}
@media screen and (max-width: 768px) {
  .dk-template-list .dk-temp-lists li {
  width: 49%;
  margin-right: 2%;
  }
  .dk-template-list .dk-temp-lists li:nth-child(3n) {
  margin-right: 2%;
  }
  .dk-template-list .dk-temp-lists li:nth-child(2n) {
  margin-right: 0;
  }
}


/*---------------------------------------------------------
トクバイサービスページ
---------------------------------------------------------*/
.tokubai_cont01 .tokubai01_l {
width: 320px;
margin-bottom: 0;
}
.tokubai_cont01 img {
width: 100%;
margin-bottom: 0;
}
.tokubai01_r {
width: 440px;
margin-left: 10px;
}
.tokubai01_r ul {
list-style: none;
}
.tokubai_cont02 {
padding: 1px 20px 1px;
background-color: #00b050;
border-radius: 15px;
}
@media screen and (max-width: 768px) {
  .tokubai_cont01 .tokubai01_l {
  width: 100%;
  }
  .tokubai01_r {
  width: 100%;
  margin-left: 0;
  }
  .tokubai_cont02 {
  padding: 1px 5% 10px;
  }
}
table.tokubai_plan ul {list-style: none;}
table.tokubai_plan .tokubai_p1 {width: 20%;}
table.tokubai_plan .tokubai_p2 {width: 40%;}
table.tokubai_plan .tokubai_p3 {width: 40%;}
.plan_bg_blue2 {
background-color: #fed400;
}
.plan_bg_blue th, .plan_bg_blue td {
background-color: #e0ebf6;
}
.plan_bg_blue td {
vertical-align: top;
}
table.tokubai_plan th, table.tokubai_plan td {
border: 1px solid #5b99cf;
}
.tokubai_cont04 .tokubai04_l {
width: 360px;
}
.tokubai_cont04 ul {
list-style: none;
}
.tokubai_cont04 .tokubai04_r {
width: 400px;
}
.tokubai04_r > ul {
padding-top: 50px;
}

.tokubai_cont05 .tokubai05_l {
width: 360px;
}
.tokubai_cont05 ul {
list-style: none;
}
.tokubai_cont05 .tokubai05_r {
width: 400px;
}
@media screen and (max-width: 768px) {
  table.tokubai_plan .tokubai_p1 {width: 20%;}
  table.tokubai_plan .tokubai_p2 {width: 80%;}
  table.tokubai_plan .tokubai_p3 {width: 80%;}
  .tokubai_cont04 .tokubai04_l {
  width: 100%;
  margin-bottom: 0;
  }
  .tokubai_cont04 .tokubai04_r {
  width: 100%;
  }
  .tokubai04_r > ul {
  padding-top: 0;
  }
  .tokubai_cont05 .tokubai05_l {
  width: 100%;
  margin-bottom: 0;
  }
  .tokubai_cont05 .tokubai05_r {
  width: 100%;
  }
}

/* google captcha non */
.grecaptcha-badge { visibility: hidden; }