/*
Theme Name: yagumi
Author:
Author URI:
Description:
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/* -----------------------------------
reset
------------------------------------ */
html,
body {
	height: 100%;
}
html{
	overflow-y: scroll;
}
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

* {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
	outline: none;
}
form{
	display: inline;
}
pre,
textarea {
	overflow: auto;
}

[hidden],
audio:not([controls]),
template {
	display: none;
}

details,
main,
summary {
	display: block;
}

input[type=text],
input[type=password] {
	-webkit-appearance: none;
}


input[type=radio],
input[type=checkbox] {
	vertical-align: middle;
}

input[type=number] {
	width: auto;
}

input[type=search] {
	-webkit-appearance: textfield;
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

progress {
	display: inline-block;
}

small {
	font-size: 75%;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
	font-size: 60%;
	line-height: 0;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.15em;
}

textarea {
	resize: vertical;
}

audio,
canvas,
iframe,
img,
svg,
video {
	vertical-align: middle;
}

img {
	border: 0;
	max-width: 100%;
	height: auto;
}
img[src$=".svg"]{ width: 100%; }

button,
input,
select,
textarea {
	min-height: 1.5em;
	color: inherit;
	font-family: inherit;
	font-weight: inherit;
	font-style: inherit;
}

button {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: none;
	background: none;
	cursor: pointer;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
}

button[disabled],
html input[disabled] {
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

input {
	line-height: normal;
}

code,
kbd,
pre,
samp {
	font-family: monospace,monospace;
}

ol,
ul {
	list-style: none;
}

select{
    outline:none;
    text-indent: 0.01px;
    text-overflow: '';
    background: none transparent;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    // -webkit-appearance: button;
    // -moz-appearance: button;
    // appearance: button;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
		border: none;
}
select option{
  background-color: #fff;
  color: #333;
}
select::-ms-expand {
  display: none;
}
select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #828c9a;
}

table {
	border-spacing: 0;
	border-collapse: collapse;
}

fieldset {
	border: 0;
}

hr {
	display:block;
	height: 1px;
	border: 0;
	border-top: 1px solid #cccccc;
	margin: 15px 0;
	padding: 0;
}


/* -----------------------------------
base
------------------------------------ */
html{
	font-size: 62.5%;
    /* background-color: #B2B2B2; */
}


/* -----------------------------------
areaPopup
------------------------------------ */
.p-areaPopup {
  background-color: #fff;
  padding: 58px 100px;
  max-width: 1200px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p-areaPopup {
    padding: 10.4vw 4%;
  }
}
.p-areaPopup_area {
  font-size: 5rem;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_area {
    font-size: 6.67vw;
  }
}
.p-areaPopup_area span {
  border-bottom: 1px solid #3F3A39;
  padding-bottom: 0.25em;
}
.p-areaPopup_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 0.4rem;
  margin-top: 42px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_list {
    margin-top: 6.4vw;
  }
}
.p-areaPopup_list::after {
  content: "";
  width: 100%;
}
.p-areaPopup_list li {
  font-size: 3rem;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_list li {
    font-size: 3.6vw;
  }
}
.p-areaPopup_list li:nth-of-type(n+2)::before {
  content: "/";
  padding: 0 0.2em;
}
.p-areaPopup_list li a {
  text-decoration: none;
  color: #3F3A39;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.p-areaPopup_list li a:hover {
  opacity: 0.8;
}
@media screen and (min-width: 769px) {
  .p-areaPopup_list:has(li:nth-of-type(8)):not(:has(li:nth-of-type(9))) li:nth-of-type(5)::before {
    display: none;
  }
  .p-areaPopup_list:has(li:nth-of-type(8)):not(:has(li:nth-of-type(9))) li:nth-of-type(n+5) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-areaPopup_list:has(li:nth-of-type(9)) li:nth-of-type(6)::before {
    display: none;
  }
  .p-areaPopup_list:has(li:nth-of-type(9)) li:nth-of-type(n+6) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 768px) {
  .p-areaPopup_list:has(li:nth-of-type(6)):not(:has(li:nth-of-type(8))) li:nth-of-type(6)::before, .p-areaPopup_list:has(li:nth-of-type(9)) li:nth-of-type(6)::before {
    display: none;
  }
  .p-areaPopup_list:has(li:nth-of-type(6)):not(:has(li:nth-of-type(8))) li:nth-of-type(n+6), .p-areaPopup_list:has(li:nth-of-type(9)) li:nth-of-type(n+6) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-areaPopup_list:has(li:nth-of-type(8)):not(:has(li:nth-of-type(9))) li:nth-of-type(5)::before {
    display: none;
  }
  .p-areaPopup_list:has(li:nth-of-type(8)):not(:has(li:nth-of-type(9))) li:nth-of-type(n+5) {
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.p-areaPopup_cnt {
  margin-top: 110px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt {
    margin-top: 12.67vw;
  }
}
.p-areaPopup_cnt.-noMargin {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt.-noMargin {
    margin: 0;
  }
}
.p-areaPopup_cnt > dl:nth-of-type(n+2) {
  margin-top: 105px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl:nth-of-type(n+2) {
    margin-top: 15.33vw;
  }
}
.p-areaPopup_cnt > dl > dt {
  text-align: center;
  color: #fff;
  font-size: 3.6rem;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dt {
    font-size: 4.8vw;
  }
}
.p-areaPopup_cnt > dl > dt span {
  background-color: #073961;
  padding: 0.05em 3em;
  border-radius: 1000px;
}
.p-areaPopup_cnt > dl > dd > ul {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul {
    margin-top: 4.67vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li:nth-of-type(n+2) {
  margin-top: 105px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li:nth-of-type(n+2) {
    margin-top: 13.33vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li h3 {
  font-size: 3.6rem;
  text-align: center;
  color: #073961;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li h3 {
    font-size: 5.33vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 45px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column {
    display: block;
    margin-top: 30px;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._img {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._img > div {
  padding-right: 50px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column ._img > div {
    padding: 0;
    max-width: 450px;
    margin: 0 auto;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._txt {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._txt ._pickup {
  width: 113px;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column ._txt ._pickup {
    width: 19.07vw;
    margin-top: 3.47vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._txt h4 {
  font-size: 2.1rem;
  color: #073961;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column ._txt h4 {
    font-size: 4.67vw;
    margin-top: -0.4em;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._txt ._txt2 {
  font-size: 1.8rem;
  margin-top: 0.8em;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column ._txt ._txt2 {
    font-size: 3.73vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li ._column ._txt p {
  font-size: 1.5rem;
  margin-top: 0.4em;
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li ._column ._txt p {
    font-size: 3.33vw;
    margin-top: 0.2em;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li > ul {
  margin-top: 60px;
  border-top: 1px solid #15A8B5;
  border-bottom: 1px solid #15A8B5;
  display: grid;
  gap: 20px 30px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  grid-template-columns: 200px 200px 200px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 35px 0;
}
@media screen and (max-width: 950px) {
  .p-areaPopup_cnt > dl > dd > ul > li > ul {
    padding: 35px 2.71%;
    grid-template-columns: repeat(3, 31.59%);
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .p-areaPopup_cnt > dl > dd > ul > li > ul {
    padding: 4.8vw 0;
    gap: 2.67vw 0;
    margin-top: 7.33vw;
  }
}
.p-areaPopup_cnt > dl > dd > ul > li > ul li {
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.p-areaPopup_cnt > dl > dd > ul > li > ul li:hover {
  opacity: 0.8;
}
.p-areaPopup_cnt > dl > dd > ul > li > ul li img {
  width: 100%;
}