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

/*index2.htmlのcss*/

.mat0 {
margin-top: 0 !important;
}
.mat3 {
margin-top: 3px !important;
}
.mat10 {
margin-top: 10px !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;
}
.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;
}
.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;
}
.par10 {
padding-right: 10px !important;
}

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

.mal40	{
margin-left: 40px !important;

}
.mat130	{margin-top:130px !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: bold;
}
/* color */
.f_pink {
color: #EA0656 !important;
}
.bg_grey {
background-color: #f2f2f2 !important;
}
.f_red {
color: #A30000 !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;
}

.bg_pattern      { background: url("/moetaku/_assets/images/common/pattern_bg.jpg");border-radius:10px;}
.bg_pattern_pink { background: url("/moetaku/_assets/images/common/pattern_bg_pink.jpg");}
.bgpink	{	background: #fff2f2;}
.bdy	{border-top:2px dotted #ffe5af;padding-bottom:10px;}

.pc {
display: block;
}
.sp {
display: none;
}

.ps10_img  {
margin:130px auto 0;
text-align:center;}

.ps10_img img {width:950px !important;
margin-left:-40px !important;

}

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

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

.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;
}
.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;
}
.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;
margin-left:0px !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: relative;
top: min(calc(82/ 768 * 100vw), 82px);
overflow: hidden;
}
}
/* 3カラム*/
.three_column:after {
display: table;
clear: both;
content: "";
}
.three_column>* {
float: left;
width: 370px;
margin-right: 20px;
}
.three_column>*:nth-child(3n) {
margin-right: 0;
}
/* 4カラム*/
.four_column:after {
display: table;
clear: both;
content: "";
}
.four_column {
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;
}
/* 5カラム*/
.five_column:after {
display: table;
clear: both;
content: "";
}
.five_column>* {
float: left;
width: 218px;
margin-right: 20px;
}
.five_column>*:nth-child(5n) {
margin-right: 0;
}
@media (max-width: 768px) {
.two_column>*,
.four_column>*,
.five_column>* {
float: left;
width: 48%;
margin-right: 10px;
}
.three_column>* {
float: left;
width: 31.5%;
margin-right: 10px;
text-align:center !important;
font-weight:700;

}
.four_column>*:nth-child(2n),
.five_column>*:nth-child(2n) {
margin-right: 0;
}
.three_column>*:nth-child(3n)
 {
margin-right: 0;
}
}
/* 白背景 グレーボーダー */
.column_grey>li {
margin-bottom: 20px;
background-color: #fff;
border: 3px solid #ccc;
border-radius: 10px;
/* CSS3草案 */
-webkit-border-radius: 10px;
/* Safari,Google Chrome用 */
-moz-border-radius: 10px;
/* Firefox用 */
box-sizing: border-box;
}
@media (max-width: 768px) {
.column_grey>li {
margin-bottom: 10px;
background-color: #fff;
border: 3px solid #ccc;
box-sizing: border-box;
}
}
#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: bold;
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;
margin: 0 auto;
}
.application>a.app_btn {
line-height: 2.9;
}
.application>.app_btn {
display: block;
width: 100%;
height: 50px;
font-size: 125%;
}
.app_btn.arrow_right:before {
position: absolute;
top: -4px;
right: 15px;
}
.app_btn.arrow_right.echo .inner_btn: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: bold;
text-decoration: none;
text-align: center;
border-radius: 35px;
color: #fff;
background-color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
.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: bold;
text-decoration: none;
text-align: center;
border-radius: 35px;
color: #fff;
background-color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
.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: bold;
text-decoration: none;
text-align: center;
border-radius: 35px;
color: #fff;
background-color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
.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%;
}

/* サブボタン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: bold;
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;
}

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

/*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: bold;
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: bold;
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 {
position: relative;
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;
/*中階層ができた場合
right: 41px;*/
width: 40px;
}
.sp_gnav {
display: none;
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: bold;
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: bold;
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;
}
}
/*メインビジュアル*/
#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_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(100% - 410px);
padding-top: 25px;
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%;
}


@media (max-width: 768px) {
#main_bg {
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_visual .headline img {
width: 100%;
}
#figure #main_bg {
background: none;
}

#main_visual {
width: auto;
min-width: auto;
height: 520px;
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;
}
}

@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 h2 {
z-index: 1;
position: absolute;
top: -20px;
right: 0;
left: 0;
color: #fff;
font-size: 20px;
font-weight: bold;
margin: auto;
padding: 0;
line-height: 1.6;
}
#top_search .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_search .app_box h2 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: bold;
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 h2 {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
font-weight: 700;
font-size: 120%;
margin: 0 0 5px !important;
}
#top_search .app_box h2::before {
height: 47px;
background: url(../images/common/bg_box_title.webp) top center no-repeat;
background-size: 90%;
}
#top_search .app_box h2 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;
}
}
.ipad #top_search .top_serchbox,
.ipad #top_search .top_serchbox input,
.ipad #top_search .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;
}
}

/*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: 52px;
}


@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: min(calc(280/ 738 * 100vw), 280px);
height: 45px;
}
.h_text h1 {
margin-left: 110px;
}
}

/* 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: bold;
text-align: center;
}
.conversion .strong_txt {
z-index: 3;
position: relative;
color: #ec0d0d;
font-weight: bold;
}
.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: bold;
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;
}
}

.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: bold;
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: bold;
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: bold;
}
.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: bold;
}
.features .three_column dl dd {
font-size: 34px;
font-weight: bold;
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: bold;
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: bold;
}
.campaign_caption ul li {
padding-left: 34px;
position: relative;
color: #000;
}
.campaign_caption ul li:first-child {
color: #f00;
font-weight: bold;
}
.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: 35px !important;
}
}
.purchase {
position: relative;
min-width: 1170px;
margin-top: 0px;
}
.purchase.-bg-photo {
position: relative;
/* background: url(../images/common/bg_wanted2.webp) top center no-repeat;*/
 background: url(../images/common/bg_wanted3.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/card_purcharse.webp) 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;
}
.purchase_list_more {
display: block !important; 
width: 100%;
margin: min(calc(24/768 * 100vw), 24px) 0 auto;
text-align: center;
}
.purchase_list_more a {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-size: min(calc(18/768 * 100vw), 18px);
color: #707070;
padding: 0 min(calc(18/768 * 100vw), 18px) min(calc(5/768 * 100vw), 5px) min(calc(5/768 * 100vw), 5px);
border-bottom: none;
letter-spacing: 0.05em;
}
.purchase_list_more a::after {
content: "";
position: absolute;
right: -6px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-width: 4px 0 4px 7px;
border-style: solid;
padding-right: min(calc(5/768 * 100vw), 5px);
border-color: transparent transparent transparent #707070;
}
.purchase_list_more a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 106%;
height: 1px;
background-color: #707070;
}
.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 h2 {
position: relative;
color: #ec0d0d;
font-size: 28px;
font-weight: bold;
}
/*
.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_list2.webp) top left no-repeat;
background-size: cover;
background: rgba(255, 255, 255, 0.5);
}
.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 {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
}
.purchase_list.-wanted .purchase_prise p,
.purchase_list.-wanted .purchase_prise2 {
color: #a30505;
}
.purchase_list .purchase_prise em {
font-size: 14px;
}
.purchase_list .purchase_prise p {
width: 100%;
text-align: right;
}
.purchase_list.-list_5col .purchase_prise p {
font-size: 18px;
}
.purchase_list .purchase_prise p span {
font-size: 40px;
}
.purchase_list.-list_5col .purchase_prise p span {
font-size: 38px;
}

.purchase_list .purchase_prise2 {
justify-content: flex-start;
align-items: flex-start;
flex-direction: column;
color: #ec0d0d;
width: 100%;
text-align: right;
font-size: 14px;
font-weight: bold;

}
.purchase_list .purchase_prise2 span {
font-size: 40px;
}
.purchase_list.-list_5col .purchase_prise2 span {
font-size: 38px;
}

.purchase_list dt {
  margin: 0px 0px 10px;
  font-weight: 700;
  color: #000;
  font-size: 14px;
}

.purchase_head	{
background:#ed0000;
padding:15px 0 10px;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:32px;
margin:20px 0 15px;
}



@media (max-width: 768px) {
.purchase_list {
display: block;
}
.purchase {
min-width: auto;
margin-top: 75px;
margin-top: 0;
}
.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: 62px;
right: -65px;
width: 125px;
height: 171px;
content: none;
}


.pokeca_ballon {
width: 80%;
}
.pokeca_ballon h2 {
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: min(calc(230/768 * 100vw), 320px);
margin: 5px;
padding: 10px;
}
.purchase_list.-radius_card>li {
border-bottom-right-radius: 15px;
}

.purchase_list dt {
margin: 0px 0px 5px;
line-height: 1.2;
word-wrap: break-word;
font-size: 12px;
}

}


.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 li img	{
  max-width: 100%;
  width: auto;
  height: auto;
  padding:0 0 10px;
  }

.purchase .four_column dl {
position: relative;
width: 100%;
padding: 20px 20px 32px;
box-sizing: border-box;
background: #fff;
}

.purchase_prise2::before {
position: absolute;
content: '';
width: 100%;
height: 34px;
top: 20px;
left: 0px;
background-image: url(../images/common/line_price.webp);
background-repeat: no-repeat;
z-index: -1;
}

.purchase_data {
margin: 0px 0px 10px;
font-size: 75%;
color: #000;
}
.purchase_prise {
font-weight: 700;
color: #ec0d0d;
display: flex;
align-items: flex-end;
justify-content: end;
font-weight: bold;
font-size: 14px;
position: relative;
z-index: 3;
padding-right: 10px;
font-weight: bold;
}
.purchase_prise2 {
align-items: flex-end;
justify-content: end;
position: relative;
z-index: 3;
}

.purchase_prise2 span {
font-size: 38px;
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 li img	{
padding:0 0 7px;
}
.purchase .purchase_data {
margin: 0px 0px 3px;
font-size: 10px;
}
.purchase .purchase_prise {
justify-content: space-between;
font-size: 14px;
font-weight: 700;
text-align: center;
}
.purchase_prise span {
width: 68%;
font-size: 36px;
}
.purchase_prise2 span {
font-size: 24px;
}
.purchase_prise2  {
white-space: nowrap
}



.purchase_prise {
padding-right: 2px;
}
.purchase_list .purchase_prise p {
padding: 0;
}
.purchase_list .purchase_prise p,
.purchase_list.-list_5col .purchase_prise p,
.purchase_list .purchase_prise em {
font-size: 14px;
}
.purchase_list .purchase_prise2 span {
font-size: 24px;
}
.purchase_list.-list_5col .purchase_prise2 span {
font-size: 20px;
}
.purchase_prise::before {
height: 20px;
bottom: -4px;
background-image: url(../images/common/line_price.webp);
background-size: 100%;
left: 0px;
}


.purchase_prise2::before {
height: 34px;
top: 0px;
}



.purchase_list.-wanted .purchase_prise::before {
background-image: url(../images/common/line_price.webp);
}
.four_column>*:nth-child(n + 3) {
margin-top: 14px;
}

.purchase_head	{
background:#ed0000;
padding:8px 0 6px;
text-align:center;
color:#ffffff;
font-weight:700;
font-size:20px;
margin:20px 0;
}

}
@media (max-width: 332px) {
.purchase_list .purchase_prise p span {
font-size: 17px;
}
}
.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) / 3);
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;
}
.pab50 {
padding-bottom: 10px !important;
}
#kaitori section {
padding: 10px 15px 0;
}
#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: bold;
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%;
}

@media (max-width: 768px) {
.faq {
margin-top: 140px;
margin-top: 50px;
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%;
}
}

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


.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: bold;
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;
}
.mmat100 {
margin-top: -100px !important;
}
@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;
height: auto;
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: bold;
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;
}
.third_genre2_slide .slick-slide {
display: flex !important;
align-items: center !important;
justify-content: center;
height: auto !important;
/* 高さを自動調整 */
}
.third_genre2_slide section {
padding: 0;
margin: 0 min(calc(20/768 * 100vw), 20px);
}
}
/*シリーズ別*/
.series {
margin-top: 100px;
padding-bottom: 20px;
}
.series dl {
margin-bottom: 40px;
}
.series dt {
display: block;
border-bottom: 2px solid #333;
padding: 8px 16px 8px 36px;
position: relative;
color: #000;
font-size: 125%;
line-height: 1.6;
margin-bottom: 40px;
font-weight: bold;
background-color: #ffffff;
}
.series dt:after {
content: "";
display: block;
position: absolute;
width: 20px;
height: 50px;
line-height: 48px;
font-size: 150%;
font-weight: bold;
background-color: #ff0009;
color: #fff;
text-align: center;
vertical-align: middle;
font-family: "Oswald";
font-weight: 700;
bottom: 0;
left: 0;
}
.series dd {
display: block;
padding: 0;
margin-left: 0px;
padding-left: 10px;
position: relative;
padding-bottom: 20px;
}
.series li {
font-weight: 700;
text-align: center;
margin-top: 20px;
}
.series li img {
width: 65px;
padding-right: 15px;
padding-left: 7px;
padding-top: 8px;
transform: rotate(15deg);
}
.series .design {
background: #ffffff;
padding: 10px;
height: 110px;
font-size: 16px !important;
line-height: 30px;
}
.series dt span {
display: block;
cursor: pointer;
}
.series dt span.i_plus {
position: static;
}
.series dt span.i_plus::before {
content: '';
background: url(../images/common/arrow-down.svg) top center no-repeat;
margin-top: 10px;
}
.series dt.js-active span.i_plus:before {
content: "";
background: url(../images/common/arrow-up.svg) top center no-repeat;
font-size: 100%;
top: 0;
margin-top: 15px;
}
.series dd .f_pink {
font-size: 19px;
font-weight: bold;
}
.series .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: bold;
}
.series .w25 {
width: 25%;
}
.series .text {
text-align: center;
margin-top: 15px;
margin-left: 10px;
width: 70%;
}
.series .text2 {
text-align: center;
margin-top: 8px;
margin-left: 10px;
width: 70%;
}
.series .text3 {
text-align: center;
margin-top: 0px;
margin-left: 10px;
width: 70%;
line-height: 22px !important;
}
@media (max-width: 768px) {
.series {
margin-top: 80px;
padding-bottom: 30px;
}
.series dt {
vertical-align: middle;
font-size: 100%;
line-height: 1.4;
margin-bottom: 20px;
min-height: 50px;
padding: 5px 30px;
}
.series dt:after {
width: 20px;
}
.series dd {
margin-left: 0px;
padding: 0;
position: relative;
}
.series dt span.i_plus:before {
top: 0.6em;
}
.series dt.js-active span.i_plus:before {
font-size: 140%;
font-weight: 700;
}
.series li img {
width: 65px;
padding-top: 8px;
padding-right: 8px;
}
.series .design {
background: #ffffff;
padding: 10px;
height: 105px;
font-size: 12px !important;
line-height: 20px;
}
.series .w25 {
width: 38%;
}
.series .text {
text-align: center;
margin-top: 8px;
margin-left: 0px;
width: 62%;
}
.series .text2 {
text-align: center;
margin-top: 0px;
margin-left: 0px;
width: 62%;
}
.series .text3 {
text-align: center;
margin-top: 0px;
margin-left: 0px;
width: 62%;
line-height: 16px !important;
}
}
/*高価買取テーブル*/
#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: bold;
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;
}
.other_header li:last-child {
    text-align:left;
}
.other_list li:last-child {
    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;
  clear:both;
}
.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: bold;
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: bold;
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 {
  font-size: 12px;
}

.other_header li:first-child {
width: 70%;
}
.other_header li:last-child {
width: 30%;
text-align:center;
}
.other_list {
position: relative;
max-height: 250px;
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:73px;
}


.other_list li {
display: block;
float: left;
font-size: 12px;
margin:auto 0 !important:
}
.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;
}
}

/*ランキングテーブル*/
#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;
max-height:auto;
}

.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_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.more_active {
max-height: 100%;
}
.ranking_list.more_active::after {
background: none;
}



.ranking_list::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: 100px; /* グラデーションの高さ */
background: linear-gradient(rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.8) 95%, rgba(255, 255, 255, 1));
pointer-events: none; /* クリックを無効化 */
}

.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: bold;
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: bold;
background-color: #ff0009;
color: #fff;
text-align: center;
vertical-align: middle;
font-family: "Oswald";
font-weight: 700;
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: bold;
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: bold;
background-color: #ff0009;
color: #fff;
text-align: center;
vertical-align: middle;
font-family: "Oswald";
font-weight: 700;
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: bold;
}
.series .accordion .link:after {
width: 15px;
height: 100%;
line-height: 48px;
font-size: 150%;
}
.series .accordion .link2 {
border-bottom: 2px solid #333;
padding: 5px 35px 5px 25px;
font-size: 14px;
margin-bottom: 15px;
font-weight: bold;
}
.series .accordion .link2:after {
width: 15px;
height: 100%;
line-height: 48px;
font-size: 150%;
}
}
/*日本一安全宣言*/
#safety section {
padding: 50px 0px 40px 0px;
}
#safety .text_safety {
text-align: center;
font-size: 28px;
font-weight: bold;
}
#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: bold;
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: #3399FF;
}
#safety2 .text_safety2 {
text-align: center;
font-size: 28px;
font-weight: bold;
}
#safety2 .text_safety2 p {
width: 25em;
position: relative;
margin: auto;
}
#safety2 .text_safety2 p:before, #safety2 .text_safety2 p:after {
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;
}
#safety2 .safety2 .arrow_text::before {
display: inline-block;
left: 12px;
width: 10px;
height: 10px;
border: 0;
border-top: 3px solid #000;
border-right: 3px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
margin-right:10px;

}
@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;
}
#safety2 .safety2 .arrow_text::before {
width: 8px;
height: 8px;
margin-right:5px;

}  
}
/*愛情買取*/
#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: bold;
padding-top: 10px;
}
#love h3 {
text-align: center;
font-size: 28px;
font-weight: bold;
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: bold;
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: bold;
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: bold;
text-decoration: none;
text-align: center;
border-radius: 35px;
color: #fff;
background-color: #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-weight: bold;
}
#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: bold;
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;
}


.button_tcg2 a {
background: #ffffff;
border-radius: 5px;
position: relative;
display: flex;
justify-content: space-around;
align-items: center;
margin: 50px auto -80px;
max-width: 700px;
padding: 10px 25px;
color: #000000;
transition: 0.3s ease-in-out;
font-weight: bold;
border: 2px solid;
font-size:32px;
}
.button_tcg2 a:hover {
background: #e91f2e;
color: #ffffff;
border: 2px solid  #000000;
}
.button_tcg2 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_tcg2 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;
}
.button_tcg2 a {
margin: 20px auto 0px;
max-width: 90%;
padding: 10px 25px;
font-size:20px;
}
.button_tcg2 a:after {
width: 10px;
height: 10px;
top: 48%;
}
}
/*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: bold;
background: #000000;
color: #ffffff;
border-radius: 50px;
padding: 15px 0 10px;
margin: 30px 0;
}
.search_head2 {
font-size: 40px;
font-weight: bold;
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: bold;
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: bold;
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: bold;
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: bold;
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: #F0F0F0 !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: 150px;
overflow: hidden;
}
.readmore input[type="checkbox"]:checked~.readmore-content {
height: auto;
}

/*TOP最新弾テーブル*/
.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 {
width: 100%;
height: auto;
border: 1px solid #ccc;
border-top: 0;
box-sizing: border-box;
}
.new_list li {
display: table-cell;
vertical-align: middle;
padding: 0 0 0 7px;
font-size: 100%;
box-sizing: border-box;
}
.new_list li img {
width: 30px;
padding-left: 5px;
padding-top: 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: bold;
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%;
width: 100%;
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: bold;
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;
}
}

/*ヘッダー*/
/* 申込ボタン */
#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: bold;
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: bold;
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: bold;
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: bold;
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_main div{
  width: 43%;
  background: #ffffff;
  border-radius: 10px;
  box-shadow: 5px 5px 5px;
  margin: 10px auto;
  padding: 15px;
  margin-right: 40px !important;
  float:left;
}


.achievenebts_main img {width:auto;height:200px;margin:0 auto 20px;}
.achievenebts_main p {
  font-size: 14px;
}
.achievenebts_main p span {
  font-size: 12px;
  background: #d2d2d2;
  padding: 2px 5px;
  margin-right: 10px;
}
.achievenebts_main dt {
  font-size: 16px;
  margin: 10px 0;
  font-weight: 700;
}
.achievenebts_main dd {
  font-size: 16px;
  margin-top: 20px;
  color: #de0011;
  font-weight: 700;
  text-align: center;
}
.achievenebts_main 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;
}
.pc_fixed {
margin: 0 auto;
max-width: 670px;
}

/* タップ領域拡大＋アクセシビリティ準拠 */

.swiper-pagination-bullet {
width: 14px !important;
height: 14px !important;
margin:  0 7px 2px !important;
}
.swiper-pagination-bullet::before {
content: '';
position: absolute;
top: -14px !important;
left: -14px !important;
width: 42px !important;
height: 42px !important;
background: transparent;
}

@media (max-width: 768px) {
.achievenebts_main {
width: 100%;
margin-left: 3%;
}
  .achievenebts_main div {
    width: 45%;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 5px 5px 5px;
    margin: 10px auto 50px;
    padding: 10px;
    margin-right: 3% !important;
  }
.achievenebts_main img {width:auto;height:120px;margin:0 auto 10px;}
  .achievenebts_main p {
    font-size: 12px;
    line-height: 20px;
  }
  .achievenebts_main p span {
    font-size: 10px;
    padding: 2px 5px;
    margin-right: 10px;
  }
  .achievenebts_main dt {
    font-size: 12px;
  }
  .achievenebts_main dd {
    font-size: 14px;
    margin-top: 0px;
  }
  .achievenebts_main dd span {
font-size: 30px;
content: '';
width: 200px !important;
height: 100% !important;
bottom: 0;
left: 0px;
}
}
@media (max-width: 768px) {
.fv_01,
.fv_02 {
position: relative;
}
.sp_fv_icon {
position: absolute;
bottom: min(calc(42 / 768 * 100vw), 42px);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
display: grid;
grid-template-columns: repeat(3, min(calc(172 / 768 * 100vw), 172px));
gap: min(calc(34 / 768 * 100vw), 34px);
list-style: none;
padding: 0;
margin: 0;
}
.sp_fv_icon li {
width: 100%;
}
.fv_02 a {
width: min(calc(670 / 768 * 100vw), 670px);
position: absolute;
bottom: min(calc(52 / 768 * 100vw), 52px);
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}
@media (max-width: 768px) {
.nayami {
background: url(../images/common/sp_nayami_bg.webp) no-repeat top center/ 100%;
padding: 0;
}
.nayami_check {
padding-bottom: min(calc(107/ 768 * 100vw), 107px);
}
.nayami_check li {
width: min(calc(582/ 768 * 100vw), 582px);
margin: 0 auto min(calc(10/ 768 * 100vw), 10px);
}
.kakunin_card {
display: grid;
grid-template-columns: repeat(3, min(calc(220 / 768 * 100vw), 220px));
gap: min(calc(15 / 768 * 100vw), 15px);
justify-content: center;
list-style: none;
padding: 0;
margin: 0 auto min(calc(60 / 768 * 100vw), 60px);
}
.kakunin_slide div.slick-slide {
margin: 0 min(calc(15 / 768 * 100vw), 15px);
}
.kakunin_slide_ttl {
width: min(calc(457 / 768 * 100vw), 457px);
margin: 0 auto min(calc(18 / 768 * 100vw), 18px);
}
.kakunin_slide {
width: 100%;
margin: 0 auto min(calc(60 / 768 * 100vw), 60px);
}
.kakunin_slide img {
width: min(calc(194 / 768 * 100vw), 194px);
height: auto;
display: block;
}
.kaiketu_btn {
display: block;
width: min(calc(670 / 768 * 100vw), 670px);
margin: 0 auto min(calc(70 / 768 * 100vw), 70px);
}
.kakunin_slide .slick-prev,
.kakunin_slide .slick-next {
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.kakunin_slide .slick-next {
right: min(calc(30/768 * 100vw), 30px);
z-index: 3;
}
.kakunin_slide .slick-prev {
left: min(calc(30/768 * 100vw), 30px);
z-index: 3;
}
.kakunin_slide .slick-next::before {
content: '';
display: inline-block;
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
background-image: url(../images/common/arrow_right.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
.kakunin_slide .slick-prev::before {
content: '';
display: inline-block;
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
background-image: url(../images/common/arrow_left.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
.kakunin_slide .slick-prev:hover,
.kakunin_slide .slick-prev:focus,
.kakunin_slide .slick-next:hover,
.kakunin_slide .slick-next:focus {
color: initial;
outline: none;
background: initial;
}
}
@media (max-width: 768px) {
.all_block #purchase_list .slick-slide {
margin: 0 min(calc(10 / 768 * 100vw), 10px);
}
.up {
padding: 0;
}
}
@media (max-width: 768px) {
.sp_fixed {
background: url(../images/common/sp_fixedcta_bg.webp) no-repeat center top/ cover;
position: fixed;
width: 100%;
bottom: 0;
left: 50%;
transform: translateX(-50%);
display: block;
padding: min(calc(10/768 * 100vw), 10px) min(calc(20/768 * 100vw), 20px);
z-index: 1000;
}
.sp_fixed_button {
display: flex;
justify-content: space-between;
align-items: flex-end;
gap: min(calc(20/768 * 100vw), 20px);
}
.sp_fixed_button .button01,
.sp_fixed_button .button02 {
width: calc((100% - min(calc(20/768 * 100vw), 20px)) / 2);
}
.sp_fixed_button .button01_ttl {
margin: 0 auto min(calc(-2/768 * 100vw), -2px);
width: min(calc(283/750 * 100vw), 283px);
}
.sp_fixed_button .serch_content {
display: flex;
justify-content: space-between;
align-items: stretch;
border: 1px solid #fff;
border-radius: 76px;
box-shadow: 2px 4px 0 #fff;
filter: drop-shadow(3px 3px 12px rgba(7, 70, 119, 0.45));
margin-bottom: min(calc(10/750 * 100vw), 10px);
transform: translateZ(0);
position: relative;
}
.sp_fixed_button .serch_content::after {
position: absolute;
content: "";
left: 0;
top: 0;
border: 2px solid #18579f;
box-shadow: 2px 4px 0 #2a4093;
border-radius: 100px;
width: 100%;
height: 100%;
}
.sp_fixed_button .search_text {
padding: min(calc(10/750 * 100vw), 10px) min(calc(8/750 * 100vw), 8px);
outline: none;
font-size: min(calc(23/750 * 100vw), 23px);
background-color: #fff;
height: auto;
position: relative;
width: calc(100% - min(calc(60/750 * 100vw), 60px) - min(calc(70/750 * 100vw), 705px));
margin: min(calc(3/750 * 100vw), 3px) 0 min(calc(4/750 * 100vw), 4px);
overflow: hidden;
border: none;
border-radius: unset;
z-index: 1;
}
.sp_fixed_button .search_button {
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 0;
outline: none;
font-size: min(calc(23/750 * 100vw), 23px);
background-color: #ffcb06;
border-radius: 0 100px 100px 0;
font-weight: bold;
color: #18579f;
width: min(calc(70/750 * 100vw), 70px);
margin: min(calc(3/750 * 100vw), 3px) min(calc(4/750 * 100vw), 4px) min(calc(4/750 * 100vw), 4px) 0;
padding: min(calc(12/750 * 100vw), 12px) min(calc(15/750 * 100vw), 15px) min(calc(10/750 * 100vw), 10px) min(calc(5/750 * 100vw), 5px);
z-index: 1;
}
.sp_fixed_button .cta_ball {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffcb06;
border-radius: 100px 0 0 100px;
width: min(calc(60/750 * 100vw), 60px);
padding: min(calc(5/750 * 100vw), 5px) 0 min(calc(10/750 * 100vw), 10px) min(calc(8/750 * 100vw), 8px);
}
.sp_fixed_button .cta_ball img {
margin: 0 auto;
width: min(calc(34/750 * 100vw), 34px);
}
.sp_fixed_button .cta_btn {
display: block;
filter: drop-shadow(3px 3px 12px rgba(7, 70, 119, 0.45));
transform: translateZ(0);
}

/*申込ボタンテキスト*/
.cta_area p{
position: absolute;
  top:50%;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 28px;
  font-weight:700;
  margin-left: 30% !important;
  margin-top: 2px !important;
  padding: 0!important;
  width:100%;

}

.cta_first{
position: absolute;
  left: 50%;
 -ms-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  -webkit-transform: translate(-50%,-50%);/*ベンダープレフィックス*/
  transform: translate(-50%,-50%);/*センター寄せの修正*/
  color: #fff;
  font-size: 28px;
  font-weight:700;
  margin-left: 31% !important;
  margin-top: -9.5% !important;
  padding: 0!important;
  width:100%;
  z-index:99999;
}


@media (max-width: 768px) {
.third_genre2 .third_genre2_left {
margin-top: 0;
}
.third_genre2_slide section {
margin: 0 min(calc(20/768 * 100vw), 20px);
padding-top: min(calc(120/768 * 100vw), 120px);
}
.third_genre2_slide {
min-height: 350px;
height: auto;
position: relative;
overflow: hidden;
}
.third_genre2_slide .slick-slide {
min-height: 300px;
/* スライド内の要素の高さを確保 */
}
.third_genre2_slide .slick-prev,
.third_genre2_slide .slick-next {
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
.third_genre2_slide .slick-next {
right: min(calc(30/750 * 100vw), 30px);
z-index: 3;
}
.third_genre2_slide .slick-prev {
left: min(calc(30/750 * 100vw), 30px);
z-index: 3;
}
.third_genre2_slide .slick-next::before {
content: '';
display: inline-block;
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
background-image: url(../images/common/arrow_right.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
.third_genre2_slide .slick-prev::before {
content: '';
display: inline-block;
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
background-image: url(../images/common/arrow_left.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
.third_genre2_slide .slick-prev:hover,
.third_genre2_slide .slick-prev:focus,
.third_genre2_slide .slick-next:hover,
.third_genre2_slide .slick-next:focus {
color: initial;
outline: none;
background: initial;
}
}
@media (max-width: 768px) {
.pack {
background-color: #f9f7ee;
padding-bottom: min(calc(100/750 * 100vw), 100px);
}
.pack_ttl {
margin-bottom: min(calc(40/750 * 100vw), 40px);
}
.pack_list {
display: flex;
flex-direction: column;
gap: min(calc(70/750 * 100vw), 70px);
padding: 0 min(calc(35/750 * 100vw), 35px);
}
.pack_list li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start;
}
.pack_img {
margin-right: min(calc(35/750 * 100vw), 35px);
width: min(calc(120/750 * 100vw), 120px);
min-width:55px;
}
.pack_img2 {
width: min(calc(120/750 * 100vw), 120px);
min-width:55px;
margin-bottom:10px;
}
.pack_txt {
width: calc(100% - min(calc(120/750 * 100vw), 120px) - min(calc(35/750 * 100vw), 35px));
}
.pack_txt h3 {
font-size: min(calc(39/750 * 100vw), 39px);
font-weight: bold;
margin-bottom: min(calc(10/750 * 100vw), 10px);
}
.pack_txt h3 span {
font-size: min(calc(28/750 * 100vw), 28px);
}
.pack_txt .rating {
color: #f72900;
font-size: min(calc(34/750 * 100vw), 34px);
font-weight: bold;
margin-bottom: min(calc(10/750 * 100vw), 10px);
}
.pack_txt .rating span {
letter-spacing: 0.1em;
margin-left: min(calc(10/750 * 100vw), 10px);
}
.pack_txt .txt {
font-size: min(calc(28/750 * 100vw), 28px);
}
}
@media (max-width: 768px) {
.guarantee {
padding-top: min(calc(120/750 * 100vw), 120px);
}
.guarantee .guarantee_ttl {
color: #ff5467;
font-size: min(calc(61/750*100vw), 61px);
line-height: 1.2;
}
.guarantee .guarantee_ttl span {
font-size: min(calc(90/750*100vw), 90px);
filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.27));
}
.guarantee_graph:not(:last-child) {
margin-bottom: min(calc(50/750*100vw), 50px);
}
.guarantee_graph div {
color: #fff;
background-color: #38939E;
padding: min(calc(12/750*100vw), 12px) min(calc(20/750*100vw), 20px) min(calc(10/750*100vw), 10px);
font-size: min(calc(35/750*100vw), 35px);
letter-spacing: 0;
text-align: center;
}
.guarantee_graph div span {
color: #fff000;
font-size: min(calc(38/750*100vw), 38px);
}
}
@media (max-width: 768px) {
#wanted li {
width: min(calc(240/750 * 100vw), 240px);
margin: min(calc(40/750 * 100vw), 40px) min(calc(20/750 * 100vw), 20px) 0;
}
#wanted .slick-prev,
#wanted .slick-next {
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#wanted .slick-next {
right: min(calc(30/750 * 100vw), 30px);
z-index: 3;
}
#wanted .slick-prev {
left: min(calc(30/750 * 100vw), 30px);
z-index: 3;
}
#wanted .slick-next::before {
content: '';
display: inline-block;
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
background-image: url(../images/common/arrow_right.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
#wanted .slick-prev::before {
content: '';
display: inline-block;
width: min(calc(50/750 * 100vw), 50px);
height: min(calc(50/750 * 100vw), 50px);
background-image: url(../images/common/arrow_left.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
#wanted .slick-prev:hover,
#wanted .slick-prev:focus,
#wanted .slick-next:hover,
#wanted .slick-next:focus {
color: initial;
outline: none;
background: initial;
}
.date-note {
text-align: center;
font-size: min(calc(22/768 * 100vw), 22px);
margin: min(calc(20/768 * 100vw), 20px) 0;
font-family: "Hiragino Sans", 'Hiragino Kaku Gothic ProN', "MS Gothic", Meiryo, sans-serif;
letter-spacing: 0.01em;
}
}
@media (max-width: 768px) {
.love {
background: #ffe8eb url(../images/common/sp_love_bg.webp) repeat-y top center/ 100%;
}
.love section {
padding-top: 0;
padding-bottom: min(calc(55/750 * 100vw), 55px);
}
.love_ttl {
margin: 0 auto min(calc(30/750 * 100vw), 30px);
width: min(calc(589/750*100vw), 589px);
}
.love_ttl img {
margin-top: min(calc(-24/750 * 100vw), -24px);
margin-left: min(calc(-04/750 * 100vw), -20px);
}
.love_subttl {
font-size: min(calc(30/750 * 100vw), 30px);
font-feature-settings: 'palt';
text-align: center;
letter-spacing: 0.03em;
}
.love_level {
background-color: #fff;
border: 1px solid #ff3d53;
border-radius: min(calc(20/750 * 100vw), 20px);
margin-top: min(calc(70/750 * 100vw), 70px);
margin-bottom: min(calc(50/750 * 100vw), 50px);
padding: min(calc(70/750 * 100vw), 70px) min(calc(20/750 * 100vw), 20px) min(calc(30/750 * 100vw), 30px);
}
.love_level h3 {
margin-top: min(calc(-58/750 * 100vw), -58px);
text-align: center;
}
.love_level h3 img {
margin: 0 auto;
width: min(calc(467/750 * 100vw), 467px);
}
.love_level_list {
display: flex;
flex-direction: column;
justify-content: space-between;
gap: min(calc(20/750 * 100vw), 20px);
margin-top: min(calc(30/750 * 100vw), 30px);
}
.love_level_list>li {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.love_level_list>li:not(:last-child) {
border-bottom: 1px solid #ff3d53;
padding-bottom: min(calc(18/750 * 100vw), 18px);
}
.love_level_list dl {
display: flex;
flex-direction: column;
justify-content: space-between;
width: 100%;
}
.love_level_list dt {
display: flex;
justify-content: space-between;
font-size: min(calc(32/750 * 100vw), 32px);
font-weight: bold;
font-feature-settings: 'palt';
margin-bottom: min(calc(10/750 * 100vw), 10px);
width: 100%;
}
.love_level_list dt .strong {
color: #EB0018;
}
.love_level_list dt .rating {
text-align: right;
width: min(calc(162/750 * 100vw), 162px);
}
.love_level_list dd {
font-size: min(calc(26/750 * 100vw), 26px);
width: 100%;
}
.love_review h3 {
margin-bottom: min(calc(10/750 * 100vw), 10px);
text-align: center;
}
.love_review h3 img {
margin: 0 auto;
width: min(calc(464/750 * 100vw), 464px);
}
.love_review_list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
gap: min(calc(20/750 * 100vw), 20px);
}
.love_review_list>li {
filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.13));
width: calc((100% - min(calc(40/750 * 100vw), 40px)) / 3);
}
.love_review_list .modal-open {
background: transparent;
border: none;
cursor: pointer;
}
.love_review_modal .modal-content {
display: none;
position: fixed;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.5);
z-index: 5000;
justify-content: center;
align-items: center;
}
.love_review_modal .modal-inner {
background: #fff;
padding: min(calc(60/750 * 100vw), 60px) min(calc(40/750 * 100vw), 40px);
border: 1px solid #aaa;
border-radius: min(calc(30/750 * 100vw), 30px);
width: 90%;
max-height: 90%;
overflow: auto;
}
.love_review_modal .modal-content .ttl {
font-size: min(calc(48/750 * 100vw), 48px);
font-weight: bold;
margin-bottom: min(calc(20/750 * 100vw), 20px);
text-align: center;
}
.love_review_modal .modal-content .strong {
color: #ff3d53;
}
.love_review_modal .modal-content .name {
margin-bottom: min(calc(100/750 * 100vw), 100px);
text-align: right;
}
.love_review_modal .modal-content .txt {
line-height: 1.7;
}
.love_review_modal .modal-content .txt:not(:last-child) {
margin-bottom: min(calc(36/750 * 100vw), 36px);
}
.love_review_modal .modal-close {
color: #00f;
margin-top: min(calc(60/750 * 100vw), 60px);
cursor: pointer;
text-align: center;
text-decoration: underline;
}
.love_review_more {
width: 100%;
margin: min(calc(24/768 * 100vw), 24px) 0 auto;
text-align: center;
}
.love_review_more a {
display: inline-flex;
align-items: center;
justify-content: center;
text-align: center;
position: relative;
font-size: min(calc(30/768 * 100vw), 30px);
color: #0e4283;
padding: 0 min(calc(18/768 * 100vw), 18px) min(calc(5/768 * 100vw), 5px) min(calc(5/768 * 100vw), 5px);
border-bottom: none;
}
.love_review_more a::after {
content: "";
position: absolute;
right: -6px;
top: 50%;
transform: translateY(-50%);
width: 0;
height: 0;
border-width: 4px 0 4px 7px;
border-style: solid;
padding-right: min(calc(5/768 * 100vw), 5px);
border-color: transparent transparent transparent #0e4283;
}
.love_review_more a::before {
content: "";
position: absolute;
bottom: 0;
left: 0;
width: 106%;
height: 1px;
background-color: #0e4283;
}
}
@media (max-width: 768px) {
#purchase {
position: relative;
filter: drop-shadow(0px 6px 6px rgba(0, 0, 0, 0.18));
padding-top: 20px;
}

/*#purchase::after {
position: absolute;
content: "";
display: block;
left: 0;
bottom: calc(-64/750 * 100vw);
width: 100%;
aspect-ratio: 1/cos(85deg);
clip-path: polygon(50% 100%, 100% 0, 0 0);
background: #f2f2f2;
}
*/
#purchase .slick-prev,
#purchase .slick-next {
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
top: 50%;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
}
#purchase .slick-next {
right: 0;
z-index: 3;
}
#purchase .slick-prev {
left: 0;
z-index: 3;
}
#purchase .slick-next::before {
content: '';
display: inline-block;
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
background-image: url(../images/common/arrow_right.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
#purchase .slick-prev::before {
content: '';
display: inline-block;
width: min(calc(50/768 * 100vw), 50px);
height: min(calc(50/768 * 100vw), 50px);
background-image: url(../images/common/arrow_left.svg);
background-size: contain;
vertical-align: middle;
background-repeat: no-repeat;
opacity: 1;
}
#purchase .slick-prev:hover,
#purchase .slick-prev:focus,
#purchase .slick-next:hover,
#purchase .slick-next:focus {
color: initial;
outline: none;
background: initial;
}
#purchase .mab40 {
margin-bottom: 20px !important;
}
#purchase .date-note {
text-align: right;
margin: 0 min(calc(30/768 * 100vw), 30px) min(calc(20/768 * 100vw), 20px) 0;
}
}
@media (max-width: 768px) {
.sp_ansin {
margin-top: min(calc(70/768 * 100vw), 70px);
margin-top: 0;
padding: 0 0 min(calc(70/768 * 100vw), 70px);
padding: 0;
background: url(../images/common/sp_ansin_bg.webp) no-repeat top center/ 100%;
}
.sp_ansin li {
margin-bottom: min(calc(5/768 * 100vw), 5px);
position: relative;
}
.sp_ansin li:last-child,
.sp_ansin li:first-child {
width: min(calc(740/768 * 100vw), 740px);
}
.sp_ansin li:nth-child(2) {
width: min(calc(729/768 * 100vw), 729px);
margin-left: auto;
}
.sp_ansin li:last-child {
margin-bottom: min(calc(48/768 * 100vw), 48px);
}
.ansin_more_btn {
position: absolute;
bottom: min(calc(52/768 * 100vw), 52px);
display: block;
width: min(calc(212/768 * 100vw), 212px);
margin: 0 auto;
}
.sp_ansin li:first-child .ansin_more_btn {
left: min(calc(30/768 * 100vw), 30px);
}
.sp_ansin li:nth-child(2) .ansin_more_btn {
right: min(calc(30/768 * 100vw), 30px);
}
.sp_ansin .ansin_btn {
display: block;
width: min(calc(670/768 * 100vw), 670px);
margin: 0 auto;
}
.ansin_more_txt {
font-size: min(calc(16/768 * 100vw), 16px);
text-align: left;
text-indent: -1em;
padding-left: 1em;
position: absolute;
bottom: min(calc(112/768 * 100vw), 112px);
line-height: 1.2;
left: min(calc(26/768 * 100vw), 26px);
font-family: "Hiragino Sans", 'Hiragino Kaku Gothic ProN', "MS Gothic", Meiryo, sans-serif;
font-feature-settings: "palt";
letter-spacing: -0.05em;
}
.ansin_more_txt .second-line {
letter-spacing: -0.01em;
}
.sp_ansin li:last-child .ansin_more_txt {
font-size: min(calc(18/768 * 100vw), 18px);
bottom: min(calc(60/768 * 100vw), 60px);
}
}
@media (max-width: 768px) {
#purchase_list li {
width: min(calc(240/768 * 100vw), 240px);
}
.list_cta_btn {
width: min(calc(670 / 768 * 100vw), 670px);
margin: 0 auto;
padding-bottom: min(calc(80 / 768 * 100vw), 80px);
}
}
@media (max-width: 768px) {
.first {
padding-top: min(calc(85/750 * 100vw), 85px);
}
.first .fukidashi {
margin: 0 auto min(calc(-15/750 * 100vw), -15px);
width: min(calc(428/750 * 100vw), 428px);
}
.first-ttl {
color: #fff;
background-color: #f75700;
text-align: center;
padding: min(calc(40/750 * 100vw), 40px) 0;
}
.first-ttl h2 {
font-size: min(calc(52/750 * 100vw), 52px);
font-weight: bold;
line-height: 1.2;
}
.first-content {
background: url(../images/common/sp_first_bg.webp) no-repeat top center/ 100%;
padding: min(calc(40/750 * 100vw), 40px) min(calc(20/750 * 100vw), 20px) min(calc(80/750 * 100vw), 80px);
}
.first-content .flow {
margin: 0 auto min(calc(10/750 * 100vw), 10px);
width: min(calc(651/750 * 100vw), 651px);
}
}
@media (max-width: 768px) {
.cta_area {
background: url(../images/common/sp_cta_bg.webp) no-repeat top center/ 100%;
padding: min(calc(50/750 * 100vw), 50px) min(calc(20/750 * 100vw), 20px) min(calc(80/750 * 100vw), 80px);
}
.cta_area .cta_ttl {
margin: 0 auto;
padding-bottom: min(calc(10/750 * 100vw), 10px);
width: min(calc(573/750 * 100vw), 573px);
}
.cta_area .serch_content {
display: flex;
justify-content: space-between;
align-items: stretch;
border: 2px solid #fff;
border-radius: 100px;
box-shadow: 2px 4px 0 #fff;
filter: drop-shadow(3px 3px 12px rgba(7, 70, 119, 0.45));
margin-bottom: min(calc(70/750 * 100vw), 70px);
transform: translateZ(0);
height: min(calc(126/750 * 100vw), 126px);
position: relative;
}
.cta_area .serch_content::after {
position: absolute;
content: "";
left: 0;
top: 0;
border: 2px solid #18579f;
box-shadow: 2px 4px 0 #2a4093;
border-radius: 100px;
width: 100%;
height: 100%;
}
.cta_area .search_text {
padding: min(calc(35/750 * 100vw), 35px) min(calc(20/750 * 100vw), 20px);
outline: none;
font-size: min(calc(36/750 * 100vw), 36px);
background-color: #fff;
height: auto;
position: relative;
width: calc(100% - min(calc(120/750 * 100vw), 120px) - min(calc(135/750 * 100vw), 135px));
margin: min(calc(4/750 * 100vw), 4px) 0;
overflow: hidden;
border: none;
border-radius: unset;
z-index: 1;
}
.cta_area .search_button {
display: flex;
justify-content: center;
align-items: center;
border: none;
border-radius: 0;
outline: none;
font-size: min(calc(40/750 * 100vw), 40px);
background-color: #ffcb06;
border-radius: 0 100px 100px 0;
font-weight: bold;
color: #18579f;
width: min(calc(135/750 * 100vw), 135px);
margin: min(calc(4/750 * 100vw), 4px) min(calc(4/750 * 100vw), 4px) min(calc(4/750 * 100vw), 4px) 0;
padding: min(calc(15/750 * 100vw), 15px) min(calc(20/750 * 100vw), 20px) min(calc(10/750 * 100vw), 10px) min(calc(10/750 * 100vw), 10px);
z-index: 1;
}
.cta_area .cta_ball {
display: flex;
justify-content: center;
align-items: center;
background-color: #ffcb06;
border-radius: 100px 0 0 100px;
width: min(calc(120/750 * 100vw), 120px);
}
.cta_area .cta_ball img {
margin: 0 auto;
width: min(calc(68/750 * 100vw), 68px);
}
.cta_area .cta_btn {
display: block;
filter: drop-shadow(3px 3px 12px rgba(7, 70, 119, 0.45));
transform: translateZ(0);
}



.other_header2 {
	position: relative;
	width: 100%;
	height: 56px;
	background-color: #eb6877;
}
.other_header3 {
	position: relative;
	width: 100%;
	height: 46px;
	background-color: #38939e;
	border-top-left-radius: 7px;
	border-top-right-radius: 7px;
	font-size: 20px;
	text-align:center;
	font-weight:700;
	padding-top:10px;
	color:#ffffff;
}
.other_header2 li {
	float: left;
	color: #fff;
	padding: 10px 0;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border-right:solid 1px #fff;
}

.other_header2 li:first-child {
	width: 25%;
	height: 56px;
	padding-top:20px !important;
}
.other_header2 li:nth-child(2){
	width: 24.8%;
	height: 56px;
	padding-top:20px !important;
}
.other_header2 li:nth-child(3){
	width: 25%;
}
.other_header2 li:last-child {
	width: 24.5%;
	border-right:solid 0px;
}
.other_list2 {
	position: relative;
	width: 100%;
	overflow: hidden;
}


.other_list2 ul {
	width: 100% !important;
	border: 1px solid #ccc;
	border-top: 0;
	box-sizing: border-box;
}
.other_list2 li {
	display: table-cell;
	vertical-align: middle;
	padding: 0 5px;
	border-right:solid 1px #ccc;
	font-size: 80%;
	width: 25% !important;

}
.other_list2 li:last-child  {
	border-right:solid 0px;

}


.other_list2 .title {
	color:#535353;
	font-weight:700;
	padding: 10px;
	text-align: left !important;
	height: 100%;
	font-size:14px;
	width: 25% !important;
	
}

.other_list2 .moe {
	text-align: center;
	color:#5bb4bf;
	font-weight:700;
	width: 25% !important;
}

.other_list2 .moe span{
	font-size:42px;
}

.other_list2 .company_a {
	text-align: center;
	width: 25% !important;
}

.other_list2 .company_a span{
	font-size:42px;
	color:#5bb4bf;
}


.other_list2 .company_b {
	text-align: center;
	width: 25% !important;
}

.other_list2 .company_b span{
	font-size:42px;
	color:#5bb4bf;
}


.souryou{
	font-size:200%;
	font-weight:900;
	color: #6eccc8;
	padding:0 10px;
	}
	

}
	

@charset "UTF-8";


/* all service */
.all_service {
    width: 100%;
    text-align: center;
    margin-top:-20px !important;
}
.all_service h2{
    font-size:36px;
    font-weight:bold;
    text-align: left;
    margin:-70px 0 30px;
    border-bottom:3px dotted #898989;
}
.all_service .four_column li a{
    display: block;
    position: relative;
    height: auto;
    padding: 10px 10px;
}
.all_service .four_column li a:after{
    position: absolute;
    left:0;
    right:0;
    bottom:12px;
    font-family: 'Fontawesome';
    content: "\f138";
    font-size:160%;
}


.all_service .four_column li dl {
    margin-top: 10px;
    text-align: center;
}
.all_service .four_column li dl dt {
    margin: 5px 0 15px;
    font-size:14px;
}
.all_service .four_column li dl dd {
    vertical-align: middle;
    font-size: 150%;
    margin: 0px auto 15px;
    font-family: "Noto Serif";
    font-weight: 700;
    line-height: 1.1em;
    letter-spacing: -0.08em;
}


@media (max-width: 768px) {
.all_service h2{
    font-size:20px;
    font-weight:bold;
    text-align: left;
    margin:-60px 0 20px;
    border-bottom:3px dotted #898989;
}
	.all_service .four_column > * {
		margin-right: 2%;
	}
	@media (orientation: landscape) {
		.all_service .four_column > * {
			margin-right: 20px;
		}
	}
.all_service .four_column > *:nth-child(3n) {
	margin-right: 0;
}
.all_service .four_column li:last-child {
	margin-right: 0;
}

	
.all_service .four_column li{
	    width:32%;
	    padding-bottom:20px;
}
.all_service .four_column li a{
    padding: 5px 3px;
}
.all_service .four_column li dl {
    margin-top: 5px;
    text-align: center;
}
.all_service .four_column li dl dt {
    font-size: 80%;
    padding-top:5px;
    margin: 5px 0 0px;
}
.all_service .four_column li dl dd {
    font-size: 80%;
    font-family: "Noto Serif";
    margin: 0px auto;
}

.all_service .four_column li a:after{
    bottom:-20px;
}

.all_service .four_column>*:nth-child(n + 3) {
    margin-top: 0px;
}
}
}

/*faq*/
.container {
  position: relative;
  width: 1170px;
  margin: 0 auto;
}

#faq dl{
  width:90%;
  margin:auto;
}
#faq h3{
  background: #eeeeee;
  text-align: center;
  padding:12px 12px 10px;
  line-height: 1.3;
  border-radius: 6px;
  font-size: 18px;
  font-weight: 700;
  margin:40px 0;
}
#faq h3:first-of-type{
  margin-top:0;
}
#faq dl {
  margin-bottom: 20px;
}

#faq dt {
  display: block;
  border-bottom: 1px solid #333;
  padding: 8px 16px 8px 66px;
  position: relative;
  color: #000;
  font-size: 125%;
  line-height: 1.6;
  margin-bottom: 30px;
  font-weight: bold;
}

#faq dt:after {
  content: "Q";
  display: block;
  position: absolute;
  width: 50px;
  height: 50px;
  line-height: 48px;
  font-size: 150%;
  font-weight: bold;
  background-color: #333;
  color: #fff;
  text-align: center;
  vertical-align: middle;
  font-family: "Oswald";
  font-weight: 700;
  bottom: 0;
  left: 0;
}

#faq dd {
  display: block;
  padding: 0;
  margin-left: 100px;
  padding: 8px 8px 30px 0px;
  position: relative;

}

#faq dd:after {
  content: "A";
  display: block;
  position: absolute;
  width: 30px;
  height: 30px;
  font-family: 'Akshar', sans-serif;
  font-weight: 700;
  bottom: 0;
  left: 0;
  font-size: 150%;
  color: #aa2d22;
  top: 1px;
  left: -30px;
}

#faq dt span {
  display: block;
  cursor: pointer;
  position: relative;
}

#faq dt span:before {
  position:absolute;
  content: '\2b';
  font-family: 'Font Awesome 6 pro';
  font-size:16px;
  top:0;
  right:0px;
}

#faq dt.js-active span:before {
  content: "－";
  font-size:14px;
}

#faq dd strong {
  font-size: 16px;
  color:#BE1616;
  font-weight: bold;
  display: block;
}
#faq dd a{
  color:#000;
  text-decoration: underline;
}


@media (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0 1vw;
  }

  #faq{
    padding: 0px 0 50px;
  }
  #faq h3{
     margin:30px 0;
  }

  #faq dl{
    width:auto;
  }
  #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 dt span:before {
    right:-22px;
  }

  #faq dd {
    margin-left: 40px;
    padding: 8px 0px 16px 4px;
    position: relative;
  }

  #faq dt.js-active span.i_plus:before {
    font-size: 140%;
    font-weight: 700;
  }
  #faq .sub_conductor>a.sub_btn{
    line-height: 2.3;
  }
}