@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;}
}
/* 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:80px; 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:30px 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; border:solid 1px #ff6685; }
#top .info2 span		{ font-weight:bold; }
#top .info2_header	{ float:left;width:30%;background-color:#ff6685;text-align:center;color:#ffffff;padding:10px 5px; }
#top .info2_main		{ float:left;width:65%;padding:10px; }

*/
/* キャンペーンバナー 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:-70px;}
#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;}

}

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

@media (max-width: 768px) {
.total{
background:url(/moetaku/_assets/images/common/total350_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:125%;
font-weight: 700;
}

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

@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; }

.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_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                    { width: calc(60% + 140px); margin: 30px auto 0; }*/
.barcode em.new             { font-weight: 700; color: #f00; }
.barcode .open_modal3:hover { opacity: .6; }

#modal_item3        { position: relative; padding: 50px 90px; 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: 48px; font-weight: 700; }
#modal_item3 dd     { margin-top: 20px; line-height: 1.5; }
#modal_item3 dd img { display: block; width: auto; margin: 30px auto 0; }

#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;
}
}