@charset "UTF-8";
@font-face {
font-family:"FontAwesome";src: url("/moetaku/_assets/fonts/fontawesome-webfont.woff") format("woff");font-display: swap;}

.mat0 {margin-top:0 !important;}
.mat3 {margin-top:3px !important;}
.mat20 {margin-top:20px !important;}
.mat30 {margin-top:30px !important;}
.mat40 {margin-top:40px !important;}
.mat50 {margin-top:50px !important;}
.mat60 {margin-top:60px !important;}
.mat180 {margin-top:180px !important;}
.smat20 {margin-top:-20px !important;}
.smat40 {margin-top:-40px !important;}
.smat50 {margin-top:-50px !important;}
.smat30 {margin-top:-30px !important;}
.smab50 {margin-bottom:-150px !important;}
.mab0 {margin-bottom:0 !important;}
.mab30 {margin-bottom:30px !important;}
.mab40 {margin-bottom:40px !important;}
.mat150 {margin-top:150px !important;}
.mmat100 {margin-top:-100px !important;}
.pmat70 {margin-top:70px !important;}
.pat5 {padding-top:5px !important;}
.pat10 {padding-top:10px !important;}
.pat15 {padding-top:15px !important;}
.pat20 {padding-top:20px !important;}
.pat50 {padding-top:50px !important;}
.pab30 {padding-bottom:30px !important;}
.pab50 {padding-bottom:50px !important;}
.pal10 {padding-left:10px !important;}
.pal30 {padding-left:30px !important;}
.par30 {padding-right:30px !important;}
.mal30 {margin-left:30px !important;}
.p10	{padding:10px !important}
/*font*/
.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;}
.fzxll {font-size:150% !important;}
.fzxlll {font-size:175% !important;}
.fzxllll {font-size:200% !important;}
.fzxlllll {font-size:270% !important;}
.fs150 {font-size:140% !important;padding-bottom:10px !important;}
.fs160 {font-size:180% !important;}
.fs20 {font-size:20px !important;}
.fs24 {font-size:24px !important;}
.fs26 {font-size:26px !important;}
.fs28 {font-size:28px !important;}
.fs48 {font-size:48px !important;}
.fs50 {font-size:50px !important;}
.fs60 {font-size:60px !important;}
.fs70 {font-size:70px !important;}
.fwb { font-weight:700;}

/*color*/
.f_pink { color:#f94545 !important;}
.bg_grey { background-color:#f2f2f2 !important;}
.f_red {color:#de0011 !important;}
.f_gray {color:#898989 !important;}

/*display*/
.fl { float:left !important;}
.fr { float:right !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}
.mmat5 {margin-top:-5px !important;}
.attention {font-size:14px !important;}
.pc { display:block;}
.sp { display:none;}

.lh24 {line-height:32px !important;}
.ps10_img  {
margin:50px auto 0;
text-align:center;}

.ps10_img img {width:950px !important;

}

@media (max-width:768px) {
.pc { display:none; }
.sp { display:block; }

.fzxlllll {font-size:150% !important;}
.fs36 {font-size:36px !important;line-height:40px !important;}
.fss22 {font-size:22px !important;}
.fs20 {font-size:14px !important;}
.fs24 {font-size:14px !important;}
.fs26 {font-size:16px !important;}
.fs28 {font-size:18px !important;}
.fs48 {font-size:18px !important;}
.fs50 {font-size:24px !important;}
.fs60 {font-size:36px !important;}
.fs70 {font-size:32px !important;}
.fs150 {font-size:130% !important;}
.fs160 {font-size:110% !important;}

.mat180 {margin-top:100px !important;}
.pab30 {padding-bottom:20px !important;}
.smat30 {margin-top:0px !important;}
.smat40 {margin-top:-20px !important;}
.pal30 {padding-left:0px !important;}
.spat15 {padding-top:15px !important;}
.spat5 {padding-top:5px !important;}
.spat10 {padding-top:10px !important;}
.smatm20 {margin-top:-20px !important;}
.smab50 {margin-bottom:-50px !important;}
.smab10 {margin-bottom:10px !important;}
.mat150 {margin-top:0px !important;}
.smat50p {margin-top:70% !important;}
.spal35 {padding-left:35px !important;}
.pmat70 {margin-top:20px !important;}

.h550 {height:550px !important;}
.lh24 {line-height:24px !important;}
.attention {font-size:12px !important;}

.ps10_img  {
margin:20px auto 0;
}
.ps10_img img {width:100% !important;

}

}

@media all and (-ms-high-contrast:none) {html {overflow-x:hidden;}}

/*ホバー滑らか処理*/
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;
vertical-align:bottom;
image-rendering:-webkit-optimize-contrast;
}

.clearfix {
display:block;
clear:both;
content:"";
}

section {
width:1170px;
margin:0 auto;
padding:50px 0 100px 0;
}

#wrap {
position:absolute;
top:149px;
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;
}

#wrap {
position:absolute;
top:102px !important;
overflow:hidden;
}
}

/*カラム*/
.three_column:after,
.four_column:after,
.five_column:after
.four_column2:after
 {
display:table;
clear:both;
content:"";
}

/*3カラム*/
.three_column>* {
float:left;
width:370px;
margin-right:20px;
}

.three_column>*:nth-child(3n) {margin-right:0;}

/*4カラム*/
.four_column {
display:flex;
flex-wrap:wrap;
}

.four_column>* {
width:calc((100% - 84px) / 4);
margin-right:28px;
}

.four_column>*:nth-child(4n) {margin-right:0;}
.four_column>*:nth-child(n + 5) {margin-top:28px;}
.four_column.-radius_card>* {
position:relative;
overflow:hidden;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
}

.four_column2 {
display:flex;
flex-wrap:wrap;
}

.four_column2>* {
width:calc((100% - 84px) / 4);
margin-right:28px;
}

.four_column2>*:nth-child(4n) {margin-right:0;}
.four_column2>*:nth-child(n + 5) {margin-top:20px;}
.four_column2.-radius_card>* {
position:relative;
overflow:hidden;
border-top-left-radius:30px;
border-bottom-right-radius:30px;
}

/*5カラム*/
.five_column>* {
float:left;
width:218px;
margin-right:20px;
}

.five_column>*:nth-child(5n) {margin-right:0;}


@media (max-width:768px) {

.two_column>*,
.three_column>*,
.four_column>*,
.five_column>* {
float:left;
width:48%;
margin-right:10px;
}

.four_column2>* {
float:left;
width:24%;
margin-right:3px;
}
.four_column2>*:nth-child(n + 5) {margin-top:10px;}


.three_column>*:nth-child(2n),
.four_column>*:nth-child(2n),
.five_column>*:nth-child(2n),
.four_column2>*:nth-child(4n) {
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;
box-sizing:border-box;
}
}

#twitter-widget-0 {
border:1px solid #ccc !important;
box-sizing:border-box !important;
border-radius:0 !important;
}

/*見出し*/
.heading_wrap {
z-index:3;
position:relative;
width:980px;
margin:-200px auto 50px;
}

.heading_text {
position:absolute;
top:65%;
left:50%;
display:flex;
flex-direction:column;
height:100%;
transform:translate(-50%, -50%);
}

.heading_text>* {
color:#000;
font-weight:700;
text-align:center;
}

.heading_sub {
width:800px;
font-size:200%;
margin-top:18px;
}

.heading_main {
z-index:1;
position:relative;
width:800px;
font-size:54px;
margin-bottom:23px;
}

.heading_main::before {
z-index:-1;
content:'';
position:absolute;
right:0;
bottom:0;
left:0;
height:19px;
margin:auto;
background:url(../images/common/bg_title_marker.webp) top center no-repeat;
background-size:auto;
}

.heading_main span {
font-size:70%;
}

.heading_main3 {
z-index:1;
position:relative;
width:800px;
font-size:54px;
margin-top:40px !important;
}

.heading_main3::before {
z-index:-1;
content:'';
position:absolute;
right:0;
bottom:0;
left:0;
height:19px;
margin:auto;
background:url(../images/common/bg_title_marker.webp) top center no-repeat;
background-size:auto;
}

@media screen and (max-width:767px) {
.heading_wrap {
width:85%;
margin:-120px auto 30px;
}

.heading_text {
display:block;
top:0;
right:0;
bottom:0;
left:0;
width:100%;
height:auto;
margin:5% auto auto;
text-align:center;
transform:none;
}

.heading_sub {
width:100%;
font-size:3.8vw;
margin-top:14px;
}
.heading_sub2 {
width:100%;
font-size:3.8vw;
margin-top:8px;
}
.heading_sub_1 {
margin-top:11px;
}

.heading_main {
display:inline;
width:100%;
font-size:6.5vw;
margin-bottom:16px;
background:linear-gradient(transparent 60%, #ffff66 60%);
}

.heading_main::before {content:none;}
.heading_main3 {
display:inline;
width:100%;
font-size:6.5vw;
background:linear-gradient(transparent 50%, #ffff66 50%);
line-height:8vw;
margin-top:20px !important;
}
.heading_main3 span {
display:inline-block;
margin-top:20px !important;
}
.heading_main3::before {content:none;}

}

/*IE11*/
@media all and (-ms-high-contrast:none) {
.heading_sub {margin-top:26px;}
.heading_main {margin-bottom:12px;}
.heading_main3 {margin-bottom:10px;}
}

/*申込ボタン*/
.application {
position:relative;
display:table;
width:42.8%;
height:70px;
text-align:center;
margin:0 auto;
}

.application>.app_btn {
display:table-cell;
width:100%;
height:70px;
color:#ffff00;
line-height:70px;
font-size:175%;
text-decoration:none;
background:rgb(255, 3, 0);
background:linear-gradient(0deg, rgba(255, 3, 0, 1) 0%, rgba(255, 149, 0, 1) 100%);
margin:0;
border-radius:35px;
-webkit-text-stroke:4px #000;
text-stroke:4px #000;
vertical-align:middle;
box-sizing:border-box;
}

.application>a.app_btn:hover {opacity:0.6;}
.app_btn.arrow_right {
position:absolute;
padding-right:25px;
}

.app_btn.arrow_right:before {
content:'';
position:absolute;
top:50%;
transform:translateY(-50%);
width:16px;
background-color:#fff;
height:2px;
right:22px;
}

.app_btn.arrow_right:after {
content:'';
position:absolute;
top:31px;
transform:rotate(45deg);
width:10px;
background-color:#fff;
height:2px;
right:20px;
}

/*IE*/
@media all and (-ms-high-contrast:none) {
.application>.app_btn {font-family:inherit;}
.bg_btn p {top:56%;}
.application>.app_btn {font-family:inherit\9;}
}

@media (max-width:768px) {
.application {
width:90%;
height:45px;
}

.application>a.app_btn {line-height:2.9;}
.application>.app_btn {
display:block;
height:50px;
font-size:125%;
}

.app_btn.arrow_right:before {
top:-4px;
right:15px;
}
.app_btn.arrow_right.echo .inner_btn:after {top:20px;}
}

input::placeholder {color:#999999;}
/*IE*/
input:-ms-input-placeholder {color:#999999;}
/*Edge*/
input::-ms-input-placeholder {color:#999999;}

/*サブボタン*/
.sub_conductor {
position:relative;
width:42.8%;
height:40px;
text-align:center;
margin:0 auto;
}

.sub_conductor>a.sub_btn {
display:block;
width:100%;
height:70px;
margin:0 auto;
line-height:70px;
font-size:28px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.sub_conductor>a.sub_btn:hover {
opacity:0.7;
}

.sub_conductor>a.sub_btn.arrow_right {
position:absolute;
}

.sub_conductor>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.sub_conductor2 {
position:relative;
width:90%;
height:30px;
text-align:center;
margin:0 auto;
}

.sub_conductor2>a.sub_btn {
display:block;
width:100%;
height:50px;
margin:0 auto;
line-height:50px;
font-size:20px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.sub_conductor2>a.sub_btn:hover {
opacity:0.7;
}
.sub_conductor2>a.sub_btn.arrow_right {
position:absolute;
}
.sub_conductor2>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.sub_conductor4 {
position:relative;
width:42.8%;
height:40px;
text-align:center;
margin:0 auto;
padding-bottom:70px !important;
}
.sub_conductor4>a.sub_btn {
display:block;
width:100%;
height:70px;
margin:0 auto;
line-height:70px;
font-size:26px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sub_conductor4>a.sub_btn:hover {opacity:0.7;}
.sub_conductor4>a.sub_btn.arrow_right {position:absolute;}
.sub_conductor4>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.sub_conductor6 {
position:relative;
width:55%;
height:40px;
text-align:center;
margin:0 auto;
padding-bottom:70px !important;
}
.sub_conductor6>a.sub_btn {
display:block;
width:100%;
height:70px;
margin:0 auto;
line-height:70px;
font-size:26px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sub_conductor6>a.sub_btn:hover {opacity:0.7;}
.sub_conductor6>a.sub_btn.arrow_right {position:absolute;}
.sub_conductor6>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.sub_conductor7 {
position:relative;
width:45%;
height:60px;
text-align:center;
margin:0 auto;
}
.sub_conductor7>a.sub_btn {
display:block;
width:100%;
height:80px;
margin:0 auto;
line-height:35px;
font-size:26px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:45px;
color:#fff;
background-color:#ff6203;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sub_conductor7>a.sub_btn span{
font-size:18px;
font-weight:700;
text-decoration:none;
text-align:center;
padding-top:15px !important;
}
.sub_conductor7>a.sub_btn:hover {opacity:0.7;}
.sub_conductor7>a.sub_btn.arrow_right {position:absolute;}
.sub_conductor7>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.sub_conductor8 {
position:relative;
width:45%;
height:60px;
text-align:center;
margin:0 auto;
}
.sub_conductor8>a.sub_btn {
display:block;
width:100%;
height:80px;
margin:0 auto;
line-height:80px;
font-size:40px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:45px;
color:#fff;
background-color:#ff6203;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
.sub_conductor8>a.sub_btn span{
font-size:18px;
font-weight:700;
text-decoration:none;
text-align:center;
padding-top:15px !important;
}
.sub_conductor8>a.sub_btn:hover {
opacity:0.7;
}
.sub_conductor8>a.sub_btn.arrow_right {
position:absolute;
}
.sub_conductor8>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

/*サブボタン3*/
.sub_conductor3 {
position:relative;
width:50%;
height:40px;
text-align:center;
margin:40px auto 0;
}
.sub_conductor3 > a.sub_btn3 {
display:block;
width:100%;
height:40px;
margin:0 auto;
line-height:2.3;
font-family:'Noto Sans';
font-weight:700;
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_conductor3 > a.sub_btn3:hover{ background-color:#ffd4df;}
.sub_conductor3 > a.sub_btn3.arrow_right { position:absolute;}
.sub_conductor3 > a.sub_btn3.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_conductor3 > a.sub_btn3 { font-family:inherit;}
.sub_conductor3 > a.sub_btn3.arrow_right:before { top:-4px;}
.sub_conductor3 > a.sub_btn3 { font-family:inherit; /*IE10以下*/}
.sub_conductor3 > a.sub_btn3.arrow_right:before { top:-4px\9;}
}

@media ( max-width:768px ) {
.sub_conductor3 {margin:20px auto 0;}
.sub_conductor3 { width:90%;}
.sub_conductor3 > a.sub_btn3 { line-height:2.5;}
.sub_conductor3 > a.sub_btn3.arrow_right:after { top:42%;}
.sub_conductor3 > a.sub_btn3:hover{ background-color:#fff;}
}

/*黒背景プラス*/
.i_plus2,.i_minus2 {
position:absolute;
}
.i_plus2:before,
.i_minus2:before {
display:block;
position:absolute;
font-family:'Fontawesome';
width:14px;
height:14px;
color:#000;
font-size:140%;
}
.i_plus2:before {
top:-5px;
right:13px;
content:"\f055";
}
.i_minus2:before {
top:-5px;
right:13px;
content:"\f056";
}
}

/*プラマイ*/
.i_plus,.i_minus {position:absolute;}
.i_search {position:relative;}
.i_plus:before,
.i_minus:before,
.i_search:before {
display:block;
position:absolute;
font-family:'Fontawesome';
width:14px;
height:14px;
color:#000;
font-size:140%;
}

.i_plus:before {
top:6px;
right:13px;
content:"\f078";
font-size:12px;
}
.i_minus:before {
top:4px;
right:13px;
content:"\f077";
font-size:12px;
}
.i_search:before {
top:44%;
transform:translateY(-50%);
left:13px;
content:"\f002";
}

/*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%;
height:40px;
}
.sub_conductor>a.sub_btn {
height:40px;
font-size:20px;
line-height:2;
}
.sub_conductor>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor>a.sub_btn.arrow_right:after {
top:41%;
}
.sub_conductor>a.sub_btn:hover {
background-color:#fff;
}

.sub_conductor2 {
width:110%;
height:40px;
margin-left:-10px;
}
.sub_conductor2>a.sub_btn {
height:40px;
font-size:16px;
line-height:2.5;
padding-left:-10px;
}
.sub_conductor2>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor2>a.sub_btn.arrow_right:after {
top:41%;
}
.sub_conductor2>a.sub_btn:hover {
background-color:#fff;
}

.sub_conductor4 {
width:90%;
height:40px;
}
.sub_conductor4>a.sub_btn {
height:40px;
font-size:18px;
line-height:2.4;
}
.sub_conductor4>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor4>a.sub_btn.arrow_right:after {
top:41%;
}
.sub_conductor4>a.sub_btn:hover {
background-color:#fff;
}

.sub_conductor6 {
width:90%;
height:60px;
}
.sub_conductor6>a.sub_btn {
height:60px;
font-size:18px;
line-height:1.2;
padding-top:10px;
}
.sub_conductor6>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor6>a.sub_btn.arrow_right:after {
top:41%;
}

.sub_conductor7 {
width:90%;
height:65px;
}
.sub_conductor7>a.sub_btn {
height:65px;
font-size:20px;
line-height:1.1;
padding-top:10px;
padding-left:10px;
}
.sub_conductor7>a.sub_btn span{
font-size:14px;
padding-top:0px !important;
padding-bottom:5px !important;
}
.sub_conductor7>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor7>a.sub_btn.arrow_right:after {
top:41%;
}
.sub_conductor8 {
width:90%;
height:65px;
}
.sub_conductor8>a.sub_btn {
height:65px;
font-size:28px;
line-height:1.1;
padding-top:15px;
padding-left:10px;
}
.sub_conductor8>a.sub_btn span{
font-size:14px;
padding-top:0px !important;
padding-bottom:5px !important;
}
.sub_conductor8>a.sub_btn::before {
right:10px;
width:20px;
height:20px;
}
.sub_conductor8>a.sub_btn.arrow_right:after {
top:41%;
}

.i_plus:before,.i_minus:before {top:1px;}
}

/*黒右矢印*/
.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:#333;
margin-right:7px;
}

@media (max-width:768px) {
#dir_path section {padding:3px 0;}
#dir_path section ol {padding-left:5px;}
#dir_path section ol li {font-size:85%;}
}

/*block*/
.block_rel {position:relative;}
.block_note {
border:3px solid #aaa;
border-radius:3px;
padding:20px 30px;
line-height:1.5;
margin:40px 0;
}

@media (max-width:768px) {
.block_note {
padding:10px;
margin:40px 0 10px;
}
}

/*ヘッダー*/

header {
position:absolute;
top:0;
left:0;
z-index:21;
width:100%;
background-color:#fff;
}
#header {
top:0;
left:0;
padding:6px 0 0 0;
}
#header section {
padding:0;
position:relative;
height:100px;
}
#header .logo {
height:auto;
position:absolute;
top:0;
left:0;
z-index:500;
width:212px;
}
#header .logo2 {
height:auto;
position:absolute;
top:0;
left:0;
z-index:500;
width:150px;
}

#header .various {
width:1170px;
position:absolute;
top:5px;
bottom:0px;
right:0;
left:0px;
box-sizing:border-box;
}

#header .first_row,
#header .second_row {
width:100%;
}

#header .first_row {
height:38px;
margin-bottom:10px;
}

#header .second_row {
position:absolute;
bottom:0;
height:auto;
}


/*申込ボタン*/
#header .application {
position:absolute;
right:0;
height:36px;
margin:0px;
}

#header .application>.app_btn {
position:absolute;
right:0;
width:254px;
height:48px;
line-height:36px;
font-size:16px;
padding-right:0;
border-radius:0px;
background:none;
background-size:100%;
display:flex;
align-items:center;
justify-content:center;
}

#header .application>.app_btn::before,
#header .application>.app_btn::after {
content:none;
}

@media all and (-ms-high-contrast:none) {
#header .application {display:block;}
#header .application>.app_btn:before {
top:-1px;
}
}

#header .second_row>ul {
display:flex;
align-items:stretch;
transform:skewX(-15deg);
}

#header .second_row>ul>li.nav_head {
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:80px;
font-weight:700;
font-size:14px;
height:35px;
}

#header .second_row>ul>li.nav_head::before {
content:'';
position:absolute;
top:0;
right:-11px;
width:0;
height:0;
border-style:solid;
border-width:18.5px 0 17.5px 12px;
border-color:transparent transparent transparent #ff0000;
}

#header .second_row>ul>li.nav_head>p {
transform:skewX(15deg);
}
#header .second_row>ul>li:not(.nav_head) {
width:calc((100% - 80px) / 5);
height:100%;
}
#header .second_row>ul.-min_nav>li:not(.nav_head) {
width:calc((100% - 80px) / 4);
}
#header .second_row>ul>li.nav_head {
position:relative;
color:#fff;
background:#ff0000;
}
#header .second_row>ul>li:last-child {
margin-right:0;
}
#header .second_row>ul>li>a {
display:block;
text-align:center;
border-top:3px solid transparent;
border-right:1px solid #000;
height:35px;
;
}
#header .second_row>ul>li>a.-latest {
color:#fff;
background:#363636;
border-top:3px solid #ff0000;
border-right:1px solid #fff;
}
#header li a {
width:100%;
box-sizing:border-box;
}
#header .second_row .nav_txt {
display:flex;
line-height:2;
font-size:16px;
box-sizing:border-box;
font-weight:700;
align-items:center;
justify-content:center;
transform:skewX(15deg);
height:32px;
}

@media screen and (max-width:767px) {
#header li a {
width:100%;
border-bottom:none;
}
}

@media (max-width:768px) {
#header {
padding:0px 0 0 0;
height:40px;
}
#header section {
height:auto;
}
#header .logo {
width:auto;
padding:4px 0px 3px 10px;
height:38px;
}
#header .logo img {
width:auto;
height:100%;
}
#header .logo2 {
width:auto;
padding:2px 0px 2px 10px;
height:40px;
}
#header .logo2 img {
width:auto;
height:100%;
}
#header .first_row {
height:auto;
margin-bottom:0px;
}
#header .second_row {
display:none;
}
#header .various {
width:auto;
left:60px;
}

#header li a span {
font-size:10px;
transform:scale(0.7);
padding-left:2px;
}
#header li a img {
width:25px;
}
#header .btn_area {
position:absolute;
right:40px;
width:40px;
}

.sp_gnav {
position:absolute;
width:100%;
top:40px;
background:#fff;
overflow:hidden;
}
.sp_gnav>ul {
display:flex;
align-items:stretch;
flex-wrap:wrap;
border-top:2px solid #ff0000;
transform:skewX(-10deg);
background:#fff;
}
.sp_gnav>ul>li {
width:calc(100% / 3);
font-size:10px;
text-align:center;
}
.sp_gnav>ul>li.nav_head {
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:100px;
background:#ff0000;
color:#fff;
line-height:1;
}
.sp_gnav>ul>li.nav_head::before {
content:'';
position:absolute;
top:-2px;
left:-3px;
width:0;
height:0;
border-style:solid;
border-width:30px 10px 0 0;
border-color:#f00 transparent transparent transparent;
transform:skewX(10deg);
}
.sp_gnav>ul>li.nav_head::after {
content:'';
position:absolute;
top:0;
right:-5px;
width:0;
height:0;
border-style:solid;
border-width:15px 0 15px 5px;
border-color:transparent transparent transparent #f00;
}
.sp_gnav>ul>li:first-child {
width:40px;
}
.sp_gnav>ul>li:last-child {
margin-right:0;
}
.sp_gnav>ul>li>a {
display:block;
white-space:nowrap;
padding:9px 10px;
color:#000;
background:#fff;
border-right:1px solid #2d2d2d;
font-weight:700;
line-height:1.2;
}
.sp_gnav>ul:not(.-min_nav)>li.-latest {
width:calc((100% - 40px) / 2);
}
.sp_gnav>ul.-min_nav>li.-latest {
width:calc(100% - 40px);
}
.sp_gnav>ul>li.-latest>a {
display:block;
white-space:nowrap;
padding:9px 10px;
color:#fff;
background:#2d2d2d;
font-weight:700;
line-height:1.2;
border-right:1px solid #fff;
}
.sp_gnav>ul>li:last-child>a {
border-right:0;
}
}

/*フッター*/
#footer .sitemap p a:before,
#footer .sitemap dt a:before {
content:'' !important;
top:10% !important;
background:url(../images/common/circle-white-arrow.svg) top center no-repeat;
width:16px !important;
height:16px !important;
}

@media (max-width:768px) {
#footer {
padding-bottom:80px !important;
}

#footer .sitemap p a:before,
#footer .sitemap dt a:before {
content:'' !important;
top:10% !important;
background:url(../images/common/circle-white-arrow.svg) top center no-repeat;
width:14px !important;
height:14px !important;
}
}

/*clearfix*/
.clearfix,footer,section {*zoom:1;}
.clearfix:after,
footer:after,
section:after {
content:" ";
display:table;
clear:both;
}

/*footer*/
footer input[type="submit"],
footer input[type="text"],
footer input[type="password"],
footer input[type="email"],
footer input[type="number"],
footer input[type="url"],
footer input[type="tel"],
footer input[type="search"],
footer textarea,
footer select {
outline:none;
box-sizing:border-box;
border-style:none;
}

footer select,
footer button {
cursor:pointer;
}

footer input[type="submit"] {
-webkit-appearance:none;
}

/*iphone*/
footer input[type="text"],
footer input[type="checkbox"]+label.checkbox2,
footer 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;
}

/*フッター検索枠*/
footer .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;
}

footer .search_box input[type="text"]:focus {
background-color:#fff;
}

footer .search_box input[type="submit"] {
color:#fff;
min-height:36px;
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;
}

footer .search_box input[type="submit"]:hover {
opacity:0.7;
}

@media all and (-ms-high-contrast:none) {
footer .search_box input[type="submit"] {
font-family:inherit;
line-height:36px;
}

footer .search_box input[type="submit"] {
font-family:inherit\9;
line-height:36px\9;
}
}

/*MVメイン*/
#main_bg {
position:relative;
margin-top:-45px;
z-index:0;
width:100%;
min-width:1170px;
background:url(../images/common/main_bg.webp) no-repeat center top;
background-size:cover;
background-position:center;
}
#main_bg2 {
position:relative;
margin-top:-45px;
z-index:0;
width:100%;
min-width:1170px;
background:url(../images/common/main_bg_index.webp) no-repeat center top;
background-size:cover;
background-position:center;
}

#main_visual {
height:440px;
width:100%;
min-width:1170px;
overflow:hidden;
}

#main_visual .inner {
position:relative;
display:block;
width:1170px;
text-align:center;
margin:0 auto;
z-index:0;
}

#main_visual .headline {
position:relative;
width:calc(60% - 10px);
padding-top:50px;
font-size:40px;
}

#main_visual em {
font-size:64px;
line-height:1.2em;
}

#main_visual .mv_main {
width:85%;
margin:auto;
}

#main_visual .mv_point {
width:400px;
margin:10px auto 0 auto;
z-index:5;
}
#main_visual .mv_point2 {
width:500px;
margin:10px auto 0 auto;
z-index:5;
}
#main_visual .mv_point2 img{
width:150px;
margin-right:-15px;
}

#main_visual .mv_ob2 {
position:absolute;
bottom:-3.5%;
left:-50px;
width:220px;
z-index:6;
}

#main_visual .headline .mv_txt_top{
position:relative;
z-index:2;
font-size:80px;
color:#fff;
font-weight:700;
margin:40px 0;
line-height:1.2em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);

}
#main_visual .headline .mv_txt_top:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-13%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.line2 #main_visual .headline .mv_txt_top:before{
height:106%;
top:-3%; 
}

/*第二階層*/
#main_bg.second_row {
background:url(../images/mv_sec/main_bg.webp) no-repeat center top;
background-size:cover;
background-position:center;
}

.second_row #main_visual .headline .mv_main {
width:40%;
margin:auto;
}
.second_row #main_visual .headline .mv_main2 {
width:40%;
margin:auto;
margin-left:330px;
}
.second_row #main_visual .headline .mv_txt{
position:relative;
z-index:2;
font-size:82px;
color:#fff;
font-weight:700;
margin-top:30px;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
}
.second_row #main_visual .headline .mv_txt span{
font-size:52px;
}

.second_row #main_visual .headline .mv_txt2{
position:relative;
z-index:2;
font-size:46px;
color:#fff;
font-weight:700;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);


}
.second_row #main_visual .headline .mv_txt:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-3%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.second_row.line2 #main_visual .headline .mv_txt:before{
height:106%;
top:-3%; 
}
.second_row #main_visual .headline .mv_txt2:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:70% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.second_row #main_visual .headline .mv_txt3{
position:relative;
z-index:2;
font-size:54px;
color:#fff;
font-weight:700;
line-height:1em;
margin-top:220px;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
}

.second_row #main_visual .headline .mv_txt3:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:70% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual .headline .mv_txt4{
position:relative;
z-index:2;
font-size:54px;
color:#fff;
font-weight:700;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
margin-left:200px;
margin-top:30px;
}
.second_row #main_visual .headline .mv_txt4:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual .headline .mv_txt5{
position:relative;
z-index:2;
font-size:54px;
color:#fff;
font-weight:700;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
margin-left:240px;
margin-top:30px;
}
.second_row #main_visual .headline .mv_txt5:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual .headline .mv_txt6{
position:relative;
z-index:2;
font-size:72px;
color:#fff;
font-weight:700;
margin-top:20px;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
}

.second_row #main_visual .headline .mv_txt6:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-13%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.second_row #main_visual .headline .mv_txt7{
position:relative;
z-index:2;
font-size:64px;
color:#fff;
font-weight:700;
margin-top:20px;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
}

.second_row #main_visual .headline .mv_txt7:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-13%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual .headline .mv_sec_l {
position:absolute;
top:30px;
left:-100px;
width:220px;
z-index:1;
transform:rotate(-15deg);
}
.second_row #main_visual .headline .mv_sec_r {
position:absolute;
top:30px;
left:570px;
width:220px;
z-index:1;
transform:rotate(15deg);
}
.second_row #main_visual .headline .mv_sec_c {
position:absolute;
top:180px;
left:270px;
width:250px;
z-index:1;
transform:rotate(5deg);
}

.second_row #main_visual .headline .mv_sec_c0 {
position:absolute;
top:50px;
left:20px;
width:180px;
z-index:1;
transform:rotate(-15deg);
}

.second_row #main_visual .headline .mv_sec_c1 {
position:absolute;
top:30px;
left:150px;
width:180px;
z-index:1;
transform:rotate(-10deg);
}
.second_row #main_visual .headline .mv_sec_c2 {
position:absolute;
top:20px;
left:280px;
width:180px;
z-index:1;
}
.second_row #main_visual .headline .mv_sec_c3 {
position:absolute;
top:30px;
left:420px;
width:180px;
z-index:1;
transform:rotate(10deg);
}
.second_row #main_visual .headline .mv_sec_c4 {
position:absolute;
top:50px;
left:550px;
width:180px;
z-index:1;
transform:rotate(15deg);
}
.second_row #main_visual .headline .mv_sec_c5 {
position:absolute;
top:50px;
left:50px;
width:250px;
z-index:1;
transform:rotate(-10deg);
}

/*第二階層　検索窓なし*/
#main_visual2 {
height:350px;
width:100%;
min-width:1170px;
overflow:hidden;
}

#main_visual2 .inner {
position:relative;
display:block;
width:1170px;
text-align:center;
margin:0 auto;
z-index:0;
}

#main_visual2 .headline {
position:relative;
width:calc(60% - 10px);
padding-top:25px;
font-size:40px;
margin:0 auto;
}

#main_visual2 em {
font-size:64px;
line-height:1.2em;
}

#main_visual2 .mv_main {
width:100%;
margin:auto;
}

.second_row #main_visual2 .headline .mv_txt{
position:relative;
z-index:2;
font-size:76px;
color:#fff;
font-weight:700;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
margin-top:20px;
}
.second_row #main_visual2 .headline .mv_txt2{
position:relative;
z-index:2;
font-size:46px;
color:#fff;
font-weight:700;
line-height:1em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
margin-top:70px;
}
.second_row #main_visual2 .headline .mv_txt:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-13%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.second_row.line2 #main_visual2 .headline .mv_txt:before{
height:106%;
top:-3%; 
}
.second_row #main_visual2 .headline .mv_txt2:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:70% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual2 .headline .mv_sec_c1 {
position:absolute;
top:70px;
left:-200px;
width:200px;
z-index:1;
transform:rotate(-15deg);
}
.second_row #main_visual2 .headline .mv_sec_c2 {
position:absolute;
top:50px;
left:-70px;
width:200px;
z-index:1;
transform:rotate(-15deg);
}
.second_row #main_visual2 .headline .mv_sec_c3 {
position:absolute;
top:70px;
left:700px;
width:200px;
z-index:1;
transform:rotate(15deg);
}
.second_row #main_visual2 .headline .mv_sec_c4 {
position:absolute;
top:50px;
left:570px;
width:200px;
z-index:1;
transform:rotate(15deg);
}

.second_row #top_search{right:16px;}

@media (max-width:768px) {
#main_bg {
width:100%;
height:auto;
min-width:100%;
margin-top:0;
}
#main_bg.second_row {
}

#main_visual .headline img {width:100%;}
#figure #main_bg {background:none;}


#main_visual {
width:auto;
min-width:100%;
height:610px;
background-size:100%;
padding-bottom:0px;
}

#main_visual .inner {width:auto;}

#main_visual .headline {
width:100%;
padding:20px 20px 0 20px;
box-sizing:border-box;
font-size:6.25vw;
line-height:1.1;
}

#main_visual em {
font-size:9.375vw;
line-height:1.2em;
}

#main_visual .mv_point {
width:70%;
margin:5px auto 0 auto;
}

#main_visual .mv_point2 {
width:100%;
margin:10px auto 0 auto;
z-index:5;
margin-left:-7px;
}
#main_visual .mv_point2 img{
width:35%;
margin-right:-15px;
}

#main_visual .mv_ob2 {
z-index:-1;
bottom:-21.5%;
left:-32px;
width:135px;
}

#main_visual .headline .mv_txt_top{
font-size:44px;
margin:30px 0;
}

/*第二階層*/
.second_row #main_visual .headline .mv_main {
width:48%;
margin:auto;
}
.second_row #main_visual .headline .mv_main2 {
width:55%;
margin:auto;
}
.second_row #main_visual .headline .mv_txt{
font-size:40px;
margin-top:16px;
line-height:1.2em;
}
.second_row #main_visual .headline .mv_txt:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
height:110%;
top:-3%;
}
.second_row #main_visual .headline .mv_txt2{
font-size:30px;
padding-bottom:16px;
}
.second_row #main_visual .headline .mv_txt2:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 72%;
top:-8%;
}

.second_row #main_visual .headline .mv_txt3{
font-size:30px;
padding-bottom:16px;
margin-top:130px;
margin-bottom:-23px;
}
.second_row #main_visual .headline .mv_txt3:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 72%;
top:-8%;
}

.second_row #main_visual .headline .mv_txt4{
font-size:24px;
text-shadow:2px 2px 0px rgba(0, 0, 0, 1);
margin-left:40%;
margin-top:35px;
}
.second_row #main_visual .headline .mv_txt4:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}
.second_row #main_visual .headline .mv_txt5{
font-size:24px;
text-shadow:2px 2px 0px rgba(0, 0, 0, 1);
margin-left:40%;
margin-top:15px;
margin-bottom:90px;
}
.second_row #main_visual .headline .mv_txt5:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 90%;
width:100%;
height:116%;
top:8%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

.second_row #main_visual .headline .mv_txt6{
font-size:32px;
margin-top:16px;
line-height:1.2em;
}
.second_row #main_visual .headline .mv_txt6:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
height:110%;
top:-3%;
}
.second_row #main_visual .headline .mv_txt7{
font-size:32px;
margin-top:12px;
line-height:1.0em;
}
.second_row #main_visual .headline .mv_txt7:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
height:110%;
top:-3%;
}

/*第二階層　検索窓なし*/
#main_visual2 .headline img {width:100%;}
#figure #main_bg {background:none;}

#main_visual2 {
width:auto;
min-width:auto;
height:200px;
background-size:100%;
padding-bottom:0px;
}

#main_visual2 .inner {width:auto;}

#main_visual2 .headline {
width:100%;
padding:20px 20px 0 20px;
box-sizing:border-box;
font-size:6.25vw;
line-height:1.1;
}

#main_visual2 em {
font-size:9.375vw;
line-height:1.2em;
}

.second_row #main_visual2 .headline .mv_main {
width:100%;
margin:auto;
}
.second_row #main_visual2 .headline .mv_txt{
font-size:40px;
margin-top:0;
line-height:1.2em;
}
.second_row #main_visual2 .headline .mv_txt2{
font-size:26px;
padding-bottom:16px;
margin-top:30px;
}
.second_row #main_visual2 .headline .mv_txt:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
height:110%;
top:-3%;
}
.second_row #main_visual2 .headline .mv_txt2:before{
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat top center;
background-size:100% 72%;
top:-8%;
}
.second_row #main_visual2 .headline .mv_sec_c1 {
position:absolute;
top:15px;
left:10px;
width:80px;
z-index:1;
transform:rotate(-15deg);
}
.second_row #main_visual2 .headline .mv_sec_c2 {
position:absolute;
top:80px;
left:-20px;
width:80px;
z-index:1;
transform:rotate(-15deg);
}
.second_row #main_visual2 .headline .mv_sec_c3 {
position:absolute;
top:15px;
left:calc(80% - 10px);
width:80px;
z-index:1;
transform:rotate(15deg);
}
.second_row #main_visual2 .headline .mv_sec_c4 {
position:absolute;
top:80px;
left:calc(80% - 1px);
width:80px;
z-index:1;
transform:rotate(15deg);
}

/*タイトル2行*/
.second_row.line2 #main_visual .headline .mv_txt{
font-size:36px;
line-height:1em;
letter-spacing:-0.1em;
}
.second_row.line2 #main_visual .headline .mv_txt2{font-size:28px;}
.second_row #main_visual .headline .mv_sec_l {
top:30px;
left:-30px;
width:150px;
}
.second_row #main_visual .headline .mv_sec_r {
top:30px;
left:250px;
width:150px;
}

.second_row #main_visual .headline .mv_sec_c {
top:310px;
left:150px;
width:200px;
}

.second_row #main_visual .headline .mv_sec_c0 {
top:40px;
left:10px;
width:120px;
transform:rotate(-15deg);
}

.second_row #main_visual .headline .mv_sec_c1 {
top:20px;
left:15%;
width:120px;
transform:rotate(-10deg);
}
.second_row #main_visual .headline .mv_sec_c2 {
top:10px;
left:30%;
width:120px;
z-index:1;
}
.second_row #main_visual .headline .mv_sec_c3 {
top:20px;
left:50%;
width:120px;
transform:rotate(10deg);
}
.second_row #main_visual .headline .mv_sec_c4 {
top:40px;
left:65%;
width:120px;
transform:rotate(15deg);
}  
.second_row #main_visual .headline .mv_sec_c5 {
position:absolute;
top:70px;
left:10px;
width:140px;
transform:rotate(0deg);
}
}

@media (max-width:320px) {

#main_visual {height:430px;}
}

/*トップ検索枠*/
#top_search {
z-index:30;
position:absolute;
top:100px;
right:68px;
width:320px;
height:260px;
background:#fff;
border:5px solid #000;
border-radius:30px;
}

#top_search #top_search_parts {
position:relative;
height:100%;
}

.top_search_parts_top,
.top_search_parts_bottom {
position:absolute;
z-index:1;
left:0;
width:100%;
height:39px;
box-sizing:border-box;
}

.top_search_parts_top {
top:0;
}

.top_search_parts_bottom {
bottom:0;
}

.top_search_parts_top::before,
.top_search_parts_top::after,
.top_search_parts_bottom::before,
.top_search_parts_bottom::after {
content:'';
position:absolute;
width:39px;
height:39px;
}

.top_search_parts_top::before,
.top_search_parts_top::after {
top:-10px;
}

.top_search_parts_bottom::before,
.top_search_parts_bottom::after {
bottom:-10px;
}

.top_search_parts_top::before {
left:-10px;
background:url(../images/common/bg_top_left_parts.svg) top left no-repeat;
background-size:100%;
}

.top_search_parts_top::after {
right:-10px;
background:url(../images/common/bg_top_right_parts.svg) top right no-repeat;
background-size:100%;
}

.top_search_parts_bottom::before {
left:-10px;
background:url(../images/common/bg_bottom_left_parts.svg) top left no-repeat;
background-size:100%;
}

.top_search_parts_bottom::after {
right:-10px;
background:url(../images/common/bg_bottom_right_parts.svg) top right no-repeat;
background-size:100%;
}

#top_search .app_box {
box-sizing:border-box;
margin:0;
padding:25px 0 40px;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

#top_search .app_box p {
z-index:1;
position:absolute;
top:-20px;
right:0;
left:0;
color:#fff;
font-size:20px;
font-weight:700;
margin:auto;
padding:0;
line-height:1.6;
}

#top_search .app_box p::before {
content:'';
z-index:-1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:247px;
height:56px;
margin:auto;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:cover;
}

#top_search .app_box p em {
font-size:18px;
font-weight:700;
line-height:56px;
}

#top_search .app_box h3 {
z-index:1;
position:absolute;
top:-20px;
right:0;
left:0;
color:#fff;
font-size:20px;
font-weight:700;
margin:auto;
padding:0;
line-height:1.6;
}

#top_search .app_box h3:before {
content:'';
z-index:-1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:247px;
height:56px;
margin:auto;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:cover;
}

#top_search .app_box h3 em {
font-size:18px;
font-weight:700;
line-height:56px;
}

#top_search .app_box .application {
width:84%;
}

#top_search .app_box .application>.app_btn {
padding-right:0;
left:50%;
transform:translateX(-50%);
background:none;
}

#top_search .app_box .application>.app_btn::before,
#top_search .app_box .application>.app_btn::after {
content:none;
}

#top_search .top_serchbox {
display:flex;
justify-content:center;
text-align:center;
margin-bottom:14px;
position:relative;
width:258px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search .top_serchbox {
width:86%;
min-height:48px;
}

#top_search .top_serchbox form {
position:relative;
display:flex;
justify-content:center;
border:2px solid #333;
border-top-left-radius:10px;
border-bottom-right-radius:20px;
overflow:hidden;
}

#top_search .top_serchbox input {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#f2f2f2;
box-shadow:14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
border:none;
width:170px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search .top_serchbox input {
width:100%;
}

@-moz-document url-prefix() {

#top_search .top_serchbox form {
display:inline-flex;
justify-content:center;
width:100%;
}

#top_search .top_serchbox input {
width:175px;
}

#top_search .top_serchbox button {
width:calc(75% - 60px);
}
}

@media all and (-ms-high-contrast:none) {

/*IE11*/
*::-ms-backdrop,
#top_search .top_serchbox input {
width:calc(75% - 60px);
}

*::-ms-backdrop,
#top_search .top_serchbox button {
width:calc(75% - 60px);
}
}

@media all and (-ms-high-contrast:none) {
#top_search .top_serchbox {
width:100%;
}

#top_search .top_serchbox input {
width:calc(75% - 60px);
}
}

#top_search .top_serchbox button {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#333;
color:#fff;
border:none;
width:60px;
cursor:pointer;
box-shadow:-5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
transition:all 0.2s ease 0s;
}

#top_search .top_serchbox button:hover {
opacity:0.6;
}

#top_search .application {
height:45px;
}

@media (max-width:768px) {
#top_search {
left:0;
right:0;
top:0;
width:80%;
margin:24px auto 0;
padding:0 0px 2px;
position:relative;
height:208px;
}

#top_search h2 {font-size:150%;}
#top_search h2 em {font-size:100%;}
#top_search .app_box {padding:8px 0 8px;}
#top_search .app_box p {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight:700;
font-size:120%;
margin:0 0 5px !important;
}

#top_search .app_box p::before {
height:47px;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:90%;
}

#top_search .app_box p em {
line-height:47px;
font-size:18px;
}

#top_search h3 {font-size:150%;}
#top_search h3 em {font-size:100%;}
#top_search .app_box {padding:8px 0 8px;}
#top_search .app_box h3 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight:700;
font-size:120%;
margin:0 0 5px !important;
}

#top_search .app_box h3::before {
height:47px;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:90%;
}

#top_search .app_box h3 em {
line-height:47px;
font-size:18px;
}

#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;
}
}

/*トップ検索枠2 買取ボタン無し*/
#top_search2 {
z-index:30;
position:absolute;
top:100px;
right:68px;
width:320px;
height:160px;
background:#fff;
border:5px solid #000;
border-radius:30px;
}

#top_search2 #top_search2_parts {
position:relative;
height:100%;
}

.top_search2_parts_top,
.top_search2_parts_bottom {
position:absolute;
z-index:1;
left:0;
width:100%;
height:39px;
box-sizing:border-box;
}

.top_search2_parts_top {
top:0;
}

.top_search2_parts_bottom {
bottom:0;
}

.top_search2_parts_top::before,
.top_search2_parts_top::after,
.top_search2_parts_bottom::before,
.top_search2_parts_bottom::after {
content:'';
position:absolute;
width:39px;
height:39px;
}

.top_search2_parts_top::before,
.top_search2_parts_top::after {
top:-10px;
}

.top_search2_parts_bottom::before,
.top_search2_parts_bottom::after {
bottom:-10px;
}

.top_search2_parts_top::before {
left:-10px;
background:url(../images/common/bg_top_left_parts.svg) top left no-repeat;
background-size:100%;
}

.top_search2_parts_top::after {
right:-10px;
background:url(../images/common/bg_top_right_parts.svg) top right no-repeat;
background-size:100%;
}

.top_search2_parts_bottom::before {
left:-10px;
background:url(../images/common/bg_bottom_left_parts.svg) top left no-repeat;
background-size:100%;
}

.top_search2_parts_bottom::after {
right:-10px;
background:url(../images/common/bg_bottom_right_parts.svg) top right no-repeat;
background-size:100%;
}

#top_search2 .app_box {
box-sizing:border-box;
margin:0;
padding:25px 0 40px;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

#top_search2 .app_box h2 {
z-index:1;
position:absolute;
top:-20px;
right:0;
left:0;
color:#fff;
font-size:20px;
font-weight:700;
margin:auto;
padding:0;
line-height:1.6;
}

#top_search2 .app_box h2::before {
content:'';
z-index:-1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:247px;
height:56px;
margin:auto;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:cover;
}

#top_search2 .app_box h2 em {
font-size:18px;
font-weight:700;
line-height:56px;
}

#top_search2 .app_box h3 {
z-index:1;
position:absolute;
top:-20px;
right:0;
left:0;
color:#fff;
font-size:20px;
font-weight:700;
margin:auto;
padding:0;
line-height:1.6;
}

#top_search2 .app_box h3:before {
content:'';
z-index:-1;
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
width:247px;
height:56px;
margin:auto;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:cover;
}

#top_search2 .app_box h3 em {
font-size:18px;
font-weight:700;
line-height:56px;
}

#top_search2 .app_box .application {
width:84%;
}

#top_search2 .app_box .application>.app_btn {
padding-right:0;
left:50%;
transform:translateX(-50%);
background:none;
}

#top_search2 .app_box .application>.app_btn::before,
#top_search2 .app_box .application>.app_btn::after {
content:none;
}

#top_search2 .top_serchbox {
display:flex;
justify-content:center;
text-align:center;
margin-top:20px;
margin-bottom:0px;
position:relative;
width:258px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search2 .top_serchbox {
width:86%;
min-height:48px;
}

#top_search2 .top_serchbox form {
position:relative;
display:flex;
justify-content:center;
border:2px solid #333;
border-top-left-radius:10px;
border-bottom-right-radius:20px;
overflow:hidden;
}

#top_search2 .top_serchbox input {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#f2f2f2;
box-shadow:14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
border:none;
width:170px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search2 .top_serchbox input {
width:100%;
}

@-moz-document url-prefix() {

#top_search2 .top_serchbox form {
display:inline-flex;
justify-content:center;
width:100%;
}

#top_search2 .top_serchbox input {
width:175px;
}

#top_search2 .top_serchbox button {
width:calc(75% - 60px);
}
}

@media all and (-ms-high-contrast:none) {

/*IE11*/
*::-ms-backdrop,
#top_search2 .top_serchbox input {
width:calc(75% - 60px);
}

*::-ms-backdrop,
#top_search2 .top_serchbox button {
width:calc(75% - 60px);
}
}

@media all and (-ms-high-contrast:none) {
#top_search2 .top_serchbox {
width:100%;
}

#top_search2 .top_serchbox input {
width:calc(75% - 60px);
}
}

#top_search2 .top_serchbox button {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#333;
color:#fff;
border:none;
width:60px;
cursor:pointer;
box-shadow:-5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
transition:all 0.2s ease 0s;
}

#top_search2 .top_serchbox button:hover {
opacity:0.6;
}

#top_search2 .application {
height:45px;
}

@media (max-width:768px) {
#top_search2 {
left:0;
right:0;
top:0;
width:80%;
margin:40px auto 0;
padding:0 0px 2px;
position:relative;
height:150px;
}

#top_search2 h2 {font-size:150%;}
#top_search2 h2 em {font-size:100%;}
#top_search2 .app_box {padding:8px 0 8px;}
#top_search2 .app_box h2 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight:700;
font-size:120%;
margin:0 0 5px !important;
}

#top_search2 .app_box h2::before {
height:47px;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:90%;
}

#top_search2 .app_box h2 em {
line-height:47px;
font-size:18px;
}

#top_search2 h3 {font-size:150%;}
#top_search2 h3 em {font-size:100%;}
#top_search2 .app_box {padding:8px 0 8px;}
#top_search2 .app_box h3 {
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight:700;
font-size:120%;
margin:0 0 5px !important;
}

#top_search2 .app_box h3::before {
height:47px;
background:url(../images/common/bg_box_title.webp) top center no-repeat;
background-size:90%;
}

#top_search2 .app_box h3 em {
line-height:47px;
font-size:18px;
}

#top_search2 .app_box .application>.app_btn {
width:100%;
line-height:2.6em;
}

#top_search2 .app_box .app_btn.arrow_right:before {
top:25%;
right:20px;
width:25px;
height:25px;
}

#top_search2 .app_box .app_btn.arrow_right:after {
top:40%;
right:29px;
width:8px;
height:8px;
}
}

.ipad #top_search2 .top_serchbox,
.ipad #top_search2 .top_serchbox input,
.ipad #top_search2 .top_serchbox form {
width:auto !important;
}

.ipad #header .second_row li:nth-child(1) .nav_txt,
.ipad #header .second_row li:nth-child(2) .nav_txt,
.ipad #header .second_row li:nth-child(3) .nav_txt,
.ipad #header .second_row li:nth-child(4) .nav_txt {
font-size:10px !important;
}

@media (max-width:320px) {
#top_search {
margin:10px auto 0;
height:178px;
}
}

/*お知らせ*/
#top .news {
display:table;
background-color:#f2f2f2;
height:auto;
width:100%;
box-sizing:border-box;
font-weight:700;
min-width:1170px;
position:relative;
}

#top .news_header {
position:relative;
display:table-cell;
width:22%;
background-color:#000000;
text-align:right;
color:#ffffff;
padding:10px 20px 10px 0;
box-sizing:border-box;
}

#top .news_header::before {
content:'';
position:absolute;
top:0;
right:-11px;
width:0;
height:0;
border-style:solid;
border-width:0px 0 41px 11px;
border-color:transparent transparent transparent #000000;
}

#top .news_main {
display:table-cell;
width:78%;
padding:10px 20px;
box-sizing:border-box;
}

@media (max-width:768px) {
#top .news {min-width:auto;}

#top .news_header {
width:26%;
font-size:14px;
text-align:center;
padding:10px 0;
background-color:#ec0d0d;
}

#top .news_header::before {
content:none;
}

#top .news_main {
width:74%;
padding:10px 10px 10px;
font-size:10px;
vertical-align:top;
}
}

/*sidebar*/
.sidebar {
position:fixed;
right:0;
top:104px;
z-index:30;
width:85px;
background-color:transparent;
}

.sidebar img {
width:auto;
}

.sidebar a:hover {
color:#ffffff;
opacity:0.6;
}

.sidebar_body>* {
border-top:1px solid #808080;
padding:15px 6px;
display:block;
background-color:#000;
font-weight:500;
text-align:center;
font-size:12px;
color:#ffffff;
}

.sidebar_body>*:last-child {
padding:16px 12px;
}

.sidebar_head,
.sidebar_foot {
color:#fff;
text-align:center;
font-weight:500;
font-size:14px;
}

.sidebar_head {
border-top-left-radius:10px;
background-color:#ec0d0d;
}

.sidebar_head>* {
padding:10px 0 8px;
border-top-left-radius:10px;
background-color:#ec0d0d;
}

.sidebar_foot>* {
border-top:1px solid #808080;
padding:10px 18px 12px;
display:block;
background-color:#ec0d0d;
border-bottom-left-radius:10px;
}

.sidebar_foot img {
width:auto;
height:54px;
}


@media screen and (max-width:767px) {
.sidebar {
position:fixed;
right:0;
top:auto;
bottom:0px;
z-index:30;
width:100%;
height:57px;
padding:0;
clip-path:none;
background:#000;
box-sizing:border-box;
display:flex;
}

.sidebar img {width:100%;}
.sidebar_head {display:none;}
.sidebar_body {
width:85.72%;
display:flex;
}

.sidebar_body>* {
border-top:none;
padding:10px 3px;
width:16%;
margin:0 auto;
box-sizing:border-box;
display:flex;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
background-color:#000;
font-size:10px;
}

.sidebar_head,
.sidebar_foot {

box-sizing:border-box;
color:#fff;
text-align:center;
font-weight:normal;
font-size:10px;
margin:0;
}

.sidebar_head {
width:12.28%;
border-radius:0;
}

.sidebar_head>* {
padding:16px 0 12px;
display:flex;
-webkit-justify-content:center;
justify-content:center;
-webkit-align-items:center;
align-items:center;
}

.sidebar_body>*:last-child {
padding:5px;
}

.sidebar_foot>* {
padding:5px;
border-radius:0;
}

.sidebar_foot img {
width:auto;
height:46px;
}
}

/*ヘッダーテキスト*/
.h_text {
position:absolute;
width:100%;
z-index:100;
text-align:left;
color:#000;
font-size:12px;
pointer-events:none;
}

.h_text section {
margin:auto;
padding:28px 0 0 0;
position:relative;
}

.h_text p {margin-left:230px;}
.h_text h1 {margin-left:230px;}

@media (max-width:768px) {
.h_text {
font-size:10px;
transform:scale(0.8);
}

.h_text section {
padding:6px 0 0 0;
}

.h_text p {
margin-left:70px;
height:45px;
}
.h_text h1 {
margin-left:110px;
}

}
/*ヘッダーテキスト index*/
.h_text2 {
position:absolute;
width:100%;
z-index:100;
text-align:left;
color:#000;
font-size:12px;
pointer-events:none;
}

.h_text2 section {
margin:auto;
padding:28px 0 0 0;
position:relative;
}

.h_text2 p {
margin-left:160px;
}
.h_text2 h1 {
margin-left:230px;
}

@media (max-width:768px) {
.h_text2 {
font-size:10px;
transform:scale(0.8);
}

.h_text2 section {
padding:10px 0 0 0;
}

.h_text2 p {
margin-left:85px;
height:45px;
}
}

/*conversion*/
.conversion {
position:relative;
z-index:1;
min-width:1170px;
}

.conversion section {
text-align:center;
z-index:3;
padding:90px 0 130px;
}

.conversion section .conv_txt>.conv_txt_medi {
z-index:3;
position:relative;
font-size:36px;
font-weight:700;
text-align:center;
}

.conversion .strong_txt {
z-index:3;
position:relative;
color:#ec0d0d;
font-weight:700;
}

.conversion .conv_txt.large .strong_txt {
font-size:80px;
}

.conv_txt_num {
font-size:121px;
line-height:1;
}

.conv_txt {
position:relative;
margin-top:8px;
}

.conv_txt_medi {
font-size:14px;
font-weight:normal;
}

.conversion section .conv_line {
position:absolute;
bottom:-16px;
left:50%;
transform:translateX(-50%);
z-index:0;
width:auto;
}

@media all and (-ms-high-contrast:none) {
.conversion section .conv_line {
bottom:8px;
}
}

.conversion section .conv_txt.large .conv_line {
bottom:2px;
}

@media all and (-ms-high-contrast:none) {
.conversion section .conv_txt.large .conv_line {
bottom:25px;
}
}

@media screen and (max-width:767px) {
.conversion {
min-width:auto;
padding:30px 0;
}

.conversion section {padding:0;}
.conversion section p {font-size:12px;}
.conversion .strong_txt {font-size:25px;}
.conversion .conv_txt.large .strong_txt {
font-size:28px;
}

.conversion section .conv_txt>.conv_txt_medi {
display:inline;
font-size:18px;
background:linear-gradient(transparent 60%, #ffff66 60%);
}

.conv_txt {
position:relative;
margin-top:0px;
}

.conv_txt_num {
font-size:47px;
}

.conversion .conv_txt.large .strong_txt.sp {
display:inline;
font-size:28px;
background:linear-gradient(transparent 60%, #ffff66 60%);
}
}

/*メインコンテンツ*/

section .conv_btn {
width:500px;
display:block;
margin:30px auto 0;
}

section .conv_btn:hover {
opacity:0.6;
}

@media all and (-ms-high-contrast:none) {
.conv_btn {
overflow:hidden
}
}

@media screen and (max-width:767px) {
section .conv_btn {
width:80%;
margin:12px auto 0;
}
}

/*lead-area*/
.lead-area {padding-top:10px;}

.lead-area section {
padding:30px 0 60px 0;
}

.lead-area p {
margin-top:20px;
font-weight:400;
font-size:14px;
text-align:center;
}

@media (max-width:768px) {
.lead-area {padding-top:0;}
.lead-area section {padding:0 0 60px 0;}
.lead-area p {font-size:140%;}
}

/*total*/
#total {
margin-top:40px;
min-width:1170px;
}

.total_thanks {
width:100%;
text-align:center;
font-weight:700;
min-width:1170px;
background-color:#333;
}

.total_thanks section {
padding:40px 0 50px;
}

.total_thanks .tnx {
color:#fff !important;
font-size:150% !important;
}

.total_thanks .tnx_text {
color:#fff !important;
font-size:250% !important;
}

@media (max-width:768px) {
#total {
min-width:auto;
margin-top:0;
}
.total {
background-size:100%;
height:auto;
padding-bottom:57%;
}

.total_thanks {min-width:auto;}

#wrap .total_thanks .tnx {
font-size:14px !important;
margin:0px 0 40px 0;
}

.total_thanks .tnx_text {
font-size:20px !important;
}

.total_thanks section {
padding:20px 0;
}
}

#review {
position:relative;
min-width:1170px;
}

#review::before {
z-index:-1;
content:'';
position:absolute;
top:0;
left:0;
width:100%;
padding-top:44.79%;
background:url(../images/common/bg_review.webp) top left no-repeat;
background-size:100%;
}

#review section {padding-bottom:20px;}

#review #yotpoArea {
width:990px;
}
#review img.pc{
width:826px;
height:auto;
margin:auto;
}
#review .yotpo.yotpo-main-widget {
background:rgba(255, 255, 255, 0.8) !important;
border:5px solid rgba(204, 204, 204, 0.8);
border-top-left-radius:20px;
border-bottom-right-radius:100px;
}

.main-widget.yotpo-display-wrapper {
padding:40px;
}

#review .yotpo.yotpo-main-widget > img {
width:826px;
margin:auto;
}

@media screen and (max-width:767px) {
#review::before {
padding-top:83.6%;
background:url(../images/common/bg_review_sp.webp) top center no-repeat;
background-size:100%;
}

#reviewArea {padding-top:50%;}
#review #yotpoArea {width:100%;}

.main-widget.yotpo-display-wrapper {
padding:2px;
}
#review .yotpo.yotpo-main-widget {
border-bottom-right-radius:50px;
}
}

.review_box {
width:990px;
height:auto;
margin:0px auto 50px;
z-index:1;
}

.review_content {
background:#fff;
width:100%;
height:auto;
padding:0 30px;
margin:-30px auto 50px;
position:relative;
z-index:1;
padding-bottom:10px;
border:4px solid #cccccc;
box-sizing:border-box;
}

@media screen and (max-width:767px) {
#review {min-width:auto;}
#review section {padding:10px 15px 40px;}
#review .h_title {margin-top:6px;}
#review .h_title>* {
font-size:16px;
}

#review .h_title h3 {
font-size:24px;
margin-top:4px;
}

.review_content {margin:0 auto;}

.review_box {
width:100%;
margin:18px auto 0;
}
}
@media screen and (max-width:320px) {
.main-widget .bottom-line-items {
margin-bottom:84px!important;
}
.filters-container .free-text-search-input {
width:256px!important;
}
}

.usage {
position:relative;
margin-top:100px;
min-width:1170px;
}

.usage::after {
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
content:'';
width:100%;
height:34px;
top:0;
background-repeat:no-repeat;
background-position-x:50%;
z-index:2;
}

.usage .heading_wrap {
margin:-170px auto 90px;
}

.usage .heading_main::before {
background:url(../images/common/bg_title_marker_usage.webp) top center no-repeat;
}

.usage ul {
position:relative;
z-index:3;
}

.usage .five_column li {
position:relative;
background-color:#000;
box-sizing:border-box;
color:#fff;
text-align:center;
width:210px;
margin-right:30px;
}

.usage .five_column li:nth-child(5) {
margin-right:0px;
}

.usage .five_column li:before {
content:"1";
position:absolute;
display:block;
top:-30px;
left:50%;
margin-left:-20px;
width:40px;
height:40px;
background:#e72e18;
color:#fff;
font-size:137%;
font-weight:700;
border-radius:3px;
line-height:40px;
}

.usage .five_column li.n2:before {content:"2";}
.usage .five_column li.n3:before {content:"3";}
.usage .five_column li.n4:before {content:"4";}
.usage .five_column li.n5:before {content:"5";}
.usage .five_column li:after {
content:"";
position:absolute;
top:50%;
right:-26px;
margin-top:-15px;
width:0;
height:0;
border-style:solid;
border-width:15px 0 15px 15px;
border-color:transparent transparent transparent #f94545;
}

.usage .five_column li:nth-child(5):after {
content:"";
border:none;
}

.usage .five_column li dl {
display:flex;
/*子要素をflexboxで揃え*/
flex-direction:column;
/*縦方向揃え*/
justify-content:center;
/*中央配置*/
align-items:center;
/*中央配置*/
padding:10px 0;
box-sizing:border-box;
height:95px;
}

.usage .five_column li dt {
font-size:122%;
font-weight:700;
}

.usage .five_column li dd {
font-size:100%;
font-weight:700;
}

@media (max-width:768px) {
.usage {
min-width:auto;
margin-top:80px;
}

.usage .heading_wrap {
margin:-120px auto 30px;
}

.usage .heading_text {
margin-top:5%;
}
_::-webkit-full-page-media, _:future, :root .usage .heading_text {
margin-top:7%;
}

.usage .five_column li {
width:100%;
margin-left:0px;
margin-bottom:30px;
min-height:auto;
}

.usage .five_column li:before {
top:50%;
left:-15px;
margin-top:-15px;
margin-left:0px;
width:30px;
height:30px;
font-size:122%;
line-height:30px;
z-index:5;
}

.usage .five_column li:after {
top:inherit;
right:inherit;
bottom:-25px;
left:50%;
margin-top:inherit;
margin-left:-15px;
border-width:15px 15px 0 15px;
border-color:#f94545 transparent transparent transparent;
}

.usage .five_column li dl {
height:90px;
padding:10px;
}

.usage .five_column li dt {font-size:122%;}
.usage .five_column li dd {font-size:87%;}
.usage .five_column li img {
width:90px;
height:90px;
float:left;
}
}

.usage .sub_conductor {
text-align:center;
margin:30px auto 0 auto;
}

@media (max-width:768px) {
.usage .sub_conductor {
margin-top:10px;
margin:30px auto;
}

.usage .sub_conductor>a.sub_btn {
width:100%;
}
}

/*ご利用方法 もえVer.*/
#usage2 {
position:relative;
margin-top:10px;
min-width:1170px;
}

#usage2 h2 {
font-size:64px;
font-weight:700;
margin:0 auto;
text-align:center;
}

#usage2::after {
position:absolute;
top:0;
left:50%;
transform:translateX(-50%);
content:'';
width:100%;
height:34px;
top:0;
background-repeat:no-repeat;
background-position-x:50%;
z-index:2;
}

#usage2 .heading_wrap {
margin:-170px auto 90px;
}

#usage2 ul {
position:relative;
z-index:3;
}

#usage2 .five_column li {
position:relative;
box-sizing:border-box;
color:#fff;
text-align:center;
width:210px;
margin-right:30px;
}

#usage2 .five_column li:nth-child(5) {
margin-right:0px;
}

#usage2 .five_column li:after {
content:"";
position:absolute;
top:50%;
right:-26px;
margin-top:-15px;
width:0;
height:0;
border-style:solid;
border-width:15px 0 15px 15px;
border-color:transparent transparent transparent #f94545;
}

#usage2 .five_column li:nth-child(5):after {
content:"";
border:none;
}

@media (max-width:768px) {
#usage2 {
min-width:auto;
margin-top:0px;
}
#usage2 h2 {
font-size:32px;
}

#usage2 .heading_wrap {
margin:-120px auto 30px;
}

#usage2 .heading_text {
margin-top:5%;
}
_::-webkit-full-page-media, _:future, :root #usage2 .heading_text {
margin-top:5%;
}
#usage2 .five_column ul {
width:100%;
min-height:auto;
}

#usage2 .five_column li {
width:48% !important;
margin-right:10px;
margin-bottom:30px;
min-height:auto;
}

#usage2 .five_column li:nth-child(2) {
margin-right:0px;
}

#usage2 .five_column li:nth-child(4) {
margin-right:0px;
}

#usage2 .five_column li:nth-child(5) {
margin-right:10px;
}

#usage2 .five_column li:after {
display:none;
}

#usage2 .five_column li img {
width:100%;
height:auto;
float:left;
}
}

#usage2 .sub_conductor {
text-align:center;
margin:30px auto 0 auto;
}

@media (max-width:768px) {
#usage2 .sub_conductor {
margin-top:10px;
margin:30px auto;
}

#usage2 .sub_conductor>a.sub_btn {width:100%;}

}

.video2 {
width:100%;
height:370px;
margin-top:40px;
text-align:center !important;
}
.video2 iframe{
top:40;
width:532px;
height:298px;
margin-top:20px;
text-align:center !important;
}

@media (max-width:768px) {
.video2 {
height:auto;
}
.video2 iframe{
top:0;
width:340px;
height:185px;
}
}

.request {
position:relative;
margin-top:230px;
background-color:#97bb34;
background-image:url(../images/common/bg_attend.webp);
background-repeat:no-repeat;
background-size:100%;
}

.request .heading_wrap {margin:-170px auto 50px;}
.request .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
right:-140px;
bottom:-92px;
width:247px;
height:326px;
background:url(../images/common/card_request.webp) top left no-repeat;
background-size:100%;
}

.request_item {
position:relative;
width:100%;
height:auto;
padding:60px 90px 30px;
background:#fff;
border:5px solid #ccc;
border-radius:20px;
box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);
box-sizing:border-box;
}

.request_title {
position:absolute;
top:-23px;
right:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
width:570px;
height:65px;
margin:auto;
font-size:28px;
font-weight:700;
color:#fff;
background:#333;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
}

.request_row {
z-index:1;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.request_item+.request_item {margin-top:70px;}
.request_item_block {width:470px;}
.request_item_block+.request_item_block {margin-left:30px;}
.request_item_block p {
padding:0 25px;
font-size:20px;
line-height:1.6;
}

.request_item_block p>span {
z-index:1;
position:relative;
;
font-size:22px;
font-weight:700;
background:linear-gradient(transparent 60%, #ffff66 60%);
}

.request_list {margin-top:30px;}
.request_list_item {padding:0 25px;}
.request_list_item+.request_list_item {margin-top:10px;}
.request_list_item>dt,
.request_list_item>dd {
position:relative;
padding-left:20px;
font-size:20px;
}

.request_list_item>dt {font-weight:700;}
.request_list_item>dt::before {
content:'';
position:absolute;
top:7px;
left:0;
width:12px;
height:12px;
background:#999;
}

@media screen and (max-width:767px) {
.request {
margin-top:130px;
background-image:url(../images/common/bg_attend_sp.webp);
background-size:100%;
}

.request .heading_wrap {
margin:-120px auto 30px;
}

.request .heading_wrap::before {
right:-78px;
bottom:-80px;
width:137px;
height:179px;
}

.request_title {
width:70%;
height:40px;
font-size:14px;
}

.request_item {padding:40px 55px 20px;}
.request_row {flex-direction:column;}
.request_item_block {width:100%;}
.request_item_block+.request_item_block {
margin-top:30px;
margin-left:0;
}

.request_item_block p {
padding:0;
font-size:14px;
}

.request_item_block p>span {font-size:15px;}
.request_list_item {padding:0;}
.request_list_item>dt,
.request_list_item>dd {
font-size:14px;
}

.request_list_item>dt::before {
top:3px;
width:10px;
height:10px;
}
}

.features {
position:relative;
margin-top:250px;
min-width:1170px;
}

.features .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:-24px;
right:-144px;
width:200px;
height:277px;
margin:auto;
background:url(../images/common/card_merit.webp) top left no-repeat;
background-size:100%;
}

.features .heading_main::before {background-size:69%;}
.features .three_column li {
height:290px;
margin-bottom:20px;
border-left:1px solid #ccc;
box-sizing:border-box;
}

.features .three_column li:nth-child(3n) {
border-right:1px solid #ccc;
}

.features .three_column .circle_pic {
width:200px;
height:auto;
margin:20px auto;
}

.features_txt {text-align:center;}
.features .three_column dl dt {
font-size:20px;
font-weight:700;
}

.features .three_column dl dd {
font-size:34px;
font-weight:700;
padding:0px 0px 20px;
color:#f94545;
}

@media (max-width:768px) {
.features {
margin-top:140px;
min-width:auto;
}

.features section {padding:50px 10px 50px 10px;}
.features .heading_wrap::before {
right:-63px;
bottom:-80px;
width:129px;
height:179px;
}

.features .three_column {margin:0 auto;}
.features .three_column li {
float:left;
width:50%;
height:auto;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
margin-right:0;
margin-bottom:10px;
}

.features .three_column li:nth-child(even) {border-left:0;}
.features .three_column li:last-child {margin-bottom:0;}
.features .three_column .circle_pic {
width:48%;
margin-bottom:0;
}

.features .three_column dl {padding:5%;}
.features .three_column dl dt,
.features .three_column dl dd span {font-size:100%;}
.features .three_column dl dd {font-size:120%;}

}

#campaign_area {  margin-top:200px;}
#campaign_area .heading_wrap {
position:relative;
z-index:2;
margin-bottom:0;
}

#campaign_area .heading_main::before {background-size:43%;}

.campaign_middle {
position:relative;
z-index:1;
margin-top:-200px;
}

.campaign_middle_title {
z-index:1;
position:absolute;
top:-80px;
right:0;
left:0;
bottom:0;
display:block;
width:55%;
height:57%;
max-width:800px;
margin:auto;
}

.campaign_bottom {
position:relative;
padding-top:158px;
margin-top:-300px;
z-index:2;
}

#campaign_area .campaign_bottom::before {
content:'';
position:absolute;
top:0;
right:-35px;
width:229px;
height:326px;
background:url(../images/common/card_sugoi.webp) top left no-repeat;
z-index:10;
}

#campaign_area .block_note {
border:0;
/*background:url(../images/common/bg_campaign_attention.webp) top left no-repeat;*/
background:url(../images/common/bg_campaign_attention_sp.webp) top left no-repeat;
background-size:100%;
margin-top:0;
padding:30px 0 60px;
}

.block_note {padding:32px 18px 28px;}

.campaign_title {
text-align:center;
font-size:24px;
font-weight:700;
color:#000;
}

.campaign_caption ul {
margin-top:10px;
padding:0 80px;
font-size:20px;
}

.campaign_caption ul li:first-child {
margin-top:0px;
font-weight:700;
}

.campaign_caption ul li {
padding-left:34px;
position:relative;
color:#000;
}

.campaign_caption ul li:first-child {
color:#f00;
font-weight:700;
}
.campaign_caption ul li:nth-child(2) {
color:#000;
}

.campaign_caption ul li::before {
position:absolute;
content:'●';
width:16px;
height:20px;
top:0;
left:10px;
color:#666;
}

@media (max-width:768px) {
#campaign_area {margin-top:130px;}
#campaign_area .block_note {
padding:20px;
background:url(../images/common/bg_campaign_attention_sp.webp) top left repeat-y;
background-size:100%;
}

#campaign_area .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
bottom:-31px;
right:-76px;
width:121px;
height:164px;
background:url(../images/common/card_sugoi.webp) top left no-repeat;
background-size:100%;
}

#campaign_area .heading_text {margin-top:5%;}
_::-webkit-full-page-media, _:future, :root #campaign_area .heading_text {margin-top:7%;}

.block_note {
padding:10px;
margin:40px 0 10px;
}

.campaign_title {font-size:16px;}
.campaign_caption ul {
padding:0;
font-size:14px;
margin-top:10px;
}

.campaign_caption ul li {
margin-top:10px;
padding-left:28px;
}

section .conv_btn {
width:100%;
margin-top:0;
}

.campaign_middle {margin-top:-76px;}
.campaign_middle_title {
top:-40px;
width:95%;
height:68%;
}

#campaign_area .campaign_bottom::before {content:none;}

.campaign_bottom {padding-top:278px;}
.campaign_bottom .application {
margin-top:80px !important;
}
}

.purchase {
position:relative;
min-width:1170px;
margin-top:130px;
}

.purchase.-bg-photo {
position:relative;
background:url(../images/common/bg_wanted2.webp) top center no-repeat;
/* background:url(../images/common/bg_wanted.webp) top center no-repeat;*/
background-color:#a27c5a;
background-size:100%;
min-width:1300px;
}

.purchase section {
padding-top:100px;
}

.purchase section#csm {
padding-top:24.714%;
padding-bottom:0;
padding-left:50px;
}

.purchase .csm {
padding-bottom:200px;
}

.purchase .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:-16px;
right:-116px;
width:241px;
height:331px;
background:url(../images/common/img_20up.png) top left no-repeat;
background-size:100%;
}

.purchase .heading_main::before {
background-size:73%;
}

.purchase_list {
display:flex;
justify-content:flex-start;
align-items:flex-start;
flex-wrap:wrap;
margin:-4px;
content-visibility: auto;
}

.pokeca_ballon {
position:relative;
z-index:2;
display:flex;
justify-content:center;
align-items:center;
padding:7px 10px;
max-width:700px;
height:70px;
margin:0 auto -2px;
color:#555;
font-size:16px;
background:#FFF;
border:solid 5px #999;
border-radius:35px;
box-sizing:border-box;
}

.pokeca_ballon::before {
content:"";
position:absolute;
bottom:-32px;
left:50%;
margin-left:-15px;
border:20px solid transparent;
border-top:20px solid #fff;
z-index:3;
}

.pokeca_ballon::after {
content:"";
position:absolute;
bottom:-40px;
left:50%;
margin-left:-15px;
border:20px solid transparent;
border-top:20px solid #999;
z-index:2;
}

.pokeca_ballon p {
position:relative;
color:#ec0d0d;
font-size:28px;
font-weight:700;
}

.pokeca_ballon p::before {
content:'';
position:absolute;
top:0;
left:-90px;
bottom:0;
width:70px;
height:86px;
margin:auto;
background:url(../images/common/card_ballon.webp) top left no-repeat;
background-size:100%;
}

.purchase_list.-list_5col {margin:-5px;}
.purchase_list>li {
width:calc((100% - 288px) / 4);
margin:4px;
padding:20px;
}

.purchase_list.-list_5col>li {
width:calc((100% - 250px) / 5);
margin:5px;
}

.purchase_list.-wanted>li {
padding:10px 20px 20px;
background:url(../images/common/bg_list.webp) top left no-repeat;
background-size:cover;
}

.purchase_list.-radius_card>li {
background:#fff;
border-top-left-radius:10px;
border-bottom-right-radius:30px;
}

.purchase .purchase_list .purchase_genre_content {
background:transparent;
}

.purchase_list .purchase_prise {
display: flex;
justify-content: flex-end;
align-items: baseline; 
flex-direction: row;
font-size: 36px;
white-space: nowrap;
font-family: Oswald;
}
.purchase_list .purchase_prise span {
font-size: 18px;
white-space: nowrap;
font-weight:900;
font-family: Oswald;

}

.purchase_list.-wanted .purchase_prise {
color: #a30505;
}

.purchase_prise1{
font-size: 14px;
color: #ec0d0d;
font-weight:700;
}

.purchase_list .purchase_prise {
width: 100%;
text-align: right;
}

.purchase_list.-list_5col .purchase_prise {
font-size: 36px;
}

@media (max-width:768px) {
.purchase {
min-width:auto;
margin-top:75px;
}

.purchase .csm {
padding-bottom:0px;
}
.purchase.-bg-photo {
position:relative;
height:auto;
margin-top:0;
padding-top:0;
background:#e2b66b;
min-width:auto;
}

.purchase.-bg-photo::before,
.purchase.-bg-photo::after {
content:'';
position:absolute;
width:100%;
}

.purchase.-bg-photo::before {
top:0;
left:0;
padding-top:53%;
background:url(../images/common/bg_wanted_top.webp) top center no-repeat;
background-size:100%;
}

.purchase.-bg-photo::after {
bottom:0;
left:0;
padding-top:51%;
background:url(../images/common/bg_wanted_bottom.webp) top center no-repeat;
background-size:100%;
}

.purchase section#csm {
position:relative;
z-index:1;
padding-bottom:13%;
padding-left:13px;
}

.purchase::after {
background-image:url(../images/common/h_line02_sp.png);
background-size:100%;
height:28px;
}

.purchase .heading_wrap::before {
z-index:3;
top:-20px;
right:-35px;
width:80px;
height:80px;
}

.pokeca_ballon {width:80%;}
.pokeca_ballon p {
font-size:18px;
text-align:center;
}

.pokeca_ballon p::before {
left:-65px;
width:65px;
height:81px;
}

.purchase section {padding-top:60px;}
.purchase_list.-wanted {padding-top:128px;}
.purchase_list.-wanted>li {padding:10px 10px;}
.purchase_list>li,
.purchase_list.-list_5col>li {
width:calc((100% - 40px) / 4);
margin:5px;
padding:10px;
}
.purchase_list.-radius_card>li {border-bottom-right-radius:15px;}

}

.purchase .purchase_genre_content {
width:100%;
text-align:center;
margin:0 0 10px;
padding:0;
background:#fff;
box-sizing:border-box;
font-size:0;
display:flex;
justify-content:center;
align-items:center;
}

.purchase .purchase_genre_content img {
max-width:100%;
width:auto;
height:auto;
}

.purchase .four_column dl {
position:relative;
width:100%;
padding:20px 20px 32px;
box-sizing:border-box;
background:#fff;
}

.purchase_prise::before {
position:absolute;
content:'';
width:100%;
height:34px;
bottom:-8px;
left:0px;
background-image:url(../images/common/line_price.webp);
background-repeat:no-repeat;
z-index:-1;
}

.purchase_name {
margin:0px 0px 10px;
font-weight:700;
color:#000;
font-size:14px;
}

.purchase_data {
margin:0px 0px 10px;
font-size:75%;
color:#000;
}

.purchase_prise {
font-size: 36px;
font-weight: 700;
color: #ec0d0d;
display: flex;
justify-content: flex-end;
align-items: flex-start;
flex-direction: column;
font-weight: bold;
font-size: 18px;
position: relative;
z-index: 3;
padding-right: 10px;
font-weight: bold;
text-align: right;
font-family: Oswald;
}

.purchase_prise>* {
display: block;
}

@media (max-width:768px) {
.purchase section {
width:100%;
height:auto;
padding-left:15px;
padding-right:15px;
padding-bottom:20px;
}

.purchase .purchase_genre_content {
height:auto;
margin:0 0 5px;
}


.purchase .purchase_name {
margin:0px 0px 5px;
line-height:1.4;
word-wrap:break-word;
font-size:10px;
}

.purchase .purchase_data {
margin:0px 0px 3px;
font-size:10px;
}

.purchase_prise1{
font-size: 12px;
}

.purchase .purchase_prise {
font-size: 18px;
font-weight: 700;
}

.purchase_prise span {
font-size: 14px;
}

.purchase_prise {
padding-right: 2px;
font-size: 18px;

}
.purchase_list .purchase_prise {
padding: 0;
font-size: 18px;
}

.purchase_list .purchase_prise,
.purchase_list.-list_5col .purchase_prise ,
.purchase_list .purchase_prise {
font-size: 18px;
}

.purchase_list .purchase_prise span {
font-size: 12px;
}

.purchase_list.-list_5col .purchase_prise span {
font-size: 12px;
}

.purchase_prise::before {
height:20px;
bottom:-4px;
background-image:url(../images/common/line_price.webp);
background-size:100%;
left:0px;
}

.purchase_list.-wanted .purchase_prise::before {
background-image: url(../images/common/line_price.webp);
}

.four_column>*:nth-child(n + 3) {
margin-top: 14px;
}

}

@media (max-width:332px) {
.purchase_list .purchase_prise span {
font-size: 12px;
}
}

.purchase .tab_changer {
width:100%;
padding:20px;
text-align:center;
cursor:pointer;
display:flex;
flex-wrap:wrap;
align-items:center;
position:relative;
z-index:2;
box-sizing:border-box;
}

.purchase .tab_changer li {
width:calc((100% - 50px) / 6);
height:70px;
font-weight:700;
color:#000;
background-color:#ddd;
display:flex;
justify-content:center;
align-items:center;
flex-direction:column;
margin-right:10px;
transition:all 0.2s ease 0s;
border:5px outset #aaa;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
box-sizing:border-box;
}

.purchase .tab_changer.-min_tab li {width:calc((100% - 40px) / 5);}
.purchase .tab_changer li span {font-size:12px;}

@media all and (-ms-high-contrast:none) {
.purchase .tab_changer li {
height:50px;
padding-top:10px;
}
}

.purchase .tab_changer li:last-child {margin-right:0;}
.purchase .tab_changer li:last-child::before {
font-size:20px;
top:42%;
left:16px;
transition:all 0.2s ease 0s;
}

.purchase .tab_changer li:last-child:hover::before {color:#FFF;}
.purchase .tab_changer li:last-child:hover a {color:#fff;}

@media (max-width:768px) {
.purchase .tab_changer {
align-items:stretch;
width:100%;
height:auto;
}

.purchase .tab_changer li {
width:calc((100% - 12px) / 3);
height:auto;
padding:10px 5px;
font-size:12px;
letter-spacing:-1px;
line-height:1.2;
min-height:3em;
margin-right:6px;
}

.purchase .tab_changer.-min_tab li {width:calc((100% - 12px) / 3);}
.purchase .tab_changer li:nth-child(3n) {margin-right:0;}
.purchase .tab_changer li:nth-child(n + 4) {margin-top:6px;}
.purchase .tab_changer li:first-child {margin-left:0;}
.purchase .tab_changer li:last-child {
margin-right:0;
font-size:12px;
}

.purchase .tab_changer li:last-child::before {
font-size:12px;
top:50%;
left:10px;
transition:all 0.2s ease 0s;
}

.purchase .tab_changer li span {
font-size:10px;
font-weight:normal;
}
}

.purchase .tab_changer li:hover,
.purchase .tab_changer li.current {
color:#fff;
background-color:#ed0000;
border:5px outset #a70000;
}

/*買取価格*/
#kaitori {
min-width:1170px;
margin-top:120px;
padding:90px 0 40px;
background:#eee;
}

#kaitori section {padding:0;}

#kaitori .heading_wrap {
margin-bottom:30px;
position:relative;
z-index:2;
}

#kaitori .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:-22px;
left:-73px;
width:197px;
height:271px;
background:url(../images/common/card_search.webp) top left no-repeat;
background-size:100%;
}

#kaitori .heading_main::before {background-size:50%;}

.kaitori_box {
width:100%;
height:auto;
margin:-4px auto 0;
z-index:0;
min-width:1170px;
}

.kaitori_content {
position:relative;
z-index:1;
height:auto;
margin:0 auto 0;
padding:70px 20px;
border:5px solid #ccc;
border-radius:20px;
background:#fff;
}

.kaitori_serchbox {
position:relative;
width:calc(60% + 140px);
margin:0 auto;
border-top-left-radius:10px;
border-bottom-right-radius:20px;
overflow:hidden;
border:2px solid #333;
}

.kaitori_serchbox_content {
display:flex;
justify-content:center;
width:100%;
box-shadow:14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
background-color:#f2f2f2;
}

.kaitori_serchbox input {
padding:16px 12px 16px 50px;
border:none;
border-radius:0;
outline:none;
font-size:20px;
background-color:transparent;
height:38px;
width:calc(100% - 140px);
font-family:'メイリオ', Meiryo, sans-serif;
}

.kaitori_serchbox::before {
position:absolute;
content:'';
width:22px;
height:22px;
top:50%;
transform:translateY(-50%);
left:16px;
background:url(../images/common/i_search.png) no-repeat;
}

.kaitori_serchbox button {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:20px;
background-color:#333;
font-weight:500;
color:#fff;
width:140px;
cursor:pointer;
box-shadow:-5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
}

.kaitori_serchbox button:hover {
opacity:0.6;
transition:all 0.2s ease 0s;
}

@media screen and (max-width:767px) {
#kaitori {
min-width:auto;
margin-top:80px;
padding:50px 0 20px;
}

#kaitori section {padding:40px 15px 32px;}
#kaitori .heading_wrap {margin-top:-160px;}
#kaitori .heading_wrap::before {
top:26px;
left:-65px;
width:114px;
height:161px;
}

#kaitori .heading_text {margin-top:5%;}
_::-webkit-full-page-media, _:future, :root #kaitori .heading_text {margin-top:7%;}

.kaitori_box {
min-width:auto;
margin:24px auto 0;
}

.kaitori_serchbox {width:calc(76% + 70px);}
.kaitori_serchbox input {
padding:10px 10px 10px 35px;
border:none;
border-radius:0;
outline:none;
font-size:16px;
background-color:transparent;
border:none;
height:auto;
width:calc(100% - 70px);
}

.kaitori_serchbox button {
width:70px;
padding:12px 8px;
font-size:16px;
}

.kaitori_serchbox::before {
width:16px;
height:18px;
left:9px;
background-size:16px;
}

.kaitori_content {
width:100%;
height:auto;
margin:0 auto 0;
position:relative;
z-index:1;
padding:26px 12px 26px;
}
}

.assurance_img {
position:relative;
display:block;
width:880px;
margin:auto;
}

.assurance_img::before {
content:'';
z-index:2;
position:absolute;
bottom:-237px;
right:-85px;
width:245px;
height:326px;
background:url(../images/common/card_assurance.webp) top left no-repeat;
background-size:100%;
}

.assurance p {
margin:30px 0;
font-size:52px;
color:#ec0d0d;
font-weight:700;
text-align:center;
letter-spacing:0.1em;
}

.assurance .sub_conductor {width:48%;}

@media screen and (max-width:767px) {
.assurance_img {width:100%;}
.assurance_img::before {
bottom:-128px;
right:-52px;
width:124px;
height:167px;
}

.assurance p {
font-size:26px;
letter-spacing:0;
}

.assurance .sub_conductor {
width:97%;
margin-top:45px;
}

.assurance .sub_conductor>a.sub_btn {
font-size:18px;
line-height:2.3;
}
}

/*state*/
.is-current {color:#f94545;}
.sc_active {opacity:0.7;}

.faq {
margin-top:230px;
padding-bottom:70px;
}

.faq .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:-4px;
left:-94px;
width:206px;
height:291px;
background:url(../images/common/card_faq.webp) top left no-repeat;
background-size:100%;
}

.faq dl {margin-bottom:40px;}
.faq dt {
display:block;
border-bottom:2px solid #333;
padding:8px 16px 8px 66px;
position:relative;
color:#000;
font-size:125%;
line-height:1.6;
margin-bottom:40px;
font-weight:700;
}

.faq dt:after {
content:"Q";
display:block;
position:absolute;
width:50px;
height:50px;
line-height:48px;
font-size:150%;
font-weight:700;
background-color:#333;
color:#fff;
text-align:center;
vertical-align:middle;
font-family:"Oswald";
bottom:0;
left:0;
}

.faq dd {
display:block;
border-left:2px solid #a0a0a0;
margin-left:100px;
padding:8px 8px 8px 16px;
position:relative;
}

.faq dd:after {
content:"A";
display:block;
position:absolute;
width:30px;
height:30px;
font-family:"Oswald";
font-weight:700;
bottom:0;
left:0;
font-size:150%;
color:#ff0000;
top:1px;
left:-30px;
}

.faq dt span {
display:block;
cursor:pointer;
}

.faq dt span.i_plus {position:static;}
.faq dt span.i_plus::before {
content:'';
background:url(../images/common/arrow-down.svg) top center no-repeat;
}

.faq dt.js-active span.i_plus:before {
content:"";
background:url(../images/common/arrow-up.svg) top center no-repeat;
font-size:100%;
top:0;
}

.faq dd .f_pink {
font-size:19px;
font-weight:700;
}

.faq .sub_conductor>a.sub_btn {
display:block;
width:100%;
height:40px;
margin:0 auto;
line-height:2.3;
font-size:16px;
text-decoration:none;
text-align:center;
border-radius:3px;
border:solid 2px #333333;
color:#000;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:700;
}
.faq .sub_conductor2>a.sub_btn2 {
display:block;
width:450px;
height:40px;
margin:0;
line-height:2.3;
font-size:16px;
text-decoration:none;
text-align:center;
border-radius:3px;
border:solid 2px #333333;
color:#000;
background-color:#fff;
-webkit-box-sizing:border-box;
box-sizing:border-box;
font-weight:700;
}

@media (max-width:768px) {
.faq {
margin-top:140px;
padding-bottom:30px;
}

.faq .heading_wrap::before {
content:'';
position:absolute;
top:-25px;
left:-70px;
width:128px;
height:179px;
}

.faq .heading_text {margin-top:3%;}
_::-webkit-full-page-media, _:future, :root .faq .heading_text {
margin-top:4%;
}

.faq dt {
vertical-align:middle;
font-size:100%;
line-height:1.4;
margin-bottom:20px;
min-height:46px;
padding:8px 30px 8px 45px;
}

.faq dt:after {width:36px;}
.faq dd {
margin-left:40px;
padding:8px 0px 8px 16px;
position:relative;
}

.faq dt span.i_plus:before {top:0.6em;}
.faq dt.js-active span.i_plus:before {
font-size:140%;
font-weight:700;
}

.faq .sub_conductor2>a.sub_btn2 {
width:90%;
height:auto;
line-height:1.3;
padding:5px 0px;
}
}

#sells {margin-top:10px;}
.sells {
width:100%;
text-align:center;
}

.sells .four_column li a {
position:relative;
padding:10px 10px 40px;
display:block;
-webkit-border-radius:7px;
-moz-border-radius:7px;
border-radius:7px;
}

.sells .four_column li a:hover {background-color:#ffd4df;}
.sells .four_column li p {
font-weight:700;
font-size:137%;
margin:10px 0 15px;
}

.sells .four_column li a:after {
position:absolute;
left:0;
right:0;
bottom:12px;
content:'';
width:25px;
height:25px;
margin:auto;
background:url(../images/common/circle-right.svg) top center no-repeat;
}

.sells .application {margin-top:30px;}

@media (max-width:768px) {
#sells {margin-top:70px;}
#sells .heading_text {margin-top:5%;}
_::-webkit-full-page-media, _:future, :root #sells .heading_text {margin-top:7%;}

.sells .four_column li p {font-size:100%;}
.sells .four_column li a:hover {background-color:none;}
.sells .four_column li a:after {
width:22px;
height:22px;
}
}

/*pokeca box*/
.pokeca_box {
position:relative;
background:#fff;
border:5px solid #ccc;
border-radius:20px;
box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);
}

.pokeca_box>.pokeca_box_parts_top,
.pokeca_box>.pokeca_box_parts_bottom {
position:absolute;
z-index:1;
left:0;
width:100%;
height:39px;
box-sizing:border-box;
}

.pokeca_box>.pokeca_box_parts_top {top:0;}
.pokeca_box>.pokeca_box_parts_bottom {bottom:0;}
.pokeca_box>.pokeca_box_parts_top::before,
.pokeca_box>.pokeca_box_parts_top::after,
.pokeca_box>.pokeca_box_parts_bottom::before,
.pokeca_box>.pokeca_box_parts_bottom::after {
content:'';
position:absolute;
width:39px;
height:39px;
}

.pokeca_box>.pokeca_box_parts_top::before,
.pokeca_box>.pokeca_box_parts_top::after {
top:-10px;
}

.pokeca_box>.pokeca_box_parts_bottom::before,
.pokeca_box>.pokeca_box_parts_bottom::after {
bottom:-10px;
}

.pokeca_box>.pokeca_box_parts_top::before {
left:-10px;
background:url(../images/common/bg_top_left_parts.svg) top left no-repeat;
background-size:100%;
}

.pokeca_box>.pokeca_box_parts_top::after {
right:-10px;
background:url(../images/common/bg_top_right_parts.svg) top right no-repeat;
background-size:100%;
}

.pokeca_box>.pokeca_box_parts_bottom::before {
left:-10px;
background:url(../images/common/bg_bottom_left_parts.svg) top left no-repeat;
background-size:100%;
}

.pokeca_box>.pokeca_box_parts_bottom::after {
right:-10px;
background:url(../images/common/bg_bottom_right_parts.svg) top right no-repeat;
background-size:100%;
}

/*パンくず*/
#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;
font-size:14px;
}

#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:#0068b7;
margin-right:7px;
}
@media (max-width:768px) {
#dir_path section {padding:3px 0;}
#dir_path section ol {padding-left:5px;}
#dir_path section ol li {font-size:8px;}
}

#tips {
min-width:1170px;
margin-top:120px;
padding:90px 0 40px;
}

#tips section {padding:0;}
#tips .heading_wrap {
margin-bottom:30px;
position:relative;
z-index:2;
}

#tips .heading_main::before {background-size:50%;}
#tips .title {
position:absolute;
z-index:10 !important;
width:180px;
transform:rotate( -15deg );
margin-top:40px;
margin-left:40px;
}

.tips_box {
width:100%;
height:auto;
margin:-4px auto 0;
z-index:0;
min-width:1170px;
}

.tips_content {
position:relative;
z-index:1;
height:auto;
margin:0 auto 0;
padding:70px 20px;
border:5px solid #ccc;
border-radius:20px;
background:#fff;
}

@media screen and (max-width:767px) {
#tips {
min-width:auto;
margin-top:80px;
padding:50px 0 20px;
}

#tips section {padding:40px 15px 32px;}
#tips .heading_wrap {margin-top:-160px;}
#tips .heading_main {font-size:20px;}
#tips .heading_text {margin-top:5%;}
_::-webkit-full-page-media, _:future, :root #kaitori .heading_text {margin-top:7%;}

#tips .title {
position:absolute;
z-index:100 !important;
width:80px;
transform:rotate( -15deg );
margin-top:-80px !important;
margin-left:0px;
}

.tips_box {
min-width:auto;
margin:24px auto 0;
}

.tips_content {
width:100%;
padding:26px 12px 26px;
}
}

.third_genre .third_genre_right {
width:40%;
float:right;
position:relative;
z-index:5;
}
.third_genre .third_genre_right img {
width:264px;
height:auto;
position:relative;
right:-60px;
top:130px;
transform:rotate( 15deg );
}
.third_genre .third_genre_left {
width:60%;
float:left;
position:relative;
z-index:10;
overflow:hidden;
left:30px;
}
.third_genre dl {
position:relative;
border:7px solid #cccccc;
border-radius:15px;
}
.third_genre dt {
background:#ff0009;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:30px;
padding:25px 0 20px;
position:relative;
}
.third_genre dt:after {
content:"";
background:url('/moetaku/tcg/pokemon_card/_assets/images/common/bg_dotted.webp') repeat;
background-size:contain;
color:#000000;
height:4px;
width:60px;
position:absolute;
bottom:0;
left:0;
right:0;
margin:auto;
}
.third_genre dt span {
display:block;
color:#000000;
font-size:20px;
margin-bottom:3px;
}
.third_genre dd {
padding:30px;
font-size:16px;
line-height:1.8;
background:#fff;
}


@media (max-width:768px) {
.third_genre .third_genre_right {
width:100%;
float:none;
text-align:center;
margin-bottom:0px;
margin-top:-100px;
}
.third_genre .third_genre_right img {
width:150px;
position:static;
}
.third_genre .third_genre_left {
width:100%;
float:none;
left:0;
}

.third_genre .third_genre_left.more_active {max-height:1000px;}
.third_genre .third_genre_left.more_active:after {background:none;}
.third_genre dt {
font-size:18px;
padding:10px 0 15px;
}
.third_genre dt:after {
background-size:contain;
height:2px;
width:25px;
}
.third_genre dt span {	font-size:16px;}
.third_genre dd {
padding:20px 15px;
font-size:12px;
line-height:1.6;
}
}

/*人気別*/
.third_genre2 .third_genre2_left {
width:28%;
float:left;
position:relative;
z-index:10;
}
.third_genre2 {margin-top:-100px;}
.third_genre2 .third_genre2_left img {
width:200px;
height:auto;
position:relative;
left:80px;
top:10px;
transform:rotate( -15deg );
}
.third_genre2 .third_genre2_right {
width:72%;
float:right;
position:relative;
z-index:5;
overflow:hidden;
left:-30px;
}
.third_genre2 dl {
position:relative;
border:7px solid #cccccc;
border-radius:15px;
}
.third_genre2 dt {
background:#ff0009;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:30px;
padding:10px 0;
position:relative;
}
.third_genre2 .representative {background:#72c988 !important;}
.third_genre2 dd {
padding:20px 30px;
font-size:16px;
line-height:1.8;
background:#fff;
}

.mmat100 {margin-top:-100px !important;}

@media (max-width:768px) {
.third_genre2 {margin-top:-40px;}
.third_genre2 .third_genre2_left {
width:100%;
float:none;
text-align:left;
margin-bottom:0px;
margin-top:-30px;
margin-left:0;
}
.third_genre2 .third_genre2_left img {
width:90px;
height:auto;
position:static;
transform:rotate( -10deg );
}
.third_genre2 .third_genre2_right {
width:100%;
float:none;
left:0;
margin-top:-90px;
}

.third_genre2 .third_genre2_right.more_active {max-height:1000px;}
.third_genre2 .third_genre2_right.more_active:after {background:none;}

.third_genre2 dt {
font-size:16px;
padding:10px 0 10px 60px;
}

.third_genre2 dt span {font-size:14px;}
.third_genre2 dd {
padding:50px 15px 20px;
font-size:12px;
line-height:1.6;
}
}

/*高価買取テーブル*/
#other_lists {width:100%;}
#other_lists h4.message_title {
margin:0 auto 15px;;
}
#other_lists p {
font-size:73%;
padding:0 5px 5px 0;
text-align:right;
}
.other_header {
position:relative;
width:100%;
height:40px;
background-color:#5c5c5c;
border-top-left-radius:7px;
border-top-right-radius:7px;
}
.other_header li {
float:left;
color:#fff;
padding:10px 0;
text-align:center;
font-size:14px;
font-weight:700;
box-sizing:border-box;
}
.other_header li:first-child,
.other_list li:first-child {
width:840px;
}
.other_header li:nth-child(2),
.other_list li:nth-child(2) {
width:110px;
}
.other_header li:last-child,
.other_list li:last-child {
width:200px;
text-align:right;
}
.other_list {
position:relative;
width:100%;
box-sizing:border-box;
}

.other_list {
max-height:690px;
transition:max-height 500ms;
overflow:hidden;
}
.other_list:after {
position:absolute;
bottom:0;
left:0;
width:100%;
height:200px;
background:linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 95%, rgba(255, 255, 255, 1));
content:"";
}

.other_list.more_active {max-height:100%;}
.other_list.more_active:after {background:none;}
.other_list ul {
width:100%;
height:60px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}
.other_list ul:nth-child(odd) {background:#f2f2f2;}
.other_list ul:nth-child(even) {background:#fff;}
.other_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.other_list .price {
color:#ee0d5c;
font-weight:900;
font-size:100%;
padding:12px 10px;
text-align:right;
}
.other_list .price span {font-size:165%;}
.other_list .price span.tag {
position:relative;
top:-3px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1;
color:#fff;
background-color:#ee0d5c;
text-align:center;
padding:6px 6px 5px;
margin:0 0 5px 5px;
}
.other_list .info2 {
float:left;
width:80% !important;
padding:20px 5px 5px;
text-align:left;
box-sizing:border-box;
}
.other_list .price2 {
color:#ee0d5c;
font-weight:900;
font-size:100%;
padding:12px 10px;
text-align:right;
display:inline;
line-height:1.6;
}
.other_list .price2 span {font-size:165%;}
.other_list .price2 span.tag {
position:relative;
top:-3px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1;
color:#fff;
background-color:#ee0d5c;
text-align:center;
padding:6px 6px 5px;
margin:0 0 5px 5px;
}

.other_list .price2 span:before {
position:relative;
top:3px;
right:10px;
font-family:'Fontawesome';
content:"\f148";
font-size:125%;
}

@media (max-width:768px) {
#other_lists h4.message_title {margin:0 auto 10px;}
#other_lists p {font-size:85%;}
.other_header li:first-child {width:70%;}
.other_header li:last-child {width:30%;}
.other_list {
position:relative;
max-height:400px;
overflow:hidden;
}
.other_list::after {
position:absolute;
bottom:0;
left:0;
width:100%;
height:200px;
background:linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 95%, rgba(255, 255, 255, 1));
content:"";
}
.other_list.more_active {max-height:100%;}
.other_list.more_active:after {background:none;}
.other_list ul {height:100%;}
.other_list li {
display:block;
float:left;
font-size:80%;
}
.other_list .info {
float:left;
width:55% !important;
padding:10px 5px;
text-align:left;
box-sizing:border-box;
}
.other_list .info2 {
float:left;
width:62% !important;
padding:5px;
text-align:left;
box-sizing:border-box;
}
.other_list .vendor {
float:left;
width:20% !important;
padding:10px 5px;
text-align:left;
box-sizing:border-box;
}
.other_list .price {
width:25% !important;
padding:10px 5px;
box-sizing:border-box;
}
.other_list .price span {
font-size:130%;
}
.other_list .price span.tag {
position:relative;
top:0;
display:inline-block;
font-size:11px;
font-weight:normal;
padding:4px 4px 3px;
margin:0;
}
.other_list .price2 {
width:38% !important;
padding:5px;
box-sizing:border-box;
}
.other_list .price2 span {
font-size:120%;
}
.other_list .price2 span.tag {
position:relative;
top:0;
display:inline-block;
font-size:11px;
font-weight:normal;
padding:4px 4px 3px;
margin:0;
}

.other_list .price2 span:before {
top:3px;
right:5px;
font-size:125%;
}

#js_more_btn.sub_btn {
padding:0 20px;
line-height:2.6;
}
}

/*レアリティ別テーブル*/
#rare_lists {width:100%;}
#rare_lists h4.message_title {
margin:0 auto 15px;;
}
#rare_lists p {
font-size:73%;
padding:0 5px 5px 0;
text-align:right;
}
.rare_header {
position:relative;
width:100%;
height:40px;
background-color:#5c5c5c;
border-top-left-radius:7px;
border-top-right-radius:7px;
}
.rare_header li {
float:left;
color:#fff;
padding:10px 0;
text-align:center;
font-size:14px;
font-weight:700;
box-sizing:border-box;
}
.rare_header li:first-child,
.rare_list li:first-child {
width:880px;
}
.rare_header li:last-child,
.rare_list li:last-child {
width:200px;
}
.rare_list {
width:100%;
box-sizing:border-box;
}

.rare_list {overflow:hidden;}
.rare_list ul {
width:100%;
height:60px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}
.rare_list ul:nth-child(odd) {background:#f2f2f2;}
.rare_list ul:nth-child(even) {background:#fff;}
.rare_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.rare_list .info2 {
float:left;
width:80% !important;
padding:20px 5px 5px;
text-align:left;
box-sizing:border-box;
}
.rare_list .price2 {
color:#ee0d5c;
font-weight:900;
font-size:100%;
padding:12px 10px;
text-align:right;
}
.rare_list .price2 span {font-size:165%;}
.rare_list .price2 span.tag {
position:relative;
top:-3px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1;
color:#fff;
background-color:#ee0d5c;
text-align:center;
padding:6px 6px 5px;
margin:0 0 5px 5px;
}

@media (max-width:768px) {
#rare_lists h4.message_title {margin:0 auto 10px;}
#rare_lists p {font-size:85%;}
.rare_header li:first-child {width:60% !important;}
.rare_header li:last-child {width:40%;}
.rare_list {overflow:hidden;}
.rare_list ul {height:100%;}
.rare_list li {
display:block;
float:left;
font-size:80%;
}
.rare_list .info2 {
float:left;
width:65% !important;
padding:5px;
text-align:left;
box-sizing:border-box;
}
.rare_list .price2 {
width:35% !important;
padding:5px;
box-sizing:border-box;
}
.rare_list .price2 span {font-size:120%;}
.rare_list .price2 span.tag {
position:relative;
top:0;
display:inline-block;
font-size:11px;
font-weight:normal;
padding:4px 4px 3px;
margin:0;
}
}

/*ランクテーブル*/
#ranking_lists {width:100%;}
#ranking_lists h4.message_title {
margin:0 auto 15px;;
}
#ranking_lists p {
font-size:73%;
padding:0 5px 5px 0;
text-align:right;
}
.ranking_header {
position:relative;
width:100%;
height:40px;
background-color:#5c5c5c;
border-top-left-radius:7px;
border-top-right-radius:7px;
}
.ranking_header li {
float:left;
color:#fff;
padding:10px 0;
text-align:center;
font-size:14px;
font-weight:700;
box-sizing:border-box;
}
.ranking_header li:first-child,
.ranking_list li:first-child {
width:110px;
}
.ranking_header li:nth-child(2),
.ranking_list li:nth-child(2) {
width:840px;
}
.ranking_header li:last-child,
.ranking_list li:last-child {
width:200px;
}
.ranking_list {
width:100%;
box-sizing:border-box;
}

.ranking_list {overflow:hidden;}
.ranking_list ul {
width:100%;
height:60px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}
.ranking_list ul:nth-child(odd) {background:#f2f2f2;}
.ranking_list ul:nth-child(even) {background:#fff;}
.ranking_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.ranking_list .info {
float:left;
width:7% !important;
padding:20px 5px 5px;
text-align:center;
box-sizing:border-box;
}
.ranking_list .info3 {
float:left;
width:72% !important;
padding:20px 5px 5px;
text-align:left;
box-sizing:border-box;
}
.ranking_list .price2 {
color:#ee0d5c;
font-weight:900;
font-size:100%;
padding:12px 10px 0;
text-align:right;
display:inline;
line-height:1.2;
position:relative;
top:15px;
}
.ranking_list .price2 span {font-size:165%;}
.ranking_list .price2 span.tag {
position:relative;
top:-3px;
display:inline-block;
font-size:13px;
font-weight:700;
line-height:1;
color:#fff;
background-color:#ee0d5c;
text-align:center;
padding:6px 6px 5px;
margin:0 0 5px 5px;
}

.ranking_item {
width:100%;
box-sizing:border-box;
height:60px;
border:1px solid #ccc;
border-top:0;
display:flex;
flex-direction:column;
}

.ranking_item:nth-child(odd) {background:#f2f2f2;}
.ranking_item:nth-child(even) {background:#fff;}
.ranking_item a {
text-decoration:none;
color:inherit;
}

.ranking_item .rank {
font-size:1.2em;
float:left;
width:7% !important;
padding:20px 5px 5px;
text-align:center;
font-weight:900;
}

.ranking_item .title {
float:left;
width:72% !important;
padding:20px 5px 5px;
text-align:left;
}

.ranking_item .price {
color:#ee0d5c;
font-weight:900;
font-size:162%;
padding:15px 10px 0;
text-align:right;
line-height:1.2;
}
.ranking_item .price span{font-size:16px;}

@media (max-width:768px) {
#ranking_lists h4.message_title {margin:0 auto 10px;}
#ranking_lists p {font-size:85%;}
.ranking_header li:first-child,
.ranking_list li:first-child {
width:12%;
}
.ranking_header li:nth-child(2),
.ranking_list li:nth-child(2){
width:53%;
}
.ranking_header li:last-child,
.ranking_list li:last-child {
width:35%;
}
.ranking_list {overflow:hidden;}
.ranking_list ul {height:100%;}
.ranking_list li {
display:block;
float:left;
font-size:80%;

}
.ranking_list .info {
width:12% !important;
padding:5px;
text-align:left;
font-size:70%;
}
.ranking_list .info3 {
width:48% !important;
padding:5px;
}
.ranking_list .price2 {
width:40% !important;
padding:5px;
box-sizing:border-box;
top:5px;
}
.ranking_list .price2 span {font-size:115%;}
.ranking_list .price2 span.tag {
top:0;
font-size:11px;
font-weight:normal;
padding:4px 4px 3px;
margin:0;
}
.ranking_item {height:auto;}
.ranking_item .rank {
font-size:12px;
width:12% !important;
padding:5px;
}

.ranking_item .title {
width:48% !important;
padding:5px;
font-size:12px;
}

.ranking_item .price {
font-size:110%;
padding:5px;
line-height:1.2;
}
.ranking_item .price span{font-size:12px;}
}

.series ul {list-style-type:none;}
.series .accordion {
width:100%;
margin:30px auto 20px;
}

.series .accordion .link {
cursor:pointer;
display:block;
border-bottom:2px solid #333;
padding:8px 16px 8px 36px;
position:relative;
font-size:125%;
line-height:1.6;
margin-bottom:20px;
font-weight:700;
text-align:left;
content:'';
background:url(../images/common/arrow-down.webp) top 50% right 2% no-repeat;
background-color:#ffffff;
}

.series .accordion .link:after {
content:"";
display:block;
position:absolute;
width:20px;
height:50px;
line-height:48px;
font-size:150%;
font-weight:700;
background-color:#ff0009;
color:#fff;
text-align:center;
vertical-align:middle;
font-family:"Oswald";
bottom:0;
left:0;
}

.series .accordion li.open .link {
content:"";
background:url(../images/common/arrow-up.webp) top 50% right 2% no-repeat;
background-color:#ffffff;
}

.series .accordion .link2 {
cursor:pointer;
display:block;
border-bottom:2px solid #333;
padding:8px 16px 8px 36px;
position:relative;
font-size:125%;
line-height:1.6;
margin-bottom:20px;
font-weight:700;
text-align:left;
background-color:#ffffff;
}

.series .accordion .link2:after {
content:"";
display:block;
position:absolute;
width:20px;
height:50px;
line-height:48px;
font-size:150%;
font-weight:700;
background-color:#ff0009;
color:#fff;
text-align:center;
vertical-align:middle;
font-family:"Oswald";
bottom:0;
left:0;
}

.series .accordion li.default .submenu {display:block;}

/*Submenu*/
.series .submenu {display:none;}
.series .submenu li {}
.series .submenu a {
display:block;
text-decoration:none;
-webkit-transition:all 0.25s ease;
-o-transition:all 0.25s ease;
transition:all 0.25s ease;
}

.series .submenu a:hover {
background:#b63b4d;
}

@media (max-width:768px) {
.series .accordion .link {
border-bottom:2px solid #333;
padding:5px 35px 5px 25px;
font-size:14px;
margin-bottom:15px;
font-weight:700;
}
.series .accordion .link:after {
width:15px;
height:100%;
line-height:48px;
font-size:150%;
}

.series .accordion .link2 {
padding:5px 35px 5px 25px;
font-size:14px;
margin-bottom:15px;
}
.series .accordion .link2:after {
width:15px;
height:100%;
}
}

/*安全宣言*/
#safety section{padding:50px 0px 40px 0px;}
#safety .text_safety{
text-align:center;
font-size:28px;
font-weight:700;
}
#safety .text_safety p{
width:15em;
position:relative;
margin:auto;
}
#safety .text_safety p:before,#safety .text_safety p:after{
content:"……";
display:inline-block;
position:absolute;
width:50px;
font-size:20px;
color:#000;
bottom:0px;
}
#safety .text_safety p:before{
left:-50px;
transform:rotate(45deg);
}
#safety .text_safety p:after{
right:-50px;
transform:rotate(-45deg);
}
#safety .three_column{margin-top:20px;}
#safety dd {
margin-top:20px;
text-align:center;
font-size:18px;
}

#safety dd .marker {
font-size:24px;
font-weight:700;
text-align:center;
background:url(/moetaku/tcg/onepiece/_assets/images/common/bg_price.svg) no-repeat top 12px center;
background-size:100% 30px;
}

#safety dd .marker.large{background-size:100% 36px;}
#safety dd .marker.small{background-size:100% 20px;}
#safety dd .normal{margin-top:5px;}
#safety2 section{
padding:20px;
border:1px solid;
margin:-80px auto 80px;
width:900px;
}
#safety2 a{color:#183ec9;}
#safety2 .text_safety2{
text-align:center;
font-size:28px;
font-weight:700;
}
#safety2 .text_safety2 p{
width:25em;
position:relative;
margin:auto;
}
#safety2 .text_safety2 p:before,#safety2 .text_safety2 p:after{
content:"……";
display:inline-block;
position:absolute;
width:50px;
font-size:20px;
color:#000;
bottom:0px;
}
#safety2 .text_safety2 p:before{
left:-50px;
transform:rotate(45deg);
}
#safety2 .text_safety2 p:after{
right:-50px;
transform:rotate(-45deg);
}

#safety2 .safety2 .arrow_text
{line-height:30px;
margin-left:50px;
font-size:20px;
}

@media screen and (max-width:767px) {
#safety .text_safety{font-size:18px;}
#safety .text_safety p{
width:14em;
margin-bottom:5px;
}
#safety .text_safety p:before,#safety .text_safety p:after{bottom:-10px;}

#safety picture {
width:92%;
display:block;
margin:auto;
}
#safety .three_column>*{
float:none;
width:100%;
padding:0 10px;
margin-bottom:40px;
}
#safety .three_column>*:last-child{margin-bottom:0;}

#safety2 section{
padding:10px;
margin:-50px auto 80px;
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;}
#safety2 .safety2 .arrow_text
{line-height:20px;
margin-left:0px;
font-size:14px;
}
}

/*愛情買取*/
#love {background:url(../images/common/bg_love.webp) top center repeat-y;}
#love section{padding:50px 0px ;}
#love h2{
text-align:center;
font-size:70px;
font-weight:700;
padding-top:10px;
}

#love h3{
text-align:center;
font-size:28px;
font-weight:700;
padding-top:30px;
color:#e4007f;
}
#love h3 p{
width:15em;
position:relative;
margin:auto;
}
#love h3 p:before,#love h3 p:after{
content:"……";
display:inline-block;
position:absolute;
width:50px;
font-size:20px;
color:#e4007f;
bottom:0px;
}
#love h3 p:before{
left:-50px;
transform:rotate(45deg);
}
#love h3 p:after{
right:-50px;
transform:rotate(-45deg);
}

#love .catch_copy{
font-family:"Noto Sans";
font-size:150%;
font-weight:700;
margin-bottom:10px;
color:#e4007f;
text-align:center;
}

#love  img{
width:750px;
margin-left:17%;
text-align:center;
}

#love .main img{
width:1000px;
text-align:center;
margin-left:7%;
}

#love .message_title{
position:relative;
margin:0 auto 30px;
width:48%;
padding:6px 12px 8px;
font-weight:700;
font-size:112%;
font-family:"Noto Sans";
color:#000000;
text-align:center;
background-color:#ffe12b;
border:2px solid #000000;
-webkit-border-radius:10px;  -moz-border-radius:10px; border-radius:10px;
}

#love .message_title:after{
position:absolute;
content:"";
color:#fff;
top:80%;
left:48%;
width:15px;
height:15px;
border-top:2px solid #000000;
border-right:2px solid #000000;
-webkit-transform:rotate(-225deg);
transform:rotate(-225deg);
z-index:0;
background:#ffe12b;
}

#love .message_title.black{
color:#000;
border:2px solid #000;
}

#love .message_title.black:after{
border-top:2px solid #000;
border-right:2px solid #000;
}

#love .sub_conductor5 {
position:relative;
width:50%;
height:30px;
text-align:center;
margin:50px auto;
}

#love .sub_conductor5>a.sub_btn {
display:block;
width:100%;
height:50px;
margin:0 auto;
line-height:50px;
font-size:20px;
font-weight:700;
text-decoration:none;
text-align:center;
border-radius:35px;
color:#fff;
background-color:#333;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#love .sub_conductor5>a.sub_btn:hover {opacity:0.7;}
#love .sub_conductor5>a.sub_btn.arrow_right {position:absolute;}
#love .sub_conductor5>a.sub_btn::before {
content:'';
position:absolute;
top:0;
right:20px;
bottom:0;
width:27px;
height:27px;
margin:auto;
background:url(../images/common/circle-arrow-right.svg) top left no-repeat;
background-size:100%;
}

.button_tcg a {
background:#ffffff;
border-radius:5px;
position:relative;
display:flex;
justify-content:space-around;
align-items:center;
margin:30px auto;
max-width:280px;
padding:10px 25px;
color:#000000;
transition:0.3s ease-in-out;
font-weight:700;
border:2px solid;
}
.button_tcg a:hover {
background:#ffe12b;
color:#000000;
border:2px solid;
}
.button_tcg a:after {
content:'';
width:5px;
height:5px;
border-top:3px solid #000000;
border-right:3px solid #000000;
transform:rotate(45deg) translateY(-50%);
position:absolute;
top:50%;
right:20px;
border-radius:1px;
transition:0.3s ease-in-out;
}
.button_tcg a:hover:after {border-color:#000000;}

@media screen and (max-width:767px) {

#love {background-size:100%;}
#love section{padding:20px 0;}
#love h2{font-size:40px;}
#love h3{font-size:18px;}
#love h3 p:before,#love h3 p:after{
content:"……";
display:inline-block;
position:absolute;
width:50px;
font-size:16px;
color:#e4007f;
bottom:0px;
}
#love h3 p:before{
left:-30px;
transform:rotate(45deg);
}
#love h3 p:after{
right:-30px;
transform:rotate(-45deg);
}

#love  img{
width:90%;
margin-left:5%;
}

#love .main img{
width:95%;
text-align:center;
margin-left:2.5%;
}

#love .message_title{width:80%;}
#love .sub_conductor5 {
width:90%;
height:30px;
text-align:center;
margin:30px auto;
}

#love .sub_conductor5>a.sub_btn {
width:100%;
font-size:14px;
}

#love .sub_conductor5>a.sub_btn::before {right:10px;}

}

/*search_area*/
.search_area {text-align:center;}
.search_area .search_keyword {
width:1070px;
margin-top:20px;
padding-top:20px;
}
.search_area .search_keyword{margin:0 auto;}
.search_area .search_keyword li{
display:inline-block;
font-size:18px;
font-weight:700;
margin:0 20px 20px 0;
box-sizing:border-box;
border:2px solid #000;
padding:8px 15px 6px 15px;
-webkit-border-radius:30px;  -moz-border-radius:30px;  border-radius:30px;
cursor:pointer;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;
}

.search_area .search_keyword li:hover{ background-color:#fff799;}
.search_area2 .search_keyword li:hover{
background-color:#ffd4df;
height:80px !important;
}

.search_area3 {text-align:center;}
.search_area3 .search_keyword {
width:1070px;
margin-top:20px;
padding-top:20px;
}
.search_area3 .search_keyword{margin:0 auto;}
.search_area3 .search_keyword li{
display:inline-block;
font-size:18px;
font-weight:700;
margin:0 20px 20px 0;
box-sizing:border-box;
border:2px solid #000;
padding:8px 15px 6px 15px;
-webkit-border-radius:30px;  -moz-border-radius:30px;  border-radius:30px;
cursor:pointer;
-webkit-transition:.3s;
-moz-transition:.3s;
-ms-transition:.3s;
-o-transition:.3s;
transition:.3s;

}
.search_area3 .search_keyword li:hover{ background-color:#fff799;}

.search_head {
font-size:32px;
font-weight:700;
background:#000000;
color:#ffffff;
border-radius:50px;
padding:15px 0 10px;
margin:30px 0;
}

.search_head2 {
font-size:40px;
font-weight:700;
background-image:linear-gradient(90deg, rgba(248, 15, 15, 1), rgba(207, 63, 245, 1));
color:#ffffff;
border-radius:50px;
padding:20px 0 10px;
margin:20px 0;
text-align:center;
}
.search_head3 {
font-size:40px;
font-weight:700;
background-image:linear-gradient(90deg, rgba(0, 0, 0, 1), rgba(255, 0, 0, 1));
color:#ffffff;
border-radius:50px;
padding:20px 0 10px;
margin:20px 0;
text-align:center;
}
.search_head4 {
font-size:40px;
font-weight:700;
background-image:linear-gradient(90deg, rgba(255, 238, 0, 1), rgba(0, 170, 245, 1));
color:#ffffff;
border-radius:50px;
padding:20px 0 10px;
margin:20px 0;
text-align:center;
}

.search_head5 {
font-size:40px;
font-weight:700;
background-image:linear-gradient(90deg, rgba(115, 248, 224, 1), rgba(150, 167, 241, 1));
color:#ffffff;
padding:20px 0 10px;
margin:20px 0;
text-align:center;
}

@media (max-width:768px) {
.search_area .search_keyword{ width:130%; 
margin-left:-25px;
padding-top:0;
}
.search_area .search_keyword li{
font-size:14px;
text-align:left;
margin:0 10px 10px 0;
padding:6px 10px 4px 10px;
}

.search_area3 .search_keyword{ width:100%;margin-left:0;padding-top:0;}
.search_area3 .search_keyword li{
font-size:14px;
text-align:left;
margin:0 10px 10px 0;
padding:6px 10px 4px 10px;
}

.search_head {
font-size:20px;
border-radius:30px;
padding:15px 0 10px;
margin:30px 0;
}

.search_head2 {
font-size:24px;
padding:20px 0 10px;
margin:0 0 20px ;
}
.search_head3 {
font-size:24px;
padding:20px 0 10px;
margin:30px 0  20px;
}
.search_head4 {
font-size:22px;
padding:20px 0 10px;
margin:10px 0  20px;
}
.search_head5 {
font-size:22px;
padding:15px 0 10px;
margin:10px 0  20px;
}
}

.bg_poke {background:#ffdf2b ;}
.camp_cm { 
font-weight:700;
font-size:50px;
z-index:999;
background:url(/moetaku/tcg/pokemon_card/_assets/images/common/bg_cm_06.webp) no-repeat ;
width:1100px;
background-size:100%;
height:520px;
margin:0 auto;
padding-top:30px;
min-width:1000px;
}

.camp_cm span { 
display:inline;
background:linear-gradient(transparent 70%, #333785 90%);
color:#c40000;
font-size:60px;
padding-top:10px;
text-shadow:3px 3px 3px #FFF, -3px -3px 3px #FFF,
-3px 3px 3px #FFF, 3px -3px 3px #FFF,
0px 3px 3px #FFF,  0 -3px 3px #FFF,
-3px 0 3px #FFF, 3px 0 3px #FFF;
}

.camp_cm img { 
width:1100px;
margin-left:-50px;
}
.camp_text{background:#000000;padding:8px;color:#ffffff;width:580px;margin:0 auto;}
ruby {ruby-position:over;}
ruby rt {font-size:24px;}

@media (max-width:768px) {
.camp_cm { 
font-size:24px;
background:url(/moetaku/tcg/pokemon_card/_assets/images/common/img_cm_06_sp.webp) no-repeat ;
width:100%;
background-size:100%;
height:280px;
padding-top:10px;
min-width:100%;
}

.camp_cm span { 
font-size:36px;
padding-top:10px;
}
.camp_cm img { 
width:95%;
margin-left:0px;
}

.camp_text{padding:5px;width:70%;margin:0 auto;}
ruby rt {font-size:16px;}
}

.bg_g3 { background-color:#e5e5e5 !important;
padding:20px;
border-radius:10px;
}

.suii {
width:36%;
float:left;
line-height:28px;
padding:30px 0;
}

.suii_r {
float:right;
width:60%;
margin-top:30px;
}

.suii_r	img{width:650px;}

@media (max-width:768px) {
.suii {
width:100%;
float:bibe;
line-height:24px;
padding:0 0 20px;
}

.suii_r {
float:none;
width:100%;
}

.suii_r	img{width:100%;}
}

.readmore {
position:relative;
margin:0 auto;
padding:0 0 60px;
}

.readmore label {
position:absolute;
display:table;
left:50%;
bottom:0;
margin:0 auto;
width:200px;
padding:10px 0;
color:#fff;
text-align:center;
border-radius:5px;
background-color:#333;
transform:translateX(-50%);
cursor:pointer;
z-index:1;
}

.readmore label::before{content:'もっと見る';}
.readmore input[type="checkbox"]:checked ~ label::before {content:'閉じる';}
.readmore input[type="checkbox"]{display:none;}
.readmore-content {
position:relative;
height:230px;
overflow:hidden;
}

.readmore input[type="checkbox"]:checked ~ .readmore-content {height:auto;}


/*旧裏*/
#oldbackside {
min-width:1170px;
margin-top:150px;
padding:90px 0 40px;
background:#eee;
}

#oldbackside section {padding:0;}
#oldbackside .heading_wrap {
margin-bottom:30px;
position:relative;
z-index:2;
}

#oldbackside .heading_wrap::before {
content:'';
z-index:2;
position:absolute;
top:0;
left:80px;
width:150px;
height:271px;
background:url(../images/common/img_oldbackside.webp) top left no-repeat;
background-size:100%;
transform:rotate(-15deg);
}

#oldbackside .heading_main::before {background-size:50%;}

@media screen and (max-width:767px) {
#oldbackside {
min-width:auto;
margin-top:80px;
padding:50px 0 20px;
}

#oldbackside section {padding:40px 15px 32px;}
#oldbackside .heading_wrap {margin-top:-160px;}
#oldbackside .heading_wrap::before {
top:10px;
left:-30px;
width:75px;
height:161px;
}

#oldbackside .heading_text {
margin-top:5%;
}
_::-webkit-full-page-media, _:future, :root #oldbackside .heading_text {
margin-top:7%;
}
}

/*旧裏テーブル*/
.oldbackside_list {
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0 40px;
}

.oldbackside_list a:hover{opacity:0.6;}
.oldbackside_list ul {
width:100%;
height:60px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}
.oldbackside_list ul:nth-child(odd) {background:#f2f2f2;}
.oldbackside_list ul:nth-child(even) {background:#fff;}
.oldbackside_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.oldbackside_list li img {
width:25px;
padding-left:20px;
padding-top:5px;

}
.oldbackside_list .title {
font-weight:200;
font-size:120%;
padding:15px 30px 10px;
}
.oldbackside_list .title span{font-weight:900;}
.oldbackside_list .top {border-top:1px solid #ccc;}

.oldbackside_title {
margin-top:30px;
background:#000000;
padding:10px 0 5px;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:40px;
border-radius:30px;
}

.oldbackside_title_list {
margin:30px auto 0;
text-align:center;
}
.oldbackside_title_list li{
padding:20px;
background:#ffffff;
border:1px solid #aaaaaa;
width:19.5%;
border-radius:10px;
}

.oldbackside_title_list img {width:200px !important;}
.oldbackside_title_text {
margin-top:20px;
font-weight:700;
font-size:24px;
background:#ec0d0d;
padding:10px 0;
}

.oldbackside_title_list li a{color:#ffffff;}
.oldbackside_title_list li a:hover{opacity:0.6;}

@media (max-width:768px) {
.oldbackside_list {
margin-top:-60px;
padding:0;
}

.oldbackside_list ul {
height:auto;
}

.oldbackside_list li img {
width:35px;
padding:7px 5px 2px;

}
.oldbackside_list .title {
font-weight:900;
font-size:100%;
padding:10px 20px;
}

.oldbackside_title {
font-size:24px;
margin-top:10px;
}
.oldbackside_title_list li{
padding:10px;
width:48%;
}

.oldbackside_title_list img {width:130px !important;}
.oldbackside_title_text {
margin-top:15px;
font-size:18px;
}
}

/*最新弾*/
.new_list {
position:relative;
width:100%;
box-sizing:border-box;
padding:20px 0 40px;
margin-top:20px;
}

.new_list ul {
width:100%;
height:100px;
border:1px solid #ccc;
border-top:0;
box-sizing:border-box;
}
.new_list ul:nth-child(odd) {
background:#f2f2f2;
}
.new_list ul:nth-child(even) {
background:#fff;
}
.new_list li {
display:table-cell;
vertical-align:middle;
padding:0 0 0 10px;
font-size:92%;
box-sizing:border-box;
}
.new_list li img {
width:43px;
padding-left:20px;
padding-top:5px;
}
.new_list .title {
font-weight:200;
font-size:100%;
padding:15px 30px 10px;
}
.new_list .title span{
font-weight:700;
font-size:150%;
display:inline;
background:linear-gradient(transparent 60%, #ffff66 60%);
}

.new_list .top {border-top:1px solid #ccc;}

@media (max-width:768px) {
.new_list {padding:0;}
.new_list ul {
height:auto;
}
.new_list li {
padding:0 0 0 7px;
font-size:100%;
}
.new_list li img {
width:30px;
padding-left:5px;
padding-bottom:5px;
}
.new_list .title {
font-size:90%;
padding:5px 5px 5px 10px;
line-height:1.7;
}
.new_list .title span{font-size:120%;}
}

/*comparison2*/
.comparison2_table {
border:7px solid #cccccc;
width:100%;
margin-top:40px;
}
.comparison2_table th {
position:static;
text-align:center;
vertical-align:middle;
height:105px;
width:250px;
border-bottom:2px solid #ccc;
border-right:1px solid #ccc;
box-sizing:border-box;
padding:3px;
font-weight:700;
font-size:120%;
}
.comparison2_table td {
position:static;
text-align:left;
vertical-align:middle;
height:105px;
border-bottom:2px solid #ccc;
border-right:1px solid #ccc;
box-sizing:border-box;
padding:10px 20px;
}
.comparison2_table tbody tr:last-child > * {border-bottom:0;}
.comparison2_table th:nth-child(1) {border-right:0;}
.comparison2_table td:last-child {border-right:0;}
.comparison2_table tbody th {
color:#fff;
background-color:#ec0d0d;
padding:10px 0;
}

.comparison2_table tbody th img{
width:100px;
padding:5px  0 0;
}
.comparison2_table tbody td {
background-color:#fff;
line-height:1.5;
}

.comparison2_table p {
padding-top:4px;
font-size:92%;
line-height:1.4;
}

@media (max-width:768px) {
.comparison2_table {
border-width:4px;
font-size:92%;
margin:30px auto 0;
}
.comparison2_table th {
height:105px;
width:25%;
padding:0;
}
.comparison2_table tbody th img{
width:80px;
padding:10px 5px 0;
}

.comparison2_table td {
height:105px;
padding:10px 10px;
}
}

/*box説明*/

.box_explanation {
position:relative;
margin-top:100px;
background-color:#97bb34;
}

.box_explanation .heading_wrap {margin:-170px auto 50px;}
.box_explanation_item {
position:relative;
width:100%;
height:auto;
padding:30px 10px 10px;
background:#fff;
border:5px solid #ccc;
border-radius:20px;
box-shadow:0 10px 10px rgba(0, 0, 0, 0.2);
box-sizing:border-box;
}

.box_explanation_title {
position:absolute;
top:-23px;
right:0;
left:0;
display:flex;
justify-content:center;
align-items:center;
width:570px;
height:65px;
margin:auto;
font-size:28px;
font-weight:700;
color:#fff;
background:#333;
border-top-left-radius:10px;
border-bottom-right-radius:10px;
}

.box_explanation_row {
z-index:1;
position:relative;
display:flex;
justify-content:center;
align-items:center;
}

.box_explanation_item+.box_explanation_item {margin-top:100px;}
.box_explanation_item_block2 {
width:800px;
margin-left:30px;
margin-top:10px;
}
.box_explanation_item_block img {width:200px;}
.box_explanation_item_block2+.box_explanation_item_block2 {margin-left:30px;}
.box_explanation_item_block2 p {
padding:25px  0;
font-size:24px;
line-height:1.8;
}

@media screen and (max-width:767px) {
.box_explanation {
margin-top:100px;
background-size:100%;
}

.box_explanation .heading_wrap {margin:-120px auto 30px;}
.box_explanation_title {
width:70%;
height:40px;
font-size:14px;
}

.box_explanation_item {padding:20px;}
.box_explanation_row {flex-direction:column;}
.box_explanation_item_block2 {width:100%;}
.box_explanation_item_block2+.box_explanation_item_block2 {
margin-top:30px;
margin-left:0;
}

.box_explanation_item_block2 p {
padding:0;
font-size:14px;
line-height:1.6;
}

.box_explanation_item_block img {width:150px;}
.box_explanation_item_block2 {
width:100%;
margin-left:0;
}
}

/*トレカINDEX用MV*/
#wrap_index {
position:absolute;
top:149px;
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;
}

#wrap_index {
top:72px !important;
overflow:hidden;
}
}

.mainvis{ position:relative;width:100%; margin-top:-43px;}
.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;}
.icon_up {width:100px;position:absolute;margin-left:190px;margin-top:-30px;z-index:999;}

@media (max-width:768px) {
.mainvis{margin-top:-20px;}
.icon_up {width:60px;margin-left:29%;margin-top:-18px;}
}

/*MVポケカ*/
#main_bg1 {
position:relative;
margin-top:0px;
z-index:0;
width:100%;
min-width:1170px;
background:url(../images/common/main_bg.webp) no-repeat center top;
background-size:cover;
background-position:center;
}

#main_visual1 {
height:440px;
width:100%;
min-width:1170px;
overflow:hidden;
}

#main_visual1 .inner {
position:relative;
display:block;
width:1170px;
text-align:center;
margin:0 auto;
z-index:0;
}

#main_visual1 .headline {
position:relative;
width:calc(100% - 410px);
padding-top:25px;
font-size:40px;
}

#main_visual1 em {
font-size:64px;
line-height:1.2em;
}

#main_visual1 .mv_main {
width:85%;
margin:auto;
}

#main_visual1 .mv_point {
width:400px;
margin:10px auto 0 auto;
z-index:5;
}

#main_visual1 .mv_ob2 {
position:absolute;
bottom:-3.5%;
left:-50px;
width:220px;
z-index:6;
}

#main_visual1 .headline .mv_txt_top{
position:relative;
z-index:2;
font-size:80px;
color:#fff;
font-weight:700;
margin:40px 0;
line-height:1.2em;
letter-spacing:-0.08em;
text-shadow:3px 3px 0px rgba(0, 0, 0, 1);
}
#main_visual1 .headline .mv_txt_top:before{
content:"";
position:absolute;
display:block;
background:url(../images/mv_sec/title_sec_bg.webp) no-repeat center center;
background-size:105% 105%;
width:100%;
height:118%;
top:-13%;
left:0;
right:0;
margin:auto;
z-index:-1;
}

@media (max-width:768px) {
#main_bg1 {
width:auto;
height:auto;
min-width:auto;
margin-top:0;
background:url(../images/common/main_bg_sp.webp) no-repeat center top;
background-size:cover;
}

#main_visual1 {
width:auto;
min-width:auto;
height:520px;
background-size:100%;
padding-bottom:0px;
}

#main_visual1 .inner {width:auto;}
#main_visual1 .headline {
width:100%;
padding:20px 20px 0 20px;
box-sizing:border-box;
font-size:6.25vw;
line-height:1.1;
}

#main_visual1 em {
font-size:9.375vw;
line-height:1.2em;
}

#main_visual1 .mv_point {
width:70%;
margin:5px auto 0 auto;
}

#main_visual1 .mv_ob2 {
z-index:-1;
bottom:-21.5%;
left:-32px;
width:135px;
}

#main_visual1 .headline .mv_txt_top{
font-size:44px;
margin:30px 0;
}
}

/*MVワンピ*/
#main_bg4 {
position:relative;
margin-top:0px;
z-index:0;
width:100%;
min-width:1170px;
background:url(/moetaku/tcg/onepiece/_assets/images/common/main_bg.webp) no-repeat center top;
background-size:cover;
background-position:center;
}

#main_visual4 {
height:440px;
width:100%;
min-width:1170px;
overflow:hidden;
}

#main_visual4 .inner {
position:relative;
display:block;
width:1170px;
text-align:center;
margin:0 auto;
z-index:0;
}

#main_visual4 .headline {
position:relative;
width:calc(100% - 410px);
padding-top:25px;
font-size:40px;
}

#main_visual4 em {
font-size:64px;
line-height:1.2em;
}

#main_visual4 .mv_main {
width:54%;
margin:10px auto 0;
text-align:center;
}

#main_visual4 .mv_point {
position:absolute;
top:300px;
left:120px;
width:500px;
z-index:8;
}

#main_visual4 .mv_ob {
position:absolute;
top:230px;
left:320px;
width:120px;
z-index:6;
}

#main_visual4 .mv_card1 {
position:absolute;
top:170px;
left:-40px;
width:240px;
z-index:5;
transform:rotate(-10deg);
}
#main_visual4 .mv_card2 {
position:absolute;
top:170px;
left:560px;
width:240px;
z-index:5;
transform:rotate(10deg);
}

@media (max-width:768px) {
#main_bg4 {
width:auto;
height:auto;
min-width:auto;
margin-top:0;
background:url(/moetaku/tcg/onepiece/_assets/images/common/main_bg_sp.webp) no-repeat center top;
background-size:cover;
}

#main_visual4 .headline img {width:100%;}
#main_visual4 {
width:auto;
min-width:auto;
height:520px;
background-size:100%;
padding-bottom:0px;
}

#main_visual4 .inner {width:auto;}
#main_visual4 .mv_main{
width:88%;
margin:0px auto;
}

#main_visual4 .headline {
width:100%;
padding:20px 20px 0 20px;
box-sizing:border-box;
font-size:6.25vw;
line-height:1.1;
}

#main_visual4 em {
font-size:9.375vw;
line-height:1.2em;
}

#main_visual4 .mv_card1 {
position:absolute;
top:190px;
left:-40px;
width:130px;
z-index:5;
transform:rotate(0deg);
}
#main_visual4 .mv_card2 {
position:absolute;
top:190px;
left:300px;
width:130px;
z-index:5;
transform:rotate(0deg);
}

#main_visual4 .mv_point {
width:70%;
position:absolute;
top:210px;
left:0;
right:0;
margin:0 auto;
}

#main_visual4 .mv_ob {
z-index:-1;
top:104%;
left:0px;
right:0px;
margin:auto;
width:90px;
}
}

/*トップ検索枠 ワンピ*/
#top_search4 {
z-index:30;
position:absolute;
top:80px;
right:68px;
width:400px;
height:260px;
background:#fff;
border:6px solid #aa2d22;
border-radius:15px;
box-shadow:0px 5px 6px #00000025;
}

#top_search4 .app_box {
box-sizing:border-box;
margin:0 0 0 10px;
padding:50px 0px 40px 0px;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

#top_search4 .app_box h3 {
z-index:1;
position:absolute;
top:-19px;
right:0;
left:0;
margin:auto;
}
#top_search4 .app_box h3 img{
width:280px;
height:auto;
}

#top_search4 .app_box .application {
width:84%;
margin:auto;
}

#top_search4 .app_box .application>.app_btn {
padding-right:0;
left:52%;
background:none;
}
#top_search4 .app_box .application>.app_btn img{width:100%;}
#top_search4 .top_serchbox {
display:flex;
justify-content:center;
text-align:center;
margin-top:30px;
margin-bottom:25px;
position:relative;
width:350px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search4 .top_serchbox {
width:86%;
min-height:48px;
}

#top_search4 .top_serchbox form {
position:relative;
display:flex;
justify-content:center;
border:2px solid #cccccc;
overflow:hidden;
}

#top_search4 .top_serchbox input {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#f2f2f2;
box-shadow:14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
border:none;
width:260px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search4 .top_serchbox input {width:100%;}

@-moz-document url-prefix() {

/*ff huck*/
#top_search4 .top_serchbox form {
display:inline-flex;
justify-content:center;
width:100%;
}

#top_search4 .top_serchbox input {width:175px;}
#top_search4 .top_serchbox button {width:calc(75% - 60px);}
}

@media all and (-ms-high-contrast:none) {

/*IE11*/
*::-ms-backdrop,
#top_search4 .top_serchbox input {width:calc(75% - 60px);}

*::-ms-backdrop,
#top_search4 .top_serchbox button {width:calc(75% - 60px);}
}

@media all and (-ms-high-contrast:none) {
#top_search4 .top_serchbox {
width:100%;
}
#top_search4 .top_serchbox input {width:calc(75% - 60px);}
}
#top_search4 .top_serchbox button {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background:rgb(92,99,103,1);
background:linear-gradient(45deg, rgba(145,143,141,1) 0%, rgba(92,99,103,1) 100%);
color:#fff;
border:none;
width:60px;
cursor:pointer;
box-shadow:-5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
}

#top_search4 .top_serchbox button:hover {opacity:0.6;}
#top_search4 .application {height:45px;}

@media (max-width:768px) {

#top_search4 {
left:0;
right:0;
top:120px;
width:88%;
margin:24px auto 0;
padding:0 0px 2px;
position:relative;
height:180px;
}

#top_search4 .app_box h3 img{width:70%;}
#top_search4 .top_serchbox{
width:90%;
margin-top:44px;
margin-bottom:10px;
}
#top_search4 .top_serchbox input {padding:2px 10px!important;}
#top_search4 .app_box {padding:8px 0 8px;}
#top_search4 .app_box .application{margin:;}
#top_search4 .app_box .application>.app_btn {
width:100%;
line-height:2em;
}
#top_search4 .app_box .application>.app_btn img{width:70%;}
}

@media (max-width:320px) {
#top_search4 {
margin:10px auto 0;
height:178px;
}
}

/*MV遊戯王*/
#main_bg3 {
position:relative;
margin-top:0px;
z-index:0;
width:100%;
min-width:1170px;
background:url(/moetaku/tcg/yugioh/_assets/images/common/main_bg.webp) no-repeat center top;
background-size:cover;
background-position:center;
}

#main_visual3 {
height:440px;
width:100%;
min-width:1170px;
overflow:hidden;
}

#main_visual3 .inner {
position:relative;
display:block;
width:1170px;
text-align:center;
margin:0 auto;
z-index:0;
}

#main_visual3 .headline {
position:relative;
width:calc(100% - 410px);
padding-top:25px;
font-size:40px;
}

#main_visual3 .mv_main {
width:54%;
margin:0px auto 0;
text-align:center;
}

#main_visual3 .mv_jpone {
position:absolute;
top:0px;
left:0px;
width:100px;
z-index:8;
}

#main_visual3 .mv_point {
position:absolute;
top:340px;
left:130px;
width:500px;
z-index:8;
}
#main_visual3 .mv_point img{width:64%;}
#main_visual3 .mv_ob {
position:absolute;
top:283px;
left:320px;
width:120px;
z-index:6;
}

#main_visual3 .mv_card1 {
position:absolute;
top:170px;
left:-40px;
width:240px;
z-index:-1;
transform:rotate(-10deg);
}
#main_visual3 .mv_card2 {
position:absolute;
top:170px;
left:560px;
width:240px;
z-index:-1;
transform:rotate(10deg);
}

@media (max-width:768px) {
#main_bg3 {
width:auto;
height:auto;
min-width:auto;
margin-top:0;
background:url(/moetaku/tcg/yugioh/_assets/images/common/main_bg_sp.webp) no-repeat center top;
background-size:cover;
}

#main_visual3 .headline img {width:80%;}
#main_visual3 {
width:auto;
min-width:auto;
height:520px;
background-size:100%;
padding-bottom:0px;
}

#main_visual3 .inner {
width:auto;
padding-top:30px;
}

#main_visual3 .mv_main{width:82%;}
#main_visual3 .mv_point {
position:absolute;
top:50vw;
left:0px;
width:100%;
z-index:8;
}
#main_visual3 .mv_point img{
width:72%;
}

#main_visual3 .headline {
width:100%;
padding:10px 20px 0 20px;
box-sizing:border-box;
font-size:6.25vw;
line-height:1.1;
}

#main_visual3 em {
font-size:9.375vw;
line-height:1.2em;
}

#main_visual3 .mv_ob {
z-index:-1;
top:104%;
left:0px;
right:0px;
margin:auto;
width:100px;
}
}

@media (max-width:320px) {
#main_visual3 {height:520px;}
}

/*トップ検索枠 遊戯王*/
#top_search3 {
z-index:30;
position:absolute;
top:80px;
right:68px;
width:400px;
height:280px;
background:#fff;
border-radius:15px 0 15px 0;
box-shadow:0px 5px 6px #00000025;
}

#top_search3 .app_box {
box-sizing:border-box;
margin:0 0 0 10px;
padding:30px 0px 40px 0px;
height:100%;
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}

#top_search3 .app_box h3 {
z-index:1;
position:relative;
right:0;
left:0;
margin:auto;
color:#ab181e;
font-size:140%;
font-weight:700;
}
#top_search3 .app_box h3:before,
#top_search3 .app_box h3:after{
position:absolute;
display:block;
font-size:0.8em;
font-weight:300;
width:0.8em;
height:0.8em;
top:0.5em;
}
#top_search3 .app_box h3:before{
content:"＼";
left:-1.5em;
}
#top_search3 .app_box h3:after{
content:"／";
right:-1.5em;
}

#top_search3 .app_box .application {
width:84%;
margin:auto;
}

#top_search3 .app_box .application>.app_btn {
padding-right:0;
left:52%;
background:none;
}
#top_search3 .app_box .application>.app_btn img{width:100%;}
#top_search3 .top_serchbox {
display:flex;
justify-content:center;
text-align:center;
margin-top:30px;
margin-bottom:25px;
position:relative;
width:350px;
}

_::-webkit-full-page-media,_:future,:root #top_search3 .top_serchbox {
width:86%;
min-height:48px;
}

#top_search3 .top_serchbox form {
position:relative;
display:flex;
justify-content:center;
border:2px solid #cccccc;
overflow:hidden;
}

#top_search3 .top_serchbox input {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background-color:#f2f2f2;
box-shadow:14px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
border:none;
width:260px;
}

_::-webkit-full-page-media,
_:future,
:root #top_search3 .top_serchbox input {width:100%;}

@-moz-document url-prefix() {

/*ff huck*/
#top_search3 .top_serchbox form {
display:inline-flex;
justify-content:center;
width:100%;
}

#top_search3 .top_serchbox input {width:175px;}
#top_search3 .top_serchbox button {width:calc(75% - 60px);}
}

@media all and (-ms-high-contrast:none) {

/*IE11*/
*::-ms-backdrop,
#top_search3 .top_serchbox input {width:calc(75% - 60px);}
*::-ms-backdrop,
#top_search3 .top_serchbox button {width:calc(75% - 60px);}
}

@media all and (-ms-high-contrast:none) {
#top_search3 .top_serchbox {
width:100%;
}

#top_search3 .top_serchbox input {width:calc(75% - 60px);}
}

#top_search3 .top_serchbox button {
padding:16px 10px;
border:none;
border-radius:0;
outline:none;
font-size:14px;
background:rgb(92,99,103,1);
background:linear-gradient(45deg, rgba(145,143,141,1) 0%, rgba(92,99,103,1) 100%);
color:#fff;
border:none;
width:60px;
cursor:pointer;
box-shadow:-5px 12px 11px -7px rgba(0, 0, 0, 0.1) inset;
}

#top_search3 .top_serchbox button:hover {opacity:0.6;}
#top_search3 .application {height:45px;}

@media (max-width:768px) {
#top_search3 {
left:0;
right:0;
top:25vw;
width:88%;
margin:24px auto 0;
padding:0 0px 2px;
position:relative;
height:180px;
} 

#top_search3 .app_box h3{font-size:120%;}
#top_search3 .app_box h3 img{ width:70%;}
#top_search3 .top_serchbox{
width:90%;
margin-top:10px;
margin-bottom:10px;
}
#top_search3 .top_serchbox input {padding:2px 10px!important;}
#top_search3 .app_box {padding:16px 0 8px;}
#top_search3 .app_box .application{width:100%;}

#top_search3 .app_box .application>.app_btn {
width:100%;
line-height:2em;
}
#top_search3 .app_box .application>.app_btn img{ width:70%;}
}

/*ヘッダー 申込ボタン*/
#header .application2 {
position:absolute;
right:0;
height:36px;
margin:0px;
top:0;
}

#header .application2>.app_btn {
position:absolute;
right:0;
width:254px;
height:48px;
font-size:16px;
padding-right:0;
border-radius:0px;
background:none;
background-size:100%;
display:flex;
align-items:center;
justify-content:center;
}

#header .application2>.app_btn::before,
#header .application2>.app_btn::after {
content:none;
}

@media all and (-ms-high-contrast:none) {
#header .application2 {display:block;}
#header .application2>.app_btn:before {top:-1px;}
}

#header .second_row2 {
height:38px;
margin-top:60px;
}

#header .second_row2>ul {
display:flex;
align-items:stretch;
transform:skewX(-15deg);
}

#header .second_row2>ul>li.nav_head {
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:0px;
font-weight:700;
font-size:14px;
height:35px;
}

#header .second_row2>ul>li.nav_head::before {
content:'';
position:absolute;
top:0;
right:-11px;
width:0;
height:0;
border-style:solid;
border-width:18.5px 0 17.5px 12px;
border-color:transparent transparent transparent #ff0000;
}

#header .second_row2>ul>li.nav_head>p {
transform:skewX(15deg);}

#header .second_row2>ul>li:not(.nav_head) {
width:calc((100% - 10px) / 4);
height:100%;
}

#header .second_row2>ul.-min_nav>li:not(.nav_head) {
width:calc((100% - 10px) / 4);}

#header .second_row2>ul>li.nav_head {
position:relative;
color:#fff;
background:#ff0000;
}

#header .second_row2>ul>li:last-child {margin-right:0;}
#header .second_row2>ul>li>a {
display:block;
text-align:center;
border-top:3px solid transparent;
border-right:1px solid #000;
height:35px;}

#header .second_row2>ul>li>a.-latest {
color:#fff;
background:#363636;
border-top:3px solid #ff0000;
border-right:1px solid #fff;
}

#header .second_row2 .nav_txt {
display:flex;
line-height:2;
font-size:16px;
box-sizing:border-box;
font-weight:700;
align-items:center;
justify-content:center;
transform:skewX(15deg);
height:32px;
}

@media (max-width:768px) {

#header .second_row2 {display:none;}

.sp_gnav2 {
position:absolute;
width:100%;
top:40px;
background:#fff;
overflow:hidden;
}

.sp_gnav2>ul {
display:flex;
align-items:stretch;
flex-wrap:wrap;
border-top:2px solid #ff0000;
transform:skewX(-10deg);
background:#fff;
}

.sp_gnav2>ul>li {
width:calc(100% / 4);
font-size:10px;
text-align:center;
}

.sp_gnav2>ul>li.nav_head {
position:relative;
display:flex;
justify-content:center;
align-items:center;
width:0px;
background:#ff0000;
color:#fff;
line-height:1;
}

.sp_gnav2>ul>li:first-child {width:40px;}
.sp_gnav2>ul>li:last-child {margin-right:0;}
.sp_gnav2>ul>li>a {
display:block;
white-space:nowrap;
padding:9px 5px;
color:#000;
background:#fff;
border-right:1px solid #2d2d2d;
font-weight:700;
line-height:1.2;
}

.sp_gnav2>ul:not(.-min_nav)>li.-latest {width:calc((100% - 0px) / 4);}

.sp_gnav2>ul>li.-latest>a {
display:block;
white-space:nowrap;
padding:9px 10px;
color:#fff;
background:#2d2d2d;
font-weight:700;
line-height:1.2;
border-right:1px solid #fff;
}

.sp_gnav2>ul>li:last-child>a {border-right:0;}

}

/*買取実績*/
.achievenebts_main {width:1050px;margin-left:-130px;}
.achievenebts {
width:43%;
background:#ffffff;
border-radius:10px;
box-shadow:5px 5px 5px;
margin:10px auto;
padding:15px;
margin-right:40px !important;
}
.achievenebts img {width:auto;height:200px;margin:0 auto 20px;}
.achievenebts p {font-size:14px;}
.achievenebts p span {
font-size:12px;
background:#d2d2d2;
padding:2px 5px;
margin-right:10px;
}

.achievenebts dt {
font-size:16px;
margin:10px 0;
font-weight:700;
}
.achievenebts dd {
font-size:16px;
margin-top:20px;
color:#de0011;
font-weight:700;
text-align:center;
}
.achievenebts dd span {
font-size:40px;
content:'';
width:100%;
height:50px;
bottom:-20;
left:0px;
background-image:url(../images/common/line_price2.webp);
background-repeat:no-repeat;
z-index:-1;
font-family:Oswald;
}

@media (max-width:768px) {

.achievenebts_main {width:100%;margin-left:3%;}
.achievenebts {
width:45%;
margin:10px auto 50px;
padding:10px;
margin-right:3% !important;
}
.achievenebts img {width:auto;height:120px;margin:0 auto 10px;}
.achievenebts p {
font-size:12px;
line-height:20px;
}

.achievenebts p span {
font-size:10px;
}

.achievenebts dt {font-size:12px;}
.achievenebts dd {
font-size:14px;
margin-top:0px;
}

.achievenebts dd span {
font-size:30px;
content:'';
width:200px !important;
height:100% !important;
bottom:0;
}
}

/* もっと見る */
.w1070	{width:1070px;margin:0 auto;}
.cp_box *, .cp_box *:before, .cp_box *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_box {
	position: relative;
	z-index: 20;
	margin: 30px auto;

}
.cp_box label {
	position: absolute;
	z-index: 1;
	bottom: 0;
	width: 100%;
	height: 200px; /* グラデーションの高さ */
	cursor: pointer;
	text-align: center;
	/* 以下グラデーションは背景を自身のサイトに合わせて設定してください */
	background: linear-gradient(to bottom, rgba(242, 242, 242, 0) 0%, rgba(242, 242, 242, 0.95) 90%);
}
.cp_box input:checked + label {
	background: inherit; /* 開いた時にグラデーションを消す */
}
.cp_box label:after {
	line-height: 2.5rem;
	position: absolute;
	z-index: 2;
	bottom: -20px;
	left: 50%;
	width: 16rem;
	font-family: FontAwesome;
	content: '\f13a'' PSA10買取実績をもっと見る';
	transform: translate(-50%, 0);
	letter-spacing: 0.05em;
	color: #ffffff;
	border-radius: 20px;
	background-color: #de0011;
	font-weight:bold;
font-size:16px;
}
.cp_box input {
	display: none;
}
.cp_box .cp_container {
	overflow: hidden;
	height: 1400px; /* 開く前に見えている部分の高さ */
	transition: all 1s;
}
.cp_box input:checked + label {
	/* display: none ; 閉じるボタンを消す場合解放 */
}
.cp_box input:checked + label:after {
	font-family: FontAwesome;
	content: '\f139''　閉じる';
}
.cp_box input:checked ~ .cp_container {
	height: auto;
	padding-bottom: 80px; /* 閉じるボタンのbottomからの位置 */
	transition: all 1s;
}


/* 初期で16件は表示 */
.visible_list {
  margin-bottom: 1em;
}

/* アコーディオン部分：閉じてるときは隠す */
.cp_container {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease;
}

/* ボタンチェック時に開く */
.cp_box input[type="checkbox"]:checked ~ .cp_container {
  max-height: 1000px; /* 必要に応じて調整 */
}

/* inputは非表示 */
.cp_box input[type="checkbox"] {
  display: none;
}

/* ボタン装飾 */
.toggle_btn {
  display: inline-block;
  background: #e60033;
  color: #fff;
  padding: 8px 16px;
  border-radius: 4px;
  cursor: pointer;
}

.illust_title	{
margin-top:30px;
background:#de0011;
padding:10px;text-align:center;
color:#ffffff;
font-weight:bold;
font-size:30px;
}

.illust_list {
margin:30px auto 0;
text-align:center;

}
.illust_list li{
background:#ffffff;
padding:15px;

}

.illust_list img {
width:200px !important;

}

.illust_text {
margin-top:10px;
text-align:left;
}
.illust_text2 {
margin-top:3px;
text-align:right;
color:#de0011;
font-weight:700;
background: linear-gradient(transparent 60%, #ffff00 30%);
}
.illust_text2 span {
font-size:36px;
}

.line_red	{border-bottom:8px solid #e91f2e;}
.psa img	{width:780px;}


@media (max-width: 768px) {
.lh28	{line-height:24px;}
.w1070	{width:100%;margin:0 auto;margin-top:-30px !important;}

.illust_title	{
font-size:18px;
}

.illust_list li{
background:#ffffff;
padding:5px 3px;

}

.illust_list img {
width:60px !important;

}

.illust_text {
font-size:10px;
margin-top:5px;
}
.illust_text2 {
font-size:10px;
margin-top:0;
}
.illust_text2 span {
font-size:14px;
}



.cp_box label {
	height: 110px; /* グラデーションの高さ */
}

.cp_box .cp_container {
	overflow: hidden;
	height: 650px; /* 開く前に見えている部分の高さ */
	transition: all 1s;
}
.psa img	{width:100%;}

}

