@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Roboto:300,400,700";
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%; }

body {
  margin: 0; }

h1 {
  font-size: 2em;
  margin: 0.67em 0; }

hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
  overflow: visible; }

pre {
  font-family: monospace, monospace;
  font-size: 1em; }

a {
  background-color: transparent; }

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted; }

b, strong {
  font-weight: bolder; }

code, kbd, samp {
  font-family: monospace, monospace;
  font-size: 1em; }

small {
  font-size: 80%; }

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

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

img {
  border-style: none; }

button, input, optgroup, select, textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0; }

button, input {
  overflow: visible; }

button, select {
  text-transform: none; }

[type=button], [type=reset], [type=submit], button {
  -webkit-appearance: button; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0; }

[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
  outline: 1px dotted ButtonText; }

fieldset {
  padding: 0.35em 0.75em 0.625em; }

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal; }

progress {
  vertical-align: baseline; }

textarea {
  overflow: auto; }

[type=checkbox], [type=radio] {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0; }

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto; }

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px; }

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none; }

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit; }

details {
  display: block; }

summary {
  display: list-item; }

template {
  display: none; }

[hidden] {
  display: none; }

html {
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit; }

img {
  vertical-align: bottom; }

ul, ol {
  margin: 0;
  padding: 0;
  list-style: none; }

dl, dt, dd {
  margin: 0; }

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

.cf:before,
.cf:after {
  display: table;
  content: " "; }

.cf:after {
  clear: both; }

.xxxxxxxxx:before {
  display: none;
  content: "\f0a9";
  font-family: "Font Awesome 5 Solid"; }

.svg-inline--fa {
  margin-right: 0.2em; }

body {
  color: #333;
  background: #fff;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fce836), to(#fcdc21));
  background-image: -webkit-linear-gradient(top, #fce836 0%, #fcdc21 100%);
  background-image: -o-linear-gradient(top, #fce836 0%, #fcdc21 100%);
  background-image: linear-gradient(to bottom, #fce836 0%, #fcdc21 100%);
  font-size: 16px; }
  @media screen and (max-width: 599px) {
    body {
      font-size: 14px; } }

body {
  font-family: "Roboto",  "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif; }

a {
  color: #09f;
  text-decoration: none;
  outline: none;
  -webkit-transition: all  0.1s ease;
  -o-transition: all  0.1s ease;
  transition: all  0.1s ease;
  vertical-align: baseline;
  background: transparent; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  margin: 0; }

p {
  margin: 0; }

.set_width {
  margin: 0 auto;
  max-width: 1000px; }
  @media screen and (max-width: 1059px) {
    .set_width {
      width: calc(100% - 60px); } }
  @media screen and (max-width: 599px) {
    .set_width {
      width: calc(100% - 30px); } }

header {
  background: #aa7bc9;
  height: 70px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  header .logo {
    width: 130px; }
    header .logo img {
      width: 100%; }

body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-flow: column;
  flex-flow: column;
  min-height: 100vh; }

footer {
  background: #aa7bc9; }
  footer .copyright {
    color: #fff;
    text-align: center;
    padding: 5em 1em; }

.title_area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  @media screen and (min-width: 900px) {
    .title_area {
      background-image: url(./images/dot.png);
      background-repeat: repeat-x;
      background-position: center center; } }
  .title_area .title_img {
    margin: 50px 0 3em; }
    @media screen and (max-width: 559px) {
      .title_area .title_img {
        margin: 25px 0 1.5em; } }
  .title_area img {
    width: 100%; }

.main_area .concept_box,
.main_area .item_box,
.main_area .character_box,
.main_area .news_box,
.main_area .item_box,
.main_area .item_box_v2,
.main_area .about_box {
  margin-bottom: 8em; }
  @media screen and (max-width: 559px) {
    .main_area .concept_box,
    .main_area .item_box,
    .main_area .character_box,
    .main_area .news_box,
    .main_area .item_box,
    .main_area .item_box_v2,
    .main_area .about_box {
      margin-bottom: 6em; } }

.main_area .box_title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 1em;
  margin-top: -1em; }
  .main_area .box_title h2 {
    margin-bottom: 0.5em;
    background: #aa7bc9;
    color: #fff;
    padding: 0.25em 1.25em;
    border-radius: 2.25em;
    letter-spacing: 0.1em;
    font-size: 1.5em; }
    @media screen and (max-width: 559px) {
      .main_area .box_title h2 {
        font-size: 1.5em; } }

.top_youtube {
  margin: 0 auto;
  max-width: 720px; }
  .top_youtube .ins {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .top_youtube .ins iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }

.concept_box .concept_wrap {
  margin: 0 0 2em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between; }
  .concept_box .concept_wrap > div {
    width: calc(50% - 0.5em);
    margin: 0; }
  @media screen and (max-width: 999px) {
    .concept_box .concept_wrap {
      display: block; }
      .concept_box .concept_wrap > div {
        width: 100%;
        margin-bottom: 2em; } }
  .concept_box .concept_wrap .brand_concept .lead {
    font-size: 1.5em;
    color: #aa7bc9;
    margin-bottom: 0.5em; }
    @media screen and (max-width: 999px) {
      .concept_box .concept_wrap .brand_concept .lead {
        margin-top: 0.5em; } }
  .concept_box .concept_wrap .brand_concept p {
    font-size: 1.125em;
    line-height: 1.75; }
  .concept_box .concept_wrap .brand_concept p + p {
    margin-top: 0.75em; }
  .concept_box .concept_wrap .ph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0; }
    .concept_box .concept_wrap .ph img {
      width: 100%; }
    @media screen and (min-width: 1000px) {
      .concept_box .concept_wrap .ph {
        padding: 0 0 20px; } }
    @media screen and (max-width: 999px) {
      .concept_box .concept_wrap .ph {
        margin: 0 auto;
        max-width: 560px;
        width: 80%; } }

.concept_box .ytch_banner,
.concept_box .instagram_banner {
  margin: 1em auto 0;
  width: 100%;
  max-width: 700px;
  border: 0px solid rgba(255, 255, 255, 0.5);
  border-radius: 0px;
  overflow: hidden; }
  .concept_box .ytch_banner img,
  .concept_box .instagram_banner img {
    width: 100%; }
  @media screen and (min-width: 1000px) {
    .concept_box .ytch_banner a:hover,
    .concept_box .instagram_banner a:hover {
      opacity: 0.8; } }
  @media screen and (max-width: 599px) {
    .concept_box .ytch_banner,
    .concept_box .instagram_banner {
      margin: 2em auto 0;
      border-radius: 6px; } }

.concept_box .instagram_banner {
  margin: 10px auto 0; }
  @media screen and (max-width: 599px) {
    .concept_box .instagram_banner {
      margin: 10px auto 0; } }

.item_box img {
  width: 100%; }

.item_box ul {
  margin-top: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .item_box ul li {
    padding: 15px;
    width: calc(25% - 10px);
    max-width: 240px;
    margin: 0 5px 10px;
    background: white;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 6px; }
    @media screen and (max-width: 767px) {
      .item_box ul li {
        width: calc(50% - 10px);
        max-width: none;
        margin: 0 5px 10px;
        border-radius: 5px; } }
    @media screen and (max-width: 559px) {
      .item_box ul li {
        padding: 10px; } }
    .item_box ul li a {
      display: block;
      color: #333;
      position: relative; }
      .item_box ul li a:hover {
        opacity: 0.6; }
      .item_box ul li a .new {
        position: absolute;
        top: 0;
        left: 0;
        background: #aa7bc9;
        color: #fff;
        font-size: 0.875em;
        padding: 0.25em 0.75em; }
    .item_box ul li p {
      margin-top: 0.5em;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      text-align: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      font-size: 0.875em;
      line-height: 1.5; }
      .item_box ul li p.lovenail span {
        margin: 0 0.5em; }
      @media screen and (max-width: 767px) {
        .item_box ul li p {
          font-size: 1em; } }
      @media screen and (max-width: 449px) {
        .item_box ul li p {
          display: block;
          font-size: 0.875em;
          text-align: left; }
          .item_box ul li p.lovenail span {
            margin: 0;
            margin-right: 0.5em; } }

.character_box img {
  width: 100%; }

.character_box .all_wrap {
  margin-top: 1em;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px; }

.character_box .pc_character_three {
  padding: 30px 0; }
  @media screen and (min-width: 560px) and (max-width: 999px) {
    .character_box .pc_character_three {
      padding: 20px 0; } }
  @media screen and (max-width: 559px) {
    .character_box .pc_character_three {
      display: none; } }

.character_box ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 30px 30px; }
  @media screen and (min-width: 560px) and (max-width: 999px) {
    .character_box ul {
      padding: 0 20px 20px; } }
  .character_box ul li {
    width: 18.5em;
    margin: 0;
    padding: 0; }
    @media screen and (min-width: 560px) and (max-width: 999px) {
      .character_box ul li {
        width: calc((100% - 30px)/3); } }
  @media screen and (min-width: 560px) {
    .character_box ul .pic {
      display: none; } }
  .character_box ul .kana {
    font-size: 0.875em;
    letter-spacing: 0.075em;
    text-align: center;
    margin-bottom: -1em; }
    @media screen and (min-width: 560px) and (max-width: 999px) {
      .character_box ul .kana {
        font-size: 0.75em;
        margin-bottom: -0.5em; } }
    @media screen and (max-width: 559px) {
      .character_box ul .kana {
        font-size: 1em;
        margin-bottom: -1em; } }
  .character_box ul .name {
    width: 100%;
    max-width: 300px;
    margin: 0 auto; }
  .character_box ul .guide {
    line-height: 1.75; }
    @media screen and (min-width: 560px) and (max-width: 999px) {
      .character_box ul .guide {
        font-size: 0.875em; } }
  @media screen and (max-width: 559px) {
    .character_box ul {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
      -ms-flex-direction: column;
      flex-direction: column;
      padding: 1em; }
      .character_box ul li {
        width: 100%;
        margin: 0; }
        .character_box ul li .pic {
          width: 100%;
          max-width: 300px;
          margin: 0 auto 1em; }
        .character_box ul li:nth-child(1) {
          -webkit-box-ordinal-group: 3;
          -ms-flex-order: 2;
          order: 2;
          border: solid #ccc;
          border-width: 1px 0;
          margin: 20px 0;
          padding: 20px 0; }
        .character_box ul li:nth-child(2) {
          -webkit-box-ordinal-group: 2;
          -ms-flex-order: 1;
          order: 1; }
        .character_box ul li:nth-child(3) {
          -webkit-box-ordinal-group: 4;
          -ms-flex-order: 3;
          order: 3; } }

.news_box ul {
  margin: 0; }
  .news_box ul li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0.75em 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.25);
    line-height: 1.75; }
  .news_box ul.past_news {
    display: none; }

.news_box .days {
  color: #aa7bc9;
  font-weight: bold;
  letter-spacing: 0.1em;
  margin-right: 1.5em;
  font-size: 1em; }

.news_box .topics {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 1em; }

@media screen and (max-width: 599px) {
  .news_box li {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  .news_box .days {
    font-size: 1.125em;
    margin-bottom: 0.125em;
    margin-right: 0; } }

.news_box p.key_acc {
  margin-top: 1.5em;
  font-weight: bold;
  cursor: pointer;
  text-align: center; }
  .news_box p.key_acc:after {
    content: "を表示する"; }
  .news_box p.key_acc.active:after {
    content: "を折り畳む"; }

.news_area_movie,
.lovenail {
  margin: 1em auto;
  max-width: 480px; }
  .news_area_movie .ins,
  .lovenail .ins {
    position: relative;
    width: 100%;
    padding-top: 56.25%; }
    .news_area_movie .ins iframe,
    .lovenail .ins iframe {
      position: absolute;
      top: 0;
      right: 0;
      width: 100%;
      height: 100%; }

.item_box_v2 .maker_box {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  padding: 2em; }
  .item_box_v2 .maker_box h3 {
    font-size: 2em;
    font-weight: bold;
    text-align: center; }
  .item_box_v2 .maker_box p.cap {
    margin-top: 6px;
    font-size: 0.875em;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 1em; }
  @media screen and (max-width: 559px) {
    .item_box_v2 .maker_box {
      padding: 1em; }
      .item_box_v2 .maker_box h3 {
        margin-top: 10px;
        font-size: 2em; } }

.item_box_v2 ul.item_shimamura_1st {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 0; }
  .item_box_v2 ul.item_shimamura_1st li {
    width: calc(50% - 1.5em);
    margin: 1.5em 0.75em; }
    @media screen and (max-width: 559px) {
      .item_box_v2 ul.item_shimamura_1st li {
        width: 100%;
        margin: 1em 0; } }
  .item_box_v2 ul.item_shimamura_1st .ph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
    padding: 4px; }
    .item_box_v2 ul.item_shimamura_1st .ph > div {
      width: 50%; }
      .item_box_v2 ul.item_shimamura_1st .ph > div a:hover {
        opacity: 0.6; }
    .item_box_v2 ul.item_shimamura_1st .ph .f,
    .item_box_v2 ul.item_shimamura_1st .ph .b {
      position: relative; }
      .item_box_v2 ul.item_shimamura_1st .ph .f:before,
      .item_box_v2 ul.item_shimamura_1st .ph .b:before {
        position: absolute;
        left: 0;
        top: 0;
        padding: 0.25em 0.5em;
        font-size: 12px;
        background: #fff;
        color: #aa7bc9;
        content: ""; }
    .item_box_v2 ul.item_shimamura_1st .ph .f:before {
      content: "Front"; }
    .item_box_v2 ul.item_shimamura_1st .ph .b:before {
      content: "Back"; }
  .item_box_v2 ul.item_shimamura_1st img {
    width: 100%; }
  .item_box_v2 ul.item_shimamura_1st .spec {
    margin-top: .75em;
    text-align: center; }
    .item_box_v2 ul.item_shimamura_1st .spec p {
      font-size: 0.875em;
      margin-top: 0.25em; }
    .item_box_v2 ul.item_shimamura_1st .spec p.name {
      font-size: 1em;
      font-weight: bold;
      margin-bottom: 0.5em; }
    .item_box_v2 ul.item_shimamura_1st .spec .price {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
      .item_box_v2 ul.item_shimamura_1st .spec .price p {
        font-size: 1em;
        margin-top: 0; }
        .item_box_v2 ul.item_shimamura_1st .spec .price p:nth-child(2) {
          font-size: 0.8125em; }

.item_box_v2 ul.item_shimamura_1st.one_p li {
  width: calc(25% - 0.5em);
  margin: 1.5em 0.25em; }
  @media screen and (max-width: 999px) {
    .item_box_v2 ul.item_shimamura_1st.one_p li {
      width: calc(50% - 1.5em);
      margin: 1.5em 0.75em; } }
  @media screen and (max-width: 559px) {
    .item_box_v2 ul.item_shimamura_1st.one_p li {
      width: 100%;
      margin: 1em 0; }
      .item_box_v2 ul.item_shimamura_1st.one_p li:empty {
        display: none; } }

.item_box_v2 ul.item_shimamura_1st.one_p .ph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background: #fff;
  padding: 4px; }
  .item_box_v2 ul.item_shimamura_1st.one_p .ph > div {
    width: 100%; }
  @media screen and (max-width: 999px) {
    .item_box_v2 ul.item_shimamura_1st.one_p .ph {
      max-width: 60%;
      margin: 0 auto; } }
  @media screen and (max-width: 559px) {
    .item_box_v2 ul.item_shimamura_1st.one_p .ph {
      max-width: 50%;
      margin: 0 auto; } }

.item_box_v2 .link_al {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto; }
  .item_box_v2 .link_al a {
    display: block;
    color: #e33;
    border: 2px solid #ee3333;
    padding: 1em 2em;
    width: 100%; }
    .item_box_v2 .link_al a:hover {
      background: rgba(238, 51, 51, 0.15);
      cursor: pointer; }
    .item_box_v2 .link_al a p {
      line-height: 1.25;
      margin: 0;
      padding: 0;
      text-align: center; }
    .item_box_v2 .link_al a p.buy {
      font-size: 1.25em;
      font-weight: bold; }
    .item_box_v2 .link_al a p.to_shop {
      margin-top: 0.25em;
      line-height: 1.5;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center; }
    .item_box_v2 .link_al a p.srch {
      font-size: 0.875em;
      margin-top: 0.25em; }

.item_box .maker_box {
  background: rgba(255, 255, 255, 0.85);
  border-radius: 10px;
  padding: 2em; }
  .item_box .maker_box h3 {
    font-size: 1.5em;
    font-weight: bold;
    text-align: center; }
  .item_box .maker_box p.cap {
    margin-top: 6px;
    font-size: 0.875em;
    text-align: center; }

.item_box h4.prd_name_001 {
  margin-top: 2em;
  margin-bottom: 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }
  .item_box h4.prd_name_001 span {
    display: block;
    font-size: 1em;
    padding: 0.5em 2em;
    color: #aa7bc9;
    border: 1px solid #aa7bc9; }

.item_box ul.item_shimamura_1st {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .item_box ul.item_shimamura_1st li {
    margin-bottom: 1em;
    width: calc(50% - 0.5em); }
    @media screen and (max-width: 559px) {
      .item_box ul.item_shimamura_1st li {
        width: 100%; } }
  .item_box ul.item_shimamura_1st .ph {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    .item_box ul.item_shimamura_1st .ph > div {
      width: 50%; }
      .item_box ul.item_shimamura_1st .ph > div a:hover {
        opacity: 0.6; }
  .item_box ul.item_shimamura_1st img {
    width: 100%; }

.item_box ul.item_stu_list {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  .item_box ul.item_stu_list li {
    text-align: center;
    margin: 1em 0;
    width: 200px;
    margin: 1em 0; }
    @media screen and (min-width: 1060px) {
      .item_box ul.item_stu_list li:nth-child(11), .item_box ul.item_stu_list li:nth-child(12) {
        display: none; } }
    @media screen and (max-width: 599px) {
      .item_box ul.item_stu_list li {
        width: calc(50% - 1em);
        margin: 1em 0.5em; } }
    .item_box ul.item_stu_list li a {
      display: block;
      color: #333; }
      .item_box ul.item_stu_list li a:hover {
        opacity: 0.5;
        cursor: pointer; }
  .item_box ul.item_stu_list .ph {
    background: rgba(255, 255, 255, 0.5);
    width: 180px;
    height: 180px;
    border-radius: 180px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 0.75em; }
    @media screen and (max-width: 599px) {
      .item_box ul.item_stu_list .ph {
        width: 200px;
        height: 200px;
        border-radius: 200px; } }
    @media screen and (max-width: 499px) {
      .item_box ul.item_stu_list .ph {
        width: 180px;
        height: 180px;
        border-radius: 180px; } }
    @media screen and (max-width: 424px) {
      .item_box ul.item_stu_list .ph {
        width: 160px;
        height: 160px;
        border-radius: 160px; } }
    @media screen and (max-width: 369px) {
      .item_box ul.item_stu_list .ph {
        width: 130px;
        height: 130px;
        border-radius: 130px; } }
    @media screen and (max-width: 299px) {
      .item_box ul.item_stu_list .ph {
        width: 100%;
        border-radius: 0; } }
  .item_box ul.item_stu_list .num {
    margin-top: 1em; }
  .item_box ul.item_stu_list .name {
    margin-top: 5px; }

.item_box ul.item_stu_list {
  display: none; }

.item_box .link_al {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 2em 0 0; }
  .item_box .link_al a {
    display: block;
    color: #aa7bc9;
    border: 1px solid #aa7bc9;
    padding: 1.25em 2em; }
    .item_box .link_al a:hover {
      background: rgba(170, 123, 201, 0.15);
      cursor: pointer; }

.item_box .link_al {
  display: none; }

@media screen and (min-width: 1060px) {
  .about_box .about_wrap {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: top;
    -ms-flex-align: top;
    align-items: top;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background-size: contain;
    width: 100%; }
  .about_box .circle {
    width: 400px;
    margin: 0 25px; } }

@media screen and (max-width: 1059px) {
  .about_box .circle {
    width: 100%;
    max-width: 420px;
    margin: 0 auto 3em; } }

.about_box .circle .name {
  text-align: center;
  font-size: 2em;
  margin-bottom: 0.5em; }
  .about_box .circle .name.suzuka {
    color: #aa7bc9; }
  .about_box .circle .name.hinata {
    color: #fb7fb5; }

.about_box .circle .ph {
  background: rgba(255, 255, 255, 0.5);
  width: 320px;
  height: 320px;
  border-radius: 320px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 1em auto;
  overflow: hidden; }
  @media screen and (max-width: 559px) {
    .about_box .circle .ph {
      width: 260px;
      height: 260px;
      border-radius: 260px; } }
  .about_box .circle .ph img {
    width: 100%; }

.about_box .circle p {
  line-height: 1.75; }

/*========= ナビゲーションのためのCSS ===============*/
#g-nav {
  /*position:fixed;にし、z-indexの数値を小さくして最背面へ*/
  position: fixed;
  z-index: -1;
  opacity: 0;
  /*はじめは透過0*/
  /*ナビの位置と形状*/
  top: 0;
  width: 100%;
  height: 100vh;
  /*ナビの高さ*/
  background: rgba(0, 0, 0, 0.8);
  /*動き*/
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

/*アクティブクラスがついたら透過なしにして最前面へ*/
#g-nav.panelactive {
  opacity: 1;
  z-index: 999; }

/*ナビゲーションの縦スクロール*/
#g-nav.panelactive #g-nav-list {
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  /*表示する高さ*/
  overflow: auto;
  -webkit-overflow-scrolling: touch; }

/*ナビゲーション*/
#g-nav ul {
  display: none;
  /*ナビゲーション天地中央揃え*/
  position: absolute;
  z-index: 999;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%); }

#g-nav.panelactive ul {
  display: block; }

/*リストのレイアウト設定*/
#g-nav li {
  list-style: none;
  text-align: center; }

#g-nav li a {
  color: #fff;
  text-decoration: none;
  padding: 10px;
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: bold; }

/*========= ボタンのためのCSS ===============*/
.openbtn {
  position: absolute;
  z-index: 9999;
  /*ボタンを最前面に*/
  top: 10px;
  right: 5px;
  cursor: pointer;
  width: 50px;
  height: 50px;
  background: #aa7bc9;
  border-radius: 50px; }
  .openbtn.active {
    position: fixed;
    background-color: transparent; }

.openbtn span {
  display: inline-block;
  -webkit-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
  position: absolute;
  left: 14px;
  height: 3px;
  border-radius: 2px;
  background-color: #fff;
  width: 45%; }

.openbtn span:nth-of-type(1) {
  top: 15px; }

.openbtn span:nth-of-type(2) {
  top: 23px; }

.openbtn span:nth-of-type(3) {
  top: 31px; }

.openbtn.active span:nth-of-type(1) {
  top: 18px;
  left: 18px;
  -webkit-transform: translateY(6px) rotate(-45deg);
  -ms-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
  width: 30%; }

.openbtn.active span:nth-of-type(2) {
  opacity: 0; }

.openbtn.active span:nth-of-type(3) {
  top: 30px;
  left: 18px;
  -webkit-transform: translateY(-6px) rotate(45deg);
  -ms-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
  width: 30%; }

/* item */
.item_main_area {
  min-height: 80vh;
  padding: 4em 0; }
  .item_main_area .category_name {
    margin-bottom: 1em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .item_main_area .category_name p {
      color: #fff;
      background: #aa7bc9;
      padding: 0.25em 1.5em;
      border-radius: 1.625em;
      letter-spacing: 0.1em;
      font-size: 1.125em; }
  .item_main_area h1 {
    font-size: 2em;
    line-height: 1.3125;
    text-align: center; }
    @media screen and (max-width: 1059px) {
      .item_main_area h1 {
        font-size: 1.5em; } }
  .item_main_area .image_area {
    margin: 1.5em auto; }
    .item_main_area .image_area ul#slider {
      background: #fff;
      border-radius: 10px;
      padding: 1em 0; }
      @media screen and (max-width: 1059px) {
        .item_main_area .image_area ul#slider {
          border-radius: 5px;
          padding: 1em 1em; } }
      @media screen and (min-width: 1060px) {
        .item_main_area .image_area ul#slider {
          max-width: 1000px;
          margin: 0 auto; }
          .item_main_area .image_area ul#slider li.slide-item {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -webkit-box-pack: center;
            -ms-flex-pack: center;
            justify-content: center; }
          .item_main_area .image_area ul#slider img {
            height: 480px; } }
      @media screen and (max-width: 1059px) {
        .item_main_area .image_area ul#slider {
          max-width: 700px;
          margin: 0 auto; }
          .item_main_area .image_area ul#slider img {
            height: auto;
            width: 100%; } }
    .item_main_area .image_area #thumbnail-list {
      width: 100%;
      margin: 0.5em auto 0;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
    .item_main_area .image_area .thumbnail-item {
      width: 10%;
      margin: 6px 3px 0;
      position: relative; }
      @media screen and (max-width: 559px) {
        .item_main_area .image_area .thumbnail-item {
          width: 25%; } }
      .item_main_area .image_area .thumbnail-item:after {
        content: '';
        background-color: rgba(170, 123, 201, 0);
        position: absolute;
        display: block;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 1;
        -webkit-transition: .3s opacity linear;
        -o-transition: .3s opacity linear;
        transition: .3s opacity linear; }
      .item_main_area .image_area .thumbnail-item.thumbnail-current:after {
        opacity: 0.8;
        border: 5px solid #aa7bc9; }
      .item_main_area .image_area .thumbnail-item img {
        width: 100%;
        margin: 0 auto; }
  .item_main_area .info_area {
    margin: 0 auto;
    max-width: 700px; }
    .item_main_area .info_area a {
      color: #aa7bc9; }
    .item_main_area .info_area p {
      word-break: break-all;
      line-height: 1.75; }
      .item_main_area .info_area p.credit {
        margin-top: 2em;
        text-align: center; }
    .item_main_area .info_area .guide p {
      word-break: normal; }
    .item_main_area .info_area .guide.multi_p p + p {
      margin-top: 0.5em; }
    .item_main_area .info_area h2 {
      font-size: 1em;
      font-weight: bold;
      margin: 2em 0 0.5em; }
      .item_main_area .info_area h2:before {
        content: "●";
        color: #aa7bc9; }
    .item_main_area .info_area ul.blendcoffee_shoplist li {
      padding: 0.25em 0; }
    .item_main_area .info_area h3 {
      font-size: 1em;
      font-weight: bold;
      margin-top: 1em; }
    .item_main_area .info_area ul.shoplist {
      margin-top: 0.25em; }
      .item_main_area .info_area ul.shoplist li {
        font-size: 1em;
        padding: 0.25em 0; }
    .item_main_area .info_area p.shoplist_cap {
      font-size: 0.875em;
      line-height: 1.5; }
    .item_main_area .info_area table.spec_list th, .item_main_area .info_area table.spec_list td {
      border: 1px solid rgba(0, 0, 0, 0.5);
      font-size: 0.875em;
      padding: 0.5em; }
  .item_main_area .return_toppage {
    margin-top: 2.5em;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    .item_main_area .return_toppage a {
      display: block;
      color: #fff;
      background: #333;
      padding: 0.5em 1.5em;
      border-radius: 2.125em;
      font-size: 1.125em; }