@charset "utf-8";
.action-links {
    margin: 1em 0;
    padding: 0;
    list-style: none;
}
[dir="rtl"] .action-links {
    margin-right: 0;
}
.action-links li {
    display: inline-block;
    margin: 0 0.3em;
}
.action-links li:first-child {
    margin-left: 0;
}
[dir="rtl"] .action-links li:first-child {
    margin-right: 0;
    margin-left: 0.3em;
}
.button-action {
    display: inline-block;
    padding: 0.2em 0.5em 0.3em;
    text-decoration: none;
    line-height: 160%;
}
.button-action:before {
    margin-left: -0.1em;
    padding-right: 0.2em;
    content: "+";
    font-weight: 900;
}
[dir="rtl"] .button-action:before {
    margin-right: -0.1em;
    margin-left: 0;
    padding-right: 0;
    padding-left: 0.2em;
}
.breadcrumb {
    padding-bottom: 0.5em;
}
.breadcrumb ol {
    margin: 0;
    padding: 0;
}
[dir="rtl"] .breadcrumb ol {
    margin-right: 0;
}
.breadcrumb li {
    display: inline;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.breadcrumb li:before {
    content: " \BB ";
}
.breadcrumb li:first-child:before {
    content: none;
}
.button, .image-button {
    margin-right: 1em;
    margin-left: 1em;
}
.button:first-child, .image-button:first-child {
    margin-right: 0;
    margin-left: 0;
}
.collapse-processed > summary {
    padding-right: 0.5em;
    padding-left: 0.5em;
}
.collapse-processed > summary:before {
    float: left;
    width: 1em;
    height: 1em;
    content: "";
    background: url("../../../../core/misc/menu-expanded.png") 0 100% no-repeat;
}
[dir="rtl"] .collapse-processed > summary:before {
    float: right;
    background-position: 100% 100%;
}
.collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    background-position: 25% 35%;
}
[dir="rtl"] .collapse-processed:not([open]) > summary:before {
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    background-position: 75% 35%;
}
.container-inline label:after, .container-inline .label:after {
    content: ":";
}
.form-type-radios .container-inline label:after, .form-type-checkboxes .container-inline label:after {
    content: "";
}
.form-type-radios .container-inline .form-type-radio, .form-type-checkboxes .container-inline .form-type-checkbox {
    margin: 0 1em;
}
.container-inline .form-actions, .container-inline.form-actions {
    margin-top: 0;
    margin-bottom: 0;
}
details {
    margin-top: 1em;
    margin-bottom: 1em;
    border: 1px solid #ccc;
}
details > .details-wrapper {
    padding: 0.5em 1.5em;
}
summary {
    padding: 0.2em 0.5em;
    cursor: pointer;
}
.exposed-filters .filters {
    float: left;
    margin-right: 1em;
}
[dir="rtl"] .exposed-filters .filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}
.exposed-filters .form-item {
    margin: 0 0 0.1em 0;
    padding: 0;
}
.exposed-filters .form-item label {
    float: left;
    width: 10em;
    font-weight: normal;
}
[dir="rtl"] .exposed-filters .form-item label {
    float: right;
}
.exposed-filters .form-select {
    width: 14em;
}
.exposed-filters .current-filters {
    margin-bottom: 1em;
}
.exposed-filters .current-filters .placeholder {
    font-weight: bold;
    font-style: normal;
}
.exposed-filters .additional-filters {
    float: left;
    margin-right: 1em;
}
[dir="rtl"] .exposed-filters .additional-filters {
    float: right;
    margin-right: 0;
    margin-left: 1em;
}
.field__label {
    font-weight: bold;
}
.field--label-inline .field__label, .field--label-inline .field__items {
    float: left;
}
.field--label-inline .field__label, .field--label-inline > .field__item, .field--label-inline .field__items {
    padding-right: 0.5em;
}
[dir="rtl"] .field--label-inline .field__label, [dir="rtl"] .field--label-inline .field__items {
    padding-right: 0;
    padding-left: 0.5em;
}
.field--label-inline .field__label::after {
    content: ":";
}
form .field-multiple-table {
    margin: 0;
}
form .field-multiple-table .field-multiple-drag {
    width: 30px;
    padding-right: 0;
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag {
    padding-left: 0;
}
form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0.5em;
}
[dir="rtl"] form .field-multiple-table .field-multiple-drag .tabledrag-handle {
    padding-right: 0;
    padding-left: 0.5em;
}
form .field-add-more-submit {
    margin: 0.5em 0 0;
}
.form-item, .form-actions {
    margin-top: 1em;
    margin-bottom: 1em;
}
tr.odd .form-item, tr.even .form-item {
    margin-top: 0;
    margin-bottom: 0;
}
.form-composite > .fieldset-wrapper > .description, .form-item .description {
    font-size: 0.85em;
}
label.option {
    display: inline;
    font-weight: normal;
}
.form-composite > legend, .label {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: inherit;
    font-weight: bold;
}
.form-checkboxes .form-item, .form-radios .form-item {
    margin-top: 0.4em;
    margin-bottom: 0.4em;
}
.form-type-radio .description, .form-type-checkbox .description {
    margin-left: 2.4em;
}
[dir="rtl"] .form-type-radio .description, [dir="rtl"] .form-type-checkbox .description {
    margin-right: 2.4em;
    margin-left: 0;
}
.marker {
    color: #e00;
}
.form-required:after {
    display: inline-block;
    width: 6px;
    height: 6px;
    margin: 0 0.3em;
    content: "";
    vertical-align: super;
    background-image: url("../../../../core/misc/icons/ee0000/required.svg");
    background-repeat: no-repeat;
    background-size: 6px 6px;
}
abbr.tabledrag-changed, abbr.ajax-changed {
    border-bottom: none;
}
.form-item input.error, .form-item textarea.error, .form-item select.error {
    border: 2px solid red;
}
.form-item--error-message:before {
    display: inline-block;
    width: 14px;
    height: 14px;
    content: "";
    vertical-align: sub;
    background: url("../../../../core/misc/icons/e32700/error.svg") no-repeat;
    background-size: contain;
}
.icon-help {
    padding: 1px 0 1px 20px;
    background: url("../../../../core/misc/help.png") 0 50% no-repeat;
}
[dir="rtl"] .icon-help {
    padding: 1px 20px 1px 0;
    background-position: 100% 50%;
}
.feed-icon {
    display: block;
    overflow: hidden;
    width: 16px;
    height: 16px;
    text-indent: -9999px;
    background: url("../../../../core/misc/feed.svg") no-repeat;
}
.form--inline .form-item {
    float: left;
    margin-right: 0.5em;
}
[dir="rtl"] .form--inline .form-item {
    float: right;
    margin-right: 0;
    margin-left: 0.5em;
}
[dir="rtl"] .views-filterable-options-controls .form-item {
    margin-right: 2%;
}
.form--inline .form-item-separator {
    margin-top: 2.3em;
    margin-right: 1em;
    margin-left: 0.5em;
}
[dir="rtl"] .form--inline .form-item-separator {
    margin-right: 0.5em;
    margin-left: 1em;
}
.form--inline .form-actions {
    clear: left;
}
[dir="rtl"] .form--inline .form-actions {
    clear: right;
}
.item-list .title {
    font-weight: bold;
}
.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}
.item-list li {
    margin: 0 0 0.25em 1.5em;
    padding: 0;
}
[dir="rtl"] .item-list li {
    margin: 0 1.5em 0.25em 0;
}
.item-list--comma-list {
    display: inline;
}
.item-list--comma-list .item-list__comma-list, .item-list__comma-list li, [dir="rtl"] .item-list--comma-list .item-list__comma-list, [dir="rtl"] .item-list__comma-list li {
    margin: 0;
}
button.link {
    margin: 0;
    padding: 0;
    cursor: pointer;
    border: 0;
    background: transparent;
    font-size: 1em;
}
label button.link {
    font-weight: bold;
}
ul.inline, ul.links.inline {
    display: inline;
    padding-left: 0;
}
[dir="rtl"] ul.inline, [dir="rtl"] ul.links.inline {
    padding-right: 0;
    padding-left: 15px;
}
ul.inline li {
    display: inline;
    padding: 0 0.5em;
    list-style-type: none;
}
ul.links a.is-active {
    color: #000;
}
ul.menu {
    margin-left: 1em;
    padding: 0;
    list-style: none outside;
    text-align: left;
}
[dir="rtl"] ul.menu {
    margin-right: 1em;
    margin-left: 0;
    text-align: right;
}
.menu-item--expanded {
    list-style-type: circle;
    list-style-image: url("../../../../core/misc/menu-expanded.png");
}
.menu-item--collapsed {
    list-style-type: disc;
    list-style-image: url("../../../../core/misc/menu-collapsed.png");
}
[dir="rtl"] .menu-item--collapsed {
    list-style-image: url("../../../../core/misc/menu-collapsed-rtl.png");
}
.menu-item {
    margin: 0;
    padding-top: 0.2em;
}
ul.menu a.is-active {
    color: #000;
}
.more-link {
    display: block;
    text-align: right;
}
[dir="rtl"] .more-link {
    text-align: left;
}
.pager__items {
    clear: both;
    text-align: center;
}
.pager__item {
    display: inline;
    padding: 0.5em;
}
.pager__item.is-active {
    font-weight: bold;
}
tr.drag {
    background-color: #fffff0;
}
tr.drag-previous {
    background-color: #ffd;
}
body div.tabledrag-changed-warning {
    margin-bottom: 0.5em;
}
tr.selected td {
    background: #ffc;
}
td.checkbox, th.checkbox {
    text-align: center;
}
[dir="rtl"] td.checkbox, [dir="rtl"] th.checkbox {
    text-align: center;
}
th.is-active img {
    display: inline;
}
td.is-active {
    background-color: #ddd;
}
div.tabs {
    margin: 1em 0;
}
ul.tabs {
    margin: 0 0 0.5em;
    padding: 0;
    list-style: none;
}
.tabs > li {
    display: inline-block;
    margin-right: 0.3em;
}
[dir="rtl"] .tabs > li {
    margin-right: 0;
    margin-left: 0.3em;
}
.tabs a {
    display: block;
    padding: 0.2em 1em;
    text-decoration: none;
}
.tabs a.is-active {
    background-color: #eee;
}
.tabs a:focus, .tabs a:hover {
    background-color: #f5f5f5;
}
.form-textarea-wrapper textarea {
    display: block;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
}
.ui-dialog--narrow {
    max-width: 500px;
}
@media screen and (max-width:600px) {
    .ui-dialog--narrow {
        min-width: 95%;
        max-width: 95%;
    }
}
.messages {
    padding: 15px 20px 15px 35px;
    word-wrap: break-word;
    border: 1px solid;
    border-width: 1px 1px 1px 0;
    border-radius: 2px;
    background: no-repeat 10px 17px;
    overflow-wrap: break-word;
}
[dir="rtl"] .messages {
    padding-right: 35px;
    padding-left: 20px;
    text-align: right;
    border-width: 1px 0 1px 1px;
    background-position: right 10px top 17px;
}
.messages + .messages {
    margin-top: 1.538em;
}
.messages__list {
    margin: 0;
    padding: 0;
    list-style: none;
}
.messages__item + .messages__item {
    margin-top: 0.769em;
}
.messages--status {
    color: #325e1c;
    border-color: #c9e1bd #c9e1bd #c9e1bd transparent;
    background-color: #f3faef;
    background-image: url("../../../../core/misc/icons/73b355/check.svg");
    box-shadow: -8px 0 0 #77b259;
}
[dir="rtl"] .messages--status {
    margin-left: 0;
    border-color: #c9e1bd transparent #c9e1bd #c9e1bd;
    box-shadow: 8px 0 0 #77b259;
}
.messages--warning {
    color: #734c00;
    border-color: #f4daa6 #f4daa6 #f4daa6 transparent;
    background-color: #fdf8ed;
    background-image: url("../../../../core/misc/icons/e29700/warning.svg");
    box-shadow: -8px 0 0 #e09600;
}
[dir="rtl"] .messages--warning {
    border-color: #f4daa6 transparent #f4daa6 #f4daa6;
    box-shadow: 8px 0 0 #e09600;
}
.messages--error {
    color: #a51b00;
    border-color: #f9c9bf #f9c9bf #f9c9bf transparent;
    background-color: #fcf4f2;
    background-image: url("../../../../core/misc/icons/e32700/error.svg");
    box-shadow: -8px 0 0 #e62600;
}
[dir="rtl"] .messages--error {
    border-color: #f9c9bf transparent #f9c9bf #f9c9bf;
    box-shadow: 8px 0 0 #e62600;
}
.messages--error p.error {
    color: #a51b00;
}
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-list {
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-list:focus {
    outline: none;
}
.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-track:before, .slick-track:after {
    display: table;
    content: '';
}
.slick-track:after {
    clear: both;
}
.slick-loading .slick-track {
    visibility: hidden;
}
.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide {
    float: right;
}
.slick-slide img {
    display: block;
}
.slick-slide.slick-loading img {
    display: none;
}
.slick-slide.dragging img {
    pointer-events: none;
}
.slick-initialized .slick-slide {
    display: block;
}
.slick-loading .slick-slide {
    visibility: hidden;
}
.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top;
}
.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 8020;
}
.fancybox-skin {
    position: relative;
    background: #000;
    color: #444;
    text-shadow: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
.fancybox-opened {
    z-index: 8030;
}
.fancybox-opened .fancybox-skin {}
.fancybox-outer, .fancybox-inner {
    position: relative;
}
.fancybox-inner {
    overflow: hidden;
}
.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch;
}
.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap;
}
.fancybox-image, .fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%;
}
.fancybox-image {
    max-width: 100%;
    max-height: 100%;
}
#fancybox-loading {}
#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 8060;
}
#fancybox-loading div {
    width: 44px;
    height: 44px;
}
.fancybox-close {
    position: absolute;
    top: -36px;
    right: 0px;
    display: block;
    width: 36px;
    height: 36px;
    display: block;
    text-align: center;
    color: #fff;
    background: #000;
    cursor: pointer;
    z-index: 8080;
}
.fancybox-close:hover {}
.fancybox-nav {
    position: absolute;
    display: block;
    top: 0;
    width: 40%;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("../../../../themes/cusotm/aquabeads/js/fancybox/blank.gif.html");
    z-index: 8040;
    opacity: 1;
}
.fancybox-nav p {
    display: block;
    position: absolute;
    width: 60px;
    height: 100%;
}
.fancybox-nav span {
    position: absolute;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-top: -22px;
    cursor: pointer;
    z-index: 8040;
}
.fancybox-prev, .fancybox-next {
    height: 100%;
    overflow: hidden;
}
.fancybox-prev {
    left: -60px;
}
.fancybox-next {
    right: -60px;
}
.fancybox-next p {
    right: 0;
}
.fancybox-prev span, .fancybox-next span {
    width: 50px;
    height: 50px;
    display: block;
    background-position: center center;
    background-repeat: no-repeat;
}
.fancybox-prev span {
    left: 10px;
    background-image: url("../../../../themes/cusotm/aquabeads/img/slide_btnparts.png.html");
    background-position: left top;
}
.fancybox-prev:hover span {
    background-image: url("../../../../themes/cusotm/aquabeads/img/slide_btnparts.png.html");
    background-position: left bottom;
}
.fancybox-next span {
    right: 10px;
    background-image: url("../../../../themes/cusotm/aquabeads/img/slide_btnparts.png.html");
    background-position: right top;
}
.fancybox-next:hover span {
    right: 10px;
    background-image: url("../../../../themes/cusotm/aquabeads/img/slide_btnparts.png.html");
    background-position: right bottom;
}
}
.fancybox-nav:hover {
    opacity: 1;
}
.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important;
}
.fancybox-lock {
    overflow: hidden !important;
    width: auto;
}
.fancybox-lock body {
    overflow: hidden !important;
}
.fancybox-lock-test {
    overflow-y: hidden !important;
}
.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 8000;
    background: rgba(0, 0, 0, 0.8);
}
.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
}
.fancybox-lock .fancybox-overlay {
    overflow: hidden;
}
.fancybox-title {
    visibility: hidden;
    position: relative;
    text-shadow: none;
    z-index: 9999;
}
.fancybox-opened .fancybox-title {
    visibility: visible;
}
.fancybox-title-float-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: 5px;
    z-index: 9999;
    text-align: left;
}
.fancybox-title-float-wrap .child {
    display: inline-block;
    color: #FFF;
    margin-right: -100%;
    padding: 2px 20px;
    white-space: nowrap;
}
.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff;
}
.fancybox-title-inside-wrap {
    padding-top: 10px;
}
.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #000;
    padding: 10px;
    background: #000;
    background: rgba(0, 0, 0, .8);
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display: block
}
audio, canvas, progress, video {
    display: inline-block
}
audio:not([controls]) {
    display: none;
    height: 0
}
template, [hidden] {
    display: none
}
*, ::before, ::after {
    background-repeat: no-repeat;
    box-sizing: inherit
}
::before, ::after {
    text-decoration: inherit;
    vertical-align: inherit
}
html {
    box-sizing: border-box;
    cursor: default;
    font-family: sans-serif;
    line-height: 1.5;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}
body {
    margin: 0
}
code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size: 1em
}
hr {
    height: 0;
    overflow: visible
}
nav ol, nav ul {
    list-style: none
}
abbr[title] {
    border-bottom: 1px dotted;
    text-decoration: none
}
b, strong {
    font-weight: inherit
}
b, strong {
    font-weight: bolder
}
dfn {
    font-style: italic
}
mark {
    background-color: #ff0;
    color: #000
}
progress {
    vertical-align: baseline
}
small {
    font-size: 83.3333%
}
sub, sup {
    font-size: 83.3333%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}
sub {
    bottom: -.25em
}
sup {
    top: -.5em
}
::-moz-selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}
::selection {
    background-color: #b3d4fc;
    color: #000;
    text-shadow: none
}
audio, canvas, iframe, img, svg, video {
    vertical-align: middle
}
img {
    border-style: none
}
svg {
    fill: currentColor
}
svg:not(:root) {
    overflow: hidden
}
a {
    background-color: transparent;
    -webkit-text-decoration-skip: objects
}
a:hover {
    outline-width: 0
}
table {
    border-collapse: collapse;
    border-spacing: 0
}
button, input, select, textarea {
    background-color: transparent;
    border-style: none;
    color: inherit;
    font-size: 1em;
    margin: 0
}
button, input {
    overflow: visible
}
button, select {
    text-transform: none
}
button, html [type='button'], [type='reset'], [type='submit'] {
    -webkit-appearance: button
}
::-moz-focus-inner {
    border-style: none;
    padding: 0
}
:-moz-focusring {
    outline: 1px dotted ButtonText
}
fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding: .35em .625em .75em
}
legend {
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}
textarea {
    overflow: auto;
    resize: vertical
}
[type='checkbox'], [type='radio'] {
    padding: 0
}
::-webkit-inner-spin-button, ::-webkit-outer-spin-button {
    height: auto
}
[type='search'] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}
::-webkit-search-cancel-button, ::-webkit-search-decoration {
    -webkit-appearance: none
}
::-webkit-input-placeholder {
    color: inherit;
    opacity: .54
}
::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}
[aria-busy='true'] {
    cursor: progress
}
[aria-controls] {
    cursor: pointer
}
[aria-disabled] {
    cursor: default
}
a, area, button, input, label, select, textarea, [tabindex] {
    -ms-touch-action: manipulation;
    touch-action: manipulation
}
[hidden][aria-hidden='false'] {
    clip: rect(0, 0, 0, 0);
    display: inherit;
    position: absolute
}
[hidden][aria-hidden='false']:focus {
    clip: auto
}
@media (min-width:769px) {
    .pc {
        display: block !important
    }
}
@media only screen and (max-width:768px) {
    .pc {
        display: none !important
    }
}
@media (min-width:769px) {
    .sp {
        display: none !important
    }
}
@media only screen and (max-width:768px) {
    .sp {
        display: block !important
    }
}
@media (min-width:769px) {
    .msp {
        display: none !important
    }
}
@media only screen and (max-width:1230px) {
    .msp {
        display: block !important
    }
}
@font-face {
    font-family: 'M+ 2p bold';
    src: url("../../../../themes/cusotm/aquabeads/fonts/mplus-2p-bold/mplus-2p-bold-sub.eot");
    src: url("../../../../themes/cusotm/aquabeads/fonts/mplus-2p-bold/mplus-2p-bold-sub.eot#iefix") format("embedded-opentype"), url("../../../../themes/cusotm/aquabeads/fonts/mplus-2p-bold/mplus-2p-bold-sub.woff") format("woff"), url("../../../../themes/cusotm/aquabeads/fonts/mplus-2p-bold/mplus-2p-bold-sub.ttf") format("truetype")
}
@font-face {
    font-family: 'icomoon';
    src: url("../../../../themes/cusotm/aquabeads/fonts/icomoon-9jkc2o=.eot");
    src: url("../../../../themes/cusotm/aquabeads/fonts/icomoon-9jkc2o=.eot#iefix") format("embedded-opentype"), url("../../../../themes/cusotm/aquabeads/fonts/icomoon-9jkc2o=.ttf") format("truetype"), url("../../../../themes/cusotm/aquabeads/fonts/icomoon-9jkc2o=.woff") format("woff"), url("../../../../themes/cusotm/aquabeads/fonts/icomoon-9jkc2o=.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal
}
.icon-icon_01:before {
    content: "\e900"
}
.icon-icon_02:before {
    content: "\e901"
}
.icon-icon_03:before {
    content: "\e902"
}
.icon-icon_04:before {
    content: "\e903"
}
.icon-icon_05:before {
    content: "\e904"
}
.icon-icon_06:before {
    content: "\e905"
}
.icon-icon_07:before {
    content: "\e906"
}
.icon-icon_08:before {
    content: "\e907"
}
* {
    margin: 0;
    padding: 0;
    list-style: none;
    outline: none
}
img {
    display: block
}
html {
    height: 100%;
    font-size: 62.5%;
    position: relative
}
body {
    height: auto;
    width: 100%;
    min-height: 100%;
    color: #242424;
    font-size: 1.4rem;
    line-height: 1.6;
    position: relative;
    font-family: 'Lato', 'Noto Sans Japanese', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-feature-settings: 'pkna';
    font-feature-settings: 'pkna';
    background: #fff;
    opacity: 0;
    transition: opacity 0.4s
}
@media only screen and (max-width:768px) {
    body {
        font-size: 1.2rem
    }
}
html.on, body.on {
    width: 100%;
    height: 100%
}
.totop-btn {
    display: block;
    position: fixed;
    display: none;
    right: 30px;
    bottom: 30px;
    z-index: 100
}
.totop-btn a {
    display: block
}
@media (min-width:769px) {
    .totop-btn a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .totop-btn a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    .totop-btn {
        width: 50px
    }
    .totop-btn a img {
        width: 100%;
        height: auto
    }
}
a {
    color: #009cf0;
    text-decoration: none
}
a.download-btn {
    display: block;
    width: 250px;
    height: 40px;
    background: #009cf0;
    color: #fff;
    position: relative;
    border-radius: 20px
}
a.download-btn span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 80%;
    text-align: center
}
a.download-btn span:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0
}
@media only screen and (max-width:768px) {
    a.download-btn {
        display: block;
        width: 100%
    }
    a.download-btn span {
        width: 90%
    }
}
#wrap {
    width: 100%;
    overflow: hidden
}
header {
    border-top: 4px solid #009cf0;
    position: relative;
    background: #fff;
    z-index: 1000
}
@media only screen and (max-width:768px) {
    header {
        border-top: none;
        position: fixed;
        width: 100%
    }
}
header .head-info {
    max-width: 1120px;
    margin: 0 auto;
    height: 78px;
    position: relative;
    background: #fff
}
header .head-info .logo {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
@media (min-width:769px) {
    header .head-info .logo {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .head-info .logo:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    header .head-info {
        height: 70px;
        top: 4px;
        padding: 0 4%;
        z-index: 100
    }
    header .head-info:before {
        content: '';
        display: block;
        width: 100%;
        height: 4px;
        background: #009cf0;
        position: absolute;
        top: -4px;
        left: 0
    }
    header .head-info .logo img {
        height: 32px;
        width: auto
    }
}
@media (min-width:769px) {
    header .sp-menu {
        display: none
    }
}
@media only screen and (max-width:768px) {
    header .sp-menu {
        display: block;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        top: 54%;
        right: 4%;
        z-index: 101
    }
    header .sp-menu img {
        display: block;
        width: 20px;
        height: 20px
    }
    header .sp-menu img.off {
        display: none
    }
    body.on header .sp-menu img.on {
        display: none
    }
    body.on header .sp-menu img.off {
        display: block
    }
}
header .ovl {
    display: none
}
@media (min-width:769px) {
    header .ovl {
        display: none;
        background: rgba(255, 255, 255, 0.6);
        width: 100%;
        height: 100%;
        position: fixed;
        z-index: 1
    }
}
@media only screen and (max-width:768px) {
    body.on header .ovl {
        display: block;
        width: 100%;
        height: 100%;
        background: rgba(255, 255, 255, 0.6);
        position: fixed;
        left: 0;
        top: 0;
        z-index: 1
    }
}
header .menu {
    position: relative;
    border-top: #efefef solid 1px;
    border-bottom: #efefef solid 1px;
    z-index: 2
}
@media only screen and (max-width:768px) {
    header .menu {
        position: fixed;
        left: 0;
        top: 74px;
        transition: all 0.4s;
        width: 100%;
        max-height: 0px;
        background: #fff;
        z-index: 2;
        overflow: hidden
    }
    body.on header .menu {
        max-height: 100%;
        padding-bottom: 74px;
        overflow: auto;
        -webkit-overflow-scrolling: touch
    }
}
@media (min-width:769px) {
    header .menu .menu-bg {
        width: 100%;
        height: 0px;
        background: #fff;
        top: 69px;
        position: absolute;
        z-index: 1;
        transition: height 0.2s
    }
}
@media only screen and (max-width:768px) {
    header .menu .menu-bg {
        display: none
    }
}
header .menu nav {
    max-width: 1120px;
    margin: 0 auto;
    position: relative;
    z-index: 2
}
@media (min-width:769px) {
    header .menu nav ul.gnavi {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        border-right: #efefef solid 1px
    }
    header .menu nav ul.gnavi li.parent, header .menu nav ul.gnavi li.nosub {
        width: 16.66%;
        height: 68px;
        border-left: #efefef solid 1px;
        overflow: hidden
    }
    header .menu nav ul.gnavi li.parent.on a, header .menu nav ul.gnavi li.parent.on > div, header .menu nav ul.gnavi li.nosub.on a, header .menu nav ul.gnavi li.nosub.on > div {
        opacity: 0.6
    }
    header .menu nav ul.gnavi li.parent a, header .menu nav ul.gnavi li.parent > div, header .menu nav ul.gnavi li.nosub a, header .menu nav ul.gnavi li.nosub > div {
        display: block;
        position: relative;
        cursor: pointer;
        width: 100%;
        height: 100%;
        text-decoration: none;
        line-height: 1.2;
        color: #000;
        font-size: 1.5rem;
        font-weight: 500;
        padding: 0 1em
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent a, header .menu nav ul.gnavi li.parent > div, header .menu nav ul.gnavi li.nosub a, header .menu nav ul.gnavi li.nosub > div {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.gnavi li.parent a:hover, header .menu nav ul.gnavi li.parent > div:hover, header .menu nav ul.gnavi li.nosub a:hover, header .menu nav ul.gnavi li.nosub > div:hover {
        opacity: 0.6
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent a div, header .menu nav ul.gnavi li.parent > div div, header .menu nav ul.gnavi li.nosub a div, header .menu nav ul.gnavi li.nosub > div div {
        position: relative;
        display: block;
        position: absolute;
        top: 50%;
        left: 50%;
        -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%)
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent a span, header .menu nav ul.gnavi li.parent > div span, header .menu nav ul.gnavi li.nosub a span, header .menu nav ul.gnavi li.nosub > div span {
        text-align: left
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent a span, header .menu nav ul.gnavi li.parent > div span, header .menu nav ul.gnavi li.nosub a span, header .menu nav ul.gnavi li.nosub > div span {
        display: block;
        white-space: nowrap;
        width: 100%;
        padding: 1em 0
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu1 a div, header .menu nav ul.gnavi li.parent.gmenu1 > div div, header .menu nav ul.gnavi li.nosub.gmenu1 a div, header .menu nav ul.gnavi li.nosub.gmenu1 > div div {
        padding-left: 40px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu1 a div, header .menu nav ul.gnavi li.parent.gmenu1 > div div, header .menu nav ul.gnavi li.nosub.gmenu1 a div, header .menu nav ul.gnavi li.nosub.gmenu1 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_1.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu2 a div, header .menu nav ul.gnavi li.parent.gmenu2 > div div, header .menu nav ul.gnavi li.nosub.gmenu2 a div, header .menu nav ul.gnavi li.nosub.gmenu2 > div div {
        padding-left: 40px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu2 a div, header .menu nav ul.gnavi li.parent.gmenu2 > div div, header .menu nav ul.gnavi li.nosub.gmenu2 a div, header .menu nav ul.gnavi li.nosub.gmenu2 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_2.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu3 a div, header .menu nav ul.gnavi li.parent.gmenu3 > div div, header .menu nav ul.gnavi li.nosub.gmenu3 a div, header .menu nav ul.gnavi li.nosub.gmenu3 > div div {
        padding-left: 40px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu3 a div, header .menu nav ul.gnavi li.parent.gmenu3 > div div, header .menu nav ul.gnavi li.nosub.gmenu3 a div, header .menu nav ul.gnavi li.nosub.gmenu3 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_3.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu4 a div, header .menu nav ul.gnavi li.parent.gmenu4 > div div, header .menu nav ul.gnavi li.nosub.gmenu4 a div, header .menu nav ul.gnavi li.nosub.gmenu4 > div div {
        padding-left: 44px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu4 a div, header .menu nav ul.gnavi li.parent.gmenu4 > div div, header .menu nav ul.gnavi li.nosub.gmenu4 a div, header .menu nav ul.gnavi li.nosub.gmenu4 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_4.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu5 a div, header .menu nav ul.gnavi li.parent.gmenu5 > div div, header .menu nav ul.gnavi li.nosub.gmenu5 a div, header .menu nav ul.gnavi li.nosub.gmenu5 > div div {
        padding-left: 40px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu5 a div, header .menu nav ul.gnavi li.parent.gmenu5 > div div, header .menu nav ul.gnavi li.nosub.gmenu5 a div, header .menu nav ul.gnavi li.nosub.gmenu5 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_5.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu6 a div, header .menu nav ul.gnavi li.parent.gmenu6 > div div, header .menu nav ul.gnavi li.nosub.gmenu6 a div, header .menu nav ul.gnavi li.nosub.gmenu6 > div div {
        padding-left: 44px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.parent.gmenu6 a div, header .menu nav ul.gnavi li.parent.gmenu6 > div div, header .menu nav ul.gnavi li.nosub.gmenu6 a div, header .menu nav ul.gnavi li.nosub.gmenu6 > div div {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_6.png") left center no-repeat
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.sub {
        position: absolute;
        top: 69px;
        left: 0;
        width: 100%;
        display: none
    }
    header .menu nav ul.gnavi li.sub .inner {
        max-width: 1120px;
        margin: 0 auto;
        padding: 40px 0
    }
    header .menu nav ul.gnavi li.sub .inner ul {
        display: flex;
        flex-wrap: wrap
    }
    header .menu nav ul.gnavi li.sub .inner ul li {
        width: 23.5%;
        margin-right: 2%
    }
    header .menu nav ul.gnavi li.sub .inner ul li:nth-of-type(4n) {
        margin-right: 0
    }
    header .menu nav ul.gnavi li.sub .inner ul li a {
        display: block;
        color: #242424
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.gnavi li.sub .inner ul li a:hover {
        opacity: 0.6
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner ul li a .tit {
        text-align: center;
        font-weight: 600;
        padding-bottom: 1em
    }
    header .menu nav ul.gnavi li.sub .inner ul li a .img img {
        width: 100%;
        height: auto;
        display: block;
        border: solid 2px #efefef
    }
    header .menu nav ul.gnavi li.sub .inner ul li a .text {
        text-align: center;
        font-size: 1.3rem;
        padding-top: 1em
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all {
        text-align: center;
        border-top: solid 1px #efefef;
        margin-top: 2em;
        padding: 2em 0 0
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a {
        display: inline-block;
        color: #242424
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner .btn-all a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a:hover {
        opacity: 0.6
    }
}
@media (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner .btn-all a span {
        display: inline-block;
        position: relative;
        padding-right: 2em;
        font-weight: 600
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a span:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        color: #fff;
        font-size: 1.0rem;
        background: #009cf0;
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 50%;
        content: "\e900";
        right: 0
    }
}
@media only screen and (max-width:768px) {
    header .menu nav ul.gnavi {
        padding: 0 4%
    }
    header .menu nav ul.gnavi li.parent, header .menu nav ul.gnavi li.nosub {
        cursor: pointer;
        border-bottom: solid 1px #efefef
    }
    header .menu nav ul.gnavi li.parent a, header .menu nav ul.gnavi li.parent > div, header .menu nav ul.gnavi li.nosub a, header .menu nav ul.gnavi li.nosub > div {
        display: block;
        position: relative;
        width: 100%;
        height: 60px;
        text-decoration: none;
        line-height: 1.2;
        color: #000;
        font-size: 1.4rem;
        font-weight: 500
    }
    header .menu nav ul.gnavi li.parent a:after, header .menu nav ul.gnavi li.parent > div:after, header .menu nav ul.gnavi li.nosub a:after, header .menu nav ul.gnavi li.nosub > div:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 2%;
        font-size: 1.0rem
    }
    header .menu nav ul.gnavi li.parent a div, header .menu nav ul.gnavi li.parent > div div, header .menu nav ul.gnavi li.nosub a div, header .menu nav ul.gnavi li.nosub > div div {
        height: 100%
    }
    header .menu nav ul.gnavi li.parent a span, header .menu nav ul.gnavi li.parent > div span, header .menu nav ul.gnavi li.nosub a span, header .menu nav ul.gnavi li.nosub > div span {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        text-align: left
    }
    header .menu nav ul.gnavi li.parent.gmenu1 a div, header .menu nav ul.gnavi li.parent.gmenu1 > div div, header .menu nav ul.gnavi li.nosub.gmenu1 a div, header .menu nav ul.gnavi li.nosub.gmenu1 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_1.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent.gmenu2 a div, header .menu nav ul.gnavi li.parent.gmenu2 > div div, header .menu nav ul.gnavi li.nosub.gmenu2 a div, header .menu nav ul.gnavi li.nosub.gmenu2 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_2.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent.gmenu3 a div, header .menu nav ul.gnavi li.parent.gmenu3 > div div, header .menu nav ul.gnavi li.nosub.gmenu3 a div, header .menu nav ul.gnavi li.nosub.gmenu3 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_3.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent.gmenu4 a div, header .menu nav ul.gnavi li.parent.gmenu4 > div div, header .menu nav ul.gnavi li.nosub.gmenu4 a div, header .menu nav ul.gnavi li.nosub.gmenu4 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_4.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent.gmenu5 a div, header .menu nav ul.gnavi li.parent.gmenu5 > div div, header .menu nav ul.gnavi li.nosub.gmenu5 a div, header .menu nav ul.gnavi li.nosub.gmenu5 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_5.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent.gmenu6 a div, header .menu nav ul.gnavi li.parent.gmenu6 > div div, header .menu nav ul.gnavi li.nosub.gmenu6 a div, header .menu nav ul.gnavi li.nosub.gmenu6 > div div {
        padding-left: 46px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h_menu_6.png") 2% center no-repeat;
        background-size: 28px auto
    }
    header .menu nav ul.gnavi li.parent a:after, header .menu nav ul.gnavi li.parent > div:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e901";
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 2%;
        font-size: 1.0rem
    }
    header .menu nav ul.gnavi li.parent.open a:after, header .menu nav ul.gnavi li.parent.open > div:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e903"
    }
    body.sp header .menu nav ul.gnavi li.sub {
        display: none
    }
    header .menu nav ul.gnavi li.sub .inner {
        max-width: 100%;
        margin: 0 auto;
        padding: 10px 0
    }
    header .menu nav ul.gnavi li.sub .inner ul {
        display: flex;
        flex-wrap: wrap
    }
    header .menu nav ul.gnavi li.sub .inner ul li {
        margin-right: 2%;
        margin-bottom: 2%;
        width: 49%
    }
    header .menu nav ul.gnavi li.sub .inner ul li:nth-of-type(2n) {
        margin-right: 0
    }
    header .menu nav ul.gnavi li.sub .inner ul li a {
        display: block;
        color: #242424
    }
}
@media only screen and (max-width:768px) and (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.gnavi li.sub .inner ul li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    header .menu nav ul.gnavi li.sub .inner ul li a .tit {
        text-align: center;
        font-weight: 600;
        padding-bottom: 0.5em;
        font-size: 1.1rem
    }
    header .menu nav ul.gnavi li.sub .inner ul li a .img img {
        width: 100%;
        height: auto;
        display: block;
        border: solid 2px #efefef
    }
    header .menu nav ul.gnavi li.sub .inner ul li a .text {
        text-align: center;
        font-size: 1.1rem;
        padding-top: 0.5em
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all {
        text-align: center;
        border-top: solid 1px #efefef;
        border-bottom: solid 1px #efefef;
        margin-top: 1em;
        padding: 1.6em 0
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a {
        display: inline-block;
        color: #242424
    }
}
@media only screen and (max-width:768px) and (min-width:769px) {
    header .menu nav ul.gnavi li.sub .inner .btn-all a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    header .menu nav ul.gnavi li.sub .inner .btn-all a span {
        display: inline-block;
        position: relative;
        padding-right: 2em;
        font-weight: 600
    }
    header .menu nav ul.gnavi li.sub .inner .btn-all a span:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        font-weight: normal;
        color: #fff;
        font-size: 1.0rem;
        background: #009cf0;
        width: 20px;
        height: 20px;
        line-height: 20px;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        border-radius: 50%;
        content: "\e900";
        right: 0
    }
}
@media (min-width:769px) {
    header .menu nav ul.sns {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 80px;
        position: absolute;
        right: 0;
        top: -56px
    }
}
@media (min-width:769px) and (min-width:769px) {
    header .menu nav ul.sns li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    header .menu nav ul.sns li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    header .menu nav ul.sns {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding: 30px 0
    }
    header .menu nav ul.sns li {
        margin: 0 5px
    }
}
footer h3.pic {
    margin-bottom: 0;
    padding: 1.4em 0 0.5em
}
footer h3.pic span {
    padding: 0
}
footer .totop {
    height: 60px;
    background: #009cf0;
    position: relative
}
@media only screen and (max-width:768px) {
    footer .totop {
        margin-bottom: 20px
    }
}
footer .totop a {
    display: block;
    height: 100%;
    font-weight: 500
}
@media (min-width:769px) {
    footer .totop a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    footer .totop a:hover {
        opacity: 0.6
    }
}
footer .totop span {
    white-space: nowrap;
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
footer .totop span:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e903";
    font-size: 1.1rem;
    margin-left: 2em
}
footer .f-bnr {
    padding: 0 4%
}
footer .f-bnr ul {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    justify-content: center
}
@media only screen and (max-width:768px) {
    footer .f-bnr ul {
        width: 100%;
        justify-content: space-between
    }
}
footer .f-bnr ul li {
    width: 170px;
    margin: 10px
}
footer .f-bnr ul li a {
    display: block
}
@media (min-width:769px) {
    footer .f-bnr ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    footer .f-bnr ul li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    footer .f-bnr ul li {
        width: 49%;
        margin: 0;
        margin-bottom: 2%
    }
    footer .f-bnr ul li img {
        width: 100%;
        height: auto
    }
}
footer .ff-bnr {
    padding: 0 4%;
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    padding: 10px 0;
    margin: 20px 0
}
@media only screen and (max-width:768px) {
    footer .ff-bnr {
        display: none
    }
}
footer .ff-bnr ul {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-content: center
}
footer .ff-bnr ul li {
    margin: 10px
}
footer .ff-bnr ul li a {
    display: block
}
@media (min-width:769px) {
    footer .ff-bnr ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    footer .ff-bnr ul li a:hover {
        opacity: 0.6
    }
}
footer .link-list {
    border-bottom: solid 1px #efefef;
    padding-bottom: 20px
}
@media only screen and (max-width:768px) {
    footer .link-list {
        border-top: solid 1px #efefef;
        padding-bottom: 0;
        margin-top: 2%
    }
}
footer .link-list ul {
    max-width: 1140px;
    margin: 0 auto;
    display: flex;
    flex-flow: wrap
}
@media (min-width:769px) {
    footer .link-list ul {
        flex-flow: wrap;
        align-items: center;
        justify-content: center
    }
}
@media only screen and (max-width:768px) {
    footer .link-list ul {
        width: 100%;
        padding: 0 4%
    }
}
footer .link-list ul li {
    padding: 0 15px;
    line-height: 1;
    border-right: solid 1px #888888
}
footer .link-list ul li:last-child {
    border-right: none
}
footer .link-list ul li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-size: 1.2rem
}
@media (min-width:769px) {
    footer .link-list ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    footer .link-list ul li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    footer .link-list ul li {
        width: 50%;
        padding: 0;
        border-right: none;
        border-bottom: solid 1px #efefef
    }
    footer .link-list ul li:last-child, footer .link-list ul li:nth-last-child(2) {
        border-bottom: none
    }
    footer .link-list ul li a {
        padding: 2em 1em;
        text-align: center;
        position: relative
    }
    footer .link-list ul li:nth-child(odd) a:after {
        content: '';
        width: 1px;
        height: 12px;
        background: #000;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 0
    }
}
footer .copy {
    border-bottom: 10px solid #009944;
    position: relative
}
footer .copy .inner {
    max-width: 1120px;
    margin: 0 auto;
    padding: 30px 0;
    position: relative
}
footer .copy .inner:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
footer .copy .text {
    float: right;
    font-size: 1.1rem;
    line-height: 1.8
}
footer .copy .text a {
    color: #32a3e4;
    text-decoration: underline
}
@media only screen and (max-width:768px) {
    footer .copy .text {
        float: none;
        padding: 0 4%;
        padding-bottom: 30px
    }
}
@media (min-width:769px) {
    footer .copy .logo {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 0%
    }
}
@media (min-width:769px) {
    footer .copy .logo a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    footer .copy .logo a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    footer .copy .logo a img {
        width: 131px;
        height: auto;
        margin: 0 auto;
        display: block
    }
}
h3.pic {
    font-size: 2.6rem;
    font-weight: 600;
    text-align: center;
    position: relative;
    padding: 1em 0;
    margin-bottom: 1em
}
@media only screen and (max-width:768px) {
    h3.pic {
        font-weight: 500;
        font-size: 1.6rem
    }
}
h3.pic span {
    display: inline-block;
    padding: 1em 65px;
    position: relative
}
@media only screen and (max-width:768px) {
    h3.pic span {
        padding: 0 40px;
        white-space: normal
    }
}
h3.pic span:before, h3.pic span:after {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
@media only screen and (max-width:768px) {
    h3.pic span:before, h3.pic span:after {
        transform: translate(0, -50%) scale(0.5)
    }
}
h3.pic span:before {
    left: 0
}
h3.pic span:after {
    right: 0
}
h3.pic.news {
    padding: 1em 0 0;
    margin-bottom: 0
}
@media only screen and (max-width:768px) {
    h3.pic.news {
        margin-bottom: 1em
    }
}
h3.pic.news span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_news_1.png")
}
h3.pic.news span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_news_2.png")
}
h3.pic.chara {
    font-size: 2.1rem
}
@media only screen and (max-width:768px) {
    h3.pic.chara {
        font-weight: 500;
        font-size: 1.6rem
    }
}
h3.pic.chara span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_chara_1.png")
}
h3.pic.chara span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_chara_2.png")
}
h3.pic.illustsheet {
    padding: 0
}
@media only screen and (max-width:768px) {
    h3.pic.illustsheet span {
        padding: 0 50px
    }
}
h3.pic.illustsheet span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_illustsheet_1.png")
}
h3.pic.illustsheet span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_illustsheet_2.png")
}
h3.pic.instagram {
    padding: 0
}
@media only screen and (max-width:768px) {
    h3.pic.instagram span {
        padding: 0 50px
    }
}
h3.pic.instagram span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_instagram_1.png")
}
h3.pic.instagram span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_instagram_2.png")
}
h3.pic.howto {
    padding: 0;
    color: #fff
}
@media only screen and (max-width:768px) {
    h3.pic.howto span {
        padding: 0 50px
    }
}
h3.pic.howto span:before {
    content: url("../../../../asset/img/about/h3_howto_1.png")
}
h3.pic.howto span:after {
    content: url("../../../../asset/img/about/h3_howto_2.png")
}
h3.pic.cm {
    padding: 0
}
h3.pic.cm span {
    padding: 0 80px
}
@media only screen and (max-width:768px) {
    h3.pic.cm span {
        padding: 0 50px
    }
}
h3.pic.cm span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_cm_1.png")
}
h3.pic.cm span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_cm_2.png")
}
h3.pic.m-howto {
    padding: 0
}
@media only screen and (max-width:768px) {
    h3.pic.m-howto span {
        padding: 0 50px
    }
}
h3.pic.m-howto span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_howto_1.png")
}
h3.pic.m-howto span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_howto_2.png")
}
h3.pic.type-1 {
    padding: 0
}
@media only screen and (max-width:768px) {
    h3.pic.type-1 span {
        padding: 0 50px
    }
}
h3.pic.type-1 span:before {
    content: url("../../../../asset/img/about/h3_howto_1.png")
}
h3.pic.type-1 span:after {
    content: url("../../../../asset/img/about/h3_howto_2.png")
}
h3.pic.type-1 p {
    font-size: 1.4rem;
    font-weight: normal
}
@media only screen and (max-width:768px) {
    h3.pic.type-1 p {
        font-size: 1.2rem;
        padding-top: 1.6em
    }
}
h3.pic.peeler, h3.pic.type-2 {
    padding: 0
}
h3.pic.peeler span, h3.pic.type-2 span {
    padding: 0 80px
}
@media only screen and (max-width:768px) {
    h3.pic.peeler span, h3.pic.type-2 span {
        padding: 0 50px
    }
}
h3.pic.peeler span:before, h3.pic.type-2 span:before {
    top: 43%;
    content: url("../../../../asset/img/about/h3_peeler_1.png")
}
@media only screen and (max-width:768px) {
    h3.pic.peeler span:before, h3.pic.type-2 span:before {
        top: 50%
    }
}
h3.pic.peeler span:after, h3.pic.type-2 span:after {
    top: 43%;
    content: url("../../../../asset/img/about/h3_peeler_2.png")
}
@media only screen and (max-width:768px) {
    h3.pic.peeler span:after, h3.pic.type-2 span:after {
        top: 50%
    }
}
h3.pic.peeler p, h3.pic.type-2 p {
    font-size: 1.4rem;
    font-weight: normal;
    padding-top: 1.5em
}
h3.pic.faq {
    padding: 0
}
@media only screen and (max-width:768px) {
    h3.pic.faq span {
        padding: 0 50px
    }
}
h3.pic.faq span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_faq_1.png")
}
h3.pic.faq span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_faq_2.png")
}
h3.pic.similar {
    padding: 0
}
h3.pic.similar span {
    padding: 0 80px
}
@media only screen and (max-width:768px) {
    h3.pic.similar span {
        padding: 0 50px
    }
}
h3.pic.similar span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_similar_1.png")
}
h3.pic.similar span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_similar_2.png")
}
h3.pic.safety {
    padding: 0
}
h3.pic.safety span {
    padding: 0 80px
}
@media only screen and (max-width:768px) {
    h3.pic.safety span {
        padding: 0 50px
    }
}
h3.pic.safety span:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_safety_1.png")
}
h3.pic.safety span:after {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_safety_2.png")
}
@media only screen and (max-width:768px) {
    .content-body {
        padding-top: 74px
    }
}
.content-body section {
    padding: 0 2% 1%;
    position: relative
}
.content-body section .sec-inner {
    max-width: 1120px;
    margin: 0 auto;
    padding-bottom: 50px
}
@media only screen and (max-width:768px) {
    .content-body section .sec-inner {
        padding: 8% 0
    }
}
.col4-box-wrap {
    display: flex;
    flex-flow: wrap
}
.col4-box-wrap .item {
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    border-radius: 5px;
    border: solid 1px #efefef;
    overflow: hidden
}
@media (min-width:769px) {
    .col4-box-wrap .item:nth-of-type(4n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .col4-box-wrap .item {
        width: 49%
    }
    .col4-box-wrap .item:nth-of-type(even) {
        margin-right: 0
    }
}
ul.bnr-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
ul.bnr-list li {
    width: 32%;
    margin-bottom: 2%;
    position: relative;
    background: #fff;
    border-radius: 5px;
    overflow: hidden
}
@media only screen and (max-width:768px) {
    ul.bnr-list li {
        width: 100%
    }
}
ul.bnr-list li a {
    display: block;
    width: 100%;
    text-decoration: none;
    color: #000;
    font-weight: 600
}
@media (min-width:769px) {
    ul.bnr-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    ul.bnr-list li a:hover {
        opacity: 0.6
    }
}
ul.bnr-list li a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 1.0rem;
    border-radius: 50%;
    right: 2%;
    content: "\e900";
    width: 20px;
    height: 20px;
    text-indent: 0.1em;
    background: #eb6877;
    line-height: 20px;
    text-align: center
}
ul.bnr-list li a img {
    width: 50%
}
ul.bnr-list li a .text {
    width: 34%;
    line-height: 1.3;
    left: 55%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
ul.bnr-list li.size-l {
    width: 100%;
    margin-bottom: 0
}
ul.bnr-list li.size-l a .text {
    width: 44%;
    line-height: 1.3;
    left: auto;
    padding-right: 2em;
    right: 2%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
@media only screen and (max-width:768px) {
    ul.bnr-list li.size-l a:after {
        display: none
    }
    ul.bnr-list li.size-l a img {
        width: 100%
    }
    ul.bnr-list li.size-l a .text {
        display: block;
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        left: 0;
        top: 0;
        position: relative;
        padding: 6%;
        padding-right: 12%
    }
    ul.bnr-list li.size-l a .text:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #fff;
        font-size: 1.0rem;
        border-radius: 50%;
        right: 2em;
        content: "\e900";
        width: 20px;
        height: 20px;
        background: #eb6877;
        line-height: 20px;
        text-align: center
    }
}
ul.btn-normal {
    display: flex;
    flex-flow: wrap;
    justify-content: center
}
ul.btn-normal li {
    width: 320px;
    height: 54px;
    margin: 5px
}
@media only screen and (max-width:768px) {
    ul.btn-normal li {
        width: 100%;
        height: 40px;
        margin: 5px 0
    }
}
ul.btn-normal li a, ul.btn-normal li > div {
    display: block;
    position: relative;
    border-radius: 27px;
    cursor: pointer;
    width: 100%;
    height: 100%;
    background: #0babf2;
    color: #fff;
    text-decoration: none
}
@media (min-width:769px) {
    ul.btn-normal li a, ul.btn-normal li > div {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    ul.btn-normal li a:hover, ul.btn-normal li > div:hover {
        opacity: 0.6
    }
}
ul.btn-normal li a:after, ul.btn-normal li > div:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 25px;
    font-size: 1.0rem
}
@media only screen and (max-width:768px) {
    ul.btn-normal li a:after, ul.btn-normal li > div:after {
        right: 15px
    }
}
@media only screen and (max-width:768px) {
    ul.btn-normal li a, ul.btn-normal li > div {
        border-radius: 20px
    }
}
ul.btn-normal li a span, ul.btn-normal li > div span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 92%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500
}
@media only screen and (max-width:768px) {
    ul.btn-normal li a span, ul.btn-normal li > div span {
        font-size: 1.3rem
    }
}
ul.btn-normal li.white a {
    background: #fff;
    color: #0babf2
}
ul.btn-normal li.pink a {
    background: #f84e8d
}
ul.btn-normal li.back a {
    background: #fff;
    border: solid 2px #efefef;
    color: #000
}
ul.btn-normal li.back a:after {
    content: "\e902";
    right: auto;
    left: 25px
}
@media only screen and (max-width:768px) {
    ul.btn-normal li.back a:after {
        right: auto;
        left: 15px
    }
}
ul.btn-normal li.pl a {
    background: #fff;
    border: solid 2px #efefef;
    color: #000
}
ul.btn-normal li.pl a:after {
    content: "\e901";
    right: 25px;
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    ul.btn-normal li.pl a:after {
        right: 15px
    }
}
ul.btn-normal li.more div {
    background: #fff;
    border: solid 2px #efefef;
    color: #000
}
ul.btn-normal li.more div:after {
    content: "\e901";
    right: 25px;
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    ul.btn-normal li.more div:after {
        right: 15px
    }
}
ul.btn-normal li.play a {
    background: #009cf0;
    border: none;
    color: #fff;
    font-family: 'M+ 2p bold'
}
ul.btn-normal li.play a:after {
    display: none
}
ul.btn-normal li.play a span.icon {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: auto;
    right: 20px;
    width: 24px;
    height: 24px;
    background: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500
}
@media only screen and (max-width:768px) {
    ul.btn-normal li.play a span.icon {
        font-size: 1.3rem
    }
}
ul.btn-normal li.play a span.icon:after {
    content: '';
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    left: 54%;
    width: 0;
    height: 0;
    border-left: 8px solid #009cf0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent
}
ul.link-group {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
ul.link-group li {
    width: 49%;
    margin-bottom: 2%
}
@media only screen and (max-width:768px) {
    ul.link-group li {
        width: 100%
    }
}
ul.link-group li a {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
    border: solid 2px #efefef;
    border-radius: 5px;
    color: #242424;
    font-weight: 600
}
@media (min-width:769px) {
    ul.link-group li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    ul.link-group li a:hover {
        opacity: 0.6
    }
}
ul.link-group li a .img {
    position: relative;
    width: 36%
}
ul.link-group li a .img:before {
    content: '';
    display: block;
    width: 100%;
    padding-top: 75.26%
}
ul.link-group li a .img img {
    display: block;
    width: 100%;
    height: auto;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
ul.link-group li a .text {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 40%
}
ul.link-group li a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    width: 24px;
    height: 24px;
    text-align: center;
    line-height: 24px;
    border-radius: 50%;
    color: #fff;
    background: #009cf0;
    font-size: 1.0rem;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 4%
}
@media only screen and (max-width:768px) {
    ul.link-group li a:after {
        width: 20px;
        height: 20px;
        line-height: 20px
    }
}
.qa-list-wrap {
    padding-bottom: 2em
}
.qa-list-wrap dl {
    display: block;
    border-radius: 5px;
    overflow: hidden;
    margin-bottom: 2px
}
.qa-list-wrap dl span.icon {
    content: '';
    display: block;
    width: 36px;
    height: 36px
}
.qa-list-wrap dl dt {
    color: #fff;
    font-size: 1.8rem;
    padding: 1.4em 84px;
    position: relative;
    display: block;
    cursor: pointer;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_obli.png")
}
.qa-list-wrap dl dt:before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_qa_Q.png") left top no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 40px
}
@media only screen and (max-width:768px) {
    .qa-list-wrap dl dt:before {
        width: 26px;
        height: 26px;
        left: 3%;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_qa_Q.png") left top no-repeat;
        background-size: cover
    }
}
.qa-list-wrap dl dt:after {
    content: '';
    display: block;
    width: 26px;
    height: 26px;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/btn_qa_open.png") left top no-repeat;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 40px
}
@media only screen and (max-width:768px) {
    .qa-list-wrap dl dt:after {
        width: 26px;
        height: 26px;
        right: 3%;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/btn_qa_open.png") left top no-repeat;
        background-size: cover
    }
}
.qa-list-wrap dl dd {
    display: none;
    background: #fff;
    position: relative;
    padding: 1.4em 84px;
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    .qa-list-wrap dl dd {
        padding-right: 4%
    }
}
.qa-list-wrap dl dd:before {
    content: '';
    display: block;
    width: 36px;
    height: 36px;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_qa_A.png") left top no-repeat;
    left: 40px
}
@media only screen and (max-width:768px) {
    .qa-list-wrap dl dd:before {
        width: 26px;
        height: 26px;
        left: 3%;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_qa_A.png") left top no-repeat;
        background-size: cover
    }
}
.qa-list-wrap dl.open {
    margin-bottom: 20px
}
.qa-list-wrap dl.open dt:after {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/btn_qa_close.png") left top no-repeat
}
.qa-list-wrap dl.open dd {
    display: block
}
@media only screen and (max-width:768px) {
    .qa-list-wrap dl {
        font-size: 1.2rem
    }
    .qa-list-wrap dl dt {
        font-size: 1.2rem;
        padding: 1.4em 12%
    }
    .qa-list-wrap dl dd {
        font-size: 1.2rem;
        padding: 1.4em 4% 1.4em 12%
    }
    .qa-list-wrap dl.open {
        margin-bottom: 20px
    }
    .qa-list-wrap dl.open dd {
        display: block
    }
}
a.movie-icon {
    display: block;
    position: relative
}
@media (min-width:769px) {
    a.movie-icon {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    a.movie-icon:hover {
        opacity: 0.6
    }
}
a.movie-icon img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}
a.movie-icon:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2)
}
a.movie-icon:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    display: block;
    height: 70px;
    width: 70px;
    font-size: 3.8rem;
    line-height: 70px;
    text-align: center;
    text-indent: 0.2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #009cf0;
    color: #fff;
    border-radius: 50%;
    z-index: 3
}
.fancybox-close {
    position: absolute;
    top: -36px;
    right: -36px;
    display: block;
    width: 25px;
    height: 25px;
    display: block;
    text-align: center;
    color: #fff;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/fancy-close.png") left top no-repeat;
    cursor: pointer;
    z-index: 8080
}
.fancybox-overlay {
    background: rgba(0, 0, 0, 0.6)
}
.fancybox-nav {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    background: #009cf0;
    cursor: pointer;
    text-decoration: none;
    z-index: 8040;
    opacity: 1;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.fancybox-nav {
    position: absolute;
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #009cf0;
    cursor: pointer;
    text-decoration: none;
    z-index: 8040;
    opacity: 1;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.fancybox-nav.fancybox-next:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.8rem
}
.fancybox-nav.fancybox-prev:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902";
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff;
    font-size: 1.8rem
}
.visualsl-list li {
    margin: 0 10px;
    max-width: 1120px
}
@media only screen and (max-width:768px) {
    .visualsl-list li {
        margin: 0 5px;
        max-width: 100%
    }
}
.visualsl-list li a {
    display: block
}
.visualsl-list li a img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: solid 5px #fff
}
.visualsl-thumb-list {
    max-width: 1140px;
    margin: 0 auto;
    padding-top: 20px;
    overflow: hidden
}
@media only screen and (max-width:1120px) {
    .visualsl-thumb-list {
        width: 92%;
        margin: 0 auto
    }
}
@media only screen and (max-width:768px) {
    .visualsl-thumb-list {
        width: 92%;
        margin: 0 auto;
        padding-top: 2%
    }
}
.visualsl-thumb-list li {
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s
}
@media (min-width:769px) {
    .visualsl-thumb-list li {
        margin: 0 10px
    }
}
.visualsl-thumb-list li:last-child {
    margin-right: 0
}
.visualsl-thumb-list li.slick-current {
    opacity: 0.6
}
.visualsl-thumb-list li img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: solid 3px #fff;
    cursor: pointer
}
@media only screen and (max-width:1120px) {
    .visualsl-thumb-list li {
        margin-right: 2%
    }
    .visualsl-thumb-list li:last-child {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .visualsl-thumb-list li {
        margin-right: 0;
        margin-bottom: 2%;
        width: 49% !important
    }
    .visualsl-thumb-list li:nth-of-type(odd) {
        margin-right: 2%
    }
}
.slick-arrow {
    position: absolute;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer
}
@media only screen and (max-width:768px) {
    .slick-arrow {
        width: 30px;
        height: 30px
    }
}
.slick-arrow.prev-arrow {
    left: calc(50% - 600px)
}
@media only screen and (max-width:1200px) {
    .slick-arrow.prev-arrow {
        left: 2%
    }
}
@media only screen and (max-width:768px) {
    .slick-arrow.prev-arrow {
        left: 2%
    }
}
.slick-arrow.next-arrow {
    left: calc(50% + 540px)
}
@media only screen and (max-width:1200px) {
    .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
@media only screen and (max-width:768px) {
    .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
.item-index-slider {
    padding: 30px 0;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_1.png")
}
@media only screen and (max-width:768px) {
    .item-index-slider {
        padding-top: 2%;
        padding-bottom: 2%
    }
}
.item-index-slider .visualsl-list li {
    margin: 0 15px;
    padding: 0
}
.item-index-slider .visualsl-list li a {
    display: block
}
.item-index-slider .visualsl-list li a img {
    width: 100%;
    max-width: 750px;
    height: auto
}
.item-index-slider .slick-arrow {
    position: absolute;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer
}
@media only screen and (max-width:768px) {
    .item-index-slider .slick-arrow {
        width: 30px;
        height: 30px
    }
}
.item-index-slider .slick-arrow.prev-arrow {
    left: calc(50% - 420px)
}
@media only screen and (max-width:1200px) {
    .item-index-slider .slick-arrow.prev-arrow {
        left: 2%
    }
}
@media only screen and (max-width:768px) {
    .item-index-slider .slick-arrow.prev-arrow {
        left: 2%
    }
}
.item-index-slider .slick-arrow.next-arrow {
    left: calc(50% + 360px)
}
@media only screen and (max-width:1200px) {
    .item-index-slider .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
@media only screen and (max-width:768px) {
    .item-index-slider .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
.home-slider {
    padding: 20px 0;
    background: url("../../../../asset/img/home/slick_bg.jpg") center center no-repeat;
    background-size: cover
}
@media only screen and (max-width:768px) {
    .home-slider {
        padding-top: 2%;
        padding-bottom: 0
    }
}
.home-slider .thumb-item li {
    margin: 0 10px;
    max-width: 1120px
}
@media only screen and (max-width:768px) {
    .home-slider .thumb-item li {
        margin: 0 5px;
        max-width: 100%
    }
}
.home-slider .thumb-item li a {
    display: block
}
.home-slider .thumb-item li a img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: solid 5px #fff
}
.home-slider .thumb-item-nav {
    max-width: 1120px;
    margin: 0 auto;
    padding-top: 20px
}
@media only screen and (max-width:1120px) {
    .home-slider .thumb-item-nav {
        width: 92%;
        margin: 0 auto
    }
}
@media only screen and (max-width:768px) {
    .home-slider .thumb-item-nav {
        width: 92%;
        margin: 0 auto;
        padding-top: 2%
    }
}
.home-slider .thumb-item-nav li {
    margin-right: 15px;
    cursor: pointer;
    opacity: 1;
    transition: opacity 0.2s
}
.home-slider .thumb-item-nav li:last-child {
    margin-right: 0
}
.home-slider .thumb-item-nav li.slick-current {
    opacity: 0.6
}
.home-slider .thumb-item-nav li img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    border: solid 3px #fff;
    cursor: pointer
}
@media only screen and (max-width:1120px) {
    .home-slider .thumb-item-nav li {
        margin-right: 2%
    }
    .home-slider .thumb-item-nav li:last-child {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .home-slider .thumb-item-nav li {
        margin-right: 0;
        margin-bottom: 2%;
        width: 49% !important
    }
    .home-slider .thumb-item-nav li:nth-of-type(odd) {
        margin-right: 2%
    }
}
.slick-arrow {
    position: absolute;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1;
    width: 60px;
    height: 60px;
    cursor: pointer
}
@media only screen and (max-width:768px) {
    .slick-arrow {
        width: 30px;
        height: 30px
    }
}
.slick-arrow.prev-arrow {
    left: calc(50% - 600px)
}
@media only screen and (max-width:1200px) {
    .slick-arrow.prev-arrow {
        left: 2%
    }
}
@media only screen and (max-width:768px) {
    .slick-arrow.prev-arrow {
        left: 2%
    }
}
.slick-arrow.next-arrow {
    left: calc(50% + 540px)
}
@media only screen and (max-width:1200px) {
    .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
@media only screen and (max-width:768px) {
    .slick-arrow.next-arrow {
        left: auto;
        right: 2%
    }
}
#arrow {
    position: absolute
}
section#home-news {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_1.png")
}
section#home-news .sec-inner {
    padding-bottom: 73px
}
@media only screen and (max-width:768px) {
    section#home-news .sec-inner {
        padding: 4% 0
    }
}
section#home-about {
    padding: 0;
    padding-bottom: 30px;
    position: relative;
    background: url("../../../../asset/img/home/bg_about_pc.jpg") center top no-repeat;
    background-size: cover
}
@media only screen and (max-width:768px) {
    section#home-about {
        background: url("../../../../asset/img/home/bg_about_sp.jpg") left top no-repeat;
        background-size: cover
    }
}
section#home-about .text {
    display: block;
    text-align: center;
    position: relative;
    padding: 30px 0;
    width: 100%;
    left: 0;
    text-align: center;
    color: #fff
}
@media only screen and (max-width:768px) {
    section#home-about .text {
        padding: 30px 0 10px
    }
}
section#home-about .text h3 {
    font-size: 2.6rem;
    display: block;
    text-align: center;
    padding-bottom: 30px
}
@media only screen and (max-width:768px) {
    section#home-about .text h3 {
        font-size: 1.8rem;
        padding-bottom: 1em
    }
}
section#home-about .text h3:before {
    content: url("../../../../asset/img/home/h_about.png");
    display: block;
    margin: 0 auto
}
@media only screen and (max-width:768px) {
    section#home-about .text h3:before {
        position: relative;
        top: 14px;
        transform: scale(0.5)
    }
}
section#home-about .text p {
    display: block
}
@media (min-width:769px) {
    section#home-about .img {
        max-width: 790px;
        margin: 0 auto;
        position: relative
    }
    section#home-about .img:before, section#home-about .img:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        color: #fff;
        font-size: 2.8rem;
        position: absolute
    }
    section#home-about .img:before {
        top: 30%;
        left: 31.3%;
        transform: rotate(13deg)
    }
    section#home-about .img:after {
        top: 34%;
        left: 64.9%;
        transform: rotate(-15deg)
    }
    section#home-about .img ul.flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative
    }
    section#home-about .img ul.flow li {
        width: 33.33%;
        position: relative
    }
    section#home-about .img ul.flow li img {
        display: block;
        width: 100%;
        height: auto
    }
    section#home-about .img ul.flow li:nth-of-type(1) img {
        position: relative;
        top: -30px
    }
    section#home-about .img ul.flow li:nth-of-type(3) img {
        position: relative;
        top: -40px
    }
}
@media only screen and (max-width:768px) {
    section#home-about .img {
        width: 88%;
        margin: 0 auto;
        position: relative
    }
    section#home-about .img:before, section#home-about .img:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        color: #fff;
        font-size: 5vw;
        position: absolute
    }
    section#home-about .img:before {
        top: 46vw;
        left: 40vw;
        transform: rotate(64deg)
    }
    section#home-about .img:after {
        top: 98vw;
        left: 40vw;
        transform: rotate(132deg)
    }
    section#home-about .img ul.flow li {
        display: block;
        position: relative
    }
    section#home-about .img ul.flow li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
    section#home-about .img ul.flow li img {
        width: 50vw
    }
    section#home-about .img ul.flow li:nth-of-type(2) img {
        float: right
    }
}
section#home-illustsheet {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_2.png")
}
section#home-illustsheet .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner {
        padding: 8% 0
    }
}
section#home-illustsheet .sec-inner > p {
    text-align: center;
    padding-bottom: 2em
}
section#home-illustsheet .sec-inner .feature-list:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
section#home-illustsheet .sec-inner .feature-list li {
    width: 23.5%;
    float: left;
    margin-right: 2%;
    margin-bottom: 2%;
    border: solid 1px #efefef;
    background: #fff;
    position: relative
}
section#home-illustsheet .sec-inner .feature-list li:before {
    content: '';
    display: block;
    padding-top: 63.17%
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li:before {
        padding-top: 78%
    }
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li {
        width: 49%
    }
}
section#home-illustsheet .sec-inner .feature-list li a {
    color: #242424;
    font-size: 1.3rem
}
@media (min-width:769px) {
    section#home-illustsheet .sec-inner .feature-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#home-illustsheet .sec-inner .feature-list li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li a {
        font-size: 1.1rem
    }
}
section#home-illustsheet .sec-inner .feature-list li .views-field-field-tejihuaxiang {
    position: absolute;
    top: 0;
    width: 100%;
    padding: 4px
}
section#home-illustsheet .sec-inner .feature-list li .views-field-field-tejihuaxiang a {
    display: block
}
section#home-illustsheet .sec-inner .feature-list li .views-field-field-tejihuaxiang img {
    display: block;
    width: 100%;
    height: auto
}
section#home-illustsheet .sec-inner .feature-list li .views-field-title {
    width: 100%;
    position: absolute;
    bottom: 0
}
section#home-illustsheet .sec-inner .feature-list li .views-field-title:before {
    content: '';
    display: block;
    padding-top: 15%
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li .views-field-title:before {
        padding-top: 29%
    }
}
section#home-illustsheet .sec-inner .feature-list li .views-field-title span {
    width: 100%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    line-height: 1.2;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li .views-field-title span {
        padding: 0 0.5em
    }
}
section#home-illustsheet .sec-inner .feature-list li:nth-of-type(odd) {
    margin-right: 0
}
section#home-illustsheet .sec-inner .feature-list li:first-child {
    width: 49%;
    margin-right: 2%
}
section#home-illustsheet .sec-inner .feature-list li:first-child:before {
    content: '';
    display: block;
    padding-top: 64.97%
}
section#home-illustsheet .sec-inner .feature-list li:first-child .views-field-title:before {
    padding-top: 14%
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .feature-list li:first-child {
        width: 100%;
        margin-right: 0
    }
}
section#home-illustsheet .sec-inner .ranking-area {
    border: solid 1px #efefef;
    background: #fff;
    padding: 30px;
    margin-bottom: 2em
}
section#home-illustsheet .sec-inner .ranking-area.mb0 {
    margin-bottom: 0
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .ranking-area {
        padding: 4%
    }
}
section#home-illustsheet .sec-inner .ranking-area h4 {
    display: inline-block;
    font-size: 2.4rem;
    padding: 0 1em 0 0
}
section#home-illustsheet .sec-inner .ranking-area h4:before {
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/h3_ranking_1.png");
    display: inline-block;
    vertical-align: middle;
    margin-right: 0.5em
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .ranking-area h4 {
        font-size: 1.8rem
    }
    section#home-illustsheet .sec-inner .ranking-area h4:before {
        transform: scale(0.8)
    }
}
section#home-illustsheet .sec-inner .ranking-area span {
    display: inline-block
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .ranking-area span {
        display: block
    }
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list {
    display: flex;
    padding-top: 2em
}
@media (min-width:769px) {
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list {
        justify-content: space-between
    }
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list {
        padding-top: 3em;
        flex-wrap: wrap
    }
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li {
    width: 18.4%;
    position: relative
}
@media only screen and (max-width:768px) {
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li {
        width: 49%;
        margin: 0 0.5%;
        margin-bottom: 4em
    }
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:last-child {
        margin-bottom: 0
    }
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a {
    display: block;
    color: #000;
    text-decoration: none;
    z-index: 1
}
@media (min-width:769px) {
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a:hover {
        opacity: 0.6
    }
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a img {
    display: block;
    width: 100%;
    height: auto;
    border: solid 2px #efefef
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a .text, section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li a .views-field-title {
    padding: 1em 0 0 0
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li .views-field-title {
    padding: 1em 0 0 0
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:before {
    display: block;
    position: absolute;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -20px;
    z-index: 2;
    pointer-events: none
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:nth-of-type(1):before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_1.png")
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:nth-of-type(2):before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_2.png")
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:nth-of-type(3):before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_3.png")
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:nth-of-type(4):before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_4.png")
}
section#home-illustsheet .sec-inner .ranking-area ul.ranking-list li:nth-of-type(5):before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_5.png")
}
section div#ranking-list {
    display: flex;
    padding-top: 2em
}
@media (min-width:769px) {
    section div#ranking-list {
        justify-content: space-between
    }
}
@media only screen and (max-width:768px) {
    section div#ranking-list {
        padding-top: 3em;
        flex-wrap: wrap
    }
}
section div#ranking-list > div {
    width: 18.4%;
    position: relative
}
@media only screen and (max-width:768px) {
    section div#ranking-list > div {
        width: 49%;
        margin: 0 0.5%;
        margin-bottom: 4em
    }
}
section div#ranking-list > div a {
    display: block;
    color: #000;
    text-decoration: none;
    z-index: 1
}
@media (min-width:769px) {
    section div#ranking-list > div a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section div#ranking-list > div a:hover {
        opacity: 0.6
    }
}
section div#ranking-list > div a img {
    display: block;
    width: 100%;
    height: auto;
    border: solid 2px #efefef
}
section div#ranking-list > div a .text, section div#ranking-list > div a .views-field-title {
    padding: 1em 0 0 0
}
section div#ranking-list > div .views-field-title {
    padding: 1em 0 0 0
}
section div#ranking-list > div .views-field-nothing, section div#ranking-list > div .ranking-item-cat {
    display: none
}
section div#ranking-list > div:before {
    display: block;
    position: absolute;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: -20px;
    z-index: 2;
    pointer-events: none
}
section div#ranking-list > div.rank1:before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_1.png")
}
section div#ranking-list > div.rank2:before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_2.png")
}
section div#ranking-list > div.rank3:before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_3.png")
}
section div#ranking-list > div.rank4:before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_4.png")
}
section div#ranking-list > div.rank5:before {
    display: block;
    content: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/pict_ranking_5.png")
}
section#home-instagram .sec-inner {
    padding-top: 60px;
    padding-bottom: 80px
}
@media only screen and (max-width:768px) {
    section#home-instagram .sec-inner {
        padding-top: 30px;
        padding-bottom: 40px
    }
}
section#home-instagram .sec-inner .instagram-list {
    display: flex
}
@media only screen and (max-width:768px) {
    section#home-instagram .sec-inner .instagram-list {
        flex-wrap: wrap
    }
}
@media only screen and (max-width:768px) {
    section#home-instagram .sec-inner .instagram-list li {
        width: 50%
    }
    section#home-instagram .sec-inner .instagram-list li:last-child {
        display: none
    }
}
section#home-instagram .sec-inner .instagram-list li img {
    width: 100%;
    height: auto
}
section#home-instagram .sec-inner .sns-follow {
    text-align: center;
    padding-top: 2em
}
section#home-instagram .sec-inner .sns-follow ul {
    font-size: 0;
    padding-top: 20px
}
section#home-instagram .sec-inner .sns-follow ul li {
    display: inline-block;
    margin: 0 5px
}
section#bnr-list {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_3.png")
}
section#bnr-list .sec-inner {
    padding-top: 50px
}
@media only screen and (max-width:768px) {
    section#bnr-list .sec-inner {
        padding-top: 8%
    }
}
.block-views-blockillustsheet-ranking-text-block-1 {
    display: none
}
.block-views-blockirasutoshitotaunrotorankinku-block-1 .view-content > div {
    display: none
}
.page-mv {
    height: 180px;
    margin-bottom: 60px;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/mv_pc.jpg") center center no-repeat;
    background-size: cover;
    position: relative
}
.page-mv.type2 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv2_pc.jpg") center center no-repeat;
    background-size: cover
}
.page-mv.type3 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv3_pc.jpg") center center no-repeat;
    background-size: cover
}
.page-mv.type4 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv4_pc.jpg") center center no-repeat;
    background-size: cover
}
.page-mv .inner {
    text-align: center;
    color: #fff;
    position: relative;
    width: 100%;
    padding: 0 4%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%)
}
.page-mv .inner .title {
    font-size: 3.2rem;
    font-weight: 600
}
.page-mv .inner .title.va-c {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
.page-mv .inner p {
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    .page-mv {
        height: 125px;
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/mv_sp.jpg") center center no-repeat;
        background-size: cover;
        margin-bottom: 25px
    }
    .page-mv .inner .title {
        font-size: 1.8rem;
        padding-bottom: 5px;
        font-weight: 600
    }
    .page-mv .inner p {
        font-size: 1.2rem
    }
    .page-mv.type2 {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv2_sp.jpg") center center no-repeat;
        background-size: cover
    }
    .page-mv.type3 {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv3_sp.jpg") center center no-repeat;
        background-size: cover
    }
    .page-mv.type4 {
        background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/mv4_sp.jpg") center center no-repeat;
        background-size: cover
    }
}
.page-mv.item-index {
    margin-bottom: 0
}
section#error .sec-inner {
    padding: 120px 0;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#error .sec-inner {
        padding: 60px 0
    }
}
section#error .sec-inner img {
    margin: 0 auto;
    margin-bottom: 30px
}
@media only screen and (max-width:768px) {
    section#error .sec-inner img {
        max-width: 50%
    }
}
section#error .sec-inner .tit {
    font-size: 3.6rem;
    font-weight: 600;
    color: #009cf0;
    padding-bottom: 0.2em
}
@media only screen and (max-width:768px) {
    section#error .sec-inner .tit {
        font-size: 2.4rem
    }
}
section#error .sec-inner .text {
    padding-bottom: 3em
}
section#illustsheet-index {
    border-top: solid 1px #efefef
}
section#illustsheet-index.feature {
    clear: both;
    margin-top: 40px
}
section#illustsheet-index .sec-inner {
    padding: 50px 0
}
section#illustsheet-index .sec-inner .search {
    padding-bottom: 45px
}
section#illustsheet-index .sec-inner .search h3 {
    font-size: 2.4rem;
    margin-bottom: 1em
}
section#illustsheet-index .sec-inner .search h3:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    font-size: 2.2rem;
    margin-right: 5px
}
section#illustsheet-index .sec-inner .search .cat {
    font-size: 0
}
section#illustsheet-index .sec-inner .search .cat.first {
    padding-bottom: 14px
}
section#illustsheet-index .sec-inner .search .cat a, section#illustsheet-index .sec-inner .search .cat span {
    color: #a6a6a6;
    display: inline-block !important;
    text-decoration: none;
    cursor: pointer;
    background: #fff;
    border: solid 2px #efefef;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 0.8em 2.2em;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.2s
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search .cat a, section#illustsheet-index .sec-inner .search .cat span {
        font-size: 1.0rem
    }
}
section#illustsheet-index .sec-inner .search .cat a.on, section#illustsheet-index .sec-inner .search .cat a:hover, section#illustsheet-index .sec-inner .search .cat span.on, section#illustsheet-index .sec-inner .search .cat span:hover {
    background: #f84e8d;
    color: #fff;
    border: solid 2px #f84e8d
}
section#illustsheet-index .sec-inner .search .cat.cat-child {
    border-top: solid 1px #efefef;
    padding: 24px 0 14px
}
section#illustsheet-index .sec-inner .search .cat.cat-child a, section#illustsheet-index .sec-inner .search .cat.cat-child span {
    padding: 0.4em 2.2em !important;
    font-size: 1.1rem
}
section#illustsheet-index .sec-inner .search .cat .c-child {
    border-top: solid 1px #efefef;
    border-bottom: solid 1px #efefef;
    margin-top: 14px;
    padding: 24px 0 14px;
    display: none
}
section#illustsheet-index .sec-inner .search #group1, section#illustsheet-index .sec-inner .search #group2 {
    display: none
}
section#illustsheet-index .sec-inner .search-result .tit {
    font-size: 2.0rem
}
section#illustsheet-index .sec-inner .search-result .tit span {
    font-size: 3.2rem
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list {
        display: flex;
        flex-wrap: wrap
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li {
    position: relative;
    border-bottom: solid 2px #009cf0;
    margin: 0 15px;
    width: 32%;
    margin: 25px 0;
    margin-right: 2%
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li {
        margin: 0 5px;
        border-bottom: none
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding-bottom: 1.5em
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#illustsheet-index .sec-inner .search-result .search-result-list li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li a {
        font-size: 1.2rem;
        display: flex;
        justify-content: space-between
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .img {
    border: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li .img {
        width: 49%
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .img img {
    display: block;
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap {
        position: relative;
        width: 49%;
        border-bottom: solid 2px #009cf0
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .text {
    position: relative;
    min-height: 75px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .text p {
    font-size: 1.3rem;
    padding-top: 1em
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .text {
        padding-top: 0
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn {
    position: absolute;
    right: 0;
    bottom: 1.5em;
    padding-right: 2em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn {
        font-size: 1.0rem
    }
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    display: block;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px
}
section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem;
    content: "\e900";
    color: #fff
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span {
        width: 15px;
        height: 15px
    }
    section#illustsheet-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span:before {
        transform: translate(-50%, -50%) scale(0.8)
    }
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .search-result-list li {
        width: 100%;
        margin: 15px 0
    }
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul {
        display: flex;
        flex-wrap: wrap
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li {
    position: relative;
    width: 32%;
    margin: 25px 0;
    margin-right: 2%;
    padding-bottom: 1em;
    color: #000;
    font-weight: 500;
    position: relative;
    border-bottom: solid 2px #009cf0
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li {
        width: 100%;
        border-bottom: none;
        padding-bottom: 0;
        margin: 15px 0
    }
    section#illustsheet-index .sec-inner .search-result .item-list ul li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li.off {
    display: none !important
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg {
    border: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg {
        width: 49%;
        float: left
    }
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a:hover {
        opacity: 0.6
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a img {
    display: block;
    width: 100%;
    height: auto
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-title {
    position: relative;
    min-height: 65px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-title {
        padding-top: 0;
        min-height: 45px;
        width: 49%;
        min-height: none;
        float: right
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-price {
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-field-item-price {
        width: 49%;
        float: right
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node {
    position: absolute;
    right: 0;
    bottom: 1.5em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node {
        font-size: 1.0rem;
        width: 49%;
        bottom: 0;
        padding-bottom: 1em;
        border-bottom: solid 2px #009cf0
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span {
    display: block;
    text-align: right
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
    display: block;
    padding-right: 2em;
    position: relative;
    color: #242424
}
@media (min-width:769px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
        padding-right: 2em
    }
}
section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 1.0rem;
    content: "\e900";
    color: #fff;
    text-align: center;
    line-height: 20px
}
@media only screen and (max-width:768px) {
    section#illustsheet-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:before {
        width: 15px;
        height: 15px;
        line-height: 15px
    }
}
section#item-index {
    border-top: solid 1px #efefef
}
section#item-index .sec-inner {
    padding: 50px 0
}
section#item-index .sec-inner .search {
    margin-bottom: 45px;
    border-bottom: solid 1px #efefef
}
section#item-index .sec-inner .search h3 {
    font-size: 2.4rem;
    margin-bottom: 1em
}
section#item-index .sec-inner .search h3:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e904";
    font-size: 2.2rem;
    margin-right: 5px
}
section#item-index .sec-inner .search .cat {
    font-size: 0
}
section#item-index .sec-inner .search .cat .child {
    color: #a6a6a6;
    display: inline-block !important;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    background: #fff;
    border: solid 2px #efefef;
    font-weight: 700;
    font-size: 1.3rem;
    padding: 0.8em 2.2em;
    border-radius: 30px;
    margin-right: 10px;
    margin-bottom: 10px;
    transition: all 0.2s
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search .cat .child {
        font-size: 1.0rem
    }
}
@media (min-width:769px) {
    section#item-index .sec-inner .search .cat .child:hover {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-index .sec-inner .search .cat .child:hover:hover {
        opacity: 0.6
    }
}
section#item-index .sec-inner .search .cat .child.on {
    background: #009cf0;
    color: #fff;
    border: solid 2px #009cf0
}
section#item-index .sec-inner .search .cat .child.on:after {
    content: '';
    display: block;
    width: 19px;
    height: 19px;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/cat_close.png") left top no-repeat;
    position: absolute;
    right: 1px;
    top: -6px
}
section#item-index .sec-inner .search .cat .child.new.on {
    background: #ff4b47;
    border: solid 2px #ff4b47
}
section#item-index .sec-inner .search .cat .child.all.on:after {
    display: none
}
section#item-index .sec-inner .search-result .tit {
    font-size: 2.0rem
}
section#item-index .sec-inner .search-result .tit span {
    font-size: 3.2rem
}
section#item-index .sec-inner .search-result .search-result-body.hide {
    overflow: hidden
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .search-result-list {
        display: flex;
        flex-wrap: wrap
    }
}
section#item-index .sec-inner .search-result .search-result-list li {
    position: relative;
    border-bottom: solid 2px #009cf0;
    margin: 0 15px;
    width: 32%;
    margin: 25px 0;
    margin-right: 2%
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li {
        margin: 0 5px;
        border-bottom: none
    }
}
section#item-index .sec-inner .search-result .search-result-list li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding-bottom: 1.5em
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .search-result-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-index .sec-inner .search-result .search-result-list li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li a {
        font-size: 1.2rem;
        display: flex;
        justify-content: space-between
    }
}
section#item-index .sec-inner .search-result .search-result-list li .img {
    border: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li .img {
        width: 49%
    }
}
section#item-index .sec-inner .search-result .search-result-list li .img img {
    display: block;
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li .text-wrap {
        position: relative;
        width: 49%;
        border-bottom: solid 2px #009cf0
    }
}
section#item-index .sec-inner .search-result .search-result-list li .text-wrap .text {
    position: relative;
    min-height: 75px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
section#item-index .sec-inner .search-result .search-result-list li .text-wrap .text p {
    font-size: 1.3rem;
    padding-top: 1em
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li .text-wrap .text {
        padding-top: 0
    }
}
section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn {
    position: absolute;
    right: 0;
    bottom: 1.5em;
    padding-right: 2em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn {
        font-size: 1.0rem
    }
}
section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    display: block;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px
}
section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem;
    content: "\e900";
    color: #fff
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span {
        width: 15px;
        height: 15px
    }
    section#item-index .sec-inner .search-result .search-result-list li .text-wrap .detail-btn span:before {
        transform: translate(-50%, -50%) scale(0.8)
    }
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .search-result-list li:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .search-result-list li {
        width: 100%;
        margin: 15px 0
    }
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .item-list ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    section#item-index .sec-inner .search-result .item-list ul:after {
        display: block;
        content: '';
        height: 1px;
        width: 32%
    }
}
section#item-index .sec-inner .search-result .item-list ul li {
    position: relative;
    width: 32%;
    margin: 25px 0;
    padding-bottom: 1em;
    color: #000;
    font-weight: 500;
    position: relative;
    border-bottom: solid 2px #009cf0;
    display: block;
    opacity: 1;
    animation-duration: 0.5s;
    animation-name: fade-in;
    overflow: hidden
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li {
        width: 100%;
        border-bottom: none;
        padding-bottom: 0;
        margin: 15px 0
    }
    section#item-index .sec-inner .search-result .item-list ul li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
}
section#item-index .sec-inner .search-result .item-list ul li.off {
    display: none;
    opacity: 0
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg {
    border: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg {
        width: 49%;
        float: left
    }
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a:hover {
        opacity: 0.6
    }
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg a img {
    display: block;
    width: 100%;
    height: auto
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-mainimg img {
    display: block;
    width: 100%;
    height: auto
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-title {
    position: relative;
    min-height: 65px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-title {
        padding-top: 0;
        min-height: 45px;
        width: 49%;
        min-height: none;
        float: right
    }
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-price {
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-field-item-price {
        width: 49%;
        float: right
    }
}
section#item-index .sec-inner .search-result .item-list ul li .item-cat-list, section#item-index .sec-inner .search-result .item-list ul li .entry-date {
    display: none
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node {
    position: absolute;
    right: 0;
    bottom: 1.5em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node {
        font-size: 1.0rem;
        width: 49%;
        bottom: 0;
        padding-bottom: 1em;
        border-bottom: solid 2px #009cf0
    }
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span {
    display: block;
    text-align: right
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
    display: block;
    padding-right: 2em;
    position: relative;
    color: #242424
}
@media (min-width:769px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a {
        padding-right: 2em
    }
}
section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px;
    font-size: 1.0rem;
    content: "\e900";
    color: #fff;
    text-align: center;
    line-height: 20px
}
@media only screen and (max-width:768px) {
    section#item-index .sec-inner .search-result .item-list ul li .views-field-view-node span a:before {
        width: 15px;
        height: 15px;
        line-height: 15px
    }
}
.illustsheet-list-wrap {
    padding-top: 2em
}
.illustsheet-list-wrap .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.illustsheet-list-wrap .view-content:before {
    content: '';
    display: block;
    width: 22.75%;
    order: 1000
}
@media only screen and (max-width:768px) {
    .illustsheet-list-wrap .view-content:before {
        display: none
    }
}
.illustsheet-list-wrap .view-content:after {
    content: '';
    display: block;
    width: 22.75%
}
@media only screen and (max-width:768px) {
    .illustsheet-list-wrap .view-content:after {
        content: '';
        display: block;
        width: 48.5%
    }
}
.illustsheet-list-wrap .view-content .illustsheet-list {
    width: 22.75%;
    margin-bottom: 3%;
    position: relative;
    padding-bottom: 3em;
    font-weight: 600;
    border-bottom: solid 2px #f84e8d;
    display: block;
    opacity: 1;
    animation-duration: 0.5s;
    animation-name: fade-in
}
.illustsheet-list-wrap .view-content .illustsheet-list.off {
    display: none;
    opacity: 0
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
@media only screen and (max-width:768px) {
    .illustsheet-list-wrap .view-content .illustsheet-list {
        width: 48.5%;
        margin-bottom: 4%
    }
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-thumb {
    border: solid 2px #efefef;
    margin-bottom: 1em
}
@media (min-width:769px) {
    .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-thumb a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-thumb a:hover {
        opacity: 0.6
    }
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-thumb img {
    display: block;
    width: 100%;
    height: auto
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type {
    display: inline-block;
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 1.1rem;
    pointer-events: none
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type .item-list ul {
    display: block !important
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type .item-list ul li {
    width: 100% !important;
    margin: 0 !important;
    margin-right: 0 !important;
    color: #fff !important;
    border-bottom: none !important;
    padding-bottom: 0 !important;
    display: block;
    background: #f29600;
    padding: 0.2rem 1.6rem !important;
    margin-bottom: 1px !important
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type .item-list ul li.type2 {
    background: #53c2ef
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type .item-list ul li.type3 {
    background: #f475ac
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-cat-type .item-list ul li.type4 {
    background: #90c31e
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 1em
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file span {
    display: block;
    width: 100%;
    background: none !important
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file a {
    text-align: right;
    padding-right: 2em;
    color: #242424;
    display: block;
    position: relative
}
@media (min-width:769px) {
    .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file a:hover {
        opacity: 0.6
    }
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-illust-file a:after {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.0rem;
    color: #fff;
    background: #f84e8d;
    border-radius: 50%;
    text-align: center;
    right: 0
}
.illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-ikimono, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-oshi-yare, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-sonota, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-ihento, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-ki-yarakuta, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-chengriwu, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-jijie, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-jiazu, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-jianwu, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-hua, .illustsheet-list-wrap .view-content .illustsheet-list .views-field-field-shihewu {
    display: none
}
.illustsheet-list-wrap.feature-detail {
    padding-top: 40px;
    margin-top: 40px;
    border-top: solid 1px #efefef
}
@media only screen and (max-width:768px) {
    .illustsheet-list-wrap.feature-detail {
        margin-top: 0
    }
}
section#illustsheet-index.feature .sec-inner {
    padding: 40px 0 !important
}
section#illustsheet-index.feature .sec-inner .illustsheet-list-wrap {
    padding-top: 0
}
section#item-detail .sec-inner {
    position: relative;
    padding-bottom: 30px
}
section#item-detail .sec-inner .detail-wrap {
    position: relative;
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: 100px
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap {
        display: flex;
        flex-wrap: wrap;
        padding-left: 51.78%
    }
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap {
        padding-bottom: 2em
    }
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-slide {
        position: absolute;
        top: 0;
        left: 0;
        width: 48.21%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider ul li a {
    display: block
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider ul li img {
    width: 100%;
    height: auto
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item {
    border: solid 2px #e9e9e9;
    margin-bottom: 10px
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav {
    margin-right: -10px
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li {
    margin-right: 10px;
    cursor: pointer
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li img {
    border: solid 2px #e9e9e9;
    opacity: 1;
    transition: opacity 0.2s
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li.slick-current img {
    opacity: 0.6
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li.movie-icon {
    display: block;
    position: relative
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li.movie-icon img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li.movie-icon:before {
    content: '';
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: rgba(0, 0, 0, 0.2)
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav li.movie-icon:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e906";
    display: block;
    height: 40px;
    width: 40px;
    font-size: 2.1rem;
    line-height: 40px;
    text-align: center;
    text-indent: 0.2em;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: #009cf0;
    color: #fff;
    border-radius: 50%;
    z-index: 3
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow {
    width: 20px;
    height: 20px;
    background: #009cf0;
    color: #fff;
    border-radius: 10px
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow.prev {
    left: -10px
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow.prev:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902"
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow.next {
    left: auto;
    right: 0
}
section#item-detail .sec-inner .detail-wrap .detail-slide .item-slider .thumb-item-nav .slick-arrow.next:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900"
}
section#item-detail .sec-inner .detail-wrap .detail-head {
    width: 100%;
    border-bottom: solid 1px #e9e9e9;
    padding-bottom: 10px
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-head {
        order: 1
    }
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-head {
        margin-bottom: 20px
    }
}
section#item-detail .sec-inner .detail-wrap .detail-head h1 {
    font-size: 2.4rem;
    line-height: 1.4
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-head h1 {
        font-size: 1.6rem
    }
}
section#item-detail .sec-inner .detail-wrap .detail-head .date {
    display: none
}
section#item-detail .sec-inner .detail-wrap .detail-head .cat {
    font-size: 0
}
section#item-detail .sec-inner .detail-wrap .detail-head .cat .field__item {
    display: inline-block
}
section#item-detail .sec-inner .detail-wrap .detail-head .cat a {
    color: #fff;
    display: inline-block !important;
    text-decoration: none;
    background: #009cf0;
    font-weight: 700;
    font-size: 1.2rem;
    padding: 0.3em 1.2em;
    border-radius: 15px;
    margin-right: 10px;
    margin-bottom: 10px
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-head .cat a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-detail .sec-inner .detail-wrap .detail-head .cat a:hover {
        opacity: 0.6
    }
}
section#item-detail .sec-inner .detail-wrap .detail-head .cat a.new {
    background: #ff4b47
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-head .cat a {
        font-size: 1.0rem
    }
}
section#item-detail .sec-inner .detail-wrap .detail-text {
    width: 100%;
    border-bottom: solid 1px #e9e9e9;
    padding: 1.5em 0
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-text {
        order: 3
    }
}
section#item-detail .sec-inner .detail-wrap .detail-price {
    width: 100%;
    border-bottom: solid 1px #e9e9e9;
    padding: 1.5em 0;
    font-size: 1.3rem;
    font-weight: 500
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-price {
        order: 2
    }
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-price {
        font-size: 1.0rem
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag {
    width: 100%;
    font-size: 1.6rem;
    margin: 25px 0;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/item_tag_bg.jpg") left top no-repeat
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag {
        order: 4
    }
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field--name-field-item-tag {
        width: 100%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag:after {
    content: '';
    display: block;
    padding-top: 80px
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag {
        width: 100%;
        height: auto;
        position: relative;
        background-size: 100% 100%
    }
    section#item-detail .sec-inner .detail-wrap .detail-tag:after {
        padding-top: 22.85%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field--label-above {
    display: block
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field--label-above {
        display: block;
        width: 100%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field--label-above .field__label {
    display: none
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field--label-above .field__items .field__item {
    font-size: 1.6rem;
    display: inline-block
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field--label-above .field__items {
        display: block;
        width: 100%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items {
    font-size: 0;
    width: 350px;
    height: 80px;
    display: block;
    position: absolute
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items {
        width: 100%;
        height: auto
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a {
    display: block;
    cursor: default;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    overflow: hidden;
    text-indent: -999px;
    position: absolute;
    font-size: 0
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a {
        width: 22.85%;
        height: auto
    }
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a:after {
        content: '';
        display: block;
        padding-top: 100%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-1 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/item_tag_1.png") center center no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 0
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-2 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/item_tag_2.png") center center no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 90px
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-2 {
        left: 25.5%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-3 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/item_tag_3.png") center center no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 180px
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-3 {
        left: 51.5%
    }
}
section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-4 {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/item/item_tag_4.png") center center no-repeat;
    background-size: 100% 100%;
    top: 0;
    left: 270px
}
@media only screen and (max-width:768px) {
    section#item-detail .sec-inner .detail-wrap .detail-tag .field__items .field__item a.tag-4 {
        left: auto;
        right: 0
    }
}
section#item-detail .sec-inner .detail-wrap .detail-etc {
    width: 100%
}
section#item-detail .sec-inner .detail-wrap .detail-etc ul.btn-normal li {
    width: 100%;
    margin: 0
}
@media (min-width:769px) {
    section#item-detail .sec-inner .detail-wrap .detail-etc {
        order: 6
    }
}
section#item-related .sec-inner {
    padding-bottom: 0
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner {
        padding: 0
    }
}
section#item-related .sec-inner h3 {
    text-align: center;
    font-size: 2.0rem;
    padding-bottom: 30px
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider {
        padding: 0 4%
    }
}
section#item-related .sec-inner .related-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #fff;
    color: #009cf0
}
section#item-related .sec-inner .related-slider .slick-arrow:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3.0rem
}
section#item-related .sec-inner .related-slider .slick-arrow.prev {
    left: -40px
}
section#item-related .sec-inner .related-slider .slick-arrow.prev:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902"
}
section#item-related .sec-inner .related-slider .slick-arrow.next {
    left: auto;
    right: -40px
}
section#item-related .sec-inner .related-slider .slick-arrow.next:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900"
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider .slick-arrow {
        width: 20px;
        height: 20px
    }
    section#item-related .sec-inner .related-slider .slick-arrow:before {
        font-size: 1.5rem
    }
    section#item-related .sec-inner .related-slider .slick-arrow.prev {
        left: -10px
    }
    section#item-related .sec-inner .related-slider .slick-arrow.next {
        left: auto;
        right: -10px
    }
}
section#item-related .sec-inner .related-slider li {
    position: relative;
    border-bottom: solid 2px #009cf0;
    margin: 0 15px
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider li {
        margin: 0 5px
    }
}
section#item-related .sec-inner .related-slider li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding-bottom: 1.5em
}
@media (min-width:769px) {
    section#item-related .sec-inner .related-slider li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#item-related .sec-inner .related-slider li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider li a {
        font-size: 1.2rem
    }
}
section#item-related .sec-inner .related-slider li .img {
    border: solid 2px #efefef
}
section#item-related .sec-inner .related-slider li .img img {
    display: block;
    width: 100%;
    height: auto
}
section#item-related .sec-inner .related-slider li .text {
    position: relative;
    min-height: 75px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
section#item-related .sec-inner .related-slider li .detail-btn {
    text-align: right;
    position: relative;
    padding-right: 2em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider li .detail-btn {
        font-size: 1.0rem
    }
}
section#item-related .sec-inner .related-slider li .detail-btn span {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    display: block;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px
}
section#item-related .sec-inner .related-slider li .detail-btn span:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem;
    content: "\e900";
    color: #fff
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .related-slider li .detail-btn span {
        width: 15px;
        height: 15px
    }
}
section#item-related .sec-inner .comments {
    font-size: 1.1rem;
    color: #242424;
    text-align: right;
    padding: 2.5em 0 1em
}
@media only screen and (max-width:768px) {
    section#item-related .sec-inner .comments {
        text-align: left
    }
}
.related-slider-wrap {
    padding: 0 4%;
    margin-bottom: 2em
}
.related-slider {
    max-width: 1120px;
    margin: 0 auto
}
.related-slider .slick-arrow {
    width: 40px;
    height: 40px;
    background: #fff;
    color: #009cf0
}
.related-slider .slick-arrow:before {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 3.0rem
}
.related-slider .slick-arrow.prev {
    left: -40px
}
.related-slider .slick-arrow.prev:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e902"
}
.related-slider .slick-arrow.next {
    left: auto;
    right: -40px
}
.related-slider .slick-arrow.next:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900"
}
@media only screen and (max-width:768px) {
    .related-slider .slick-arrow {
        width: 20px;
        height: 20px
    }
    .related-slider .slick-arrow:before {
        font-size: 1.5rem
    }
    .related-slider .slick-arrow.prev {
        left: -10px
    }
    .related-slider .slick-arrow.next {
        left: auto;
        right: -10px
    }
}
.related-slider li {
    position: relative;
    border-bottom: solid 2px #009cf0;
    margin: 0 15px
}
@media only screen and (max-width:768px) {
    .related-slider li {
        margin: 0 5px
    }
}
.related-slider li .views-field-field-item-mainimg {
    border: solid 2px #efefef
}
@media (min-width:769px) {
    .related-slider li .views-field-field-item-mainimg a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .related-slider li .views-field-field-item-mainimg a:hover {
        opacity: 0.6
    }
}
.related-slider li .views-field-field-item-mainimg img {
    display: block;
    width: 100%;
    height: auto
}
.related-slider li .views-field-title {
    position: relative;
    min-height: 75px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
.related-slider li .views-field-field-item-cat {
    display: none
}
.related-slider li .views-field-view-node span {
    display: block;
    text-align: right;
    padding-bottom: 1em
}
.related-slider li .views-field-view-node a {
    text-align: right;
    display: block;
    position: relative;
    padding-right: 2em;
    font-size: 1.3rem;
    color: #242424
}
@media (min-width:769px) {
    .related-slider li .views-field-view-node a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .related-slider li .views-field-view-node a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    .related-slider li .views-field-view-node a {
        font-size: 1.0rem
    }
}
.related-slider li .views-field-view-node a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.0rem;
    content: "\e900";
    color: #fff;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    text-align: center;
    right: 0;
    display: block;
    background: #009cf0;
    width: 20px;
    height: 20px;
    line-height: 20px;
    border-radius: 10px
}
@media only screen and (max-width:768px) {
    .related-slider li .views-field-view-node a:after {
        width: 15px;
        height: 15px;
        line-height: 15px
    }
}
section#item-bottom .sec-inner .comments {
    font-size: 1.1rem;
    color: #242424;
    text-align: right;
    padding: 0 0 1em
}
@media only screen and (max-width:768px) {
    section#item-bottom .sec-inner .comments {
        text-align: left
    }
}
section#item-bottom.feature {
    border-top: solid 1px #efefef
}
section#item-bottom.feature .sec-inner {
    padding: 30px 0
}
.view-display-id-block_3, #block-views-block-irasutoshitotaunrotorankinku-block-1 {
    display: none
}
.item-index-slider .view-display-id-block_3 {
    display: block
}
#home-illustsheet #block-views-block-irasutoshitotaunrotorankinku-block-1 {
    display: block
}
#home-illustsheet .ranking-list .views-field-nothing {
    display: none
}
#home-illustsheet .ranking-list-all {
    display: none
}
.view-illustsheet-index-list {
    padding-top: 2em;
    max-width: 1120px;
    margin: 0 auto
}
.view-illustsheet-index-list .view-filters {
    display: none
}
.view-illustsheet-index-list .pager {
    margin: 60px 0
}
.view-illustsheet-index-list .view-content {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}
.view-illustsheet-index-list .view-content:before {
    content: '';
    display: block;
    width: 22.75%;
    order: 1000
}
@media only screen and (max-width:768px) {
    .view-illustsheet-index-list .view-content:before {
        display: none
    }
}
.view-illustsheet-index-list .view-content:after {
    content: '';
    display: block;
    width: 22.75%
}
@media only screen and (max-width:768px) {
    .view-illustsheet-index-list .view-content:after {
        content: '';
        display: block;
        width: 48.5%
    }
}
.view-illustsheet-index-list .view-content .views-row {
    width: 22.75%;
    margin-bottom: 3%;
    position: relative;
    padding-bottom: 3em;
    font-weight: 600;
    border-bottom: solid 2px #f84e8d;
    display: block;
    opacity: 1
}
@media only screen and (max-width:768px) {
    .view-illustsheet-index-list .view-content .views-row {
        width: 48.5%
    }
}
.view-illustsheet-index-list .view-content .views-row .views-field-field-illust-thumb {
    width: 100%
}
.view-illustsheet-index-list .view-content .views-row .views-field-field-illust-thumb img {
    width: 100%;
    height: auto;
    display: block
}
.view-illustsheet-index-list .view-content .views-row .views-field-field-illust-thumb {
    border: solid 2px #efefef;
    margin-bottom: 1em
}
.view-illustsheet-index-list .view-content .views-row .views-field-nothing {
    position: absolute;
    width: 100%;
    bottom: 0;
    padding-bottom: 1em
}
.view-illustsheet-index-list .view-content .views-row .views-field-nothing a {
    text-align: right;
    padding-right: 2em;
    color: #242424;
    display: block;
    position: relative
}
@media (min-width:769px) {
    .view-illustsheet-index-list .view-content .views-row .views-field-nothing a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .view-illustsheet-index-list .view-content .views-row .views-field-nothing a:hover {
        opacity: 0.6
    }
}
.view-illustsheet-index-list .view-content .views-row .views-field-nothing a:after {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e905";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.0rem;
    color: #fff;
    background: #f84e8d;
    border-radius: 50%;
    text-align: center;
    right: 0
}
.view-illustsheet-index-list .view-content .views-row .label {
    position: absolute;
    right: 10px;
    top: 10px;
    color: #fff;
    font-size: 1.1rem;
    pointer-events: none
}
.view-illustsheet-index-list .view-content .views-row .label .item-list ul li {
    width: 100%;
    margin: 0;
    margin-right: 0;
    color: #fff;
    border-bottom: none;
    padding-bottom: 0;
    display: block;
    background: #f29600;
    padding: 0.2rem 1.6rem;
    margin-bottom: 1px
}
.view-illustsheet-index-list .view-content .views-row .label .item-list ul li.type2 {
    background: #53c2ef
}
.view-illustsheet-index-list .view-content .views-row .label .item-list ul li.type3 {
    background: #f475ac
}
.view-illustsheet-index-list .view-content .views-row .label .item-list ul li.type4 {
    background: #90c31e
}
section#about-read, section#enjoy-read, section#movie-read {
    padding: 0
}
section#about-read .sec-inner, section#enjoy-read .sec-inner, section#movie-read .sec-inner {
    padding: 40px 0
}
@media only screen and (max-width:768px) {
    section#about-read .sec-inner, section#enjoy-read .sec-inner, section#movie-read .sec-inner {
        padding: 20px 0
    }
}
section#about-read .sec-inner .text, section#enjoy-read .sec-inner .text, section#movie-read .sec-inner .text {
    text-align: center;
    background: url("../../../../asset/img/about/bg_read_pc.jpg") center center no-repeat
}
@media only screen and (max-width:768px) {
    section#about-read .sec-inner .text, section#enjoy-read .sec-inner .text, section#movie-read .sec-inner .text {
        background: url("../../../../asset/img/about/bg_read_sp_1.jpg") left center no-repeat;
        background-size: auto 100%
    }
}
section#about-read .sec-inner .text .text-inner, section#enjoy-read .sec-inner .text .text-inner, section#movie-read .sec-inner .text .text-inner {
    padding: 2em 0;
    font-size: 1.6rem;
    color: #242424
}
@media only screen and (max-width:768px) {
    section#about-read .sec-inner .text .text-inner, section#enjoy-read .sec-inner .text .text-inner, section#movie-read .sec-inner .text .text-inner {
        font-size: 1.2rem;
        padding: 6%;
        background: url("../../../../asset/img/about/bg_read_sp_2.jpg") right center no-repeat;
        background-size: auto 100%
    }
}
section#about-read .sec-inner ul.btn-normal li, section#enjoy-read .sec-inner ul.btn-normal li, section#movie-read .sec-inner ul.btn-normal li {
    margin: 5px
}
@media only screen and (max-width:768px) {
    section#about-read .sec-inner ul.btn-normal, section#enjoy-read .sec-inner ul.btn-normal, section#movie-read .sec-inner ul.btn-normal {
        padding: 0 4%
    }
}
section#about-howto {
    background: url("../../../../asset/img/about/bg_howto.jpg") center center no-repeat;
    background-size: cover
}
section#about-howto .sec-inner {
    padding: 40px 0
}
@media (min-width:769px) {
    section#about-howto .sec-inner .img {
        max-width: 790px;
        margin: 0 auto;
        position: relative
    }
    section#about-howto .sec-inner .img:before, section#about-howto .sec-inner .img:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        color: #fff;
        font-size: 2.8rem;
        position: absolute
    }
    section#about-howto .sec-inner .img:before {
        top: 30%;
        left: 31.3%;
        transform: rotate(13deg)
    }
    section#about-howto .sec-inner .img:after {
        top: 34%;
        left: 64.9%;
        transform: rotate(-15deg)
    }
    section#about-howto .sec-inner .img ul.flow {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        position: relative
    }
    section#about-howto .sec-inner .img ul.flow li {
        width: 33.33%;
        position: relative
    }
    section#about-howto .sec-inner .img ul.flow li img {
        display: block;
        width: 100%;
        height: auto
    }
    section#about-howto .sec-inner .img ul.flow li > p {
        position: relative;
        text-align: center;
        color: #fff
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(1) img {
        position: relative;
        top: -30px
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(1) > p {
        top: -30px
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(3) img {
        position: relative;
        top: -40px
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(3) > p {
        top: -30px
    }
}
@media only screen and (max-width:768px) {
    section#about-howto .sec-inner .img {
        width: 88%;
        margin: 0 auto;
        position: relative
    }
    section#about-howto .sec-inner .img:before, section#about-howto .sec-inner .img:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        content: "\e900";
        color: #fff;
        font-size: 5vw;
        position: absolute
    }
    section#about-howto .sec-inner .img:before {
        top: 46vw;
        left: 40vw;
        transform: rotate(64deg)
    }
    section#about-howto .sec-inner .img:after {
        top: 98vw;
        left: 40vw;
        transform: rotate(132deg)
    }
    section#about-howto .sec-inner .img ul.flow li {
        display: block;
        position: relative
    }
    section#about-howto .sec-inner .img ul.flow li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
    section#about-howto .sec-inner .img ul.flow li img {
        width: 50vw
    }
    section#about-howto .sec-inner .img ul.flow li > p {
        width: 35%;
        color: #fff;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 0
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(2) img {
        float: right
    }
    section#about-howto .sec-inner .img ul.flow li:nth-of-type(2) > p {
        right: auto;
        left: 15%
    }
}
section#about-peeler .sec-inner {
    padding: 40px 0;
    position: relative
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner {
        padding-top: 24%
    }
}
section#about-peeler .sec-inner ul.peeler-list {
    display: flex
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner ul.peeler-list {
        flex-wrap: wrap;
        padding: 0 4%
    }
}
section#about-peeler .sec-inner ul.peeler-list .bubbles {
    position: absolute;
    top: 90px;
    left: 30px;
    z-index: 1
}
section#about-peeler .sec-inner ul.peeler-list .bubbles img {
    width: 15vw;
    max-width: 180px;
    height: auto;
    position: absolute;
    bottom: 0
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner ul.peeler-list .bubbles {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 20vw
    }
    section#about-peeler .sec-inner ul.peeler-list .bubbles img {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 24vw
    }
}
section#about-peeler .sec-inner ul.peeler-list li {
    position: relative;
    width: 30.66%;
    margin-right: 4%
}
section#about-peeler .sec-inner ul.peeler-list li:nth-of-type(3) {
    margin-right: 0
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner ul.peeler-list li {
        width: 100%;
        margin-right: 0
    }
}
section#about-peeler .sec-inner ul.peeler-list li .pict {
    position: absolute;
    top: -27px;
    left: -25px
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner ul.peeler-list li .pict {
        width: 30px;
        height: auto;
        top: -15px;
        left: -12px
    }
}
section#about-peeler .sec-inner ul.peeler-list li .img {
    width: 100%;
    height: auto
}
section#about-peeler .sec-inner ul.peeler-list li p {
    font-family: 'M+ 2p bold';
    padding: 1em 0;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#about-peeler .sec-inner ul.peeler-list li p {
        padding: 1em 0 2em 0
    }
}
section#about-type .sec-inner {
    padding: 60px 0 0
}
section#about-type .sec-inner .sec-tit {
    margin-bottom: 2em;
    background: url("../../../../asset/img/about/h3_bg_about_type.jpg") center center no-repeat
}
@media only screen and (max-width:768px) {
    section#about-type .sec-inner .sec-tit {
        background: url("../../../../asset/img/about/h3_bg_about_type_sp.jpg") center center no-repeat;
        background-size: 100% auto
    }
}
section#about-type .sec-inner .sec-tit h3 {
    font-size: 2.6rem;
    text-align: center;
    padding: 30px 0 15px
}
@media only screen and (max-width:768px) {
    section#about-type .sec-inner .sec-tit h3 {
        font-size: 1.6rem
    }
}
section#about-type .sec-inner .sec-tit p {
    text-align: center
}
section#about-type .sec-inner article {
    padding-bottom: 5em
}
section#about-type .sec-inner article .tit {
    padding-bottom: 1em;
    border-bottom: solid 1px #efefef
}
section#about-type .sec-inner article .tit span {
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 1em
}
@media only screen and (max-width:768px) {
    section#about-type .sec-inner article .tit span {
        font-size: 1.4rem;
        display: block
    }
}
section#about-type .sec-inner article ul.type-list {
    display: flex;
    flex-wrap: wrap;
    padding: 3em 0 0
}
section#about-type .sec-inner article ul.type-list li {
    width: 10.71%;
    margin-bottom: 2em
}
@media (min-width:769px) {
    section#about-type .sec-inner article ul.type-list li {
        margin-right: 2.0%
    }
    section#about-type .sec-inner article ul.type-list li:nth-of-type(8n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#about-type .sec-inner article ul.type-list li {
        width: 23.5%;
        margin-right: 2%
    }
    section#about-type .sec-inner article ul.type-list li:nth-of-type(4n) {
        margin-right: 0
    }
}
section#about-type .sec-inner article ul.type-list li img {
    display: block;
    width: 100%;
    height: auto
}
section#about-type .sec-inner article ul.type-list li span {
    padding-top: 1em;
    display: block;
    text-align: center;
    font-weight: 500
}
section#about-product {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_obli.png")
}
section#about-product .sec-inner {
    padding: 80px 0
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner {
        padding: 8% 0
    }
}
section#about-product .sec-inner article {
    background: #fff;
    padding: 60px;
    border-radius: 4px;
    border: solid 2px #efefef;
    margin-bottom: 20px
}
@media (min-width:769px) {
    section#about-product .sec-inner article {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article {
        padding: 4%
    }
}
section#about-product .sec-inner article:last-child {
    margin-bottom: 0
}
section#about-product .sec-inner article .img {
    width: 48.5%
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article .img {
        width: 100%
    }
}
section#about-product .sec-inner article .img img {
    width: 100%;
    height: auto
}
section#about-product .sec-inner article .text {
    position: relative;
    width: 48.5%
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article .text {
        width: 100%
    }
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article .text dl {
        margin-bottom: 1em
    }
}
section#about-product .sec-inner article .text dl dt {
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: solid 1px #efefef;
    padding-bottom: 1em;
    margin-bottom: 1em
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article .text dl dt {
        padding: 1em 0 0.5em;
        font-size: 1.2rem
    }
}
section#about-product .sec-inner article .text ul.btn-normal {
    display: block;
    position: absolute;
    bottom: 0;
    width: 100%
}
@media only screen and (max-width:768px) {
    section#about-product .sec-inner article .text ul.btn-normal {
        position: relative;
        bottom: auto
    }
}
section#about-product .sec-inner article .text ul.btn-normal li {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0
}
section.link-bnr {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_2.png")
}
section.link-bnr .sec-inner {
    padding: 80px 0
}
@media only screen and (max-width:768px) {
    section.link-bnr .sec-inner {
        padding: 8% 0
    }
}
section.link-bnr .sec-inner ul li {
    background: #fff;
    border: solid 2px #efefef
}
section.link-bnr .sec-inner ul li a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #242424
}
@media (min-width:769px) {
    section.link-bnr .sec-inner ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section.link-bnr .sec-inner ul li a:hover {
        opacity: 0.6
    }
}
section.link-bnr .sec-inner ul li a img {
    width: 50%;
    height: auto
}
@media only screen and (max-width:768px) {
    section.link-bnr .sec-inner ul li a img {
        width: 100%
    }
}
section.link-bnr .sec-inner ul li a span {
    display: block;
    width: 44%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 2%;
    text-align: left;
    padding-right: 3em;
    font-weight: 600
}
section.link-bnr .sec-inner ul li a span:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\e900";
    color: #fff;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    text-indent: 0.1em;
    font-size: 1.0rem;
    line-height: 20px;
    text-align: center
}
@media only screen and (max-width:768px) {
    section.link-bnr .sec-inner ul li a span {
        display: block;
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        right: auto;
        text-align: left;
        padding-right: 0;
        padding: 2em
    }
    section.link-bnr .sec-inner ul li a span:after {
        right: 2em
    }
}
section#enjoy-make {
    background: #f3fbfe
}
section#enjoy-make .sec-inner {
    padding: 60px 0
}
section#enjoy-make .sec-inner article {
    padding-bottom: 5em;
    position: relative
}
@media only screen and (max-width:768px) {
    section#enjoy-make .sec-inner article {
        padding-top: 100px;
        padding-bottom: 2em
    }
}
section#enjoy-make .sec-inner article .tit {
    padding-bottom: 1em;
    margin-bottom: 2em;
    border-bottom: solid 1px #efefef
}
section#enjoy-make .sec-inner article .tit span {
    font-size: 1.8rem;
    font-weight: 500;
    display: inline-block;
    margin-right: 1em
}
@media only screen and (max-width:768px) {
    section#enjoy-make .sec-inner article .tit span {
        font-size: 1.4rem;
        display: block
    }
}
@media (min-width:769px) {
    section#enjoy-make .sec-inner article .img {
        position: relative
    }
}
section#enjoy-make .sec-inner article .img img {
    width: 100%;
    height: auto;
    border-radius: 7px;
    border: solid 7px #009cf0
}
section#enjoy-make .sec-inner article .img img.step {
    width: 96px;
    height: 106px;
    position: absolute;
    right: 30px;
    top: -80px;
    border: none
}
@media only screen and (max-width:768px) {
    section#enjoy-make .sec-inner article .img img.step {
        width: 80px;
        height: auto;
        right: auto;
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 0
    }
}
section#enjoy-example .sec-inner {
    padding: 80px 0
}
@media only screen and (max-width:768px) {
    section#enjoy-example .sec-inner {
        padding: 8% 0 16%
    }
}
section#enjoy-example .sec-inner .img img {
    display: block;
    width: 100%;
    height: auto
}
section#enjoy-example .sec-inner > p {
    text-align: center;
    padding-bottom: 2em
}
section#entry-sns {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_2.png")
}
section#entry-sns .balloon {
    width: 100%;
    height: 80px;
    max-width: 640px;
    background: #009cf0;
    color: #fff;
    position: absolute;
    top: 0%;
    left: 50%;
    border-radius: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
section#entry-sns .balloon:after {
    content: '';
    display: block;
    position: absolute;
    border-left: 5px solid transparent;
    border-top: 12px solid #009cf0;
    border-right: 5px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -12px
}
@media only screen and (max-width:768px) {
    section#entry-sns .balloon:after {
        bottom: -10px
    }
}
@media only screen and (max-width:768px) {
    section#entry-sns .balloon {
        height: 45px;
        width: 92%
    }
}
section#entry-sns .balloon span {
    display: block;
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media only screen and (max-width:768px) {
    section#entry-sns .balloon span {
        font-size: 1.4rem
    }
}
section#entry-sns a {
    color: #009cf0
}
section#entry-sns .sec-inner {
    padding: 100px 0 80px
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner {
        padding: 12% 0 8%
    }
}
section#entry-sns .sec-inner .item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap {
        flex-wrap: wrap
    }
}
section#entry-sns .sec-inner .item-wrap .item {
    width: 49%;
    border: solid 2px #efefef;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    padding: 60px 4%
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item {
        width: 100%;
        padding: 4%;
        margin-bottom: 1em
    }
}
section#entry-sns .sec-inner .item-wrap .item dl dt {
    font-weight: 600;
    padding-bottom: 1em
}
section#entry-sns .sec-inner .item-wrap .item dl dd a {
    display: inline-block !important;
    margin: 0 4px
}
@media (min-width:769px) {
    section#entry-sns .sec-inner .item-wrap .item dl dd a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#entry-sns .sec-inner .item-wrap .item dl dd a:hover {
        opacity: 0.6
    }
}
section#entry-sns .sec-inner .item-wrap .item dl dd a img {
    display: inline-block
}
section#entry-sns .sec-inner .item-wrap .item dl dd span.tag {
    display: inline-block;
    background: #fff;
    color: #lb;
    text-align: center;
    border: solid 2px #efefef;
    border-radius: 30px;
    padding: 0.6em 2em;
    font-weight: 600;
    margin: 0 4px;
    margin-bottom: 1em
}
section#entry-sns .sec-inner .item-wrap .item.bnr {
    background: #fff;
    border: solid 2px #efefef;
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-top: 2%
}
section#entry-sns .sec-inner .item-wrap .item.bnr.fi {
    margin-top: 0;
    margin-bottom: 2%
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl {
    text-align: left;
    padding: 4%
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dt {
    display: block;
    border-bottom: solid 1px #242424;
    font-size: 1.8rem
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr dl dt {
        font-size: 1.3rem
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd {
    padding-top: 2em
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd img {
    width: 38%;
    float: left;
    height: auto
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr dl dd img {
        width: 100%;
        float: none
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd .text {
    width: 58%;
    float: right
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr dl dd .text {
        width: 100%;
        float: none
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd .text p {
    font-size: 1.2rem;
    padding-top: 1.6rem
}
section#entry-sns .sec-inner .item-wrap .item.bnr dl dd .text p span {
    display: block;
    color: #ccc;
    padding-top: 1em;
    font-size: 1.0rem
}
section#entry-sns .sec-inner .item-wrap .item.bnr a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #242424
}
@media (min-width:769px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#entry-sns .sec-inner .item-wrap .item.bnr a:hover {
        opacity: 0.6
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr a img {
    width: 50%;
    height: auto
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr a img {
        width: 100%
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr a span {
    display: block;
    width: 44%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 2%;
    text-align: left;
    padding-right: 3em;
    font-weight: 600
}
section#entry-sns .sec-inner .item-wrap .item.bnr a span:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\e900";
    color: #fff;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    font-size: 1.0rem;
    line-height: 20px;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#entry-sns .sec-inner .item-wrap .item.bnr a span {
        display: block;
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        right: auto;
        text-align: left;
        padding-right: 0;
        padding: 2em
    }
    section#entry-sns .sec-inner .item-wrap .item.bnr a span:after {
        right: 2em
    }
}
section#entry-sns .sec-inner .item-wrap .item.bnr.acrobat-reader a {
    color: #009cf0;
    margin: 0
}
section#enjoy-tips .sec-inner {
    padding: 60px 0 80px
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner {
        padding: 8% 0
    }
}
section#enjoy-tips .sec-inner .sec-tit {
    margin-bottom: 2em;
    background: url("../../../../asset/img/about/h3_bg_about_type.jpg") center center no-repeat
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .sec-tit {
        background: url("../../../../asset/img/about/h3_bg_about_type_sp.jpg") center center no-repeat;
        background-size: 100% auto
    }
}
section#enjoy-tips .sec-inner .sec-tit h3 {
    font-size: 2.6rem;
    text-align: center;
    padding: 30px 0 15px
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .sec-tit h3 {
        font-size: 1.6rem
    }
}
section#enjoy-tips .sec-inner .sec-tit p {
    text-align: center
}
section#enjoy-tips .sec-inner .item-wrap {
    display: flex;
    justify-content: space-between;
    padding-bottom: 100px;
    position: relative;
    border-bottom: solid 1px #efefef
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap {
        flex-wrap: wrap;
        padding-bottom: 4%
    }
}
section#enjoy-tips .sec-inner .item-wrap .item {
    width: 48.5%;
    background: #fff;
    text-align: center;
    margin-bottom: 5em
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .item {
        width: 100%;
        margin-bottom: 0
    }
}
section#enjoy-tips .sec-inner .item-wrap .item img {
    width: 100%;
    height: auto
}
section#enjoy-tips .sec-inner .item-wrap .item p {
    text-align: center;
    font-family: 'M+ 2p bold';
    font-size: 1.8rem;
    padding: 1em
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .item p {
        font-size: 1.4rem
    }
}
section#enjoy-tips .sec-inner .item-wrap .balloon {
    width: 100%;
    height: 80px;
    background: #009cf0;
    color: #fff;
    position: absolute;
    bottom: 60px;
    left: 0;
    border-radius: 10px
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .balloon {
        height: 45px;
        margin-bottom: 2em
    }
}
section#enjoy-tips .sec-inner .item-wrap .balloon:after {
    content: '';
    display: block;
    position: absolute;
    border-left: 5px solid transparent;
    border-bottom: 12px solid #009cf0;
    border-right: 5px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    left: 25%;
    top: -10px
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .balloon:after {
        left: 50%;
        top: -10px
    }
}
section#enjoy-tips .sec-inner .item-wrap .balloon span {
    display: block;
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .balloon span {
        font-size: 1.2rem;
        width: 92%;
        line-height: 1.2
    }
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap .balloon {
        position: relative;
        bottom: auto
    }
}
section#enjoy-tips .sec-inner .item-wrap-movie {
    display: flex;
    justify-content: space-between;
    padding-top: 60px;
    position: relative
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap-movie {
        flex-wrap: wrap;
        padding-top: 4%
    }
}
section#enjoy-tips .sec-inner .item-wrap-movie .item {
    width: 48.5%;
    background: #fff;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap-movie .item {
        width: 100%;
        margin-bottom: 0
    }
}
@media (min-width:769px) {
    section#enjoy-tips .sec-inner .item-wrap-movie .item a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#enjoy-tips .sec-inner .item-wrap-movie .item a:hover {
        opacity: 0.6
    }
}
section#enjoy-tips .sec-inner .item-wrap-movie .item img {
    width: 100%;
    height: auto
}
section#enjoy-tips .sec-inner .item-wrap-movie .item p {
    text-align: center;
    font-family: 'M+ 2p bold';
    font-size: 1.8rem;
    padding: 1em
}
@media only screen and (max-width:768px) {
    section#enjoy-tips .sec-inner .item-wrap-movie .item p {
        font-size: 1.4rem
    }
}
section.btn-sec .sec-inner {
    padding: 30px 0
}
@media only screen and (max-width:768px) {
    section.btn-sec .sec-inner {
        padding: 8% 0
    }
}
section#enjoy-qa {
    background: #e7f7fe
}
section#enjoy-qa .sec-inner {
    padding: 80px 0
}
@media only screen and (max-width:768px) {
    section#enjoy-qa .sec-inner {
        padding: 8% 0
    }
}
section#faq-common {
    background: #e7f7fe
}
section#faq-common .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#faq-common .sec-inner {
        padding: 8% 0
    }
}
section#faq-common .sec-inner .etc-info {
    background: #fff;
    border-radius: 5px;
    padding: 30px 40px
}
@media only screen and (max-width:768px) {
    section#faq-common .sec-inner .etc-info {
        padding: 4%
    }
}
section#faq-common .sec-inner .etc-info p {
    margin-bottom: 1em
}
section#faq-common .sec-inner .etc-info p.small {
    margin-bottom: 0;
    font-size: 1.1rem;
    color: #bbb
}
@media only screen and (max-width:768px) {
    section#faq-common .sec-inner .etc-info p.small {
        font-size: 1.0rem
    }
}
section#faq-common .sec-inner .etc-info dl {
    margin-bottom: 1em
}
section#faq-common .sec-inner .etc-info dl dt {
    font-weight: 600;
    padding-bottom: 0.5em
}
section#faq-common .sec-inner .etc-info dl dd {
    font-size: 1.3rem;
    position: relative;
    padding: 0 0 0 8em
}
section#faq-common .sec-inner .etc-info dl dd span.tit {
    display: block;
    width: 7em;
    position: absolute;
    left: 0;
    top: 0
}
section#faq-common .sec-inner .etc-info dl dd span.tit:after {
    content: ':';
    display: block;
    position: absolute;
    right: 0;
    top: 0
}
@media only screen and (max-width:768px) {
    section#faq-common .sec-inner .etc-info dl dd {
        font-size: 1.2rem;
        padding: 0;
        padding-bottom: 0.5em
    }
    section#faq-common .sec-inner .etc-info dl dd span.tit {
        position: relative;
        width: auto;
        left: auto;
        top: auto;
        display: block
    }
    section#faq-common .sec-inner .etc-info dl dd span.tit:after {
        display: none
    }
}
section#faq-similar .sec-inner {
    padding: 60px 0 20px
}
@media only screen and (max-width:768px) {
    section#faq-similar .sec-inner {
        padding: 8% 0
    }
}
section#faq-similar .sec-inner .similar-text {
    border: solid 8px #efefef;
    border-radius: 5px;
    padding: 80px 6%
}
@media only screen and (max-width:768px) {
    section#faq-similar .sec-inner .similar-text {
        border: solid 4px #efefef;
        padding: 8% 4%
    }
}
section#faq-similar .sec-inner .similar-text .item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 2em
}
section#faq-similar .sec-inner .similar-text .item-wrap .item {
    width: 48.5%;
    font-size: 1.3rem;
    line-height: 1.8;
    margin-bottom: 2em
}
section#faq-similar .sec-inner .similar-text .item-wrap .item:last-child {
    margin-bottom: 0
}
@media only screen and (max-width:768px) {
    section#faq-similar .sec-inner .similar-text .item-wrap .item {
        font-size: 1.1rem;
        width: 100%
    }
}
section#faq-similar .sec-inner .similar-text .item-wrap .item .tit {
    font-size: 1.5rem;
    line-height: 1;
    border-left: solid 5px #009cf0;
    padding-left: 1em;
    margin-bottom: 1em;
    font-weight: 600
}
@media only screen and (max-width:768px) {
    section#faq-similar .sec-inner .similar-text .item-wrap .item .tit {
        font-size: 1.2rem
    }
}
section#faq-safety .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner {
        padding: 8% 0
    }
}
section#faq-safety .sec-inner .safety-text {
    border: solid 8px #efefef;
    border-radius: 5px;
    padding: 80px 6%
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text {
        border: solid 4px #efefef;
        padding: 8% 4%
    }
}
section#faq-safety .sec-inner .safety-text .item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 2em
}
section#faq-safety .sec-inner .safety-text .item-wrap .item {
    width: 48.5%;
    font-size: 1.3rem;
    line-height: 1.8;
    margin-bottom: 4em;
    position: relative
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item {
        font-size: 1.1rem;
        width: 100%
    }
}
section#faq-safety .sec-inner .safety-text .item-wrap .item .tit {
    font-size: 1.5rem;
    line-height: 1;
    border-left: solid 5px #009cf0;
    padding-left: 1em;
    margin-bottom: 1em;
    font-weight: 600
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item .tit {
        font-size: 1.2rem
    }
}
section#faq-safety .sec-inner .safety-text .item-wrap .item .small {
    font-size: 1.1rem;
    color: #bbb
}
section#faq-safety .sec-inner .safety-text .item-wrap .item .small .sp-t {
    display: none
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item .small {
        font-size: 1.0rem
    }
    section#faq-safety .sec-inner .safety-text .item-wrap .item .small .pc-t {
        display: none
    }
    section#faq-safety .sec-inner .safety-text .item-wrap .item .small .sp-t {
        display: inline-block
    }
}
section#faq-safety .sec-inner .safety-text .item-wrap .item.size-l {
    width: 100%
}
@media (min-width:769px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item .download-btn {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        right: 0
    }
}
@media (min-width:769px) and (min-width:769px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item .download-btn {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#faq-safety .sec-inner .safety-text .item-wrap .item .download-btn:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .item-wrap .item .download-btn {
        margin-top: 2em
    }
}
section#faq-safety .sec-inner .safety-text .notice {
    background: #fafafa;
    padding: 6% 8%;
    line-height: 1.8
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice {
        padding: 8% 4%;
        font-size: 1.1rem
    }
}
section#faq-safety .sec-inner .safety-text .notice h4 {
    color: #009cf0;
    font-size: 1.8rem;
    margin-bottom: 1.5em
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice h4 {
        font-size: 1.4rem
    }
}
section#faq-safety .sec-inner .safety-text .notice p.tit {
    font-size: 1.5rem;
    font-weight: 600;
    margin-bottom: 1em
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice p.tit {
        font-size: 1.2rem
    }
}
section#faq-safety .sec-inner .safety-text .notice ul.notice-list {
    border-top: 1px solid #efefef;
    border-bottom: 1px solid #efefef;
    padding: 2em 0;
    margin: 2em 0;
    font-size: 1.2rem
}
section#faq-safety .sec-inner .safety-text .notice ul.notice-list li {
    position: relative;
    padding-left: 2em
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice ul.notice-list li {
        padding-left: 1.4rem
    }
}
section#faq-safety .sec-inner .safety-text .notice ul.notice-list li:before {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background: #242424;
    position: absolute;
    border-radius: 50%;
    top: 4px;
    left: 0
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice ul.notice-list li:before {
        width: 11px;
        height: 11px;
        top: 6px
    }
}
section#faq-safety .sec-inner .safety-text .notice .text-info {
    padding-bottom: 2em;
    border-bottom: 1px solid #efefef
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice .text-info {
        padding-bottom: 0;
        border-bottom: none
    }
}
section#faq-safety .sec-inner .safety-text .notice .text-info dl {
    position: relative;
    padding-left: 26%
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice .text-info dl {
        padding-left: 0
    }
}
section#faq-safety .sec-inner .safety-text .notice .text-info dl dt {
    font-weight: 600
}
@media (min-width:769px) {
    section#faq-safety .sec-inner .safety-text .notice .text-info dl dt {
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 0;
        width: 28%;
        text-align: center
    }
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice .text-info dl dt {
        font-size: 1.2rem
    }
}
section#faq-safety .sec-inner .safety-text .notice .text-info dl dd {
    font-size: 1.2rem;
    border-left: 1px solid #efefef;
    padding-left: 8%
}
@media only screen and (max-width:768px) {
    section#faq-safety .sec-inner .safety-text .notice .text-info dl dd {
        border-left: none;
        padding-left: 0;
        font-size: 1.1rem
    }
}
section#faq-safety .sec-inner ul.link-group {
    padding-top: 2em
}
section#secret-top-visual {
    background: url("../../../../asset/img/secret/topvisual_bg.jpg") center top no-repeat;
    background-size: 100% auto
}
section#secret-top-visual .sec-inner {
    max-width: 950px;
    margin: 0 auto;
    padding: 80px 0 40px
}
@media only screen and (max-width:768px) {
    section#secret-top-visual .sec-inner {
        padding: 40px 0 20px
    }
}
section#secret-top-visual .sec-inner img {
    width: 100%;
    height: auto;
    margin-bottom: 40px
}
@media only screen and (max-width:768px) {
    section#secret-top-visual .sec-inner img {
        margin-bottom: 20px
    }
}
section#secret-top-visual .sec-inner .text {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8
}
@media only screen and (max-width:768px) {
    section#secret-top-visual .sec-inner .text {
        font-size: 1.4rem
    }
}
.secret-vs .inner {
    max-width: 1120px;
    margin: 2em auto;
    height: 714px;
    background: url("../../../../asset/img/secret/head_pc.jpg") center center no-repeat;
    position: relative
}
@media only screen and (max-width:768px) {
    .secret-vs .inner {
        height: auto;
        background: url("../../../../asset/img/secret/head_sp.jpg") center center no-repeat;
        background-size: 100% 100%
    }
    .secret-vs .inner:before {
        content: '';
        display: block;
        width: 100%;
        padding-top: 108%
    }
}
.secret-vs .inner .text {
    width: 92%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: #fff
}
.secret-vs .inner .text .tit {
    font-size: 4.2rem;
    font-weight: 600;
    display: inline-block;
    background: url("../../../../asset/img/secret/head_tit_line_1.png") left bottom no-repeat;
    background-size: 100% auto;
    padding: 0 1.5em 0 1em;
    line-height: 1.2;
    margin-bottom: 0.8em
}
@media only screen and (max-width:768px) {
    .secret-vs .inner .text .tit {
        font-size: 2.0rem
    }
}
.secret-vs .inner .text p {
    line-height: 2;
    font-size: 1.8rem
}
@media only screen and (max-width:768px) {
    .secret-vs .inner .text p {
        line-height: 1.8;
        font-size: 1.2rem
    }
}
.secret-head {
    position: relative
}
.secret-head:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
.secret-head .img {
    width: 51.5%;
    float: right
}
.secret-head .img img {
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    .secret-head .img {
        width: 100%;
        float: none
    }
}
@media (min-width:769px) {
    .secret-head dl {
        width: 48.5%;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        left: 0
    }
}
.secret-head dl dt {
    font-size: 3.2rem;
    font-weight: 600;
    display: inline-block;
    background: url("../../../../asset/img/secret/head_tit_line_2.png") left bottom no-repeat;
    background-size: 100% auto;
    padding: 0 1.5em 0 0.2em;
    line-height: 1.4;
    margin-bottom: 0.8em
}
@media only screen and (max-width:768px) {
    .secret-head dl dt {
        font-size: 1.8rem
    }
}
.secret-head dl dd {
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    .secret-head dl dd {
        font-size: 1.2rem
    }
}
section#secret-his {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_obli.png")
}
section#secret-his .sec-inner {
    padding: 110px 0
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner {
        padding: 8% 0
    }
}
section#secret-his .sec-inner h3.type-2 {
    color: #fff
}
section#secret-his .sec-inner .his-list {
    position: relative;
    padding-top: 55px;
    margin-top: 6em
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list {
        padding-top: 30px;
        margin-top: 0
    }
}
section#secret-his .sec-inner .his-list:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
section#secret-his .sec-inner .his-list:before {
    content: '';
    display: block;
    width: 1px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 50%;
    top: 0
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list:before {
        left: 28px
    }
}
section#secret-his .sec-inner .his-list:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url("../../../../asset/img/secret/pict_beads_0.png") center center no-repeat;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    top: 0
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list:after {
        left: 29px
    }
}
section#secret-his .sec-inner .his-list dl {
    width: 50%;
    float: right;
    margin-bottom: 60px
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl {
        float: none;
        width: 100%;
        margin-bottom: 30px
    }
}
section#secret-his .sec-inner .his-list dl dt {
    position: relative;
    width: 100%;
    text-align: center;
    margin-bottom: 2em;
    display: none
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dt {
        text-align: left
    }
}
section#secret-his .sec-inner .his-list dl dt span {
    display: inline-block;
    background: #fff;
    border-radius: 30px;
    color: #009cf0;
    font-size: 2.0rem;
    font-weight: 600;
    padding: 0.4rem 3rem
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dt span {
        font-size: 1.2rem;
        padding: 0.4rem 1.5rem
    }
}
section#secret-his .sec-inner .his-list dl dd {
    position: relative;
    font-size: 1.8rem;
    padding-left: 4%
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dd {
        width: 100%;
        font-size: 1.2rem;
        padding-left: 60px
    }
}
section#secret-his .sec-inner .his-list dl dd:before {
    content: '';
    display: block;
    height: 1px;
    width: 50%;
    background: #fff;
    position: absolute;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dd:before {
        left: 28px
    }
}
section#secret-his .sec-inner .his-list dl dd:after {
    content: '';
    display: block;
    height: 14px;
    width: 14px;
    position: absolute;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: -7px
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dd:after {
        left: 22px
    }
}
section#secret-his .sec-inner .his-list dl dd .inner {
    background: #fff;
    position: relative;
    border-radius: 3px;
    padding: 20px 40px;
    padding-right: 7em;
    z-index: 2;
    font-weight: 600
}
section#secret-his .sec-inner .his-list dl dd .inner img {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 14vw;
    height: auto
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dd .inner img {
        width: 15vw
    }
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl dd .inner {
        padding: 1.0em 1.2em;
        padding-right: 6em
    }
    section#secret-his .sec-inner .his-list dl dd .inner img {
        right: 2% !important;
        bottom: 20% !important
    }
}
section#secret-his .sec-inner .his-list dl:nth-of-type(1) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_1.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(1) dd .inner img {
    bottom: 40%;
    right: 1vw;
    max-width: 136px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(2) {
    margin-top: 7%
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl:nth-of-type(2) {
        margin-top: 0
    }
}
section#secret-his .sec-inner .his-list dl:nth-of-type(2) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_2.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(2) dd .inner img {
    bottom: 20%;
    right: 4vw;
    max-width: 99px
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list dl:nth-of-type(2) dd .inner img {
        max-width: 50px;
        right: 6% !important
    }
}
section#secret-his .sec-inner .his-list dl:nth-of-type(3) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_3.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(3) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 180px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(4) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_4.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(4) dd .inner img {
    bottom: 10%;
    right: 1vw;
    max-width: 180px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(5) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_5.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(5) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 127px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(6) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_6.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(6) dd .inner img {
    bottom: 26%;
    right: 1vw;
    max-width: 116px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(7) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_7.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(7) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 122px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(8) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_8.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(8) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 162px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(9) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_9.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(9) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 142px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(10) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_10.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(10) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 130px
}
section#secret-his .sec-inner .his-list dl:nth-of-type(11) dd:after {
    background: url("../../../../asset/img/secret/pict_beads_11.png") center center no-repeat
}
section#secret-his .sec-inner .his-list dl:nth-of-type(11) dd .inner img {
    bottom: 20%;
    right: 1vw;
    max-width: 160px
}
@media (min-width:769px) {
    section#secret-his .sec-inner .his-list dl:nth-of-type(even) {
        float: left
    }
    section#secret-his .sec-inner .his-list dl:nth-of-type(even) dd {
        padding-left: 0;
        padding-right: 4%
    }
    section#secret-his .sec-inner .his-list dl:nth-of-type(even) dd:before {
        left: auto;
        right: 0
    }
    section#secret-his .sec-inner .his-list dl:nth-of-type(even) dd:after {
        left: auto;
        right: -7px
    }
}
section#secret-his .sec-inner .his-list .now {
    text-align: center;
    position: relative;
    z-index: 2;
    clear: both
}
section#secret-his .sec-inner .his-list .now span {
    display: inline-block;
    color: #fff;
    background: #e61874;
    font-weight: 600;
    text-align: center;
    padding: 0.8em 2em;
    border-radius: 40px;
    font-size: 2.4rem
}
@media only screen and (max-width:768px) {
    section#secret-his .sec-inner .his-list .now span {
        display: block;
        width: 100%;
        font-size: 1.6rem
    }
}
section#secret-world {
    padding: 4em 0
}
section#secret-world img {
    width: 100%;
    height: auto
}
.parent-vs .img img {
    display: block;
    width: 100%;
    height: auto
}
.parent-vs .text {
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 4% 4em
}
@media only screen and (max-width:768px) {
    .parent-vs .text {
        font-size: 1.3rem;
        padding: 4%
    }
}
section#parent-voice {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_dot_1.png")
}
section#parent-voice .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner {
        padding: 8% 0
    }
}
section#parent-voice .sec-inner .voice-list {
    display: flex;
    flex-wrap: wrap
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner .voice-list {
        padding: 0 4%
    }
}
section#parent-voice .sec-inner .voice-list article {
    width: 31.33%;
    margin-right: 3%;
    margin-bottom: 4%
}
@media (min-width:769px) {
    section#parent-voice .sec-inner .voice-list article:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner .voice-list article {
        width: 100%;
        margin-bottom: 12%;
        margin-right: 0
    }
}
section#parent-voice .sec-inner .voice-list article .text {
    position: relative;
    height: 150px;
    background: #eb6877;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 2em
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner .voice-list article .text {
        height: 90px
    }
}
section#parent-voice .sec-inner .voice-list article .text span {
    display: block;
    width: 90%;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.5rem;
    line-height: 1.6;
    font-weight: 600;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner .voice-list article .text span {
        font-size: 1.2rem
    }
}
section#parent-voice .sec-inner .voice-list article .text:after {
    content: '';
    display: block;
    border-left: 7px solid transparent;
    border-top: 20px solid #eb6877;
    border-right: 7px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -18px
}
section#parent-voice .sec-inner .voice-list article .img {
    border-radius: 10px;
    overflow: hidden
}
section#parent-voice .sec-inner .voice-list article .img img {
    width: 100%;
    height: auto
}
section#parent-voice .sec-inner .text {
    text-align: center;
    font-weight: 600;
    font-size: 1.8rem;
    max-width: 1120px;
    margin: 0 auto;
    padding: 0 0
}
@media only screen and (max-width:768px) {
    section#parent-voice .sec-inner .text {
        font-size: 1.3rem
    }
}
section#parent-info {
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/bg_obli2.png")
}
section#parent-info .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner {
        padding: 8% 0
    }
}
section#parent-info .sec-inner .info-head {
    position: relative;
    background: #ffa32c;
    border-radius: 10px;
    color: #fff;
    margin-bottom: 2em;
    padding: 3em 0
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-head {
        padding: 2em 0
    }
}
section#parent-info .sec-inner .info-head span {
    display: block;
    text-align: center;
    font-size: 2.2rem;
    line-height: 1.6;
    font-weight: 600;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-head span {
        font-size: 1.2rem
    }
}
section#parent-info .sec-inner .info-head:after {
    content: '';
    display: block;
    border-left: 7px solid transparent;
    border-top: 20px solid #ffa32c;
    border-right: 7px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -18px
}
section#parent-info .sec-inner .info-head img {
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 16vw
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-head img {
        display: none
    }
}
section#parent-info .sec-inner .info-head img.img1 {
    left: 4%;
    max-width: 225px
}
section#parent-info .sec-inner .info-head img.img2 {
    max-width: 201px;
    top: 36%;
    right: 4%
}
section#parent-info .sec-inner .info-list {
    display: flex;
    flex-wrap: wrap
}
section#parent-info .sec-inner .info-list article {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    background: #fff;
    border-radius: 5px;
    border: solid 2px #efefef;
    padding: 4%
}
@media (min-width:769px) {
    section#parent-info .sec-inner .info-list article:nth-of-type(2n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-list article {
        width: 100%;
        padding: 6% 4%;
        margin-right: 0
    }
}
section#parent-info .sec-inner .info-list article dl dt {
    font-size: 1.8rem;
    font-weight: 600;
    border-bottom: 1px #000 solid;
    padding-bottom: 0.6em;
    margin-bottom: 1.6rem;
    position: relative
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-list article dl dt {
        font-size: 1.3rem
    }
}
section#parent-info .sec-inner .info-list article dl dt img {
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 2%
}
section#parent-info .sec-inner .info-list article dl dd {
    line-height: 1.8;
    font-size: 1.5rem
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-list article dl dd {
        font-size: 1.1rem
    }
}
section#parent-info .sec-inner .info-list article dl dd .i-text {
    position: relative;
    padding: 5px 0
}
section#parent-info .sec-inner .info-list article dl dd .i-text p {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    left: 0;
    padding-left: 80px;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-list article dl dd .i-text p {
        padding-left: 70px;
        font-size: 1.1rem
    }
}
section#parent-info .sec-inner .info-list article dl dd .tit {
    font-weight: 600
}
section#parent-info .sec-inner .info-list article dl dd .text {
    padding-bottom: 1em
}
section#parent-info .sec-inner .info-list article dl dd > img {
    display: block;
    width: 100%;
    height: auto;
    margin-top: 1em
}
section#parent-info .sec-inner .info-list article:nth-of-type(3) {
    background: #fff url("../../../../asset/img/parent/bg_1.jpg") center bottom no-repeat;
    background-size: 100% auto
}
section#parent-info .sec-inner .info-list article .btn {
    padding-top: 2em
}
section#parent-info .sec-inner .info-list article .btn a {
    display: block;
    background: #009cf0;
    height: 60px;
    position: relative;
    color: #fff;
    font-weight: 600;
    border-radius: 30px
}
@media (min-width:769px) {
    section#parent-info .sec-inner .info-list article .btn a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#parent-info .sec-inner .info-list article .btn a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    section#parent-info .sec-inner .info-list article .btn a {
        height: 40px
    }
}
section#parent-info .sec-inner .info-list article .btn a span {
    display: block;
    width: 92%;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
section#parent-info .sec-inner .info-list article .btn a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 1.1rem;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 6%;
    content: "\e900"
}
@media (min-width:769px) {
    .moviepage-list {
        display: flex;
        flex-wrap: wrap
    }
}
.moviepage-list li {
    position: relative;
    border-bottom: solid 2px #009cf0;
    margin: 0 15px;
    width: 31.3333%;
    margin: 0 0 3%;
    margin-right: 3%;
    padding-bottom: 3em;
    border-bottom: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    .moviepage-list li {
        margin: 0 5px;
        border-bottom: none
    }
}
.moviepage-list li a {
    display: block;
    text-decoration: none;
    color: #000;
    font-weight: 500;
    padding-bottom: 1.5em
}
@media (min-width:769px) {
    .moviepage-list li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .moviepage-list li a:hover {
        opacity: 0.6
    }
}
@media only screen and (max-width:768px) {
    .moviepage-list li a {
        font-size: 1.2rem;
        display: flex;
        justify-content: space-between
    }
}
.moviepage-list li .img {
    border: solid 2px #efefef
}
@media only screen and (max-width:768px) {
    .moviepage-list li .img {
        width: 49%
    }
}
.moviepage-list li .img img {
    display: block;
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    .moviepage-list li .text-wrap {
        position: relative;
        width: 49%;
        border-bottom: solid 2px #009cf0
    }
}
.moviepage-list li .text-wrap .text {
    position: relative;
    min-height: 75px;
    font-family: 'Noto Sans Japanese', sans-serif;
    line-height: 1.4;
    padding-top: 1em
}
.moviepage-list li .text-wrap .text p {
    font-size: 1.3rem;
    padding-top: 1em
}
@media only screen and (max-width:768px) {
    .moviepage-list li .text-wrap .text {
        padding-top: 0
    }
}
.moviepage-list li .text-wrap .detail-btn {
    position: absolute;
    right: 0;
    bottom: 1.5em;
    padding-right: 2em;
    font-size: 1.3rem
}
@media only screen and (max-width:768px) {
    .moviepage-list li .text-wrap .detail-btn {
        font-size: 1.0rem
    }
}
.moviepage-list li .text-wrap .detail-btn span {
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    display: block;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 10px
}
.moviepage-list li .text-wrap .detail-btn span:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem;
    content: "\e900";
    color: #fff
}
@media only screen and (max-width:768px) {
    .moviepage-list li .text-wrap .detail-btn span {
        width: 15px;
        height: 15px
    }
    .moviepage-list li .text-wrap .detail-btn span:before {
        transform: translate(-50%, -50%) scale(0.8)
    }
}
@media (min-width:769px) {
    .moviepage-list li:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .moviepage-list li {
        width: 100%;
        margin: 15px 0
    }
}
.moviepage-list li a .img {
    position: relative
}
.moviepage-list li a .img .tag {
    position: absolute;
    right: 5px;
    top: 5px;
    display: block;
    text-align: center;
    width: 100px;
    height: 30px;
    color: #fff;
    background: #709ddb;
    font-size: 1.0rem
}
.moviepage-list li a .img .tag span {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%
}
.moviepage-list li a .text-wrap .text p {
    font-weight: normal
}
.moviepage-list li a .text-wrap .detail-btn span {
    background: #9370db
}
section#movie-cm {
    background: #f9f8fd
}
section#movie-cm .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#movie-cm .sec-inner {
        padding: 8% 0
    }
}
section#movie-howto .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#movie-howto .sec-inner {
        padding: 8% 0
    }
}
section#movie-howto .sec-inner .moviepage-list li a .img .tag {
    background: #db70b1
}
.content-body h1.page-title {
    display: none
}
#feature:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
#feature .block-page-title-block, #feature .contextual, #feature .field__label {
    display: none
}
#feature .field--name-field-tejitaitoru- {
    font-weight: 600;
    font-size: 2.4rem;
    display: block;
    padding: 2em 0 0.8em;
    border-bottom: solid 1px #efefef;
    margin-bottom: 40px
}
@media only screen and (max-width:768px) {
    #feature .field--name-field-tejitaitoru- {
        font-size: 1.6rem;
        padding-top: 0;
        margin-bottom: 20px
    }
}
@media (min-width:769px) {
    #feature .field--name-field-tejihuaxiang {
        width: 66.96%;
        float: left
    }
}
@media only screen and (max-width:768px) {
    #feature .field--name-field-tejihuaxiang {
        margin-bottom: 20px
    }
}
#feature .field--name-field-tejihuaxiang img {
    display: block;
    width: 100%;
    height: auto
}
@media (min-width:769px) {
    #feature .field--name-field-tokushu-text {
        width: 30%;
        float: right
    }
}
#feature .field--name-field-guanlianirasutoshito {
    display: none
}
.tray-discription {
    text-align: right
}
.tray-discription a {
    position: relative;
    display: inline-block !important;
    padding: 0.5em 0;
    padding-right: 1.8em;
    border-bottom: solid 2px #f84e8d
}
@media (min-width:769px) {
    .tray-discription a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .tray-discription a:hover {
        opacity: 0.6
    }
}
.tray-discription a:before {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.0rem;
    color: #fff;
    background: #f84e8d;
    border-radius: 50%;
    text-align: center;
    right: 0
}
.tray-discription a span {
    display: inline-block;
    color: #242424
}
.tag-discription {
    text-align: right;
    width: 100%;
    order: 5;
    padding-bottom: 2em
}
.tag-discription a {
    position: relative;
    display: inline-block !important;
    padding: 0.5em 0;
    padding-right: 1.8em;
    border-bottom: solid 2px #009cf0
}
@media (min-width:769px) {
    .tag-discription a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .tag-discription a:hover {
        opacity: 0.6
    }
}
.tag-discription a:before {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.0rem;
    color: #fff;
    background: #009cf0;
    border-radius: 50%;
    text-align: center;
    right: 0
}
.tag-discription a span {
    display: inline-block;
    color: #242424
}
.illustsheet-feature-list .feature-list ul {
    display: flex;
    flex-wrap: wrap
}
.illustsheet-feature-list .feature-list ul li {
    margin-right: 3%;
    margin-bottom: 3%;
    position: relative;
    font-weight: 600
}
@media (min-width:769px) {
    .illustsheet-feature-list .feature-list ul li {
        width: 48.5%
    }
    .illustsheet-feature-list .feature-list ul li:nth-of-type(2n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .illustsheet-feature-list .feature-list ul li {
        width: 100%;
        margin-right: 0
    }
}
.illustsheet-feature-list .feature-list ul li a {
    color: #242424
}
@media (min-width:769px) {
    .illustsheet-feature-list .feature-list ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .illustsheet-feature-list .feature-list ul li a:hover {
        opacity: 0.6
    }
}
.illustsheet-feature-list .feature-list ul li img {
    width: 100%;
    height: auto
}
.illustsheet-feature-list .feature-list ul li .views-field-title {
    padding: 1em 0
}
.illustsheet-feature-list .feature-list ul li .views-field-view-node {
    position: absolute;
    right: 0;
    bottom: 1em
}
.illustsheet-feature-list .feature-list ul li .views-field-view-node a {
    padding-right: 2em
}
.illustsheet-feature-list .feature-list ul li .views-field-view-node a:after {
    display: block;
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: "\e900";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 20px;
    height: 20px;
    line-height: 20px;
    font-size: 1.0rem;
    color: #fff;
    background: #f84e8d;
    border-radius: 50%;
    text-align: center;
    right: 0
}
section#news-index .sec-inner {
    padding: 60px 0
}
@media only screen and (max-width:768px) {
    section#news-index .sec-inner {
        padding: 8% 0
    }
}
.news-list-wrap .news-list {
    margin-bottom: 10px
}
@media (min-width:769px) {
    .news-list-wrap .news-list ul {
        display: flex;
        flex-wrap: wrap
    }
}
.news-list-wrap .news-list ul li {
    background: #fff;
    border-radius: 5px;
    border: solid 1px #efefef;
    position: relative
}
@media (min-width:769px) {
    .news-list-wrap .news-list ul li {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 2%
    }
    .news-list-wrap .news-list ul li:nth-of-type(4n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li {
        border: none;
        margin-bottom: 2%
    }
    .news-list-wrap .news-list ul li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
    .news-list-wrap .news-list ul li:before {
        display: block;
        content: '';
        width: 48%;
        border-bottom: solid 2px #efefef;
        position: absolute;
        bottom: 0;
        right: 0
    }
}
@media (min-width:769px) {
    .news-list-wrap .news-list ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .news-list-wrap .news-list ul li a:hover {
        opacity: 0.6
    }
}
.news-list-wrap .news-list ul li .views-field-field-news-thumb img {
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-field-news-thumb {
        width: 50%;
        float: left;
        border: solid 1px #efefef
    }
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1 {
    position: relative
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-field-katekori-1 {
        width: 50%;
        float: right
    }
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1 div {
    color: #fff;
    height: 24px;
    width: 90px;
    position: absolute;
    top: -24px;
    font-family: 'M+ C Type-1 (basic latin) bold', 'M+ Type-1 (general-j) bold', sans-serif;
    line-height: 24px;
    font-size: 1.0rem;
    text-align: center;
    pointer-events: none
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-field-katekori-1 div {
        left: -94px;
        top: 4px
    }
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1._9 div {
    background: #ff4b47
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1._8 div {
    background: #0b71f2
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1._7 div {
    background: #f84e8d
}
.news-list-wrap .news-list ul li .views-field-field-katekori-1._00 div {
    background: #f29600
}
.news-list-wrap .news-list ul li .views-field-created {
    font-family: 'Lato', sans-serif;
    font-weight: 700;
    color: #aaaaaa;
    font-size: 1.3rem;
    padding: 1em 8% 0.4em
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-created {
        font-size: 1.0rem;
        width: 48%;
        float: right;
        padding: 0 0 0.4em
    }
}
.news-list-wrap .news-list ul li .views-field-title {
    line-height: 1.3
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-title {
        font-size: 1.0rem;
        width: 48%;
        float: right
    }
}
.news-list-wrap .news-list ul li .views-field-title > span {
    display: block;
    padding: 0 8% 1.6em
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-title > span {
        padding: 0 0 0.4em
    }
}
.news-list-wrap .news-list ul li .views-field-title a {
    display: block;
    color: #242424
}
@media (min-width:769px) {
    .news-list-wrap .news-list ul li .views-field-field-news-url-1 {
        display: none
    }
}
@media only screen and (max-width:768px) {
    .news-list-wrap .news-list ul li .views-field-field-news-url-1 {
        width: 48%;
        position: absolute;
        bottom: 0;
        right: 0
    }
    .news-list-wrap .news-list ul li .views-field-field-news-url-1 a {
        display: block;
        text-align: right;
        padding: 0.5em 2em 0.5em;
        color: #242424
    }
    .news-list-wrap .news-list ul li .views-field-field-news-url-1 a:after {
        font-family: 'icomoon' !important;
        speak: none;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        line-height: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        display: block;
        position: absolute;
        top: 50%;
        -webkit-transform: translate(0, -50%);
        -ms-transform: translate(0, -50%);
        transform: translate(0, -50%);
        color: #fff;
        font-size: 1.0rem;
        border-radius: 50%;
        right: 0;
        content: "\e900";
        width: 20px;
        height: 20px;
        background: #009cf0;
        line-height: 20px;
        text-align: center
    }
}
.movie-list-cm-wrap, .movie-list-play-wrap {
    margin-bottom: 10px
}
.movie-list-cm-wrap ul, .movie-list-play-wrap ul {
    overflow: hidden;
    transition: all 0.2s
}
@media (min-width:769px) {
    .movie-list-cm-wrap ul, .movie-list-play-wrap ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
    .movie-list-cm-wrap ul:after, .movie-list-play-wrap ul:after {
        content: '';
        display: block;
        height: 1px;
        width: 31.33%
    }
}
.movie-list-cm-wrap ul li, .movie-list-play-wrap ul li {
    border-bottom: solid 2px #efefef;
    position: relative;
    display: block;
    opacity: 1;
    animation-duration: 0.5s;
    animation-name: fade-in
}
.movie-list-cm-wrap ul li.off, .movie-list-play-wrap ul li.off {
    display: none;
    opacity: 0
}
@keyframes fade-in {
    0% {
        display: none;
        opacity: 0
    }
    1% {
        display: block;
        opacity: 0
    }
    100% {
        display: block;
        opacity: 1
    }
}
@media (min-width:769px) {
    .movie-list-cm-wrap ul li, .movie-list-play-wrap ul li {
        width: 31.33%;
        margin-bottom: 3%
    }
    .movie-list-cm-wrap ul li:nth-of-type(3n), .movie-list-play-wrap ul li:nth-of-type(3n) {
        margin-right: 0
    }
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li, .movie-list-play-wrap ul li {
        border: none;
        margin-bottom: 2%
    }
    .movie-list-cm-wrap ul li:after, .movie-list-play-wrap ul li:after {
        content: '';
        display: block;
        width: 0px;
        height: 0px;
        clear: both
    }
    .movie-list-cm-wrap ul li:before, .movie-list-play-wrap ul li:before {
        display: block;
        content: '';
        width: 48%;
        border-bottom: solid 2px #efefef;
        position: absolute;
        bottom: 0;
        right: 0
    }
}
.movie-list-cm-wrap ul li a, .movie-list-play-wrap ul li a {
    color: #242424
}
@media (min-width:769px) {
    .movie-list-cm-wrap ul li a, .movie-list-play-wrap ul li a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    .movie-list-cm-wrap ul li a:hover, .movie-list-play-wrap ul li a:hover {
        opacity: 0.6
    }
}
.movie-list-cm-wrap ul li .views-field-field-donghuasamuneiru a, .movie-list-play-wrap ul li .views-field-field-donghuasamuneiru a {
    position: relative;
    width: 100%;
    height: 100%;
    display: block
}
.movie-list-cm-wrap ul li .views-field-field-donghuasamuneiru a:after, .movie-list-play-wrap ul li .views-field-field-donghuasamuneiru a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    content: "\e906";
    width: 60px;
    height: 60px;
    font-size: 3.2rem;
    border-radius: 50%;
    text-align: center;
    line-height: 60px;
    text-indent: 0.1em;
    color: #fff;
    background: #709ddb
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-field-donghuasamuneiru a:after, .movie-list-play-wrap ul li .views-field-field-donghuasamuneiru a:after {
        width: 40px;
        height: 40px;
        line-height: 40px;
        font-size: 2.4rem
    }
}
.movie-list-cm-wrap ul li .views-field-field-donghuasamuneiru img, .movie-list-play-wrap ul li .views-field-field-donghuasamuneiru img {
    width: 100%;
    height: auto
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-field-donghuasamuneiru, .movie-list-play-wrap ul li .views-field-field-donghuasamuneiru {
        width: 50%;
        float: left;
        border: solid 1px #efefef
    }
}
.movie-list-cm-wrap ul li .views-field-field-donghuakatekori, .movie-list-play-wrap ul li .views-field-field-donghuakatekori {
    position: absolute;
    top: 5px;
    right: 5px;
    height: 24px;
    width: 90px;
    pointer-events: none
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-field-donghuakatekori, .movie-list-play-wrap ul li .views-field-field-donghuakatekori {
        position: relative;
        right: auto;
        top: auto;
        height: auto;
        width: 50%;
        float: right
    }
}
.movie-list-cm-wrap ul li .views-field-field-donghuakatekori div, .movie-list-play-wrap ul li .views-field-field-donghuakatekori div {
    color: #fff;
    width: 100%;
    position: absolute;
    background: #709ddb;
    font-family: 'M+ C Type-1 (basic latin) bold', 'M+ Type-1 (general-j) bold', sans-serif;
    line-height: 24px;
    font-size: 1.0rem;
    text-align: center
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-field-donghuakatekori div, .movie-list-play-wrap ul li .views-field-field-donghuakatekori div {
        width: 90px;
        height: 24px;
        position: absolute;
        left: -94px;
        top: 4px
    }
}
.movie-list-cm-wrap ul li .views-field-created, .movie-list-play-wrap ul li .views-field-created {
    font-family: 'Lato', sans-serif;
    font-size: 1.3rem;
    padding: 1em 0;
    position: absolute;
    left: 0;
    bottom: 0
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-created, .movie-list-play-wrap ul li .views-field-created {
        font-size: 1.0rem;
        float: right;
        padding: 0 0 1.3em;
        left: 52%;
        width: 21%;
        line-height: 1.1
    }
}
.movie-list-cm-wrap ul li .views-field-title, .movie-list-play-wrap ul li .views-field-title {
    line-height: 1.3;
    font-weight: 600
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-title, .movie-list-play-wrap ul li .views-field-title {
        font-size: 1.2rem;
        width: 48%;
        float: right
    }
}
.movie-list-cm-wrap ul li .views-field-title > span, .movie-list-play-wrap ul li .views-field-title > span {
    display: block;
    padding: 0.8em 0
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-title > span, .movie-list-play-wrap ul li .views-field-title > span {
        padding: 0 0 0.4em
    }
}
.movie-list-cm-wrap ul li .views-field-title a, .movie-list-play-wrap ul li .views-field-title a {
    display: block;
    color: #242424
}
.movie-list-cm-wrap ul li .views-field-field-shaojiewen, .movie-list-cm-wrap ul li .views-field-field-donghuashaojiewen, .movie-list-play-wrap ul li .views-field-field-shaojiewen, .movie-list-play-wrap ul li .views-field-field-donghuashaojiewen {
    font-size: 1.3rem;
    padding-bottom: 4em
}
.movie-list-cm-wrap ul li .views-field-field-shaojiewen a, .movie-list-cm-wrap ul li .views-field-field-donghuashaojiewen a, .movie-list-play-wrap ul li .views-field-field-shaojiewen a, .movie-list-play-wrap ul li .views-field-field-donghuashaojiewen a {
    display: inline-block;
    color: #009cf0
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-field-shaojiewen, .movie-list-cm-wrap ul li .views-field-field-donghuashaojiewen, .movie-list-play-wrap ul li .views-field-field-shaojiewen, .movie-list-play-wrap ul li .views-field-field-donghuashaojiewen {
        font-size: 1.0rem;
        width: 48%;
        float: right
    }
}
.movie-list-cm-wrap ul li .views-field-nothing, .movie-list-cm-wrap ul li .views-field-field-shangpinheshirinku-1, .movie-list-play-wrap ul li .views-field-nothing, .movie-list-play-wrap ul li .views-field-field-shangpinheshirinku-1 {
    position: absolute;
    bottom: 0;
    right: 0
}
.movie-list-cm-wrap ul li .views-field-nothing a, .movie-list-cm-wrap ul li .views-field-field-shangpinheshirinku-1 a, .movie-list-play-wrap ul li .views-field-nothing a, .movie-list-play-wrap ul li .views-field-field-shangpinheshirinku-1 a {
    display: block;
    text-align: right;
    font-size: 1.3rem;
    padding: 1em 2em;
    white-space: nowrap;
    color: #242424
}
.movie-list-cm-wrap ul li .views-field-nothing a:after, .movie-list-cm-wrap ul li .views-field-field-shangpinheshirinku-1 a:after, .movie-list-play-wrap ul li .views-field-nothing a:after, .movie-list-play-wrap ul li .views-field-field-shangpinheshirinku-1 a:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    color: #fff;
    font-size: 1.0rem;
    border-radius: 50%;
    right: 0;
    content: "\e900";
    width: 20px;
    height: 20px;
    background: #009cf0;
    line-height: 20px;
    text-align: center
}
@media only screen and (max-width:768px) {
    .movie-list-cm-wrap ul li .views-field-nothing, .movie-list-cm-wrap ul li .views-field-field-shangpinheshirinku-1, .movie-list-play-wrap ul li .views-field-nothing, .movie-list-play-wrap ul li .views-field-field-shangpinheshirinku-1 {
        width: 48%;
        float: right
    }
    .movie-list-cm-wrap ul li .views-field-nothing a, .movie-list-cm-wrap ul li .views-field-field-shangpinheshirinku-1 a, .movie-list-play-wrap ul li .views-field-nothing a, .movie-list-play-wrap ul li .views-field-field-shangpinheshirinku-1 a {
        font-size: 1.2rem
    }
}
div.item-index-more, div.illustsheet-index-more {
    display: none
}
.more.movie-cm.close div span:before, .more.movie-play.close div span:before, .more.item-result.close div span:before, .more.illustsheet-result.close div span:before {
    content: 'もっと見る'
}
.more.movie-cm.open div:after, .more.movie-play.open div:after, .more.item-result.open div:after, .more.illustsheet-result.open div:after {
    content: "\e903";
    right: 25px;
    font-size: 1.6rem
}
@media only screen and (max-width:768px) {
    .more.movie-cm.open div:after, .more.movie-play.open div:after, .more.item-result.open div:after, .more.illustsheet-result.open div:after {
        right: 15px
    }
}
.more.movie-cm.open div span:before, .more.movie-play.open div span:before, .more.item-result.open div span:before, .more.illustsheet-result.open div span:before {
    content: 'とじる'
}
body.path-user {
    height: 100%;
    color: #fff;
    background: url("https://www.aquabeadsart.com/ja-jp/asset/img/common/login_bg.jpg") center top no-repeat;
    background-size: cover
}
body.path-user .dialog-off-canvas-main-canvas {
    height: 100%;
    width: 100%;
    position: absolute
}
body.path-user .content-body {
    height: 100%;
    position: relative
}
body.path-user .content-body section {
    width: 440px;
    background: #fff;
    color: #242424;
    padding: 0 60px;
    border: solid 1px #efefef;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media only screen and (max-width:768px) {
    body.path-user .content-body section {
        width: 92%;
        padding: 0 4%
    }
}
body.path-user .content-body section img.logo {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 313px;
    height: auto;
    top: -2%
}
@media only screen and (max-width:768px) {
    body.path-user .content-body section img.logo {
        max-width: 92%;
        height: auto
    }
}
body.path-user .content-body section img.logo2 {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    max-width: 165px;
    height: auto;
    top: auto;
    bottom: -100px
}
@media only screen and (max-width:768px) {
    body.path-user .content-body section img.logo2 {
        max-width: 92%;
        height: auto
    }
}
body.path-user .content-body section .sec-inner {
    position: relative;
    padding: 70px 0 60px
}
body.path-user .content-body section .sec-inner label.form-required {
    font-weight: 600
}
body.path-user .content-body section .sec-inner input.form-text {
    border: solid 1px #efefef;
    background: #fff;
    width: 100%;
    padding: 1em
}
body.path-user .content-body section .sec-inner input.button {
    width: 200px;
    height: 50px;
    background: #009cf0;
    color: #fff;
    display: block;
    margin: 0 auto;
    cursor: pointer;
    border-radius: 25px;
    font-weight: 600
}
body.path-user .content-body section .sec-inner .description {
    font-size: 1.1rem;
    opacity: 0.4;
    padding: 0.2em 0 1em
}
ul.pager__items.js-pager__items li a {
    color: #bdbdbd;
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    text-align: center;
    overflow: hidden;
    opacity: 1;
    transition: opacity 0.4s
}
ul.pager__items.js-pager__items li a:hover {
    opacity: 0.6
}
ul.pager__items.js-pager__items li.pager__item {
    display: inline-block;
    padding: 0;
    padding: 0 0.5em
}
ul.pager__items.js-pager__items li.is-active a {
    color: #000
}
ul.pager__items.js-pager__items li.pager__item--next a, ul.pager__items.js-pager__items li.pager__item--previous a {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
    background: #f84e8d;
    border-radius: 50%;
    color: #fff
}
ul.pager__items.js-pager__items li.pager__item--next a span, ul.pager__items.js-pager__items li.pager__item--previous a span {
    display: none
}
ul.pager__items.js-pager__items li.pager__item--next a:before, ul.pager__items.js-pager__items li.pager__item--previous a:before {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    font-size: 1.0rem
}
ul.pager__items.js-pager__items li.pager__item--next {
    padding-left: 2em
}
ul.pager__items.js-pager__items li.pager__item--next a:before {
    content: "\e900"
}
ul.pager__items.js-pager__items li.pager__item--previous {
    padding-right: 2em
}
ul.pager__items.js-pager__items li.pager__item--previous a:before {
    content: "\e902"
}
ul.pager__items.js-pager__items li.pager__item--last, ul.pager__items.js-pager__items li.pager__item--first {
    display: none
}
.view-illustsheet-index-list > .view-header {
    display: none;
}
body .page-mv {
    height: 144px;
}
.page-node-type-product .release {
    padding-bottom: 1.5em;
}
#intro .sec-inner {
    padding-top: 20px;
    padding-bottom: 0;
}
#intro ul.intro-bnr-list li {
    margin-bottom: 2%;
    width: 49%;
}
#intro ul.intro-bnr-list li img {
    width: 100%;
}
ul.intro-bnr-list, ul.bnr-list-2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
ul.bnr-list-2 li {
    width: 49%;
    margin-bottom: 2%;
}
ul.bnr-list-2 li:last-child {
    width: 100%;
    margin-bottom: 0;
}
ul.bnr-list-2 li img {
    width: 100%;
}
ul.bnr-list-2 a.for-mobile {
    display: none;
}
ul.bnr-list-2 a .text {
    padding: 6%;
    padding-right: 12%;
    color: #000;
    font-weight: bold;
    position: relative;
}
ul.bnr-list-2 a .text::after {
    font-family: 'icomoon' !important;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    display: block;
    position: absolute;
    top: 50%;
    transform: translate(0, -50%);
    color: #FFF;
    font-size: 1.0rem;
    border-radius: 50%;
    right: 2em;
    content: "\e900";
    width: 20px;
    height: 20px;
    background: #eb6877;
    line-height: 20px;
    text-align: center;
}
@media (max-width:768px) {
    #intro ul.intro-bnr-list li img {
        width: 100%;
    }
    #intro ul.intro-bnr-list li {
        width: 100%;
    }
    ul.bnr-list-2 li {
        width: 100%;
    }
    ul.bnr-list-2 li:last-child {
        background: #FFF;
        border-radius: 5px;
        overflow: hidden;
    }
    ul.bnr-list-2 a.for-pc {
        display: none;
    }
    ul.bnr-list-2 a.for-mobile {
        display: block;
    }
}
@media (max-width:480px) {
    ul.bnr-list-2 a .text::after {
        font-size: 0.6rem;
        right: 3em;
        width: 13px;
        height: 13px;
        line-height: 15px;
    }
}
.view-illustsheet-index-list .views-row .new {
    position: absolute;
    top: 10px;
    left: 10px;
}
body section#item-index .sec-inner .search-result .item-list ul li .views-field-title {
    font-family: 'Lato', 'Noto sans Japanese', sans-serif;
    line-height: 1.6;
}
.search-result .item-list ul li .views-field-title .release {
    margin-top: 5px;
    font-size: 1.3rem;
}
.img-notice img {
    width: 100%;
    height: auto;
}
.text-notice {
    margin: 20px 0;
}
.text-info a {
    color: #242424;
}
.link-contact {
    display: block;
    font-size: 1.5rem;
    font-weight: bold;
    margin-top: 20px;
}
.link-contact::after {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../../../asset/img/parent/icon_1.png");
    vertical-align: sub;
    margin-left: 15px;
}
.secret-movie {
    width: 930px;
    margin: 0 auto;
    padding: 60px 0 !important;
}
.secret-movie .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.secret-movie .ph img {
    width: 475px;
}
.secret-movie .tit {
    font-size: 3.2rem;
    font-weight: 600;
    display: inline-block;
    background: url("../../../../asset/img/secret/head_tit_line_2.png") left bottom no-repeat;
    background-size: 100% auto;
    padding: 0 1.5em 0 0.2em;
    line-height: 1.4;
    margin-bottom: 0.8em;
}
.secret-movie .desc p {
    font-size: 1.6rem;
    font-weight: 600;
}
@media (max-width:768px) {
    .secret-movie {
        width: 92%;
        padding: 30px 4%;
    }
    .secret-movie .inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .secret-movie .ph img {
        width: 100%;
        margin-bottom: 30px;
    }
    .secret-movie .tit {
        font-size: 1.8rem;
    }
    .secret-movie .desc p {
        font-size: 1.2rem;
    }
}
.flip-movie {
    width: 930px;
    margin: 0 auto;
    padding: 10px 0 60px;
}
.flip .inner {
    text-align: center;
}
.flip-movie .ph img {
    width: 630px;
    margin: 0 auto 30px;
    text-align: center;
}
@media (max-width:768px) {
    .flip-movie {
        width: 92%;
        margin: 0 auto;
        padding: 30px 4%;
    }
    .flip-movie .inner {
        flex-direction: column;
        align-items: flex-start;
    }
    .flip-movie .ph img {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
}
section#secret3d-top-visual {
    background: url("../../../../asset/img/3d/topvisual_bg.jpg") center top no-repeat;
    background-size: cover
}
section3d#secret-top-visual .sec-inner {
    max-width: 950px;
    margin: 0 auto;
    padding: 80px 0 40px
}
@media only screen and (max-width:768px) {
    section#secret3d-top-visual .sec-inner {
        padding: 20px 0 20px
    }
}
section#secret3d-top-visual .sec-inner img {
    width: 100%;
    height: auto;
    margin-bottom: 40px
}
@media only screen and (max-width:768px) {
    section#secret3d-top-visual .sec-inner img {
        margin-bottom: 20px
    }
}
section#secret3d-top-visual .sec-inner .text {
    text-align: center;
    font-size: 1.6rem;
    font-weight: 600;
    line-height: 1.8
}
@media only screen and (max-width:768px) {
    section#secret3d-top-visual .sec-inner .text {
        font-size: 1.4rem
    }
}
.col_3 {
    width: 100%;
    display: flex;
    display: -ms-flexbox;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
}
.col_3 > div {
    width: 47%;
    margin: 4% 1.5%;
    max-width: 500px;
    border: 2px solid #efefef;
    filter: drop-shadow(10px 10px 10px rgba(0, 0, 0, 0.3));
}
.col_3 img {
    width: 100%;
}
@media screen and (max-width:960px) {
    .col_3 > div {
        width: 47%;
        margin: 4% 1.5%;
    }
}
@media screen and (max-width:480px) {
    .col_3 > div {
        width: 97%;
        margin: 4% 1.5%;
    }
}
section#about-3d .sec-inner {
    padding: 40px 0;
    position: relative
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner {
        padding-top: 0
    }
}
section#about-3d .sec-inner ul.3d-list {
    display: flex
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner ul.3d-list {
        flex-wrap: wrap;
        padding: 0 4%
    }
}
section#about-3d .sec-inner ul.3d-list .bubbles {
    position: absolute;
    top: 90px;
    left: 30px;
    z-index: 1
}
section#about-3d .sec-inner ul.3d-list .bubbles img {
    width: 15vw;
    max-width: 180px;
    height: auto;
    position: absolute;
    bottom: 0
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner ul.3d-list .bubbles {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        top: 20vw
    }
    section#about-3d .sec-inner ul.3d-list .bubbles img {
        display: block;
        position: absolute;
        left: 50%;
        -webkit-transform: translate(-50%, 0);
        -ms-transform: translate(-50%, 0);
        transform: translate(-50%, 0);
        width: 24vw
    }
}
section#about-3d .sec-inner ul.3d-list li {
    position: relative;
    width: 30.66%;
    margin-right: 4%
}
section#about-3d .sec-inner ul.3d-list li:nth-of-type(3) {
    margin-right: 0
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner ul.3d-list li {
        width: 100%;
        margin-right: 0
    }
}
section#about-3d .sec-inner ul.3d-list li .pict {
    position: absolute;
    top: -27px;
    left: -25px
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner ul.3d-list li .pict {
        width: 30px;
        height: auto;
        top: -15px;
        left: -12px
    }
}
section#about-3d .sec-inner ul.3d-list li .img {
    width: 100%;
    height: auto
}
section#about-3d .sec-inner ul.3d-list li p {
    font-family: 'M+ 2p bold';
    padding: 1em 0;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#about-3d .sec-inner ul.3d-list li p {
        padding: 1em 0 2em 0
    }
}
section#add1903-sns .balloon {
    width: 100%;
    height: 80px;
    max-width: 640px;
    background: #009cf0;
    color: #fff;
    position: absolute;
    top: 0%;
    left: 50%;
    border-radius: 10px;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
section#add1903-sns .balloon:after {
    content: '';
    display: block;
    position: absolute;
    border-left: 5px solid transparent;
    border-top: 12px solid #009cf0;
    border-right: 5px solid transparent;
    display: block;
    position: absolute;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    bottom: -12px
}
@media only screen and (max-width:768px) {
    section#add1903-sns .balloon:after {
        bottom: -10px
    }
}
@media only screen and (max-width:768px) {
    section#add1903-sns .balloon {
        height: 45px;
        width: 92%;
    }
}
section#add1903-sns .balloon span {
    display: block;
    width: 100%;
    font-size: 2.4rem;
    text-align: center;
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}
@media only screen and (max-width:768px) {
    section#add1903-sns .balloon span {
        font-size: 1.4rem
    }
}
section#add1903-sns a {
    color: #009cf0
}
section#add1903-sns .sec-inner {
    padding: 0 0 80px
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner {
        padding: 0 0 8%
    }
}
section#add1903-sns .sec-inner .item-wrap {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap {
        flex-wrap: wrap
    }
}
section#add1903-sns .sec-inner .item-wrap .item {
    width: 49%;
    border: solid 2px #efefef;
    border-radius: 2px;
    background: #fff;
    text-align: center;
    padding: 30px 2%
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item {
        width: 100%;
        padding: 4%;
        margin-bottom: 1em
    }
}
section#add1903-sns .sec-inner .item-wrap .item dl dt {
    font-weight: 600;
    padding-bottom: 1em
}
section#add1903-sns .sec-inner .item-wrap .item dl dd a {
    display: inline-block !important;
    margin: 0 4px
}
@media (min-width:769px) {
    section#add1903-sns .sec-inner .item-wrap .item dl dd a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#add1903-sns .sec-inner .item-wrap .item dl dd a:hover {
        opacity: 0.6
    }
}
section#add1903-sns .sec-inner .item-wrap .item dl dd a img {
    display: inline-block
}
section#add1903-sns .sec-inner .item-wrap .item dl dd span.tag {
    display: inline-block;
    background: #fff;
    color: #lb;
    text-align: center;
    border: solid 2px #efefef;
    border-radius: 30px;
    padding: 0.6em 2em;
    font-weight: 600;
    margin: 0 4px;
    margin-bottom: 1em
}
section#add1903-sns .sec-inner .item-wrap .item.bnr {
    background: #fff;
    border: solid 2px #efefef;
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-top: 2%
}
section#add1903-sns .sec-inner .item-wrap .item.bnr.fi {
    margin-top: 0;
    margin-bottom: 2%
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl {
    text-align: left;
    padding: 4%
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dt {
    display: block;
    border-bottom: solid 1px #242424;
    font-size: 1.8rem
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr dl dt {
        font-size: 1.3rem
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd {
    padding-top: 2em
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd:after {
    content: '';
    display: block;
    width: 0px;
    height: 0px;
    clear: both
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd img {
    width: 38%;
    float: left;
    height: auto
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd img {
        width: 100%;
        float: none
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd .text {
    width: 58%;
    float: right
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd .text {
        width: 100%;
        float: none
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd .text p {
    font-size: 1.2rem;
    padding-top: 1.6rem
}
section#add1903-sns .sec-inner .item-wrap .item.bnr dl dd .text p span {
    display: block;
    color: #ccc;
    padding-top: 1em;
    font-size: 1.0rem
}
section#add1903-sns .sec-inner .item-wrap .item.bnr a {
    display: block;
    position: relative;
    text-decoration: none;
    color: #242424
}
@media (min-width:769px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr a {
        display: block;
        opacity: 1;
        transition: opacity 0.2s
    }
    section#add1903-sns .sec-inner .item-wrap .item.bnr a:hover {
        opacity: 0.6
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr a img {
    width: 50%;
    height: auto
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr a img {
        width: 100%
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr a span {
    display: block;
    width: 44%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 2%;
    text-align: left;
    padding-right: 3em;
    font-weight: 600
}
section#add1903-sns .sec-inner .item-wrap .item.bnr a span:after {
    font-family: 'icomoon' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    display: block;
    content: "\e900";
    color: #fff;
    background: #009cf0;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    right: 0;
    font-size: 1.0rem;
    line-height: 20px;
    text-align: center
}
@media only screen and (max-width:768px) {
    section#add1903-sns .sec-inner .item-wrap .item.bnr a span {
        display: block;
        position: relative;
        top: 0%;
        left: 0%;
        -webkit-transform: translate(0%, 0%);
        -ms-transform: translate(0%, 0%);
        transform: translate(0%, 0%);
        width: 100%;
        right: auto;
        text-align: left;
        padding-right: 0;
        padding: 2em
    }
    section#add1903-sns .sec-inner .item-wrap .item.bnr a span:after {
        right: 2em
    }
}
section#add1903-sns .sec-inner .item-wrap .item.bnr.acrobat-reader a {
    color: #009cf0;
    margin: 0
}
section#enjoy-tips .sec-inner {
    padding: 60px 0 80px
}