@charset "UTF-8";

/*input clear
-------------*/
input[type="submit"],
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="url"],
input[type="tel"],
input[type="search"],
textarea,
select {
    outline: none;
    box-sizing: border-box;
    border-style: none;
}

select,
button {
    cursor: pointer;
}

input[type="submit"] {
    -webkit-appearance: none;
}

/*iphone用*/

/*input customize
----------------*/

input[type=radio],
input[type=checkbox] {
    display: none;
}

input[type=radio]+label,
input[type=checkbox]+label {
    box-sizing: border-box;
    position: relative;
    display: inline-block;
    margin: 0px 0px 0px 0;
    padding: 0px 0px 0 36px;
    vertical-align: middle;
    cursor: pointer;
    letter-spacing: 0em;
}

input[type=radio]+label.empty,
input[type=checkbox]+label.empty {
    margin: 3px 0;
    padding: 0;
    width: 16px;
}

input[type=radio]+label:last-child,
input[type=checkbox]+label:last-child {
    margin-right: 0;
}

input[type=checkbox]+label:after {
    position: absolute;
    top: 30%;
    left: 0px;
    display: block;
    margin-top: -9px;
    width: 30px;
    height: 30px;
    border: 1px solid #ccc;
    background-color: #fff;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
    -moz-box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
    -webkit-box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
    content: '';
    box-sizing: border-box;
    z-index: 0;
}

input[type=checkbox]+label:before {
    position: absolute;
    top: 35%;
    left: 10px;
    display: block;
    margin-top: -8px;
    width: 6px;
    height: 16px;
    border-right: 4px solid #6db131;
    border-bottom: 4px solid #6db131;
    content: '';
    opacity: 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    z-index: 1;
}

input[type=checkbox]+label.empty:after {
    margin-top: -8px;
}

input[type=checkbox]+label.empty:before {
    margin-top: -7px;
}

input[type=checkbox]:checked+label:before {
    opacity: 1;
}

input[type=checkbox]:checked+label:after {
    background-color: #fff;
}

/*検索結果_並べ替え用*/
input[type="text"],
input[type="checkbox"]+label.checkbox2,
input[type="radio"]+label {
    border: 1px solid #ccc;
    border-radius: 6px;
    box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
    -moz-box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
    -webkit-box-shadow: 2px 3px 5px 1px rgba(0, 0, 0, 0.18) inset;
}

input[type="checkbox"]+label.checkbox2:after,
input[type="radio"]+label:after {
    content: none;
}

input[type="checkbox"]:checked+label.checkbox2,
input[type="radio"]:checked+label {
    background: #6db131;
    color: #fff;
}

input[type="checkbox"]:checked+label.checkbox2:before,
input[type="radio"]:checked+label:before {
    opacity: 0;
}

input[type=checkbox]:disabled+label,
input[type=radio]:disabled+label {
    pointer-events: none;
    color: #ccc;
    opacity: 0.50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.50;
    -ms-filter: "alpha(opacity=50)";
    cursor: default;
}

input::-webkit-input-placeholder {
    font-size: 87%;
    font-size: 90%;
    line-height: 1.8;
}

input::-moz-input-placeholder {
    font-size: 87%;
    font-size: 90%;
    line-height: 1.8;
}

@media (max-width: 768px) {

    input[type="text"],
    input[type="checkbox"]+label.checkbox2,
    input[type="radio"]+label {
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }
}

/* select default*/
.select-wrap {
    overflow: hidden;
    display: inline-block;
    position: relative;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    box-sizing: border-box;
    border: 1px solid #ccc;
    background-color: white;
    width: 100%;
    min-height: 36px;
    vertical-align: middle;
    line-height: 3em;
}

.select-wrap:after {
    content: "";
    position: absolute;
    top: 40%;
    right: 10px;
    width: 8px;
    height: 8px;
    margin-top: -3px;
    border-top: 2px solid #000;
    border-right: 2px solid #000;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.select-wrap select {
    -moz-appearance: none;
    -webkit-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0; 
    border-radius: 0; 
    border: 0; 
    margin: 0;
    background: none transparent;
    border: none;
    vertical-align: middle;
    font-size: inherit;
    color: inherit;
    box-sizing: border-box;
    line-height: 28px;
    width: 140%;
    padding: 0em 2.4em 0em 0.5em;
    position: relative;
    z-index: 1;
    font-size: 87%;
    overflow: hidden;
}

/* 1.base
--------*/
@font-face {
    font-family: "Roboto";
    src: url("/moetaku/_assets/fonts/Roboto-Light.woff") format("woff");
}

@font-face {
    font-family: "Noto Sans";
    src: url("/moetaku/_assets/fonts/NotoSans-Medium.woff") format("woff");
    font-display: swap;
}

@font-face {
    font-family: "FontAwesome";
    src: url("/moetaku/_assets/fonts/fontawesome-webfont.woff") format("woff");
    font-display: swap;
}

/*Common Style
-------------*/
.m0 {
    margin: 0 !important;
}

.mat0 {
    margin-top: 0 !important;
}

.mat1 {
    margin-top: 1em !important;
}

.mat5 {
    margin-top: 5px !important;
}

.mat10 {
    margin-top: 10px !important;
}

.mat15 {
    margin-top: 15px !important;
}

.mat20 {
    margin-top: 20px !important;
}

.mat25 {
    margin-top: 25px !important;
}

.mat30 {
    margin-top: 30px !important;
}

.mat35 {
    margin-top: 35px !important;
}

.mat40 {
    margin-top: 40px !important;
}

.mat45 {
    margin-top: 45px !important;
}

.mat50 {
    margin-top: 50px !important;
}

.mat100 {
    margin-top: 100px !important;
}

.mat170 {
    margin-top: 170px !important;
}

.mab0 {
    margin-bottom: 0 !important;
}

.mab1 {
    margin-bottom: 1em !important;
}

.mab5 {
    margin-bottom: 5px !important;
}

.mab10 {
    margin-bottom: 10px !important;
}

.mab15 {
    margin-bottom: 15px !important;
}

.mab20 {
    margin-bottom: 20px !important;
}

.mab25 {
    margin-bottom: 25px !important;
}

.mab30 {
    margin-bottom: 30px !important;
}

.mab40 {
    margin-bottom: 40px !important;
}

.mab50 {
    margin-bottom: 50px !important;
}

.mar0 {
    margin-right: 0 !important;
}

.mar1 {
    margin-right: 1em !important;
}

.mar10 {
    margin-right: 10px !important;
}

.mar15 {
    margin-right: 15px !important;
}

.mar20 {
    margin-right: 20px !important;
}

.mar30 {
    margin-right: 30px !important;
}

.mal0 {
    margin-left: 0 !important;
}

.mal1 {
    margin-left: 1em !important;
}

.mal10 {
    margin-left: 10px !important;
}

.mal15 {
    margin-left: 15px !important;
}

.mal20 {
    margin-left: 20px !important;
}

.mal30 {
    margin-left: 30px !important;
}

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

.smat80 {
    margin-top: -80px;
}

.p0 {
    padding: 0 !important;
}

.pat0 {
    padding-top: 0 !important;
}

.pat1 {
    padding-top: 1em !important;
}

.pat5 {
    padding-top: 5px !important;
}

.pat10 {
    padding-top: 10px !important;
}

.pat15 {
    padding-top: 15px !important;
}

.pat20 {
    padding-top: 20px !important;
}

.pat25 {
    padding-top: 25px !important;
}

.pat30 {
    padding-top: 30px !important;
}

.pat40 {
    padding-top: 40px !important;
}

.pat50 {
    padding-top: 50px !important;
}

.pab0 {
    padding-bottom: 0 !important;
}

.pab1 {
    padding-bottom: 1em !important;
}

.pab5 {
    padding-bottom: 5px !important;
}

.pab10 {
    padding-bottom: 10px !important;
}

.pab15 {
    padding-bottom: 15px !important;
}

.pab20 {
    padding-bottom: 20px !important;
}

.pab25 {
    padding-bottom: 25px !important;
}

.pab30 {
    padding-bottom: 30px !important;
}

.pab40 {
    padding-bottom: 40px !important;
}

.pab50 {
    padding-bottom: 50px !important;
}

.par0 {
    padding-right: 0 !important;
}

.par1 {
    padding-right: 1em !important;
}

.par10 {
    padding-right: 10px !important;
}

.par15 {
    padding-right: 15px !important;
}

.par20 {
    padding-right: 20px !important;
}

.par30 {
    padding-right: 30px !important;
}

.pal0 {
    padding-left: 0 !important;
}

.pal1 {
    padding-left: 1em !important;
}

.pal5 {
    padding-left: 5px !important;
}

.pal10 {
    padding-left: 10px !important;
}

.pal15 {
    padding-left: 15px !important;
}

.pal20 {
    padding-left: 20px !important;
}

.pal30 {
    padding-left: 30px !important;
}

.smal70 {
    position: relative;
    left: -70px !important;
}

.smal90 {
    position: relative;
    left: 50px !important;
}

.smal30 {
    margin-left: 30px !important;
}

.smat50 {
    position: relative;
    top: -50px !important;
}

.smat100 {
    position: relative;
    top: -100px !important;
}

.smab150 {
    margin-bottom: -150px !important;
}

.pmat100 {
    margin-top: -180px !important;
}

.ssmat50 {
    margin-top: 0px !important;
}

.ssmat80 {
    margin-bottom: -70px !important;
}

.ssmat90 {
    margin-bottom: -80px !important;
}

.ssmat100 {
    margin-bottom: 0px !important;
}

.ssmat55 {
    margin-top: 0px !important;
}

.ssmat35 {
    margin-top: 35px !important;
}

/* font-size */
.fzxs {
    font-size: 62% !important;
}

.fzs {
    font-size: 75% !important;
}

.fzm {
    font-size: 87% !important;
}

.fzl {
    font-size: 100% !important;
}

.fzml {
    font-size: 115% !important;
}

.fzxl {
    font-size: 135% !important;
}

.fzl {
    font-size: 170% !important;
}

.fs42 {
    font-size: 42px !important;
}

.fs50 {
    font-size: 50px !important;
}

.fs30 {
    font-size: 30px !important;
}

.fsz24 {
    font-size: 24px !important;
}

.fs39 {
    font-size: 38px;
}

.bn_kaiyu {
    cursor: pointer !important;
    cursor: hand !important;
}

.bn_kaiyu img:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}

.w100p {
    width: 100% !important;
    padding-top: 20px;
}

.dot::before {
    position: absolute;
    width: 10px;
    height: 10px;
    margin-top: 6px;
    margin-left: -15px;
    background: url("/moetaku/_assets/images/common/icon_dot_gray.png") no-repeat left top;
    background-size: 100%;
    content: "";
}

@media (max-width: 768px) {
    .fs50 {
        font-size: 24px !important;
    }

    .fs30 {
        font-size: 16px !important;
    }

    .fsz24 {
        font-size: 14px !important;
    }

    .fs39 {
        font-size: 12px;
    }

    .pmat100 {
        margin-top: 0px !important;
    }

    .ssmat50 {
        margin-top: -50px !important;
    }

    .ssmat80 {
        margin-bottom: -80px !important;
    }

    .ssmat90 {
        margin-bottom: -20px !important;
    }

    .ssmat100 {
        margin-bottom: -100px !important;
    }

    .smab150 {
        margin-bottom: -70px !important;
    }

    .ssmat55 {
        margin-top: 70px !important;
    }

    .smat20 {
        margin-top: 0px !important;
    }

    .smat80 {
        margin-top: 0px;
    }

    .ssmat35 {
        margin-top: 80px !important;
        margin-bottom: -70px !important;
    }

    .fzl {
        font-size: 130% !important;
    }

    .smal30 {
        margin-left: 0px !important;
    }

    .spat15 {
        padding-top: 15px !important;
    }

    .spatm15 {
        margin-top: -1px !important;
    }

    .h123 {
        height: 123vw;
    }

    .spmat100 {
        margin-top: 100px;
    }

    .smab10 {
        margin-bottom: -10px !important;
    }
}

/* font-weight */
.fwn {
    font-weight: normal;
}

.fwb {
    font-weight: bold;
}

/* color */
.f_pink {
    color: #ff6685 !important;
}

.f_darkpink {
    color: #ff124c !important;
}

.f_black {
    color: #000 !important;
}

.f_white {
    color: #fff !important;
}

.bg_pink {
    background-color: #ff6685 !important;
}

.bg_pink2 {
    background-color: #ffd5df !important;
}

.bg_grey {
    background-color: #f2f2f2 !important;
}

.bg_pattern {
    background: url("/moetaku/_assets/images/common/pattern_bg.jpg");
}

.bg_pattern_pink {
    background: url("/moetaku/_assets/images/common/pattern_bg_pink.jpg");
}

.bg_yerrow {
    background-color: #fff100 !important;
}

/*display*/
.disN {
    display: none !important;
}

.posA {
    position: absolute !important;
}

.posR {
    position: relative !important;
}

.fl {
    float: left !important;
}

.fr {
    float: right !important;
}

.b0 {
    border: 0 !important;
}

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

@media (max-width: 768px) {
    .-mb-disN {
        display: none !important;
    }

    .-mb-posA {
        position: absolute !important;
    }

    .-mb-posR {
        position: relative !important;
    }

    .-mb-fl {
        float: left !important;
    }

    .-mb-fr {
        float: right !important;
    }

    .-mb-b0 {
        border: 0 !important;
    }

    .-mb-tal {
        text-align: left !important;
    }

    .-mb-tac {
        text-align: center !important;
    }

    .-mb-tar {
        text-align: right !important;
    }
}

.hand {
    cursor: pointer !important;
}

.bgGray {
    background: #777;
    color: #fff;
}

.bgRed {
    background: #d54132;
    color: #fff;
}

.ti {
    text-indent: -1em;
    margin-left: 1em;
}

.em {
    padding: 0 2px;
    font-size: 63%;
    font-weight: normal;
    vertical-align: super;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

@media (max-width: 768px) {
    .pc {
        display: none;
    }

    .sp {
        display: block;
    }
}

/*ホバーを滑らかに処理*/
a {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

a,
a:hover {
    color: #000;
    text-decoration: none;
}

img {
    width: 100%;
    height: auto;
}

.clearfix {
    display: block;
    clear: both;
    content: "";
}

/*layout
-------*/
section {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0 120px 0;
}

section2 {
    width: 1170px;
    margin: 0 auto;
    padding: 50px 0 120px 0;
}

#wrap {
    position: absolute;
    top: 128px;
    left: 0;
    width: 100%;
    height: auto;
}

@media (max-width: 768px) {

    *,
    *:before,
    *:after {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
        box-sizing: border-box;
    }

    section {
        width: 100%;
        margin: 0 auto;
        padding: 40px 20px 40px 20px;
    }

    section2 {
        width: 100%;
        margin: 0 auto;
        padding: 0px 20px 0px 20px;
    }

    #wrap {
        position: absolute;
        top: 150px;
    }
}

/* カラムレイアウト
----------------------*/
/* 3カラム*/
.three_column:after {
    display: table;
    clear: both;
    content: "";
}

.three_column>* {
    float: left;
    width: 370px;
    margin-right: 20px;
}

.three_column>*:nth-child(3n) {
    margin-right: 0;
}

/* 4カラム*/
.four_column:after {
    display: table;
    clear: both;
    content: "";
}

.four_column>* {
    float: left;
    width: 277px;
    margin-right: 20px;
}

.four_column>*:nth-child(4n) {
    margin-right: 0;
}

/* 5カラム*/
.five_column:after {
    display: table;
    clear: both;
    content: "";
}

.five_column>* {
    float: left;
    width: 218px;
    margin-right: 20px;
}

.five_column>*:nth-child(5n) {
    margin-right: 0;
}

@media (max-width: 768px) {

    .three_column>*,
    .four_column>*,
    .five_column>* {
        float: left;
        width: 48%;
        margin-right: 10px;
    }

    .three_column>*:nth-child(2n),
    .four_column>*:nth-child(2n),
    .five_column>*:nth-child(2n) {
        margin-right: 0;
    }
}

/* カラム系 白背景 グレーボーダー */
.column_grey>li {
    margin-bottom: 20px;
    background-color: #fff;
    border: 3px solid #ccc;
    border-radius: 10px;
    /* CSS3草案 */
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .column_grey>li {
        margin-bottom: 10px;
        background-color: #fff;
        border: 3px solid #ccc;
        box-sizing: border-box;
    }
}

/*parts
-------*/
#twitter-widget-0 {
    border: 1px solid #ccc !important;
    box-sizing: border-box !important;
    border-radius: 0 !important;
}

/* 見出し */

#wrap h2 {
    margin: -60px 0 80px 0;
    font-family: "Noto Sans";
    font-size: 375%;
    text-align: center;
}

#wrap h3 {
    color: #333333;
    font-family: "Noto Sans";
    font-size: 150%;
    font-weight: bold;
}

@media (max-width: 768px) {
    #wrap h2 {
        font-size: 187%;
        margin: -70px 0 40px 0;
    }

    #wrap h3 {
        font-size: 75%;
    }
}

/* 吹き出し見出し */
h3.baloon {
    position: relative;
    top: -75px;
    width: 490px;
    margin: 0 auto;
    text-align: center;
    background-size: 100%;
    background-repeat: no-repeat;
}

h3.baloon_regular {
    height: 32px;
    padding: 30px 5px 40px;
    background-image: url("/moetaku/_assets/images/common/title_normal.png");
}

h3.baloon_cloud {
    height: 50px;
    padding: 33px 5px;
    background-image: url("/moetaku/_assets/images/common/title_cloud.png");
}

h3.baloon_surprise {
    width: 563px;
    height: 51px;
    padding: 37px 5px 29px;
    background-image: url("/moetaku/_assets/images/common/title_surprise.png");
}

@media (max-width: 768px) {
    h3.baloon {
        width: 286px;
    }

    h3.baloon_regular {
        padding: 18px 5px 40px;
    }

    h3.baloon_cloud {
        padding: 20px 5px 45px;
    }

    h3.baloon_surprise {
        padding: 20px 5px 40px;
    }
}

/* 吹き出し見出しとセットのキャラクター */
h3 .bal_char_only {
    display: block;
}

h3.baloon_regular .bal_char {
    position: absolute;
    top: -12px;
    left: 10px;
}

h3.baloon_cloud .bal_char {
    position: absolute;
    top: -12px;
    left: -20px;
}

h3.baloon_surprise .bal_char {
    position: absolute;
    top: -3px;
    left: 10px;
}

h3 .bal_char_only img,
h3 .bal_char img {
    width: 100px;
    height: auto;
}

@media (max-width: 768px) {
    h3 .bal_char_only {}

    h3.baloon_regular .bal_char {
        position: absolute;
        top: 0;
        left: 25px;
    }

    h3.baloon_cloud .bal_char {
        position: absolute;
        top: 0;
        left: 25px;
    }

    h3.baloon_surprise .bal_char {
        position: absolute;
        top: -3px;
        left: 25px;
    }

    h3 .bal_char_only img,
    h3 .bal_char img {
        width: 56px;
        height: auto;
    }
}

/* 買取申込ボタン */
.application {
    position: relative;
    display: table;
    width: 50%;
    height: 70px;
    text-align: center;
    margin: 0 auto;
}

.application>.app_btn {
    display: table-cell;
    width: 100%;
    height: 70px;
    color: #fff;
    background-color: #ff5200;
    line-height: 70px;
    font-size: 175%;
    font-family: 'Noto Sans';
    text-decoration: none;
    margin: 0;
    border-radius: 35px;
    vertical-align: middle;
}

.application>a.app_btn:hover {
    opacity: 0.6;
}

.app_btn.arrow_right {
    position: absolute;
}

.app_btn.arrow_right:before {
    position: absolute;
    top: 0;
    right: 20px;
    font-size: 120%;
    font-family: 'Fontawesome';
    content: "\f138";
}

/*IE 調整*/
@media all and (-ms-high-contrast: none) {
    .application>.app_btn {
        font-family: inherit;
    }

    .application>.app_btn {
        font-family: inherit\9;
        /*IE10以下*/
    }
}

/*申込ボタンアニメーション*/
.app_btn.arrow_right.echo .inner_btn {
    display: block;
    width: 100%;
    height: 100%;
    position: relative;
}

.app_btn.arrow_right.echo .inner_btn:before {
    position: absolute;
    top: -8px;
    right: 15px;
    font-family: 'Fontawesome';
    font-size: 135%;
    content: "\f138";
}

.app_btn.arrow_right.echo:before,
.app_btn.arrow_right.echo:after {
    content: none;
}

/* ボタンのアニメーション用ボックスとkeyframeを指定 */
/*
.app_btn.arrow_right.echo:before {
content: "";
animation: echo 2s cubic-bezier(0.55, 0, 0.1, 1) infinite;
animation-fill-mode: both;
display: block;
position: absolute;
margin: auto;
top: 0px !important;
left: 0px !important;
width: 100% !important;
height: 100% !important;
background: #ff5200;
border-radius: 2em;
}
*/
@keyframes echo {
    0% {
        transform: scale(0);
        opacity: 1;
    }

    70% {
        transform: scale(1.2, 1.3);
    }

    100% {
        transform: scale(1.25, 1.35);
        opacity: 0;
    }
}

@media (max-width: 768px) {
    .application {
        width: 90%;
        margin: 0 auto;
    }

    .application>a.app_btn {
        line-height: 2.9;
    }

    .application>.app_btn {
        display: block;
        width: 100%;
        height: 50px;
        font-size: 125%;

    }

    .app_btn.arrow_right:before {
        position: absolute;
        top: -4px;
        right: 15px;
    }

    .app_btn.arrow_right.echo .inner_btn:before {
        top: 1px !important;
        right: 15px;
    }
}

/* 申込ボタン附属テキスト付 */
.application_text {
    position: relative;
    display: table;
    width: 50%;
    height: 120px;
    text-align: center;
    margin: 0 auto;
}

.application_text>.app_btn {
    display: table-cell;
    width: 100%;
    height: 120px;
    color: #fff;
    background-color: #ff5200;
    font-size: 240%;
    font-family: 'Noto Sans';
    line-height: 50px;
    text-decoration: none;
    margin: 0;
    border-radius: 60px;
    vertical-align: middle;
}

.application_text>a.app_btn:hover {
    opacity: 0.6;
}

.attachment_text {
    font-size: 55%;
    font-weight: normal;
}

.application_text .app_btn.arrow_right:before {
    position: absolute;
    top: 33px;
    right: 33px;
    font-size: 140%;
    font-family: 'Fontawesome';
    content: "\f138";
}

@media (max-width: 768px) {
    .application_text {
        width: 100%;
        height: 60px;
    }

    .application_text>.app_btn {
        width: 100%;
        height: 60px;
        font-size: 150%;
        line-height: 1.3;
    }

    .application_text .app_btn.arrow_right:before {
        position: absolute;
        top: 30px;
        right: 25px;
    }
}

/* サブボタン */
.sub_conductor {
    position: relative;
    width: 50%;
    height: 40px;
    text-align: center;
    margin: 0 auto;
}

.sub_conductor>a.sub_btn {
    display: block;
    width: 100%;
    height: 40px;
    margin: 0 auto;
    line-height: 2.3;
    font-family: 'Noto Sans';
    text-decoration: none;
    text-align: center;
    border-radius: 35px;
    border: solid 2px #333333;
    color: #000;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sub_conductor>a.sub_btn:hover {
    background-color: #ffd4df;
}

.sub_conductor>a.sub_btn.arrow_right {
    position: absolute;
}

.sub_conductor>a.sub_btn.arrow_right:before {
    position: absolute;
    top: -3px;
    right: 11px;
    width: 18px;
    font-family: 'Fontawesome';
    content: "\f138";
    font-size: 120%;
}

/*IE 調整*/
@media all and (-ms-high-contrast: none) {
    .sub_conductor>a.sub_btn {
        font-family: inherit;
    }

    .sub_conductor>a.sub_btn.arrow_right:before {
        top: -4px;
    }

    .sub_conductor>a.sub_btn {
        font-family: inherit;
        /*IE10以下*/
    }

    .sub_conductor>a.sub_btn.arrow_right:before {
        top: -4px\9;
    }
}

@media (max-width: 768px) {
    .sub_conductor {
        width: 90%;
    }

    .sub_conductor>a.sub_btn {
        line-height: 2.5;
    }

    .sub_conductor>a.sub_btn.arrow_right:after {
        top: 41%;
    }

    .sub_conductor>a.sub_btn:hover {
        background-color: #fff;
    }

    /* 黒背景プラス */
    .i_plus,
    .i_minus {
        position: absolute;
    }

    .i_plus:before,
    .i_minus:before {
        display: block;
        position: absolute;
        font-family: 'Fontawesome';
        width: 14px;
        height: 14px;
        color: #000;
        font-size: 140%;
    }

    .i_plus:before {
        top: -7px;
        right: 13px;
        content: "\f055";
    }

    .i_minus:before {
        top: -8px;
        right: 13px;
        content: "\f056";
    }
}

/* 黒右矢印 */
.arrow_right_black {
    position: relative;
    display: inline-block;
    padding: 0 20px 0 0;
}

.arrow_right_black:before {
    position: absolute;
    top: 50%;
    right: 0;
    width: 25px;
    height: 25px;
    margin-top: -19px;
    border-radius: 50%;
    background: #000;
    content: "";
}

.arrow_right_black:after {
    position: absolute;
    top: 50%;
    left: 12px;
    width: 8px;
    height: 8px;
    margin: -12px;
    border: 0;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    content: "";
}

@media (max-width: 768px) {
    .arrow_right_black:before {
        width: 20px;
        height: 20px;
    }

    .arrow_right_black:after {
        left: 17px;
        margin: -13px;
    }
}

/* パンくずリスト */
#dir_path {
    background: #fff;
}

#dir_path section {
    padding: 6px 0;
}

#dir_path section ol {
    width: 100%;
}

#dir_path section ol li {
    float: left;
    width: auto;
    padding-right: 7px;
    line-height: 2;
}

#dir_path section ol li:after {
    display: inline-block;
    content: ">";
}

#dir_path section ol li:last-child:after {
    content: "";
}

#dir_path section ol li a {
    display: inline-block;
    width: auto;
    color: #577ad9;
    margin-right: 7px;
}

@media (max-width: 768px) {
    #dir_path section {
        padding: 3px 0;
        margin-top: -90px !important;
    }

    #dir_path section ol {
        padding-left: 5px;
    }

    #dir_path section ol li {
        font-size: 85%;
    }
}

/*検索枠
-------*/
.search_box input[type="text"] {
    background: url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 58% left 10px;
    background-color: #fff9d4;
    background-size: 16px;
    min-height: 36px;
    padding: 0.3em 10px 0 30px;
    line-height: 1.4em;
}

.search_box input[type="text"]:focus {
    background-color: #fff;
}

.search_box input[type="submit"] {
    color: #fff;
    min-height: 36px;
    font-family: "Noto Sans";
    background: #999;
    background: url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 10px #999;
    background-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-left: 10px;
    padding-top: 2px;
    cursor: pointer !important;
}

.search_box input[type="submit"]:hover {
    opacity: 0.7;
}

@media all and (-ms-high-contrast: none) {
    .search_box input[type="submit"] {
        font-family: inherit;
        line-height: 36px;
    }

    .search_box input[type="submit"] {
        font-family: inherit\9;
        line-height: 36px\9;
    }
}

/*コンテンツ中の検索枠*/
.search_box_parts .search_box {
    margin: 35px 100px 50px;
    text-align: center;
}

.search_box_parts .search_box .select-wrap {
    float: left;
    background: #fff;
    -webkit-border-radius: 6px 0px 0px 6px;
    -moz-border-radius: 6px 0px 0px 6px;
    border-radius: 6px 0px 0px 6px;
    width: 30%;
    min-height: 50px;
}

#genre .select-wrap select {
    line-height: 48px;
}

.search_box_parts .search_box .inputTxt input[type="text"] {
    min-height: 50px;
    font-size: 16px;
    float: left;
    width: 100%;
    -webkit-border-radius: 6px 6px;
    -moz-border-radius: 6px 6px;
    border-radius: 6px 6px;
}

.search_box_parts .search_box input[type="text"]:focus {
    background-color: #fff;
}

.search_box_parts .search_box input[type="submit"] {
    width: 370px;
    color: #fff;
    min-height: 60px;
    font-weight: 700;
    background: url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 48% left 30px #999;
    background-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin: 0px;
    padding-top: 2px;
    cursor: pointer !important;
}

.search_box_parts .search_box_bg {
    background: #6db131;
    padding: 25px 35px;
    height: 50px;
    border-radius: 6px;
    position: relative;
    margin-bottom: 25px;
}

.search_box_parts .search_box_bg:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    left: 0;
    right: 0;
    bottom: -30px;
    margin: 0 auto;
    border: 15px solid transparent;
    border-top: 15px solid #6db131;
}

@media (max-width: 768px) {

    .search_box_parts .search_box {
        margin: 20px 0;
    }

    .search_box_parts .search_box .select-wrap {
        float: none;
        -webkit-border-radius: 6px 6px 0px 0px;
        -moz-border-radius: 6px 6px 0px 0px;
        border-radius: 6px 6px 0px 0px;
        width: 100%;
        min-height: 40px;
    }

    #genre .select-wrap select {
        line-height: 38px;
    }

    .search_box_parts .search_box .inputTxt input[type="text"] {
        min-height: 40px;
        float: none;
        width: 100%;
        box-shadow: none;
        font-size: 12px;
        -webkit-border-radius: 0px 0px 6px 6px;
        -moz-border-radius: 0px 0px 6px 6px;
        border-radius: 0px 0px 6px 6px;
    }

    .search_box_parts .search_box input[type="text"]:focus {
        background-color: #fff;
    }

    .search_box_parts .search_box input[type="submit"] {
        width: 90%;
        font-size: 20px;
        background: url(/moetaku/_assets/images/common/icon_search_w.png) no-repeat top 54% left 20px #999;
        background-size: 20px;
    }

    .search_box_parts .search_box_bg {
        padding: 15px 15px;
        height: 70px;
    }

    .search_box_parts .search_box_bg:after {
        bottom: -20px;
        border: 10px solid transparent;
        border-top: 10px solid #6db131;
    }
}

/*search_area*/
.search_area {
    text-align: center;
}

.search_area section {
    background: url(/moetaku/_assets/images/common/chara_search.png) no-repeat right top 430px;
    background-size: 25%;
}

.search_area .search_keyword {
    width: 620px;
    margin-top: 20px;
}

.search_area h4 {
    margin: 70px auto 20px;
    font-family: "Noto Sans";
    color: #ff124c;
}

.search_area .search_keyword {
    margin: 0 auto;
}

.search_area .search_keyword li {
    display: inline-block;
    margin: 0 20px 20px 0;
    box-sizing: border-box;
    border: 2px solid #000;
    padding: 6px 14px 4px 36px;
    background: url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 48% left 6px;
    background-color: #fff;
    background-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.search_area .search_keyword li:hover {
    background-color: #ffd4df;
}

/*search_area2*/
.search_area2 {
    display: block;
    margin-bottom: -400px;

}

.search_area2 section {
    margin: 0 auto;
}

.search_area2 .search_keyword {
    width: 900px;
    margin-left: -10px !important;
    margin-top: -50px !important;
}

.search_area2 h4 {
    margin: auto;
    font-family: "Noto Sans";
    color: #ff124c;
    font-weight: bold !important;
}

.search_area2 .search_keyword {
    margin: 0 auto;
}

.search_area2 .search_keyword li {
    display: inline-block;
    margin: 0 10px 10px 0;
    box-sizing: border-box;
    border: 2px solid #cccccc;
    height: 70px;
    padding: 5px;
    background-color: #fff;
    background-size: 16px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    cursor: pointer;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.search_area2 .search_keyword li:hover {
    background-color: #ffd4df;
    height: 80px !important;
}


@media (max-width: 768px) {
    .search_area section {
        background: none;
    }

    .search_area h4 {
        margin: 30px auto 20px;
    }

    .search_area .search_keyword {
        width: auto;
    }

    .search_area .search_keyword li {
        text-align: left;
        width: 46%;
        margin: 0 10px 10px 0;
    }

    .search_area2 {
        display: block;
        width: 100%;
        margin-top: 30px;
        margin-left: 10px;
        margin-bottom: 0px;
    }

    .search_area2 section {
        background: none;
        width: 100%;
    }

    .search_area2 h4 {
        margin: 10px auto 10px;
    }

    .search_area2 .search_keyword {
        width: auto;
    }

    .search_area2 .search_keyword li {
        text-align: left;
        width: 46%;
        height: auto;
        margin: 0 10px 10px 0;
        box-sizing: border-box;
        border: 2px solid #cccccc;
        padding: 10px 0px 10px 36px;
        background: url(/moetaku/_assets/images/common/icon_search.png) no-repeat top 48% left 6px;
        background-color: #fff;
    }

    .search_area2 .search_keyword li:hover {
        background-color: #ffd4df;
        height: auto !important;
    }
}

/*メインビジュアル
-----------------*/
#top #main_visual .inner:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/moetaku/_assets/images/common/main_visual_txt_bg.png) no-repeat center top;
    width: 800px;
    height: 250px;
    top: 80px;
    left: -100px;
    z-index: -1;
}

#main_bg {
    position: relative;
    margin-top: -45px;
    z-index: 0;
    width: 100%;
    height: auto;
    background: url(/moetaku/_assets/images/common/main_bg2.png) repeat-x center top 38px;
}

#main_visual {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/common/main_visual.webp) no-repeat center top;
}

#main_visual .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual .headline {
    width: calc(100% - 580px);
    padding-top: 20px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual .headline span.diagonal_line {
    position: relative;
    top: -5px;
    padding: 0 60px;
    font-size: 40px;
    color: #ff124c;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual em {
    font-size: 40px;
}

#main_visual span.diagonal_line:before,
#main_visual span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual span.diagonal_line:after {
    content: "／";
    right: 0;
}

#main_bg .campaign_wrap {
    height: 264px;
}

#main_bg .campaign_inner {
    width: 1170px;
    margin: 0 auto;
}

@media (max-width: 768px) {
    #top #main_visual .inner:before {
        background-size: 90%;
        width: 80vw;
        height: 40vh;
        top: 3vh;
        left: 50%;
        margin-left: -40vw;
    }

    #main_bg {
        width: auto;
        height: auto;
        background: none;
        margin-top: -20px;
    }

    #figure #main_bg {
        background: none;
    }

    #main_visual {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/common/main_visual_sp.webp) no-repeat center top 23vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);

    }

    #main_visual .inner {
        top: -15px;
        width: auto;
    }

    #main_visual .inner #top_search {
        margin-top: 50%;
    }

    #main_visual .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 5vw);
        text-shadow: none;
    }

    #main_visual .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual em {
        font-size: 4vw;
    }

    #main_visual span.diagonal_line:before,
    #main_visual span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

    #main_bg .campaign_wrap {
        height: auto;
    }

    #main_bg .campaign_inner {
        width: auto;
    }
}

/*メインビジュアル2
------------------*/
#top #main_visual2 .inner:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/moetaku/_assets/images/common/main_visual_txt_bg2.webp) no-repeat center top;
    width: 800px;
    height: 250px;
    top: 60px;
    left: -70px;
    z-index: -1;
}

#main_bg2 {
    position: relative;
    margin-top: -45px;
    z-index: 0;
    width: 100%;
    height: auto;
    background: url(/moetaku/_assets/images/common/main_bg1.png) repeat-x center top 38px;
}

#main_visual2 {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/common/main_visual_hero.webp) no-repeat center top;
}

#main_visual2 .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual2 .headline {
    width: calc(100% - 480px);
    padding-top: 20px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual2 .headline span.diagonal_line {
    position: relative;
    top: px;
    padding: 0 60px;
    font-size: 40px;
    color: #005982;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual2 em {
    font-size: 40px;
}

#main_visual2 span.diagonal_line:before,
#main_visual2 span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual2 span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual2 span.diagonal_line:after {
    content: "／";
    right: 0;
}

#main_bg2 .campaign_wrap {
    height: 264px;
}

#main_bg2 .campaign_inner {
    width: 1170px;
    margin: 0 auto;
}

#top_search3 {
    position: absolute;
    top: 100px;
    right: 0;
    width: 360px;
    background: #005982;
    padding: 20px 5px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 30;
}

#top_search3:before {
    content: "▼";
    top: 110px;
    left: -30px;
    color: #005982;
    font-size: 40px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

}

#top_search3 h2 {
    margin: 0;
    color: #fff;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
}

#top_search3 h2 em {
    font-size: 100%;
}

#top_search3 .search_box {
    background-color: #fff;
    margin: 15px 14px 2px;
    padding: 28px 25px 17px;
    box-sizing: border-box;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search3 .search_box input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 1.8;
}

#top_search3 .search_box input[type="submit"] {
    width: 200px;
}

#top_search3 .search_box .btn_toggle {
    display: block;
    position: relative;
    font-size: 75%;
    padding-left: 20px;
    text-align: left;
    background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
    padding: 16px 0 16px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#top_search3 .search_box .btn_toggle.active {
    background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
}

#top_search3 .search_box .select-wrap {
    display: none;
    margin-bottom: 20px;
}

#top_search3 .app_box2 {
    background-color: #fff;
    box-sizing: border-box;
    margin: 4px 14px 0;
    padding: 15px 0 15px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search3 .app_box2 h3 {
    color: #ff124c;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
    margin: 0 0 16px !important;
    padding: 0;
}

#top_search3 .app_box2 .application {
    width: 84%;
}

#top_search3 .app_box2 .application>.app_btn {
    width: 280px;
    height: 50px;
    line-height: 2.3;
    font-size: 137%;
    font-weight: 400;
}

#top_search3 .app_box2 .app_btn.arrow_right:before {
    top: 25%;
    right: 20px;
    width: 25px;
    height: 25px;
}

#top_search3 .app_box2 .app_btn.arrow_right:after {
    top: 40%;
    right: 29px;
    width: 8px;
    height: 8px;
}

@media (max-width: 768px) {
    #top #main_visual2 .inner:before {
        background-size: 90%;
        width: 80vw;
        height: 40vh;
        top: 3vh;
        left: 50%;
        margin-left: -40vw;
    }

    #main_bg2 {
        width: auto;
        height: auto;
        background: none;
        margin-top: -20px;
    }

    #figure #main_bg2 {
        background: none;
    }

    #main_visual2 {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/common/main_visual_hero_sp.webp) no-repeat center top 23vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);
    }

    #main_visual2 .inner {
        top: -15px;
        width: auto;
    }

    #main_visual2 .inner #top_search {
        margin-top: 50%;
    }

    #main_visual2 .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 5vw);
        text-shadow: none;
    }

    #main_visual2 .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual2 em {
        font-size: 4vw;
    }

    #main_visual2 span.diagonal_line:before,
    #main_visual2 span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

    #main_bg2 .campaign_wrap {
        height: auto;
    }

    #main_bg2 .campaign_inner {
        width: auto;
    }

    #top_search3 {
        left: 0;
        right: 0;
        width: auto;
        margin: 0 20px;
        margin-top: 150px !important;
        padding: 5px 5px 7px;
    }

    #top_search3:before {
        content: "▲";
        top: -16px;
        left: 0;
        right: 0;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #top_search3 h2 {
        font-size: 150%;
    }

    #top_search3 h2 em {
        font-size: 100%;
    }

    #top_search3 .app_box2 {
        margin: 10px 10px;
        padding: 8px 0 8px;
    }

    #top_search3 .app_box2 h3 {
        font-size: 120%;
        margin: 0 0 5px !important;
    }

    #top_search3 .app_box2 .application>.app_btn {
        width: 100%;
        line-height: 2.6em;
    }

    #top_search3 .app_box2 .app_btn.arrow_right:before {
        top: 25%;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    #top_search3 .app_box2 .app_btn.arrow_right:after {
        top: 40%;
        right: 29px;
        width: 8px;
        height: 8px;
    }
}

/*メインビジュアル3
------------------*/
#top #main_visual3 .inner:before {
    position: absolute;
    content: "";
    display: block;
    background: url(/moetaku/_assets/images/common/main_visual_txt_bg3.webp) no-repeat center top;
    width: 800px;
    height: 250px;
    top: 60px;
    left: -70px;
    z-index: -1;
}

#main_bg3 {
    position: relative;
    margin-top: -45px;
    z-index: 0;
    width: 100%;
    height: auto;
    background: url(/moetaku/_assets/images/common/main_bg3.jpg) repeat-x center top 38px;
}

#main_visual3 {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/common/main_visual_plamo.webp) no-repeat center top;
}

#main_visual3 .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual3 .headline {
    width: calc(100% - 480px);
    padding-top: 20px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 60px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual3 .headline span.diagonal_line {
    position: relative;
    top: px;
    padding: 0 60px;
    font-size: 40px;
    color: #665751;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual3 em {
    font-size: 40px;
}

#main_visual3 span.diagonal_line:before,
#main_visual3 span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual3 span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual3 span.diagonal_line:after {
    content: "／";
    right: 0;
}

#main_bg3 .campaign_wrap {
    height: 264px;
}

#main_bg3 .campaign_inner {
    width: 1170px;
    margin: 0 auto;
}

#top_search4 {
    position: absolute;
    top: 100px;
    right: 0;
    width: 360px;
    background: #665751;
    padding: 20px 5px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 30;
}

#top_search4:before {
    content: "▼";
    top: 110px;
    left: -30px;
    color: #665751;
    font-size: 40px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);

}

#top_search4 h2 {
    margin: 0;
    color: #fff;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
}

#top_search4 h2 em {
    font-size: 100%;
}

#top_search4 .search_box {
    background-color: #fff;
    margin: 15px 14px 2px;
    padding: 28px 25px 17px;
    box-sizing: border-box;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search4 .search_box input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 1.8;
}

#top_search4 .search_box input[type="submit"] {
    width: 200px;
}

#top_search4 .search_box .btn_toggle {
    display: block;
    position: relative;
    font-size: 75%;
    padding-left: 20px;
    text-align: left;
    background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
    padding: 16px 0 16px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#top_search4 .search_box .btn_toggle.active {
    background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
}

#top_search4 .search_box .select-wrap {
    display: none;
    margin-bottom: 20px;
}

#top_search4 .app_box2 {
    background-color: #fff;
    box-sizing: border-box;
    margin: 4px 14px 0;
    padding: 15px 0 15px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search4 .app_box2 h3 {
    color: #ff124c;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
    margin: 0 0 16px !important;
    padding: 0;
}

#top_search4 .app_box2 .application {
    width: 84%;
}

#top_search4 .app_box2 .application>.app_btn {
    width: 280px;
    height: 50px;
    line-height: 2.3;
    font-size: 137%;
    font-weight: 400;
}

#top_search4 .app_box2 .app_btn.arrow_right:before {
    top: 25%;
    right: 20px;
    width: 25px;
    height: 25px;
}

#top_search4 .app_box2 .app_btn.arrow_right:after {
    top: 40%;
    right: 29px;
    width: 8px;
    height: 8px;
}

@media (max-width: 768px) {
    #top #main_visual3 .inner:before {
        background-size: 90%;
        width: 80vw;
        height: 40vh;
        top: 3vh;
        left: 50%;
        margin-left: -40vw;
    }

    #main_bg3 {
        width: auto;
        height: auto;
        background: none;
        margin-top: -20px;
    }

    #figure #main_bg3 {
        background: none;
    }

    #main_visual3 {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/common/main_visual_plamo_sp.webp) no-repeat center top 23vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);
    }

    #main_visual3 .inner {
        top: -15px;
        width: auto;
    }

    #main_visual3 .inner #top_search {
        margin-top: 50%;
    }

    #main_visual3 .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 5vw);
        text-shadow: none;
    }

    #main_visual3 .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual3 em {
        font-size: 4vw;
    }

    #main_visual3 span.diagonal_line:before,
    #main_visual3 span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

    #main_bg3 .campaign_wrap {
        height: auto;
    }

    #main_bg3 .campaign_inner {
        width: auto;
    }

    #top_search4 {
        left: 0;
        right: 0;
        width: auto;
        margin: 0 20px;
        margin-top: 150px !important;
        padding: 5px 5px 7px;
    }

    #top_search4:before {
        content: "▲";
        top: -16px;
        left: 0;
        right: 0;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #top_search4 h2 {
        font-size: 150%;
    }

    #top_search4 h2 em {
        font-size: 100%;
    }

    #top_search4 .app_box2 {
        margin: 10px 10px;
        padding: 8px 0 8px;
    }

    #top_search4 .app_box2 h3 {
        font-size: 120%;
        margin: 0 0 5px !important;
    }

    #top_search4 .app_box2 .application>.app_btn {
        width: 100%;
        line-height: 2.6em;
    }

    #top_search4 .app_box2 .app_btn.arrow_right:before {
        top: 25%;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    #top_search4 .app_box2 .app_btn.arrow_right:after {
        top: 40%;
        right: 29px;
        width: 8px;
        height: 8px;
    }
}


/*メインビジュアル4
------------------*/


#main_visual4 {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_op_only.webp) no-repeat center bottom;
}

#main_visual4 .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual4 .headline {
    width: calc(100% - 320px);
    padding-top: 10px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 58px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual4 .headline span.diagonal_line {
    position: relative;
    top: px;
    padding: 0 60px;
    font-size: 40px;
    color: #ff124c;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual4 em {
    font-size: 40px;
}

#main_visual4 span.diagonal_line:before,
#main_visual4 span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual4 span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual4 span.diagonal_line:after {
    content: "／";
    right: 0;
}



@media (max-width: 768px) {

    #main_visual4 {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_op_sp_only.webp) no-repeat center top 13vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);
    }

    #main_visual4 .inner {
        top: 0;
        width: auto;
    }

    #main_visual4 .inner #top_search {
        margin-top: 50%;
    }

    #main_visual4 .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 4vw);
        text-shadow: none;
    }

    #main_visual4 .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual4 em {
        font-size: 4vw;
    }

    #main_visual4 span.diagonal_line:before,
    #main_visual4 span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

}

/*メインビジュアル5
------------------*/


#main_visual5 {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_db_only.webp) no-repeat center bottom;
}

#main_visual5 .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual5 .headline {
    width: calc(100% - 350px);
    padding-top: 10px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 58px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual5 .headline span.diagonal_line {
    position: relative;
    top: px;
    padding: 0 60px;
    font-size: 40px;
    color: #ff124c;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual5 em {
    font-size: 40px;
}

#main_visual5 span.diagonal_line:before,
#main_visual5 span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual5 span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual5 span.diagonal_line:after {
    content: "／";
    right: 0;
}



@media (max-width: 768px) {

    #main_visual5 {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_db_sp_only.webp) no-repeat center top 13vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);
    }

    #main_visual5 .inner {
        top: 0;
        width: auto;
    }

    #main_visual5 .inner #top_search {
        margin-top: 50%;
    }

    #main_visual5 .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 4vw);
        text-shadow: none;
    }

    #main_visual5 .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual5 em {
        font-size: 4vw;
    }

    #main_visual5 span.diagonal_line:before,
    #main_visual5 span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

}

/*メインビジュアル6
------------------*/


#main_visual6 {
    height: 500px;
    width: 100%;
    min-width: 1170px;
    background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_hiroaka_only.webp) no-repeat center bottom;
}

#main_visual6 .inner {
    position: relative;
    display: block;
    width: 1170px;
    text-align: center;
    margin: 0 auto;
    z-index: 0;
}

#main_visual6 .headline {
    width: calc(100% - 350px);
    padding-top: 10px;
    font-family: "Noto Sans";
    font-weight: 700;
    font-size: 58px;
    line-height: 1.1em;
    letter-spacing: -0.08em;
    text-shadow: 2px 2px 0 #fff, -2px 2px 0 #fff, 2px -2px 0 #fff, -2px -2px 0 #fff;
}

#main_visual6 .headline span.diagonal_line {
    position: relative;
    top: px;
    padding: 0 60px;
    font-size: 40px;
    color: #ff124c;
    text-align: center;
    letter-spacing: -0.06em;
    text-shadow: none;
}

#main_visual6 em {
    font-size: 40px;
}

#main_visual6 span.diagonal_line:before,
#main_visual6 span.diagonal_line:after {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: -33px;
}

#main_visual6 span.diagonal_line:before {
    content: "＼";
    left: 0;
}

#main_visual6 span.diagonal_line:after {
    content: "／";
    right: 0;
}



@media (max-width: 768px) {

    #main_visual6 {
        width: auto;
        min-width: auto;
        height: auto;
        background: url(/moetaku/_assets/images/figure/kuji_prize/main_visual_hiroaka_sp_only.webp) no-repeat center top 13vw;
        background-size: 100%;
        padding-bottom: calc(180px + 50%);
    }

    #main_visual6 .inner {
        top: 0;
        width: auto;
    }

    #main_visual6 .inner #top_search {
        margin-top: 50%;
    }

    #main_visual6 .headline {
        font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "モトヤ";
        font-weight: 700;
        width: auto;
        padding-top: 0;
        line-height: 1em;
        letter-spacing: -0.05em;
        font-size: calc(10px + 4vw);
        text-shadow: none;
    }

    #main_visual6 .headline span.diagonal_line {
        top: -4px;
        padding: 0 20px;
        font-size: 5vw;
    }

    #main_visual6 em {
        font-size: 4vw;
    }

    #main_visual6 span.diagonal_line:before,
    #main_visual6 span.diagonal_line:after {
        width: 4vw;
        height: 4vh;
        margin-top: -12px;
        font-size: 4vw;
    }

}

/*トップビジュアル検索枠
-----------------------*/
#top_search {
    position: absolute;
    top: 30px;
    right: 0;
    width: 360px;
    background: #ff6685;
    padding: 20px 5px 14px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 30;
}

#top_search:before {
    content: "▼";
    top: 150px;
    left: -30px;
    color: #ff6685;
    font-size: 40px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#top_search h2 {
    margin: 0;
    color: #fff;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
}

#top_search h2 em {
    font-size: 100%;
}

#top_search .search_box {
    background-color: #fff;
    margin: 15px 14px 2px;
    padding: 28px 25px 17px;
    box-sizing: border-box;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search .search_box input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 1.8;
}

#top_search .search_box input[type="submit"] {
    width: 200px;
}

#top_search .search_box .btn_toggle {
    display: block;
    position: relative;
    font-size: 75%;
    padding-left: 20px;
    text-align: left;
    background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
    padding: 16px 0 16px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#top_search .search_box .btn_toggle.active {
    background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
}

#top_search .search_box .select-wrap {
    display: none;
    margin-bottom: 20px;
}

#top_search .app_box {
    background-color: #fff;
    box-sizing: border-box;
    margin: 4px 14px 0;
    padding: 15px 0 15px;
    -webkit-border-radius: 0px 0px 6px 6px;
    -moz-border-radius: 0px 0px 6px 6px;
    border-radius: 0px 0px 6px 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search .app_box h3 {
    color: #ff124c;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
    margin: 0 0 16px !important;
    padding: 0;

}

#top_search .app_box .application {
    width: 84%;
}

#top_search .app_box .application>.app_btn {
    width: 280px;
    height: 50px;
    line-height: 2.3;
    font-size: 137%;
    font-weight: 400;
}

#top_search .app_box .app_btn.arrow_right:before {
    top: 25%;
    right: 20px;
    width: 25px;
    height: 25px;
}

#top_search .app_box .app_btn.arrow_right:after {
    top: 40%;
    right: 29px;
    width: 8px;
    height: 8px;
}

#top_search2 {
    position: absolute;
    top: 100px;
    right: 0;
    width: 360px;
    background: #ff6685;
    padding: 20px 5px 25px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    z-index: 30;
}

#top_search2:before {
    content: "▼";
    top: 110px;
    left: -30px;
    color: #ff6685;
    font-size: 40px;
    position: absolute;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}

#top_search2 h3 {
    margin: 0;
    color: #fff;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
}

#top_search2 h3 em {
    font-size: 100%;
}

#top_search2 .search_box {
    background-color: #fff;
    margin: 15px 14px 2px;
    padding: 28px 25px 17px;
    box-sizing: border-box;
    -webkit-border-radius: 6px 6px 0px 0px;
    -moz-border-radius: 6px 6px 0px 0px;
    border-radius: 6px 6px 0px 0px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search2 .search_box input[type="text"] {
    width: 100%;
    height: 46px;
    line-height: 1.8;
}

#top_search2 .search_box input[type="submit"] {
    width: 200px;
}

#top_search2 .search_box .btn_toggle {
    display: block;
    position: relative;
    font-size: 75%;
    padding-left: 20px;
    text-align: left;
    background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
    padding: 16px 0 16px 30px;
    margin-bottom: 20px;
    border-bottom: 1px solid #ccc;
}

#top_search2 .search_box .btn_toggle.active {
    background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat left 1em top 1.4em;
    background-size: 13px;
}

#top_search2 .search_box .select-wrap {
    display: none;
    margin-bottom: 20px;
}

#top_search2 .app_box2 {
    background-color: #fff;
    box-sizing: border-box;
    margin: 4px 14px 0;
    padding: 15px 0 15px;
    -webkit-border-radius: 6px 6px 6px 6px;
    -moz-border-radius: 6px 6px 6px 6px;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.18);
}

#top_search2 .app_box2 h3 {
    color: #ff124c;
    font-size: 137%;
    font-family: 'Noto Sans';
    font-weight: 400;
    margin: 0 0 16px !important;
    padding: 0;
}

#top_search2 .app_box2 .application {
    width: 84%;
}

#top_search2 .app_box2 .application>.app_btn {
    width: 280px;
    height: 50px;
    line-height: 2.3;
    font-size: 137%;
    font-weight: 400;
}

#top_search2 .app_box2 .app_btn.arrow_right:before {
    top: 25%;
    right: 20px;
    width: 25px;
    height: 25px;
}

#top_search2 .app_box2 .app_btn.arrow_right:after {
    top: 40%;
    right: 29px;
    width: 8px;
    height: 8px;
}

@media (max-width: 768px) {
    #top_search {
        top: 42%;
        left: 0;
        right: 0;
        width: auto;
        margin: 0 20px;
        padding: 5px 5px 7px;
    }

    #top_search:before {
        content: "▲";
        top: -16px;
        left: 0;
        right: 0;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #top_search h2 {
        font-size: 120%;
    }

    #top_search h2 em {
        font-size: 75%;
    }

    #top_search .search_box {
        margin: 5px 5px 1px;
        padding: 10px 10px 10px;
    }

    #top_search .search_box input[type="text"] {
        height: 30px;
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    #top_search .search_box input[type="submit"] {
        width: 200px;
    }

    #top_search .search_box .select-wrap {
        margin-bottom: 10px;
    }

    #top_search .search_box .btn_toggle {
        background: url(/moetaku/_assets/images/common/i_plus.png) no-repeat left 1em top 1.2em;
        background-size: 13px;
        line-height: 2em;
        padding: 10px 0 0px 30px;
        margin-bottom: 10px;
        border-bottom: none;
    }

    #top_search .search_box .btn_toggle.active {
        background: url(/moetaku/_assets/images/common/i_minus.png) no-repeat left 1em top 1em;
        background-size: 13px;
    }

    #top_search .app_box {
        margin: 2px 5px 2px;
        padding: 8px 0 8px;
    }

    #top_search .app_box h3 {
        font-size: 100%;
        margin: 0 0 5px !important;
    }

    #top_search .app_box .application>.app_btn {
        width: 100%;
        line-height: 2.6em;
    }

    #top_search .app_box .app_btn.arrow_right:before {
        top: 25%;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    #top_search .app_box .app_btn.arrow_right:after {
        top: 40%;
        right: 29px;
        width: 8px;
        height: 8px;
    }

    #top_search2 {
        left: 0;
        right: 0;
        width: auto;
        margin: 0 20px;
        margin-top: 150px !important;
        padding: 5px 5px 7px;
    }

    #top_search2:before {
        content: "▲";
        top: -16px;
        left: 0;
        right: 0;
        font-size: 20px;
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    #top_search2 h3 {
        font-size: 150%;
    }

    #top_search2 h3 em {
        font-size: 100%;
    }

    #top_search2 .app_box2 {
        margin: 10px 10px;
        padding: 8px 0 8px;
    }

    #top_search2 .app_box2 h3 {
        font-size: 120%;
        margin: 0 0 5px !important;
    }

    #top_search2 .app_box2 .application>.app_btn {
        width: 100%;
        line-height: 2.6em;
    }

    #top_search2 .app_box2 .app_btn.arrow_right:before {
        top: 25%;
        right: 20px;
        width: 25px;
        height: 25px;
    }

    #top_search2 .app_box2 .app_btn.arrow_right:after {
        top: 40%;
        right: 29px;
        width: 8px;
        height: 8px;
    }
}

/* お知らせ枠 TOP
--------------*/
#top .info3 {
    background-color: #ffffff;
    height: 70px;
    border: solid 1px #ff6685;
}

#top .info3 span {
    font-weight: bold;
}

#top .info3_header {
    float: left;
    width: 30%;
    background-color: #ff6685;
    text-align: center;
    color: #ffffff;
    padding: 25px 5px;
}

#top .info3_main {
    float: left;
    width: 65%;
    padding: 10px;
}


#top .info4 {
    background-color: #ffffff;
    height: 40px;
    border: solid 1px #ff6685;
}

#top .info4 span {
    font-weight: bold;
}

#top .info4_header {
    float: left;
    width: 30%;
    background-color: #ff6685;
    text-align: center;
    color: #ffffff;
    padding: 10px 5px;
}

#top .info4_main {
    float: left;
    width: 65%;
    padding: 10px;
}


#top .info2 {
    background-color: #ffffff;
    height: 60px;
}

#top .info2 a {
    color: #183ec9;
}

#top .info2 span {
    font-weight: bold;
}

#top .info2_header {
    float: left;
    width: 30%;
    background-color: #ff6685;
    text-align: center;
    color: #ffffff;
    padding: 20px 6px;
    border: solid 1px #ff6685;
}

#top .info2_main {
    float: left;
    width: 67%;
    padding: 10px;
    border: solid 1px #ff6685;
}


/* キャンペーンバナー TOP
----------------------*/
#campaign section {
    padding: 0;
    text-align: center;
    max-height: 260px;
}

/*TOP*/
#campaign .bnr_left,
#campaign .bnr_right {
    float: left;
    width: 583px;
    margin-right: 4px;
}

#campaign .bnr_right {
    margin-right: 0;
}

.campaign_bnr {
    width: auto !important;
    max-height: 260px;
    margin: 0 !important;
}

#campaign a {
    margin: 0 auto;
    max-height: 300px;
    display: block;
    background: #fff;
}

#campaign a img {
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

#campaign a:hover img {
    opacity: 0.7;
}

@media (max-width: 768px) {
    #campaign section {
        padding: 0;
        text-align: center;
    }

    /*TOP*/
    #campaign .bnr_left,
    #campaign .bnr_right {
        width: 100%;
        margin-right: 0;
    }

    .campaign_bnr {
        width: 100% !important;
    }

    #campaign a:hover img {
        opacity: 1;
    }
}

/*owabi*/
.owabi {
    text-align: center;
    width: 100%;
}

.smal70 {
    position: relative;
    left: -70px !important;
}

.smal90 {
    position: relative;
    left: 90px !important;
}

.spat {
    padding-top: 10px !important;
}

@media (max-width: 768px) {
    .owabi {
        background-size: 100%;
        height: auto;
        padding-bottom: 85%;
    }

    .smal70 {
        margin-left: 70px !important;
        width: 100%;
    }

    .smal90 {
        margin-left: -90px !important;
        width: 100%;
    }

    .smat50 {
        position: relative;
        top: -20px !important;
    }

    .smat40 {
        position: relative;
        top: -40px !important;
    }

    .spat {
        padding-top: 10px !important;
    }

    /*お知らせ枠 TOP SP
------------------*/

    #top .info3 {
        background-color: #ffffff;
        height: 35px;
        margin-top: 0px;
    }

    #top .info3 span {
        font-weight: bold;
    }

    #top .info3_header {
        width: 100%;
        background-color: #ff6685;
        text-align: center;
        color: #ffffff;
        padding: 8px;
    }

    #top .info3_main {
        width: 100%;
        padding: 8px;
        border: solid 1px #ff6685;
        margin-bottom: 10px !important;
        background-color: #ffffff;
    }

    #top .info4 {
        background-color: #ffffff;
        height: 35px;
        margin-top: 20px !important;
        margin-bottom: 20px;
    }

    #top .info4 span {
        font-weight: bold;
    }

    #top .info4_header {
        width: 100%;
        background-color: #ff6685;
        text-align: center;
        color: #ffffff;
        padding: 8px;
    }

    #top .info4_main {
        width: 100%;
        padding: 8px;
        border: solid 1px #ff6685;
        margin-bottom: 10px !important;
        background-color: #ffffff;
    }


    #top .info2 {
        background-color: #ffffff;
        height: 55px;
        margin-top: 0px;
    }

    #top .info2 span {
        font-weight: bold;
    }

    #top .info2_header {
        width: 100%;
        background-color: #ff6685;
        text-align: center;
        color: #ffffff;
        padding: 8px;
    }

    #top .info2_main {
        width: 100%;
        padding: 8px;
        border: solid 1px #ff6685;
        margin-bottom: 10px !important;
        background-color: #ffffff;
    }

}

/*メインコンテンツ
----------------*/
.total {
    background: url(/moetaku/_assets/images/common/total400.webp) no-repeat center top #ffd4df;
    width: 100%;
    height: 800px;
    text-align: center;
}

@media (max-width: 768px) {
    .total {
        background: url(/moetaku/_assets/images/common/total400_sp.webp) no-repeat center top #ffd4df;
        background-size: 100%;
        height: auto;
        padding-bottom: 85%;
    }
}

/* introduction */
.introduction {
    width: 100%;
    text-align: center;
}

.introduction section {
    width: auto;
}

.introduction h2 {
    margin: 0 0 40px 0 !important;
    line-height: 1.2em;
    letter-spacing: -0.08em;
}

.introduction h2 strong {
    font-size: 70px;
    margin-right: -0.5em;
    margin-left: -0.5em;
}

.introduction p.introductiontxt {
    line-height: 1.7;
    margin-bottom: 40px;
}

.introduction .profile {
    margin-top: -200px;
}

.introduction .profile_left {
    float: left;
    text-align: left;
    width: 48%;
    position: relative;
    min-height: 590px;
    background: url(/moetaku/_assets/images/common/chara_1.png) no-repeat right 250px top;
}

.introduction .profile_right {
    float: right;
    width: 48%;
    position: relative;
    min-height: 590px;
    background: url(/moetaku/_assets/images/common/chara_2.png) no-repeat left 200px top;
}

.introduction span img {
    width: 200px;
    height: auto;
}

.introduction .data {
    margin-top: 240px;
}

.introduction .data dl {
    width: 236px;
    height: auto;
    padding: 16px 20px;
    margin: 10px 0;
    box-sizing: border-box;
    text-align: left;
    background-color: #fff;
    border-radius: 10px;
    -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
    line-height: 1.4em;
}

.introduction .data dl dt {
    font-weight: normal;
    font-size: 87%;
}

.introduction .data dl dd {
    font-size: 75%;
}

@media (max-width: 768px) {
    .introduction h2 {
        margin-bottom: 15px !important;
        line-height: 1.5em;
        letter-spacing: 0em;
    }

    .introduction section {
        padding: 50px 0px;
    }

    .introduction h2 strong {
        font-size: 37.5px;
    }

    .introduction p.introductiontxt {}

    .introduction .profile {
        margin-top: 20px;
    }

    .introduction .profile_left {
        width: 100%;
        position: relative;
        min-height: auto;
        padding-bottom: 50%;
        padding-right: 20px;
        background: url(/moetaku/_assets/images/common/chara_1.png) no-repeat left 50px top;

    }

    .introduction .profile_right {
        width: 100%;
        position: relative;
        min-height: auto;
        padding-bottom: 50%;
        padding-left: 20px;
        background: url(/moetaku/_assets/images/common/chara_2.png) no-repeat right -20px top;
    }
}

@media (max-width: 414px) {
    .introduction .profile_left {
        background: url(/moetaku/_assets/images/common/chara_1.png) no-repeat left -20px top;
    }

    .introduction .profile_right {
        background: url(/moetaku/_assets/images/common/chara_2.png) no-repeat right -160px top;
    }

    .introduction .data {
        width: 55%;
        margin-top: 50px;
    }

    .introduction .data span img {
        width: 100%;
        max-width: 250px;
        height: auto;
        margin-top: 30px;
    }

    .introduction .data dl {
        width: 100%;
        max-width: 270px;
        height: auto;
        padding: 10px 15px;
        margin: 10px 0;
    }
}

/*usage*/
.usage .sub_conductor {
    text-align: center;
    margin: 60px auto 30px;
}

@media (max-width: 768px) {
    #wrap .usage h2 {
        margin: -70px 0 20px 0;
    }

    .usage .sub_conductor {
        margin-top: 30px;
    }

    .usage .sub_conductor>a.sub_btn {
        width: 100%;
    }

    .usage .sub_conductor>a.sub_btn.arrow_right:after {
        top: 41%;
        right: 27px;
    }
}

/* purchase*/
.purchase .four_column li,
.purchase_genre .four_column li {
    padding: 20px 8px 20px 12px;
    box-sizing: border-box;
}

.purchase .four_column .purchase_genre_content,
.purchase_genre .four_column .purchase_genre_content {
    width: 100%;
    height: 200px;
    text-align: center;
    margin: 0 0 20px;
}

.purchase .four_column .purchase_genre_content img,
.purchase_genre .four_column .purchase_genre_content img {
    max-width: 100%;
    width: auto;
    max-height: 200px;
}

.purchase .purchase_name,
.purchase_genre .purchase_name {
    margin: 0px 0px 20px;
    font-weight: 700;
}

.purchase .purchase_data,
.purchase_genre .purchase_data {
    margin: 0px 0px 20px;
    font-size: 75%;
    height: 50px;
}

.purchase .purchase_prise,
.purchase_genre .purchase_prise {
    font-size: 115%;
    font-weight: 700;
    text-align: center;
}

.purchase .purchase_prise span,
.purchase_genre .purchase_prise span {
    font-size: 138%;
}

@media (max-width: 768px) {

    .purchase .four_column li,
    .purchase_genre .four_column li {
        padding: 5px 10px 10px;
        box-sizing: border-box;
    }

    .purchase .four_column .purchase_genre_content,
    .purchase_genre .four_column .purchase_genre_content {
        height: auto;
        margin: 0 0 0;
    }

    .purchase .four_column .purchase_genre_content img,
    .purchase_genre .four_column .purchase_genre_content img {
        width: auto;
        max-height: 130px;
    }

    .purchase .purchase_name,
    .purchase_genre .purchase_name {
        margin: 0px 0px 10px;
        line-height: 1.4;
        word-wrap: break-word;

    }

    .purchase .purchase_data,
    .purchase_genre .purchase_data {
        margin: 0px 0px 10px;
        height: 60px;
    }

    .purchase .purchase_prise,
    .purchase_genre .purchase_prise {
        font-size: 100%;
        font-weight: 700;
        text-align: center;
    }

    .purchase .purchase_prise span,
    .purchase_genre .purchase_prise span {}
}

/* purchase */
.purchase section {
    width: 1190px;
}

.purchase .four_column li {
    margin: 0 10px 20px;
}

@media (max-width: 768px) {
    .purchase section {
        width: 100%;
        height: auto;
        padding-left: 15px;
        padding-right: 15px;
    }

    .purchase .four_column li {
        margin: 0 5px 14px 5px;
        width: 46.5%;
    }

    .purchase .four_column li:nth-child(even) {
        float: right;
    }
}

.purchase .tab_changer {
    width: 1000px;
    height: 60px;
    margin: 30px auto;
    text-align: center;
    cursor: pointer;
}

.purchase .tab_changer li {
    font-family: "Noto Sans";
    float: left;
    width: 160px;
    height: 60px;
    margin-right: 5px;
    color: #999;
    font-weight: bold;
    line-height: 4;
    border-bottom: 3px solid #999;
    box-sizing: border-box;
}

@media (max-width: 768px) {
    .purchase .tab_changer {
        width: 100%;
        height: auto;
        margin: 0 5px 15px;
    }

    .purchase .tab_changer li {
        width: 31%;
        height: auto;
        font-size: 80%;
        letter-spacing: -1px;
        line-height: 1.2;
        min-height: 3em;
        padding-top: 1em;
    }
}

.purchase .tab_changer li:last-child {
    margin-right: 0;
}

.purchase .tab_changer li:hover,
.purchase .tab_changer li.current {
    color: #ff124c;
    border-bottom: 3px solid #ff124c;
}

/* 4.state
------------*/
.is-current {
    color: #ff6685;
}

/* 5.sprites
-------------*/
.sprites {
    background: url(/moetaku/_assets/images/common/sprites.webp) no-repeat;
    background-size: auto;
    display: inline-block;
}

.sprites_p {
    background: url(/moetaku/_assets/images/common/sprites_plamo.png) no-repeat;
    background-size: auto;
    display: inline-block;
}

.figure_icon {
    background-position: 0px 0px;
}

.hero_icon {
    background-position: -44px 0px;
}

.doll_icon {
    background-position: -88px 0px;
}

.mgoods_icon {
    background-position: -132px 0px;
}

.campaign_icon {
    background-position: -176px 0px;
}

.cgoods_icon {
    background-position: -220px 0px;
}

.plamo_icon {
    background-position: -266px 0px;
}

.aimasu_icon {
    background-position: 0px -95px;
}

.oreimo_icon {
    background-position: -45px -95px;
}

.kankore_icon {
    background-position: -90px -95px;
}

.shining_icon {
    background-position: -135px -95px;
}

.jojo_icon {
    background-position: -180px -95px;
}

.kyojin_icon {
    background-position: -225px -95px;
}

.witch_icon {
    background-position: -271px -95px;
}

.tohken_icon {
    background-position: -315px -95px;
}

.touhou_icon {
    background-position: 0px -140px;
}

.dragonball_icon {
    background-position: -45px -140px;
}

.hatune_icon {
    background-position: -90px -140px;
}

.fate_icon {
    background-position: -135px -140px;
}

.perusona_icon {
    background-position: -180px -140px;
}

.madomagi_icon {
    background-position: -225px -140px;
}

.monogatari_icon {
    background-position: -270px -140px;
}

.lovelive_icon {
    background-position: -315px -140px;
}

.sao_icon {
    background-position: -315px -185px;
}

.re_icon {
    background-position: 0px -230px;
}

.seiya_icon {
    background-position: -45px -230px;
}

.tolovel_icon {
    background-position: -90px -230px;
}

.code_icon {
    background-position: -135px -230px;
}

.macross_icon {
    background-position: -180px -230px;
}

.gundam_icon {
    background-position: -225px -230px;
}

.rider_icon {
    background-position: -270px -230px;
}

.gintama_icon {
    background-position: -315px -230px;
}

.soniko_icon {
    background-position: 0px -275px;
}

.kuroko_icon {
    background-position: -45px -275px;
}

.eva_icon {
    background-position: -90px -275px;
}

.konosuba_icon {
    background-position: -135px -275px;
}

.ccs_icon {
    background-position: -180px -275px;
}

.sin_icon {
    background-position: -225px -275px;
}

.naruto_icon {
    background-position: -270px -275px;
}

.idlish_icon {
    background-position: -315px -275px;
}

.gunpla_icon {
    background-position: -135px -320px;
}

.macrossplamo_icon {
    background-position: -180px -320px;
}

.votomsplamo_icon {
    background-position: -225px -320px;
}

.framearmsgirl_icon {
    background-position: -270px -320px;
}

.megamidevice_icon {
    background-position: -315px -320px;
}

.alter_icon {
    background-position: 0px -185px;
}

.orchidseed_icon {
    background-position: -45px -185px;
}

.goodsmile_icon {
    background-position: -90px -185px;
}

.kotobukiya_icon {
    background-position: -135px -185px;
}

.hottoys_icon {
    background-position: -180px -185px;
}

.megahouse_icon {
    background-position: -225px -185px;
}

.purenimo_icon {
    background-position: -270px -185px;
}

.scalefigure_icon {
    background-position: 0px -50px;
}

.nedoroid_icon {
    background-position: -45px -50px;
}

.figma_icon {
    background-position: -90px -50px;
}

.prize_icon {
    background-position: -135px -50px;
}

.onepiece_icon {
    background-position: -180px -50px;
}

.metal_icon {
    background-position: -225px -50px;
}

.amecomi_icon {
    background-position: -270px -50px;
}

.figuarts_icon {
    background-position: -315px -50px;
}

.revoltech_icon {
    background-position: 0px -320px;
}

.robot_icon {
    background-position: -45px -320px;
}

.bq_icon {
    background-position: -90px -320px;
}

.dd_icon {
    background-position: 0px -365px;
}

.blythe_icon {
    background-position: -45px -365px;
}

.excute_icon {
    background-position: -90px -365px;
}

.haf_icon {
    background-position: -135px -365px;
}

.artfx_icon {
    background-position: -180px -365px;
}

.azurlane_icon {
    background-position: -225px -365px;
}

.gochiusa_icon {
    background-position: -270px -365px;
}

.gem_icon {
    background-position: -315px -365px;
}

.starwars_icon {
    background-position: 0px -410px;
}

.sailormoon_icon {
    background-position: -45px -410px;
}

.tenipuri_icon {
    background-position: -90px -410px;
}

.haikyu_icon {
    background-position: -135px -410px;
}

.bangdream_icon {
    background-position: -180px -410px;
}

.heroaca_icon {
    background-position: -225px -410px;
}

.monsterhunter_icon {
    background-position: -270px -410px;
}

.kaiyodo_icon {
    background-position: -315px -410px;
}

.kimetsu_icon {
    background-position: 0px -455px;
}

.ff_icon {
    background-position: -45px -455px;
}

.kokaku_icon {
    background-position: -90px -455px;
}

.hokutonoken_icon {
    background-position: -135px -455px;
}

.godzilla_icon {
    background-position: -225px -455px;
}

.ultraman_icon {
    background-position: -270px -455px;
}

.tensura_icon {
    background-position: -315px -455px;
}

.hh_icon {
    background-position: 0px -500px;
}

.mb_icon {
    background-position: -45px -500px;
}

.maxfactory_icon {
    background-position: -90px -500px;
}

.aniplex_icon {
    background-position: -135px -500px;
}

.skytube_icon {
    background-position: -180px -500px;
}

.kingdam_icon {
    background-position: -225px -500px;
}

.dollsfrontline_icon {
    background-position: -270px -500px;
}

.overlord_icon {
    background-position: -315px -500px;
}

.atelier_icon {
    background-position: 0px -545px;
}

.senrankagura_icon {
    background-position: -45px -545px;
}

.dragonquest_icon {
    background-position: -90px -545px;
}

.saenai_icon {
    background-position: -135px -545px;
}

.fireemblem_icon {
    background-position: -180px -545px;
}

.kizunaai_icon {
    background-position: -225px -545px;
}

.oregairu_icon {
    background-position: -270px -545px;
}

.bungostraydogs_icon {
    background-position: -315px -545px;
}

.hypnosismic_icon {
    background-position: 0px -590px;
}

.arknights_icon {
    background-position: -45px -590px;
}

.free_icon {
    background-position: -90px -590px;
}

.osomatsusan_icon {
    background-position: -135px -590px;
}

.kuroshitsuji_icon {
    background-position: -180px -590px;
}

.ensemblestars_icon {
    background-position: -225px -590px;
}

.yurionice_icon {
    background-position: -270px -590px;
}

.yowapeda_icon {
    background-position: -315px -590px;
}

.inuboku_icon {
    background-position: 0px -635px;
}

.bananafish_icon {
    background-position: -45px -635px;
}

.yuhaku_icon {
    background-position: -90px -635px;
}

.nier_icon {
    background-position: -135px -635px;
}

.conan_icon {
    background-position: -180px -635px;
}

.shieldhero_icon {
    background-position: -225px -635px;
}

.tigerandbunny_icon {
    background-position: -270px -635px;
}

.hetalia_icon {
    background-position: -315px -635px;
}

.fairytail_icon {
    background-position: 0px -680px;
}

.granbluefantasy_icon {
    background-position: -45px -680px;
}

.fmd_icon {
    background-position: -90px -680px;
}

.bl_icon {
    background-position: -135px -680px;
}

.utapri_icon {
    background-position: -180px -680px;
}

.zoids_icon {
    background-position: -225px -680px;
}

.pokemoncard_icon {
    background-position: -270px -680px;
}

.shadowverse_icon {
    background-position: -315px -680px;
}

.tcg_op_icon {
    background-position: 0px -725px;
}

.chainsawman_icon {
    background-position: -90px -725px;
}

.jujutsukaisen_icon {
    background-position: -135px -725px;
}

.genshin_icon {
    background-position: -180px -725px;
}

.houkai_icon {
    background-position: -225px -725px;
}

.nijisanji_icon {
    background-position: -270px -725px;
}

.hololive_icon {
    background-position: -315px -725px;
}

.transformers_icon {
    background-position: -45px -770px;
}

.batman_icon {
    background-position: -90px -770px;
}

.kinnikuman_icon {
    background-position: -135px -770px;
}

.queensblade_icon {
    background-position: -180px -770px;
}

.toheart_icon {
    background-position: -225px -770px;
}

.avengers_icon {
    background-position: -315px -770px;
}

.ironman_icon {
    background-position: 0px -815px;
}

.supersentaiseries_icon {
    background-position: -45px -815px;
}

.spiderman_icon {
    background-position: -90px -815px;
}

.pokemon_icon {
    background-position: -135px -815px;
}

.precure_icon {
    background-position: -180px -815px;
}

.mazingerz_icon {
    background-position: -225px -815px;
}

.alienpredator_icon {
    background-position: -270px -815px;
}

.busoushinki_icon {
    background-position: -315px -815px;
}

.lupin3rd_icon {
    background-position: 0px -860px;
}

.getterrobot_icon {
    background-position: -45px -860px;
}

.marvel_icon {
    background-position: -90px -860px;
}

.streetfighter_icon {
    background-position: -135px -860px;
}

.captainamerica_icon {
    background-position: -180px -860px;
}

.metalgear_icon {
    background-position: -225px -860px;
}

.superman_icon {
    background-position: -270px -860px;
}

.frieren_icon {
    background-position: -315px -860px;
}

.dandadan_icon {
    background-position: 0px -905px;
}

.kusuriyanohitorigoto_icon {
    background-position: -45px -905px;
}

.bisquedoll_icon {
    background-position: -90px -905px;
}

.kaiju8_icon {
    background-position: -135px -905px;
}

.oshinoko_icon {
    background-position: -180px -905px;
}

.delicious_icon {
    background-position: -225px -905px;
}

.lycoris_icon {
    background-position: -270px -905px;
}

.bocchi_icon {
    background-position: -315px -905px;
}

.yofukashi_icon {
    background-position: 0px -950px;
}

.shadow_icon {
    background-position: -45px -950px;
}

.terminator_icon {
    background-position: -90px -950px;
}

.digimon2_icon {
    background-position: -135px -950px;
}

.spacebattleshipyamato_icon {
    background-position: -180px -950px;
}

.gurrenlagann_icon {
    background-position: -225px -950px;
}

.berserk_icon {
    background-position: -270px -950px;
}

.superrobotwars_icon {
    background-position: -315px -950px;
}


.xmen_icon {
    background-position: -0px -995px;
}

.haremking_icon {
    background-position: -45px -995px;
}

.garo_icon {
    background-position: -90px -995px;
}

.walkureromanze_icon {
    background-position: -135px -995px;
}
.kikaider_icon {
    background-position: -180px -995px;
}

.deadpool_icon {
    background-position: -225px -995px;
}

.dunbine_icon {
    background-position: -270px -995px;
}

.yugioh_f_icon {
    background-position: -315px -995px;
}

.nekopara_icon {
    background-position: 0px -1040px;
}

.danganronpa_icon {
    background-position: -45px -1040px;
}

.gridman_icon {
    background-position: -90px -1040px;
}

.kingdomhearts_icon {
    background-position: -135px -1040px;
}

.talesof_icon {
    background-position: -180px -1040px;
}

.muv-luv_icon {
    background-position: -225px -1040px;
}

.cyberformula_icon {
    background-position: -270px -1040px;
}

.deadoralive_icon {
    background-position: -315px -1040px;
}

.gaogaigar_f_icon {
    background-position: 0px -1085px;
}

.thor_icon {
    background-position: -45px -1085px;
}

.killlakill_icon {
    background-position: -90px -1085px;
}

.diaclone_icon {
    background-position: -135px -1085px;
}

.zelda_icon {
    background-position: -180px -1085px;
}

.grandzort_icon {
    background-position: -225px -1085px;
}

.guardiansofthegalaxy_icon {
    background-position: -270px -1085px;
}

.onepunchman_icon {
    background-position: -315px -1085px;
}

.overwatch_icon {
    background-position: 0px -1130px;
}

.devilman_icon {
    background-position: -45px -1130px;
}

.bleach_icon {
    background-position: -90px -1130px;
}

.odinsphere_icon {
    background-position: -135px -1130px;
}

.danmachi_icon {
    background-position: -180px -1130px;
}

.gantz_icon {
    background-position: -225px -1130px;
}

.maidragon_icon {
    background-position: -270px -1130px;
}

.elfvillage_icon {
    background-position: -315px -1130px;
}

.silenthill_icon {
    background-position: 0px -1175px;
}



.p_starwars_icon {
    background-position: 0px 0px;
}

.p_startrek_icon {
    background-position: -45px 0px;
}

.p_danballsenki_icon {
    background-position: -90px 0px;
}

.p_maschinenkrieger_icon {
    background-position: -135px 0px;
}

.p_suparobo_icon {
    background-position: -180px 0px;
}

.p_kamenrider_icon {
    background-position: -225px 0px;
}

.p_armoredcore_icon {
    background-position: -270px 0px;
}

.p_yamato_icon {
    background-position: -315px 0px;
}

.p_evangelion_icon {
    background-position: -0px -45px;
}

.p_muvluv_icon {
    background-position: -45px -45px;
}

.p_girlsundpanzer_icon {
    background-position: -90px -45px;
}

.p_fss_icon {
    background-position: -135px -45px;
}

.p_virtualon_icon {
    background-position: -180px -45px;
}

.p_thunderbird_icon {
    background-position: -225px -45px;
}

.p_patlabor_icon {
    background-position: -270px -45px;
}

.p_wataru_icon {
    background-position: -315px -45px;
}

.p_ultraman_icon {
    background-position: 0px -90px;
}

.p_rockman_icon {
    background-position: -45px -90px;
}

.p_dougram_icon {
    background-position: -90px -90px;
}

.p_gaogaigar_icon {
    background-position: -135px -90px;
}

.p_sousaishojoteien_icon {
    background-position: -180px -90px;
}

.p_digimon_icon {
    background-position: -225px -90px;
}

.p_sidnia_icon {
    background-position: -270px -90px;
}

.g_scalefigure_icon {
    background-position: 0px -28px;
    background-size: 200px;
}

.g_nedoroid_icon {
    background-position: -25px -28px;
    background-size: 200px;
}

.g_figma_icon {
    background-position: -50px -28px;
    background-size: 200px;
}

.g_prize_icon {
    background-position: -75px -28px;
    background-size: 200px;
}

.g_onepiece_icon {
    background-position: -100px -28px;
    background-size: 200px;
}

.g_metal_icon {
    background-position: -125px -28px;
    background-size: 200px;
}

.g_amecomi_icon {
    background-position: -150px -28px;
    background-size: 200px;
}

.g_figuarts_icon {
    background-position: -175px -28px;
    background-size: 200px;
}

.g_aimasu_icon {
    background-position: 0px -52px;
    background-size: 200px;
}

.g_oreimo_icon {
    background-position: -25px -52px;
    background-size: 200px;
}

.g_kankore_icon {
    background-position: -50px -52px;
    background-size: 200px;
}

.g_shining_icon {
    background-position: -75px -52px;
    background-size: 200px;
}

.g_jojo_icon {
    background-position: -100px -52px;
    background-size: 200px;
}

.g_kyojin_icon {
    background-position: -125px -52px;
    background-size: 200px;
}

.g_witch_icon {
    background-position: -150px -52px;
    background-size: 200px;
}

.g_tohken_icon {
    background-position: -175px -52px;
    background-size: 200px;
}

.g_touhou_icon {
    background-position: 0px -78px;
    background-size: 200px;
}

.g_dragonball_icon {
    background-position: -25px -78px;
    background-size: 200px;
}

.g_hatune_icon {
    background-position: -50px -78px;
    background-size: 200px;
}

.g_fate_icon {
    background-position: -75px -78px;
    background-size: 200px;
}

.g_perusona_icon {
    background-position: -100px -78px;
    background-size: 200px;
}

.g_madomagi_icon {
    background-position: -125px -78px;
    background-size: 200px;
}

.g_monogatari_icon {
    background-position: -150px -78px;
    background-size: 200px;
}

.g_lovelive_icon {
    background-position: -175px -78px;
    background-size: 200px;
}

.g_sao_icon {
    background-position: -175px -102px;
    background-size: 200px;
}

.g_re_icon {
    background-position: 0px -128px;
    background-size: 200px;
}

.g_seiya_icon {
    background-position: -25px -128px;
    background-size: 200px;
}

.g_tolovel_icon {
    background-position: -50px -128px;
    background-size: 200px;
}

.g_code_icon {
    background-position: -75px -128px;
    background-size: 200px;
}

.g_macross_icon {
    background-position: -100px -128px;
    background-size: 200px;
}

.g_gundam_icon {
    background-position: -125px -128px;
    background-size: 200px;
}

.g_rider_icon {
    background-position: -150px -128px;
    background-size: 200px;
}

.g_gintama_icon {
    background-position: -176px -128px;
    background-size: 200px;
}

.g_soniko_icon {
    background-position: 0px -154px;
    background-size: 200px;
}

.g_kuroko_icon {
    background-position: -25px -154px;
    background-size: 200px;
}

.g_eva_icon {
    background-position: -50px -154px;
    background-size: 200px;
}

.g_konosuba_icon {
    background-position: -75px -154px;
    background-size: 200px;
}

.g_ccs_icon {
    background-position: -100px -154px;
    background-size: 200px;
}

.g_7sin_icon {
    background-position: -125px -154px;
    background-size: 200px;
}

.g_naruto_icon {
    background-position: -150px -154px;
    background-size: 200px;
}

.g_idlish_icon {
    background-position: -175px -154px;
    background-size: 200px;
}

.g_gunpla_icon {
    background-position: -75px -178px;
    background-size: 200px;
}

.g_macrossplamo_icon {
    background-position: -100px -178px;
    background-size: 200px;
}

.g_votomsplamo_icon {
    background-position: -125px -178px;
    background-size: 200px;
}

.g_framearmsgirl_icon {
    background-position: -150px -178px;
    background-size: 200px;
}

.g_megamidevice_icon {
    background-position: -175px -178px;
    background-size: 200px;
}

.g_revoltech_icon {
    background-position: 0px -176px;
    background-size: 200px;
}

.g_robot_icon {
    background-position: -25px -176px;
    background-size: 200px;
}

.g_bq_icon {
    background-position: -50px -177px;
    background-size: 200px;
}

.g_dd_icon {
    background-position: 0px -203px;
    background-size: 200px;
}

.g_blythe_icon {
    background-position: -25px -203px;
    background-size: 200px;
}

.g_excute_icon {
    background-position: -50px -203px;
    background-size: 200px;
}

.g_haf_icon {
    background-position: -75px -203px;
    background-size: 200px;
}

.g_artfx_icon {
    background-position: -100px -203px;
    background-size: 200px;
}

.g_azurlane_icon {
    background-position: -125px -203px;
    background-size: 200px;
}

.g_gochiusa_icon {
    background-position: -150px -203px;
    background-size: 200px;
}

.g_gem_icon {
    background-position: -175px -203px;
    background-size: 200px;
}

.g_starwars_icon {
    background-position: 0px -228px;
    background-size: 200px;
}

.g_sailormoon_icon {
    background-position: -25px -228px;
    background-size: 200px;
}

.g_tenipuri_icon {
    background-position: -50px -228px;
    background-size: 200px;
}

.g_haikyu_icon {
    background-position: -75px -228px;
    background-size: 200px;
}

.g_bangdream_icon {
    background-position: -100px -228px;
    background-size: 200px;
}

.g_heroaca_icon {
    background-position: -125px -228px;
    background-size: 200px;
}

.g_monsterhunter_icon {
    background-position: -150px -228px;
    background-size: 200px;
}

.g_kaiyodo_icon {
    background-position: -175px -228px;
    background-size: 200px;
}

.g_kimetsu_icon {
    background-position: 0px -253px;
    background-size: 200px;
}

.g_ff_icon {
    background-position: -25px -253px;
    background-size: 200px;
}

.g_kokaku_icon {
    background-position: -50px -253px;
    background-size: 200px;
}

.g_hokutonoken_icon {
    background-position: -75px -253px;
    background-size: 200px;
}

.g_godzilla_icon {
    background-position: -125px -253px;
    background-size: 200px;
}

.g_ultraman_icon {
    background-position: -150px -253px;
    background-size: 200px;
}

.g_tensura_icon {
    background-position: -175px -253px;
    background-size: 200px;
}

.g_hh_icon {
    background-position: 0px -278px;
    background-size: 200px;
}

.g_mb_icon {
    background-position: -25px -278px;
    background-size: 200px;
}

.g_maxfactory_icon {
    background-position: -50px -278px;
    background-size: 200px;
}

.g_aniplex_icon {
    background-position: -75px -278px;
    background-size: 200px;
}

.g_skytube_icon {
    background-position: -100px -278px;
    background-size: 200px;
}

.g_kingdam_icon {
    background-position: -125px -278px;
    background-size: 200px;
}

.g_dollsfrontline_icon {
    background-position: -150px -278px;
    background-size: 200px;
}

.g_overlord_icon {
    background-position: -175px -278px;
    background-size: 200px;
}

.g_atelier_icon {
    background-position: 0px -303px;
    background-size: 200px;
}

.g_senrankagura_icon {
    background-position: -25px -303px;
    background-size: 200px;
}

.g_dragonquest_icon {
    background-position: -50px -303px;
    background-size: 200px;
}

.g_saenai_icon {
    background-position: -75px -303px;
    background-size: 200px;
}

.g_fireemblem_icon {
    background-position: -100px -303px;
    background-size: 200px;
}

.g_kizunaai_icon {
    background-position: -125px -303px;
    background-size: 200px;
}

.g_oregairu_icon {
    background-position: -150px -303px;
    background-size: 200px;
}

.g_bungostraydogs_icon {
    background-position: -175px -303px;
    background-size: 200px;
}

.g_hypnosismic_icon {
    background-position: 0px -328px;
    background-size: 200px;
}

.g_arknights_icon {
    background-position: -25px -328px;
    background-size: 200px;
}

.g_free_icon {
    background-position: -50px -328px;
    background-size: 200px;
}

.g_osomatsusan_icon {
    background-position: -75px -328px;
    background-size: 200px;
}

.g_kuroshitsuji_icon {
    background-position: -100px -328px;
    background-size: 200px;
}

.g_ensemblestars_icon {
    background-position: -125px -328px;
    background-size: 200px;
}

.g_yurionice_icon {
    background-position: -150px -328px;
    background-size: 200px;
}

.g_yowapeda_icon {
    background-position: -175px -328px;
    background-size: 200px;
}

.g_inuboku_icon {
    background-position: 0px -353px;
    background-size: 200px;
}

.g_bananafish_icon {
    background-position: -25px -353px;
    background-size: 200px;
}

.g_yuhaku_icon {
    background-position: -50px -353px;
    background-size: 200px;
}

.g_nier_icon {
    background-position: -75px -353px;
    background-size: 200px;
}

.g_conan_icon {
    background-position: -100px -353px;
    background-size: 200px;
}

.g_shieldhero_icon {
    background-position: -125px -353px;
    background-size: 200px;
}

.g_tigerandbunny_icon {
    background-position: -150px -353px;
    background-size: 200px;
}

.g_hetalia_icon {
    background-position: -175px -353px;
    background-size: 200px;
}

.g_fairytail_icon {
    background-position: 0px -378px;
    background-size: 200px;
}

.g_granbluefantasy_icon {
    background-position: -25px -378px;
    background-size: 200px;
}

.g_fmd_icon {
    background-position: -50px -378px;
    background-size: 200px;
}

.g_bl_icon {
    background-position: -75px -378px;
    background-size: 200px;
}

.g_utapri_icon {
    background-position: -100px -378px;
    background-size: 200px;
}

.g_zoids_icon {
    background-position: -125px -378px;
    background-size: 200px;
}

.g_pokemoncard_icon {
    background-position: -150px -378px;
    background-size: 200px;
}

.g_shadowverse_icon {
    background-position: -175px -378px;
    background-size: 200px;
}

.g_tcg_op_icon {
    background-position: 0px -403px;
    background-size: 200px;
}

.g_tcg_yugioh_icon {
    background-position: -25px -403px;
    background-size: 200px;
}

.g_tcg_db_icon {
    background-position: 0px -428px;
    background-size: 200px;
}

.g_tcg_hololive_icon {
    background-position: -150px -428px;
    background-size: 200px;
}

.g_chainsawman_icon {
    background-position: -50px -403px;
    background-size: 200px;
}

.g_jujutsukaisen_icon {
    background-position: -75px -403px;
    background-size: 200px;
}

.g_genshin_icon {
    background-position: -100px -403px;
    background-size: 200px;
}

.g_houkai_icon {
    background-position: -125px -403px;
    background-size: 200px;
}

.g_nijisanji_icon {
    background-position: -150px -403px;
    background-size: 200px;
}

.g_hololive_icon {
    background-position: -175px -403px;
    background-size: 200px;
}

.g_transformers_icon {
    background-position: -25px -428px;
    background-size: 200px;
}

.g_batman_icon {
    background-position: -50px -428px;
    background-size: 200px;
}

.g_kinnikuman_icon {
    background-position: -75px -428px;
    background-size: 200px;
}

.g_queensblade_icon {
    background-position: -100px -428px;
    background-size: 200px;
}

.g_toheart_icon {
    background-position: -125px -428px;
    background-size: 200px;
}

.g_avengers_icon {
    background-position: -175px -428px;
    background-size: 200px;
}

.g_ironman_icon {
    background-position: -0px -453px;
    background-size: 200px;
}

.g_supersentaiseries_icon {
    background-position: -25px -453px;
    background-size: 200px;
}

.g_spiderman_icon {
    background-position: -50px -453px;
    background-size: 200px;
}

.g_pokemon_icon {
    background-position: -75px -453px;
    background-size: 200px;
}

.g_precure_icon {
    background-position: -100px -453px;
    background-size: 200px;
}

.g_mazingerz_icon {
    background-position: -125px -453px;
    background-size: 200px;
}

.g_alienpredator_icon {
    background-position: -150px -453px;
    background-size: 200px;
}

.g_busoushinki_icon {
    background-position: -175px -453px;
    background-size: 200px;
}

.g_lupin3rd_icon {
    background-position: -0px -478px;
    background-size: 200px;
}

.g_getterrobot_icon {
    background-position: -25px -478px;
    background-size: 200px;
}

.g_marvel_icon {
    background-position: -50px -478px;
    background-size: 200px;
}

.g_streetfighter_icon {
    background-position: -75px -478px;
    background-size: 200px;
}

.g_captainamerica_icon {
    background-position: -100px -478px;
    background-size: 200px;
}

.g_metalgear_icon {
    background-position: -125px -478px;
    background-size: 200px;
}

.g_superman_icon {
    background-position: -150px -478px;
    background-size: 200px;
}

.g_frieren_icon {
    background-position: -175px -478px;
    background-size: 200px;
}

.g_dandadan_icon {
    background-position: 0px -503px;
    background-size: 200px;
}

.g_kusuriyanohitorigoto_icon {
    background-position: -25px -503px;
    background-size: 200px;
}

.g_bisquedoll_icon {
    background-position: -50px -503px;
    background-size: 200px;
}

.g_kaiju8_icon {
    background-position: -75px -503px;
    background-size: 200px;
}

.g_oshinoko_icon {
    background-position: -100px -503px;
    background-size: 200px;
}

.g_delicious_icon {
    background-position: -125px -503px;
    background-size: 200px;
}

.g_lycoris_icon {
    background-position: -150px -503px;
    background-size: 200px;
}

.g_bocchi_icon {
    background-position: -175px -503px;
    background-size: 200px;
}

.g_yofukashi_icon {
    background-position: 0px -528px;
    background-size: 200px;
}

.g_shadow_icon {
    background-position: -25px -528px;
    background-size: 200px;
}

.g_terminator_icon {
    background-position: -50px -528px;
    background-size: 200px;
}

.g_digimon2_icon {
    background-position: -75px -528px;
    background-size: 200px;
}

.g_spacebattleshipyamato_icon {
    background-position: -100px -528px;
    background-size: 200px;
}

.g_gurrenlagann_icon {
    background-position: -125px -528px;
    background-size: 200px;
}

.g_berserk_icon {
    background-position: -150px -528px;
    background-size: 200px;
}

.g_superrobotwars_icon {
    background-position: -175px -528px;
    background-size: 200px;
}

.g_xmen_icon {
    background-position: 0px -553px;
    background-size: 200px;
}

.g_haremking_icon {
    background-position: -25px -553px;
    background-size: 200px;
}

.g_garo_icon {
    background-position: -50px -553px;
    background-size: 200px;
}

.g_walkureromanze_icon {
    background-position: -75px -553px;
    background-size: 200px;
}

.g_kikaider_icon {
    background-position: -100px -553px;
    background-size: 200px;
}
.g_deadpool_icon {
    background-position: -125px -553px;
    background-size: 200px;
}
.g_dunbine_icon {
    background-position: -150px -553px;
    background-size: 200px;
}
.g_yugioh_f_icon {
    background-position: -175px -553px;
    background-size: 200px;
}
.g_nekopara_icon {
    background-position: 0px -578px;
    background-size: 200px;
}

.g_danganronpa_icon {
    background-position: -25px -578px;
    background-size: 200px;
}

.g_gridman_icon {
    background-position: -50px -578px;
    background-size: 200px;
}

.g_kingdomhearts_icon {
    background-position: -75px -578px;
    background-size: 200px;
}

.g_talesof_icon {
    background-position: -100px -578px;
    background-size: 200px;
}

.g_muv-luv_icon {
    background-position: -125px -578px;
    background-size: 200px;
}

.g_cyberformula_icon {
    background-position: -150px -578px;
    background-size: 200px;
}

.g_deadoralive_icon {
    background-position: -175px -578px;
    background-size: 200px;
}

.g_gaogaigar_f_icon {
    background-position: 0px -603px;
    background-size: 200px;
}

.g_thor_icon {
    background-position: -25px -603px;
    background-size: 200px;
}

.g_killlakill_icon {
    background-position: -50px -603px;
    background-size: 200px;
}

.g_diaclone_icon {
    background-position: -75px -603px;
    background-size: 200px;
}

.g_zelda_icon {
    background-position: -100px -603px;
    background-size: 200px;
}

.g_grandzort_icon {
    background-position: -125px -603px;
    background-size: 200px;
}

.g_guardiansofthegalaxy_icon {
    background-position: -150px -603px;
    background-size: 200px;
}

.g_onepunchman_icon {
    background-position: -175px -603px;
    background-size: 200px;
}

.g_overwatch_icon {
    background-position: 0px -628px;
    background-size: 200px;
}

.g_devilman_icon {
    background-position: -25px -628px;
    background-size: 200px;
}

.g_bleach_icon {
    background-position: -50px -628px;
    background-size: 200px;
}

.g_odinsphere_icon {
    background-position: -75px -628px;
    background-size: 200px;
}

.g_danmachi_icon {
    background-position: -100px -628px;
    background-size: 200px;
}

.g_gantz_icon {
    background-position: -125px -628px;
    background-size: 200px;
}

.g_maidragon_icon {
    background-position: -150px -628px;
    background-size: 200px;
}

.g_elfvillage_icon {
    background-position: -175px -628px;
    background-size: 200px;
}

.g_silenthill_icon {
    background-position: 0px -653px;
    background-size: 200px;
}


.g_alter_icon {
    background-position: 0px -102px;
    background-size: 200px;
}

.g_orchidseed_icon {
    background-position: -25px -102px;
    background-size: 200px;
}

.g_goodsmile_icon {
    background-position: -50px -102px;
    background-size: 200px;
}

.g_kotobukiya_icon {
    background-position: -75px -102px;
    background-size: 200px;
}

.g_hottoys_icon {
    background-position: -100px -102px;
    background-size: 200px;
}

.g_megahouse_icon {
    background-position: -125px -102px;
    background-size: 200px;
}

.g_purenimo_icon {
    background-position: -150px -102px;
    background-size: 200px;
}

.g_p_starwars_icon {
    background-position: 0px 0px;
    background-size: 200px;
}

.g_p_startrek_icon {
    background-position: -25px 0px;
    background-size: 200px;
}

.g_p_danballsenki_icon {
    background-position: -50px 0px;
    background-size: 200px;
}

.g_p_maschinenkrieger_icon {
    background-position: -75px 0px;
    background-size: 200px;
}

.g_p_suparobo_icon {
    background-position: -100px 0px;
    background-size: 200px;
}

.g_p_kamenrider_icon {
    background-position: -125px 0px;
    background-size: 200px;
}

.g_p_armoredcore_icon {
    background-position: -150px 0px;
    background-size: 200px;
}

.g_p_yamato_icon {
    background-position: -175px 0px;
    background-size: 200px;
}

.g_p_evangelion_icon {
    background-position: 0px -25px;
    background-size: 200px;
}

.g_p_muvluv_icon {
    background-position: -25px -25px;
    background-size: 200px;
}

.g_p_girlsundpanzer_icon {
    background-position: -50px -25px;
    background-size: 200px;
}

.g_p_fss_icon {
    background-position: -75px -25px;
    background-size: 200px;
}

.g_p_virtualon_icon {
    background-position: -100px -25px;
    background-size: 200px;
}

.g_p_thunderbird_icon {
    background-position: -125px -25px;
    background-size: 200px;
}

.g_p_patlabor_icon {
    background-position: -150px -25px;
    background-size: 200px;
}

.g_p_wataru_icon {
    background-position: -175px -25px;
    background-size: 200px;
}

.g_p_ultraman_icon {
    background-position: 0px -50px;
    background-size: 200px;
}

.g_p_rockman_icon {
    background-position: -25px -50px;
    background-size: 200px;
}

.g_p_dougram_icon {
    background-position: -50px -50px;
    background-size: 200px;
}

.g_p_gaogaigar_icon {
    background-position: -75px -50px;
    background-size: 200px;
}

.g_p_sousaishojoteien_icon {
    background-position: -100px -50px;
    background-size: 200px;
}

.g_p_digimon_icon {
    background-position: -125px -50px;
    background-size: 200px;
}

.g_p_sidnia_icon {
    background-position: -150px -50px;
    background-size: 200px;
}


#header .third_row .icon_arrow a {
    margin-left: 20px;
    padding: 4px 10px 2px;
}

#gnav .icon_arrow a:before {
    position: initial;
    margin: 0 10px;
}

.icon_arrow a:before {
    font-family: 'Fontawesome';
    content: "\f138";
    position: absolute;
    width: auto;
    height: auto;
    text-align: center;
    top: -5%;
    left: 10px;
    font-size: 21px;
    color: #999999;
}

.barcode_btn {
    width: 970px;
    margin: 40px auto 20px;
}

@media (max-width: 768px) {
    .barcode_btn {
        width: auto;
        margin: 20px auto 20px;
    }
}

/* モーダル
***********/
#colorbox,
#cboxOverlay {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
}

#cboxWrapper {
    max-width: none;
}

#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}

#cboxMiddleLeft,
#cboxBottomLeft {
    clear: left;
}

#cboxContent {
    position: relative;
    background-color: #fff !important;
    border-radius: 0 !important;
    clip-path: polygon(13px 0, 100% 0, 100% calc(100% - 13px), calc(100% - 13px) 100%, 0 100%, 0 13px) !important;
}

@media screen and (max-width: 767px) {
    #cboxContent {
        background-color: #666 !important;
    }
}

#cboxLoadedContent {
    overflow: auto;
    /* -webkit-overflow-scrolling: touch; */
}

#cboxTitle {
    margin: 0;
}

#cboxPrevious,
#cboxNext,
#cboxClose,
#cboxSlideshow {
    cursor: pointer;
}

.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
}

.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
}

#colorbox,
#cboxContent,
#cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#cboxOverlay {
    background: url(/moetaku/_assets/barcode/img/overlay.png) repeat 0 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

#colorbox {
    outline: 0;
}

#cboxContent {
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}

.cboxIframe {
    background: #fff;
}

#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}

#cboxLoadedContent {
    position: relative;
    margin-bottom: 0px;
}

#cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
}

#cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
}

#cboxPrevious,
#cboxNext,
#cboxSlideshow,
#cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
}

#cboxPrevious:active,
#cboxNext:active,
#cboxSlideshow:active,
#cboxClose:active {
    outline: 0;
}

#cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
}

#cboxPrevious {
    position: absolute;
    top: 10px;
    left: 20px;
    background: url(/moetaku/_assets/barcode/img/angle-left.svg) no-repeat left top -4px;
    background-size: contain;
    width: 100px;
    padding-left: 20px;
    height: 25px;
    color: #000;
    z-index: 10;
    text-align: left;
    font-weight: 700;
}

#cboxPrevious:before,
#cboxPager:before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 100%;
    padding: 5px;
    background: rgba(255, 255, 255, 0.8);
    z-index: -1;
}

#cboxPrevious:before {
    background-color: transparent;
}

#cboxPager {
    position: absolute;
    display: block;
    top: 45%;
    font-size: 87.5%;
    right: 10px;
    width: 100px;
    color: #000;
    z-index: 10;
    text-align: right;
    font-weight: 300;
    line-height: 2;
}

#cboxPager a:hover {
    color: #835a00;
}

#cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url() no-repeat -50px 0;
    width: 25px;
    height: 25px;
}

#cboxNext:hover {
    background-position: -50px -25px;
}

#cboxClose {
    position: absolute;
    top: 7px;
    right: 12px;
    background: url(/moetaku/_assets/barcode/img/times.svg) no-repeat 0 0 !important;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

#cboxClose:hover,
#cboxPrevious:hover {
    opacity: 0.5;
}

/*modal design*/
.modal_content {
    width: 740px;
    background-color: #fff;
    padding: 90px 110px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

.modal_content .application {
    width: 100%;
    filter: drop-shadow(2px 2px 2px #aaa);
}

.modal_content .application.application>.app_btn {
    background-position: 50% 50%;
}

@media screen and (max-width: 960px) {
    .modal_content {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .modal_content {
        padding: 40px 20px 30px;
        width: 100% !important;
    }

    #modal_item4.modal_content {
        padding: 40px 0px 30px;
        overflow: hidden;
    }

    .modal_content .application {
        height: 50px;
    }

    .app_btn.arrow_right:before {
        top: 50%;
        transform: translateY(-50%);
        width: 13px;
        right: 20px;
    }

    .app_btn.arrow_right:after {
        top: 21px;
        width: 8px;
        height: 2px;
        right: 10px;
    }

    .modal_content .application.application>.app_btn {
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

#cboxLoadedContent {
    overflow-y: scroll;
    -ms-overflow-style: none;
    /* IE, Edge 対応 */
    scrollbar-width: none;
    /* Firefox 対応 */
}

#cboxLoadedContent::-webkit-scrollbar {
    /* Chrome, Safari 対応 */
    display: none;
}

#cboxLoadedContent.no_scroll {
    overflow: hidden;
}

/*バーコード
*************/
.barcode {
    position: relative;
}

.barcode em.new {
    font-weight: 700;
    color: #f00;
}

.barcode .open_modal3:hover {
    opacity: .6;
}

.barcode:after {
    content: "NEW";
    position: absolute;
    display: block;
    color: #fff;
    font-size: 8px;
    background: #000;
    padding: 2px;
    border-radius: 2px;
    width: 3em;
    height: 1em;
    top: -4px;
    right: 0;
    text-align: center;
}

@media (max-width: 768px) {
    .barcode:after {
        height: 1.5em;
    }
}

#modal_item3 {
    position: relative;
    padding: 5vh;
    background: url(../images/common/img_barcode_chara.png) no-repeat right 20px top 50px;
}

#modal_item3 dt {
    width: 400px;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 4px solid #f00;
    color: #f00;
    font-family: "Noto Sans";
    font-size: 32px;
    font-weight: 400;
}

#modal_item3 dt em {
    display: block;
    font-size: 40px;
    font-weight: 700;
}

#modal_item3 dd {
    margin-top: 0.5rem;
    line-height: 1.5;
}

#modal_item3 dd img {
    display: block;
    width: auto;
    margin: 0 auto;
}

/** PC用QRコードモーダル **/
#modal_qr {
    position: relative;
    padding: 5vh;
    background: url(../images/common/img_barcode_chara.png) no-repeat right 20px top 50px;
}

#modal_qr dt {
    width: 400px;
    margin: auto;
    padding-bottom: 10px;
    border-bottom: 4px solid #f00;
    color: #f00;
    font-family: "Noto Sans";
    font-size: 32px;
    font-weight: 400;
}

#modal_qr dt em {
    display: block;
    font-size: 40px;
    font-weight: 700;
}

#modal_qr dd {
    margin-top: 0.5rem;
    line-height: 1.5;
}

#modal_qr dd img {
    display: block;
    width: auto;
    margin: 0 auto;
}
/** PC用QRコードモーダルここまで **/

#modal_item5 {
    position: relative;
    padding: 30px;
    background: url(../images/common/img_barcode_chara.png) no-repeat right 20px top 50px;
}

.modal_item5 img {
    position: relative;
    width: 20px;
    margin-bottom: -4px !important;
    margin-left: 3px;
}

#modal_item5 dt {
    width: 800px;
    margin: auto;
    padding-bottom: 10px;
    font-family: "Noto Sans";
    font-size: 24px;
    font-weight: 400;
}

#modal_item5 dt em {
    display: block;
    font-size: 32px;
    font-weight: 700;
}

#modal_item5 dd {
    margin-top: 20px;
    line-height: 1.5;
}

#modal_item5 dd span {
    font-weight: 700;
    color: #f00;
}

#modal_item5 dd img {
    display: block;
    width: auto;
    margin: 30px auto 0;
}


.scroll-prevent {
    position: fixed;
    z-index: -1;
    width: 100%;
    height: 100%;
}

@media screen and (max-width: 767px) {
    #scanedcontainer {
        background: #fff;
        padding: 10px 10px 20px;
        margin-top: 20px;
    }

    .scaned {
        margin-top: 0 !important;
    }

    .barcode {
        width: calc(76% + 70px);
    }

    .assessment+.scaned {
        margin-top: 30px;
    }

    .scaned .outline:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
    }

    .scaned .outline figure {
        float: left;
        width: 100px;
        margin: 0;
    }

    .scaned .outline .exp {
        float: right;
        width: calc(100% - 113px);
        padding-top: 5px;
        font-size: 71%;
        line-height: 1.5;
    }

    .scaned .exp .item-maker {
        margin-bottom: 10px;
        font-family: "Noto Sans";
        font-weight: 400;
        letter-spacing: .05em;
    }

    .scaned .exp .item-title {
        margin-bottom: 10px;
        font-size: 150%;
        font-weight: bold;
    }

    .scaned .exp .item-saler time {
        display: block;
    }

    .scaned .item-price {
        margin-top: 20px;
    }

    .scaned .item-price .caption {
        position: relative;
        padding-bottom: 5px;
        border-bottom: 2px solid #e40012;
        color: #e40012;
        font-size: 22px;
        font-family: "Noto Sans";
        font-weight: 700;
        text-align: center;
    }

    .scaned .item-price .caption:after {
        content: "";
        position: absolute;
        bottom: -9px;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -7px;
        border-style: solid;
        border-width: 7px 7px 0 7px;
        border-color: #e40013 transparent transparent transparent;
    }

    .scaned .item-price .item-purchase {
        position: relative;
        color: #e40012;
    }

    .scaned .item-price .item-purchase:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
    }

    .scaned .item-price .item-purchase dt {
        float: left;
        margin-top: 12px;
        font-family: "Noto Sans";
        font-size: 22px;
        font-weight: 700;
        line-height: 1;
    }

    .scaned .item-price .item-purchase dd {
        float: right;
        font-family: Oswald;
        font-size: 50px;
        font-weight: bold;
    }

    .scaned .item-price .item-purchase dd:nth-child(3) {
        clear: both;
        float: none;
    }

    .scaned .item-price .item-purchase dd span {
        margin-left: 5px;
        font-size: 40px;
    }

    .scaned .item-price .item-purchase dd:after {
        content: "";
        position: absolute;
        bottom: 10px;
        right: 0;
        z-index: -1;
        width: 323px;
        height: 38px;
        background: url(../images/common/line_price_large.png) no-repeat;
        background-size: 323px 38px;
    }

    .scaned .item-price .item-purchase dd .tag {
        letter-spacing: 0.1em !important;
    }

    .scaned .item-next {
        margin: 20px 0;
    }

    .scaned .item-next a {
        display: block;
        position: relative;
        height: 67px;
        border: 3px solid #000;
        background: url(../images/common/bg_item-next.png) no-repeat 14px bottom;
        background-size: 63px 55px;
        font-family: "Noto Sans";
        font-size: 18px;
        font-weight: 500;
        text-align: center;
        line-height: 58px;
    }

    .scaned .item-next a:before,
    .scaned .item-next a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        height: 1px;
        background-color: #000;
    }

    .scaned .item-next a:before {
        width: 10px;
        transform: translateY(-50%);
    }

    .scaned .item-next a:after {
        width: 6px;
        margin-top: -3px;
        transform: rotate(45deg);
    }

    .scaned .application {
        width: 100%;
    }

    .scaned .conv {
        position: relative;
        left: -7px;
        width: calc(100% + 14px);
        margin-top: 10px;
    }

    .scaned .sum {
        position: relative;
        margin-top: 18px;
        padding-right: 105px;
        border-bottom: 1px solid #000;
        font-family: "Noto Sans";
        font-size: 20px;
        font-weight: 500;
        text-align: center;
    }

    .scaned .sum span {
        color: #f00;
        font-size: 20px;
    }

    .scaned .sum span em {
        font-family: Oswald;
        font-size: 30px;
        font-weight: bold;
    }

    .scaned .sum .breakdown {
        position: absolute;
        bottom: -1px;
        right: 0;
    }

    .scaned .sum .breakdown a {
        display: block;
        width: 105px;
        height: 39px;
        padding-right: 23px;
        background: #000;
        color: #fff;
        font-size: 12px;
        line-height: 39px;
    }

    .scaned .sum .breakdown a:after {
        content: "";
        position: absolute;
        top: 50%;
        right: 10px;
        width: 18px;
        height: 18px;
        margin-top: -9px;
        background: url(../images/campaign/i_roupe.png) no-repeat;
        background-size: 18px 18px;
    }

    #modal_item2 {
        padding: 20px;
    }

    #modal_item2 #cboxClose {
        display: none;
    }

    #modal_item2 .sum {
        padding: 15px 30px;
        background: #eee;
        font-family: "Noto Sans";
        font-size: 20px;
        font-weight: 500;
    }

    #modal_item2 .sum .sum_amount p {
        display: inline-block;
        width: 100%;
        margin-bottom: 10px;
    }

    #modal_item2 .sum p span {
        word-break: keep-all;
        margin: 0 5px;
    }

    #modal_item2 .sum p span.sum_money {
        color: #f00;
        font-weight: bold;
    }

    #modal_item2 .sum p span em {
        font-family: Oswald;
        font-size: 30px;
    }

    #modal_item2 .sum .conv_btn {
        display: block;
        margin-top: 10px;
    }

    #modal_item2>ul>li {
        position: relative;
        margin-top: 15px;
        padding: 15px 30px 15px 15px;
        background: #eee;
        text-align: left;
    }

    #modal_item2>ul>li:after {
        content: "";
        clear: both;
        display: block;
        height: 0;
    }

    #modal_item2>ul>li figure {
        float: left;
        width: 50px;
        margin: 0;
    }

    #modal_item2>ul>li .exp {
        float: right;
        width: calc(100% - 63px);
        font-size: 71%;
        line-height: 1.5;
    }

    #modal_item2>ul>li .exp .item-maker {
        margin-bottom: 2px;
        font-family: "Noto Sans";
        font-weight: 400;
        letter-spacing: .05em;
    }

    #modal_item2>ul>li .exp .item-title {
        font-size: 120%;
        font-weight: bold;
    }

    #modal_item2>ul>li .exp .item-price {
        margin-top: -9px;
        color: #f00;
        font-size: 20px;
        font-weight: bold;
        text-align: right;
    }

    #modal_item2>ul>li .exp .item-price em {
        font-family: Oswald;
        font-size: 30px;
    }

    #modal_item2>ul>li .close {
        display: block;
        position: absolute;
        top: 7px;
        right: 7px;
        width: 20px;
        height: 20px;
        border: 2px solid;
        border-radius: 50%;
        background: #000;
    }

    #modal_item2>ul>li .close:after,
    #modal_item2>ul>li .close:before {
        content: "";
        display: block;
        position: absolute;
        top: 7px;
        left: 3px;
        width: 10px;
        height: 2px;
        background: #fff;
        transform: rotate(45deg);
    }

    #modal_item2>ul>li .close:after {
        transform: rotate(-45deg);
    }


    #modal_item5 {
        position: relative;
        padding: 20px;
        background: #ffffff;
    }

    #modal_item5 dt {
        width: auto;
        margin: auto;
        padding-bottom: 10px;
        font-family: "Noto Sans";
        font-size: 14px;
        font-weight: 400;
    }

    #modal_item5 dt em {
        display: block;
        font-size: 18px;
        font-weight: 700;
    }

    #modal_item5 dd {
        margin-top: 20px;
        line-height: 1.5;
    }

    #modal_item5 dd span {
        font-weight: 700;
        color: #f00;
    }

    #modal_item5 dd img {
        display: block;
        width: 100%;
        margin: 20px auto 0;
    }

    .modal_item5 img {
        position: relative;
        width: 18px;
        margin-bottom: -5px !important;
        margin-left: 3px;
    }



}

/* mainvis
------------*/

.mainvis {
    position: relative;
    width: 100%;
}

.mainvis_slider .swiper-pagination-fraction,
.mainvis_slider .swiper-pagination-custom,
.mainvis_slider.swiper-container-horizontal>.swiper-pagination-bullets {
    bottom: 3px;
}

.mainvis_slider .swiper-pagination-bullet {
    width: 16px;
    height: 16px;
    background: #848484;
    opacity: 1;
}

.mainvis_slider .swiper-pagination-bullet-active {
    background: #ff6685;
}

.mainvis_slider.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 5px;
}

@media (max-width: 768px) {
    .mainvis {
        margin-top: -20px;
    }
}

.i_moe {
    font-size: 40px;
}

.i_moe::before {
    position: absolute;
    width: 192px;
    height: 192px;
    margin-top: 40px;
    margin-left: 980px;
    background: url("/moetaku/_assets/images/common/char4.webp") no-repeat center top;
    background-size: 100%;
    content: "";
}

@media (max-width: 768px) {

    .i_moe {
        font-size: 28px;
    }

    .i_moe::before {
        position: absolute;
        width: 85px;
        height: 85px;
        margin-top: -30px;
        right: 0;
        margin-left: 0px;
        background: url("/moetaku/_assets/images/common/char4.webp") no-repeat center top;
        background-size: 100%;
        content: "";
    }
}

.kyujin {
    margin-bottom: 20px;
    background-color: #fff;
    border: 3px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    /* Safari,Google Chrome用 */
    -moz-border-radius: 10px;
    /* Firefox用 */
    box-sizing: border-box;
    padding-bottom: 10px;
}

.kyujin img {
    width: 92%;
    margin-top: 10px;
}

.kyujin dl dd {
    padding-left: 15px;
}

@media (max-width: 768px) {
    .kyujin {
        margin-bottom: 10px;
        background-color: #fff;
        border: 3px solid #ccc;
        box-sizing: border-box;
        font-size: 12px !important;
    }

    .kyujin dl dd {
        padding-left: 5px;
        padding-top: 10px;
        padding-bottom: 10px;
    }
}

/*見出し*/

.heading_wrap {
    position: relative;
    width: 980px;
    margin: 0 auto 50px;
    font-family: "Noto Sans";
}

.heading_text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.heading_text>* {
    color: #fff;
    font-weight: bold;
    text-align: center;
}

.heading_sub {
    width: 800px;
    font-size: 200%;
    margin-top: 18px;
}

.heading_main {
    width: 800px;
    font-size: 300%;
    margin-bottom: 20px !important;
}

.product_items li {
    margin-bottom: 20px;
}

.product_items li dd {
    text-align: center;
    font-weight: bold;
    margin-top: 5px;
}

@media screen and (max-width: 767px) {
    .heading_wrap {
        width: 100%;
        margin-bottom: 30px;
    }

    .heading_text {
        width: 100%;
    }

    .heading_sub {
        width: 100%;
        font-size: 21px;
        margin-top: 14px;
    }

    .heading_sub_1 {
        margin-top: 11px;
    }

    .heading_main {
        width: 100%;
        font-size: 25px;
        margin-bottom: 16px;
    }
}

/* IE11 */
@media all and (-ms-high-contrast: none) {
    .heading_sub {
        margin-top: 26px;
    }

    .heading_main {
        margin-bottom: 12px;
    }
}

.coupon_text {
    position: relative;
    margin-top: -8%;
    font-size: 36px;
    text-shadow: 3px 3px 0 #FFF,
        -3px -3px 0 #FFF,
        -3px 3px 0 #FFF,
        3px -3px 0 #FFF,
        0px 3px 0 #FFF,
        0 -3px 0 #FFF,
        -3px 0 0 #FFF,
        3px 0 0 #FFF;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 700;
}

.shadow {
    text-shadow: 3px 3px 0 #FFF,
        -3px -3px 0 #FFF,
        -3px 3px 0 #FFF,
        3px -3px 0 #FFF,
        0px 3px 0 #FFF,
        0 -3px 0 #FFF,
        -3px 0 0 #FFF,
        3px 0 0 #FFF;
}

@media screen and (max-width: 767px) {
    .coupon_text {
        font-size: 18px;
        margin-top: -16%;
        margin-bottom: 10px;
    }

}


#safety2 section {
    padding: 20px;
    border: 1px solid;
    margin: 80px auto;
    width: 900px;
}

#safety2 a {
    color: #183ec9;
}

#safety2 .text_safety2 {
    text-align: center;
    font-size: 28px;
    font-weight: bold;
}

#safety2 .text_safety2 p {
    width: 25em;
    position: relative;
    margin: auto;
}

#safety2 .text_safety2 p:before,
#safety2 .text_safety2 p:after {
    font-family: 'Fontawesome';
    content: "\f141 \f141";
    display: inline-block;
    position: absolute;
    width: 50px;
    font-size: 24px;
    color: #000;
    bottom: 0px;
}

#safety2 .text_safety2 p:before {
    left: -40px;
    transform: rotate(45deg);
}

#safety2 .text_safety2 p:after {
    right: -40px;
    transform: rotate(-45deg);
}

#safety2 .safety2 .arrow_text {
    line-height: 30px;
    margin-left: 20px;
    font-size: 20px;
}

@media (max-width: 768px) {
    #safety2 section {
        padding: 10px;
        margin: 50px auto;
        width: 95%;
    }

    #safety2 .text_safety2 {
        font-size: 18px;
    }

    #safety2 .text_safety2 p {
        width: 14em;
        margin-bottom: 5px;
    }

    #safety2 .text_safety2 p:before,
    #safety2 .text_safety2 p:after {
        bottom: 0px;
        font-size: 20px;
    }

    #safety2 .safety2 .arrow_text {
        line-height: 20px;
        margin-left: 0px;
        font-size: 14px;
    }
}


.ai-search-logo-wrap {
    font-size: 28px !important;
}

.ai-search-logo-wrap img {
    width: 970px;
}

.ai_new img {
    width: 175px;
    margin-bottom: -10px !important;
    margin-left: 5px !important;
}

@media (max-width: 768px) {
    .ai-search-logo-wrap {
        font-size: 18px !important;
        margin: 0;
        line-height: 24px !important;

    }

    .ai-search-logo-wrap img {
        width: 100%;
    }

    .ai_new img {
        width: 150px;
        margin-bottom: 0px !important;
        margin-top: -3px !important;
        margin-left: 5px !important;
    }
}