@charset "UTF-8";
/* #############################################################

[ その他 ] コンポーネントおよびユーティリティのスタイルをまとめる

############################################################# */
/* ==========================================================================
	Component
=========================================================================== */
/* Page Title
--------------------------------------------- */
.c-page-ttl-wrap {
  margin: 6% 0 4%;
  padding: 4% 0;
  border-top: 1px solid #adadad;
  border-bottom: 1px solid #adadad;
  text-align: center; }

.c-page-ttl-txt {
  color: #1a1a1a;
  font-size: 1.4em;
  font-weight: 600; }

@media screen and (min-width: 42.5em) {
  .c-page-ttl-wrap {
    margin: 60px 0 30px; }
  .c-page-ttl-txt {
    font-size: 2em; } }

@media print, screen and (min-width: 57.5em) {
  .c-page-ttl-wrap {
    padding: 40px 0; } }

/* Conts Title
--------------------------------------------- */
.c-conts-ttl {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2rem;
  overflow: hidden;
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center; }

.c-conts-ttl::before,
.c-conts-ttl::after {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 1px;
  border-bottom: 1px solid #adadad;
  content: ''; }

.c-conts-ttl::before {
  margin-right: .8rem;
  padding-left: 1rem; }

.c-conts-ttl::after {
  margin-left: .8rem;
  padding-right: 1rem; }

.c-section-ttl {
  margin-bottom: 2rem;
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center; }

.c-section-ttl--large {
  margin-bottom: 3rem;
  font-size: 2.4rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: center; }

.c-sns-ttl {
  position: relative;
  margin-bottom: 2rem;
  color: #1a1a1a;
  font-size: 1.8rem;
  font-weight: 600;
  text-align: center; }

.c-sns-ttl::before {
  display: block;
  width: 1px;
  height: 15px;
  margin: 0 auto .5rem;
  background: #1a1a1a;
  content: ''; }

.c-arr-ttl {
  display: inline-block;
  position: relative;
  margin-bottom: 2.5rem;
  padding: 0 1rem 1rem;
  border-bottom: 1px solid #aeaeae;
  color: #1a1a1a;
  font-size: 2rem;
  font-weight: 600;
  text-align: center; }

.c-arr-ttl::before {
  display: block;
  position: absolute;
  bottom: -10px;
  left: 50%;
  width: 100%;
  height: 10px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("../../asset/images/mediaguide/bg-arr-ttl.gif") center bottom no-repeat;
  background-size: 15px 10px;
  content: ''; }

@media screen and (min-width: 42.5em) {
  .c-conts-ttl {
    font-size: 3rem; }
  .c-section-ttl {
    font-size: 2.4rem; }
  .c-section-ttl--large {
    font-size: 3rem; }
  .c-sns-ttl {
    margin-bottom: 2rem;
    font-size: 2rem; }
  .c-sns-ttl::before {
    height: 30px; }
  .c-arr-ttl {
    margin-bottom: 4rem;
    font-size: 2.4rem; }
  .c-arr-ttl::before {
    bottom: -20px;
    height: 20px;
    background: url("../../asset/images/mediaguide/bg-arr-ttl.gif") center bottom no-repeat;
    background-size: 30px 20px; } }

@media print, screen and (min-width: 57.5em) {
  .c-conts-ttl {
    font-size: 2rem; } }

/* Table
--------------------------------------------- */
.u-table {
  border-collapse: collapse; }

.u-table--fixed {
  border-collapse: collapse;
  table-layout: fixed; }

th, td {
  padding: 2% 3%;
  word-break: break-all; }

th {
  vertical-align: middle; }

td {
  background: #fff6df; }

.u-table-type01 {
  width: 100%; }

.u-table-type01 th,
.u-table-type01 td {
  display: block;
  width: 100%;
  padding: 3% 0; }

.u-table-type01 td {
  border-top: 1px solid #baae90; }

.u-table-type02 th,
.u-table-type02 td {
  border: 1px solid #baae90; }

.u-table-type02 thead th {
  background: #ebdac6; }

.u-table-type02 tbody th {
  width: 30%; }

.u-table-overview {
  width: 100%;
  overflow: auto; }

.u-table-overview th,
.u-table-overview td {
  padding: 8px;
  white-space: nowrap; }

/* Form
--------------------------------------------- */
.form-item {
  padding: 4% 0; }

.form-item-label {
  font-weight: 500; }

.form-item-body {
  position: relative;
  margin-top: 5px; }

.form-item-body span {
  margin-right: 10px; }

.form-item input[type='text'],
.form-item textarea,
.form-item select {
  width: 100%;
  padding: 1%;
  border: 1px solid #baae90;
  border-radius: 0;
  background: #fff;
  font-size: 1.6rem;
  vertical-align: middle; }

.form-item input[type='text'].form-text-small {
  width: 3em; }

.form-item input[type='text'].form-text-medium {
  width: 4em; }

.form-item input[type='radio'],
.form-item input[type='checkbox'] {
  margin-right: 5px;
  border: 1px solid #baae90;
  border-style: none;
  vertical-align: middle; }

.form-item textarea {
  height: 100px; }

.form-item select {
  -webkit-appearance: menulist;
  -moz-appearance: menulist;
  appearance: menulist; }

.form-cta-btn {
  padding: 8% 5%;
  text-align: center; }

.form-btn--cta {
  -webkit-transition: all .3s;
  display: inline-block;
  width: 100%;
  padding: 2% 4%;
  border: 1px solid #fc5c5a;
  border-radius: 3px;
  background: #fc5c5a;
  color: #fff !important;
  font-size: 1.4rem;
  transition: all .3s; }

.form-btn--cta:hover {
  background: #fff;
  color: #fc5c5a !important;
  text-decoration: none; }

.form-btn--normal {
  -webkit-transition: all .3s;
  display: inline-block;
  width: 50%;
  padding: 2% 4%;
  border: 1px solid #764825;
  border-radius: 3px;
  background: #fff;
  color: #764825 !important;
  font-size: 1.4rem;
  transition: all .3s; }

.form-btn--normal:hover {
  background: #ebdac6;
  text-decoration: none; }

.form-btn--cta + .form-btn--normal {
  margin-left: 3%; }

.p-form-txt {
  margin-bottom: 20px; }

.form-area dt {
  font-size: 1.6rem;
  font-weight: bold; }

.form-area dd {
  margin-bottom: 30px; }

.form-area .notes {
  color: #eb2e3d; }

@media print, screen and (min-width: 57.5em) {
  .form-btn--cta {
    width: 50%; } }

/* box
--------------------------------------------- */
.box-bg-white {
  background-color: #fff; }

.box-bg-beige {
  background-color: #f9f7f0; }

.box-line {
  border: 1px solid #bdbdbd; }

/* Grid
--------------------------------------------- */
.c-grid,
.c-grid--mgn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  list-style: none; }

.c-grid--mgn {
  margin-right: -.8%;
  margin-left: -.8%; }

/* grid item */
.c-grid-item,
.c-grid-item--mgn {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
      -ms-flex-positive: 0;
          flex-grow: 0;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0; }

.c-grid-item--mgn {
  margin-bottom: 1rem;
  padding-right: .8%;
  padding-left: .8%; }

.c-grid-middle {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }

.c-grid-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }

.c-grid-row-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse; }

.c-grid-col1-sp {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  max-width: 100%; }

.c-grid-col2-sp {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }

.c-grid-col3-sp {
  -webkit-flex-basis: 33.3333%;
      -ms-flex-preferred-size: 33.3333%;
          flex-basis: 33.3333%;
  max-width: 33.3333%; }

.c-grid-col3-2-sp {
  -webkit-flex-basis: 66.666%;
      -ms-flex-preferred-size: 66.666%;
          flex-basis: 66.666%;
  max-width: 66.666%; }

.c-grid-col4-sp {
  -webkit-flex-basis: 25%;
      -ms-flex-preferred-size: 25%;
          flex-basis: 25%;
  max-width: 25%; }

.c-grid-col4-2-sp {
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
  max-width: 50%; }

.c-grid-col4-3-sp {
  -webkit-flex-basis: 75%;
      -ms-flex-preferred-size: 75%;
          flex-basis: 75%;
  max-width: 75%; }

.c-grid-col5-sp {
  -webkit-flex-basis: 20%;
      -ms-flex-preferred-size: 20%;
          flex-basis: 20%;
  max-width: 20%; }

.c-grid-col5-2-sp {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  max-width: 40%; }

.c-grid-col5-3-sp {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  max-width: 60%; }

.c-grid-col5-4-sp {
  -webkit-flex-basis: 80%;
      -ms-flex-preferred-size: 80%;
          flex-basis: 80%;
  max-width: 80%; }

.c-grid-col6-sp {
  -webkit-flex-basis: 16.666%;
      -ms-flex-preferred-size: 16.666%;
          flex-basis: 16.666%;
  max-width: 16.666%; }

@media print, screen and (min-width: 57.5em) {
  .c-grid-col1-pc {
    -webkit-flex-basis: 100%;
        -ms-flex-preferred-size: 100%;
            flex-basis: 100%;
    max-width: 100%; }
  .c-grid-col2-pc {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .c-grid-col3-pc {
    -webkit-flex-basis: 33.3333%;
        -ms-flex-preferred-size: 33.3333%;
            flex-basis: 33.3333%;
    max-width: 33.3333%; }
  .c-grid-col3-2-pc {
    -webkit-flex-basis: 66.666%;
        -ms-flex-preferred-size: 66.666%;
            flex-basis: 66.666%;
    max-width: 66.666%; }
  .c-grid-col4-pc {
    -webkit-flex-basis: 25%;
        -ms-flex-preferred-size: 25%;
            flex-basis: 25%;
    max-width: 25%; }
  .c-grid-col4-2-pc {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: 50%; }
  .c-grid-col4-3-pc {
    -webkit-flex-basis: 75%;
        -ms-flex-preferred-size: 75%;
            flex-basis: 75%;
    max-width: 75%; }
  .c-grid-col5-pc {
    -webkit-flex-basis: 20%;
        -ms-flex-preferred-size: 20%;
            flex-basis: 20%;
    max-width: 20%; }
  .c-grid-col5-2-pc {
    -webkit-flex-basis: 40%;
        -ms-flex-preferred-size: 40%;
            flex-basis: 40%;
    max-width: 40%; }
  .c-grid-col5-3-pc {
    -webkit-flex-basis: 60%;
        -ms-flex-preferred-size: 60%;
            flex-basis: 60%;
    max-width: 60%; }
  .c-grid-col5-4-pc {
    -webkit-flex-basis: 80%;
        -ms-flex-preferred-size: 80%;
            flex-basis: 80%;
    max-width: 80%; }
  .c-grid-col6-pc {
    -webkit-flex-basis: 16.666%;
        -ms-flex-preferred-size: 16.666%;
            flex-basis: 16.666%;
    max-width: 16.666%; }
  .c-grid-col7-pc {
    -webkit-flex-basis: 14.2857%;
        -ms-flex-preferred-size: 14.2857%;
            flex-basis: 14.2857%;
    max-width: 14.2857%; }
  .c-grid-col8-pc {
    -webkit-flex-basis: 12.5%;
        -ms-flex-preferred-size: 12.5%;
            flex-basis: 12.5%;
    max-width: 12.5%; } }

/* Pager
--------------------------------------------- */
.c-pager {
  max-width: 1300px;
  margin: 0 auto;
  padding: 4% 0;
  text-align: center; }

.c-pager-type-archives li {
  display: inline-block;
  width: 44px;
  margin: 0 1%; }

.c-pager-type-archives li a {
  display: block;
  padding: 16% 2%;
  border: 1px solid #a79c7f;
  color: #a79c7f;
  font-size: 1.2rem;
  text-align: center;
  text-decoration: none; }

.c-pager-type-archives .c-pager-current,
.c-pager-type-archives li a:hover {
  background: #a79c7f;
  color: #fff; }

.c-pager-type-archives .c-pager-current {
  padding: 1%;
  text-align: center; }

@media print, screen and (min-width: 57.5em) {
  .c-pager {
    padding: 10px 0; }
  .c-pager-type-archives li {
    width: 40px;
    margin: 0 5px; }
  .c-pager-type-archives li a {
    padding: 10px 1px; }
  .c-pager-type-archives .c-pager-current {
    padding: 10px 1px; } }

/*Archives
--------------------------------------------- */
.c-archives-ttl {
  margin-bottom: 1rem; }

.c-archives-date {
  padding: 2% 0 4%;
  font-size: 1.0em; }

.c-archives-text {
  padding: 0.6%; }

.archives h1 {
  margin-bottom: 3rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.5; }

.archives h2 {
  margin-bottom: 2rem;
  color: #1a1a1a;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 1.5; }

.archives h3 {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.5;
  text-align: left; }

.archives ul {
  margin: 3% 0; }

.archives ol {
  margin: 3% 0; }

.archives a {
  background-color: transparent; }

.archives del {
  text-decoration: line-through; }

.archives .alignright {
  margin: 0 0 3% 3%;
  float: right; }

.archives .alignleft {
  margin: 0 3% 3% 0;
  float: left; }

.archives .aligncenter {
  margin: 0 auto 3%; }

@media print, screen and (min-width: 57.5em) {
  .c-archives-date {
    padding: 10px 0 30px;
    font-size: 1.0em; }
  .archives h1 {
    font-size: 2.4rem; }
  .archives h2 {
    font-size: 2rem; }
  .archives h3 {
    font-size: 1.8rem; }
  .c-archives-date {
    font-size: 1.0em; }
  .c-archives-text {
    padding: 10px; }
  .archives ul {
    margin: 10px 0; }
  .archives ol {
    margin: 10px 0; }
  .archives .alignright {
    margin: 0 0 15px 15px; }
  .archives .alignleft {
    margin: 0 15px 15px 0; }
  .archives .aligncenter {
    margin: 0 auto 15px; } }

/* ==========================================================================
	Utility
=========================================================================== */
/* display
--------------------------------------------- */
.accessibility-hidden {
  display: none !important; }

.u-pc {
  display: none !important; }

.u-sp {
  display: block !important; }

@media print, screen and (min-width: 57.5em) {
  .u-pc {
    display: block !important; }
  .u-sp {
    display: none !important; } }

/* float & clearfix
--------------------------------------------- */
.u-clearfix:after, div:after, ul:after, dl:after, dt:after, dd:after, td:after, article:after, aside:after, canvas:after, footer:after, header:after, main:after, nav:after, section:after {
  display: block;
  clear: both;
  content: ''; }

.u-flLeft {
  float: left; }

.u-flRight {
  float: right; }

.u-flClear {
  clear: both; }

/* Text
--------------------------------------------- */
.u-txt + .u-txt {
  margin-top: 1em; }

/* color */
.u-txt-color--red {
  color: #e60012; }

.u-txt-color--blue {
  color: #0895de; }

.u-txt-color--green {
  color: #3fab66; }

.u-txt-color--yellow {
  color: #fabf20; }

.u-txt-color--white {
  color: #fff; }

.u-txt-color-purple {
  color: #796caf; }

.u-txt-color-pink {
  color: #ef8593; }

.u-txt-color-green {
  color: #6cbb5a; }

.u-txt-maker {
  display: inline-block;
  z-index: 0;
  position: relative; }

.u-txt-maker::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 94%;
  height: .6em;
  -webkit-transform: translate(-50%, -0.1em);
          transform: translate(-50%, -0.1em);
  background: #ffff12;
  content: ''; }

@media print, screen and (min-width: 42.5em) {
  .u-txt-maker::after {
    width: 100%; } }

/* align or valign
--------------------------------------------- */
.u-align-left {
  text-align: left; }

.u-align-right {
  text-align: right; }

.u-align-center {
  text-align: center; }

.u-valign-top {
  vertical-align: top; }

.u-valign-middle {
  vertical-align: middle; }

.u-valign-bottom {
  vertical-align: bottom; }

/* a link
--------------------------------------------- */
.u-pointer {
  cursor: pointer; }

.u-block {
  display: block; }

/* List
--------------------------------------------- */
.u-list {
  margin-bottom: 4%; }

.u-list-disc li {
  margin-left: 22px;
  list-style: outside disc; }

.u-list-num li {
  margin-left: 20px;
  list-style: outside decimal; }

.u-list-indent li {
  padding-left: 1em;
  list-style: none;
  text-indent: -1em; }

/* Button Utility
--------------------------------------------- */
.u-btn {
  display: block;
  text-align: center; }

.u-btn--mgn {
  display: block;
  margin-top: 6%;
  text-align: center; }

/* u-btn-type-white ---------- */
.u-btn-type-white {
  padding: 3% 2%;
  border: 1px solid #f34e85;
  border-radius: 3px;
  background: #fff;
  color: #f34e85 !important;
  font-size: 1.3rem; }

.u-btn-type-white:hover {
  background: #f34e85;
  color: #fff !important;
  text-decoration: none; }

.u-btn-type-white:hover .svg-mail,
.u-btn-type-white:hover .svg-dl-arr {
  stroke: #fff; }

/* u-btn-type-pink ---------- */
.u-btn-type-pink {
  padding: 1% 2%;
  border: 1px solid #fff;
  /*border-radius: 3px;*/
  background: #f34e85;
  color: #fff !important;
  font-size: 1.3rem; }

.u-btn-type-pink .svg-mail,
.u-btn-type-pink .svg-dl-arr {
  stroke: #fff; }

.u-btn-type-pink:hover {
  background: #fff;
  color: #fc5c5a !important;
  text-decoration: none; }

.u-btn-type-pink:hover .svg-mail,
.u-btn-type-pink:hover .svg-dl-arr {
  stroke: #fc5c5a; }

/* icon ---------- */
.btn-icon {
  display: inline-block;
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 .5rem; }

.svg-mail {
  fill: none;
  stroke: #e34d7e;
  stroke-miterlimit: 10;
  stroke-width: 1.42px; }

.svg-dl-arr {
  fill: none;
  stroke: #d44c77;
  stroke-miterlimit: 1;
  stroke-width: 2.83px; }

/* プラグイン
--------------------------------------------- */
.modaal-content-container form {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 280px;
  height: 30px;
  margin: auto; }

.modaal-content-container #s {
  width: 245px;
  padding: 10px;
  border: 0px;
  border-bottom: 1px solid #222;
  font-size: 2.2rem; }

#searchsubmit {
  width: 35px;
  margin-top: 10px;
  float: right; }

/* WP Editor
--------------------------------------------- */
.p-page .alignleft,
.p-cat-detail .alignleft {
  margin: 0 20px 20px 0;
  float: left; }

.p-page .alignright,
.p-cat-detail .alignright {
  margin: 0 0 20px 20px;
  float: right; }

.p-page .aligncenter,
.p-cat-detail .aligncenter {
  margin: 0 auto 20px; }

/* List */
.p-page ul,
.p-page ol,
.p-cat-detail ul,
.p-cat-detail ol {
  margin-bottom: 4%; }

.p-page ul li,
.p-cat-detail ul li {
  margin-left: 22px;
  list-style: outside disc; }

.p-page ol li,
.p-cat-detail ol li {
  margin-left: 20px;
  list-style: outside decimal; }