/*���Z�b�g*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    color: #666666;
}

* {
    box-sizing: border-box;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    line-height: inherit;
    margin: 0;
    padding: 0;
}

ul,
ol {
    list-style-type: none;
}

html {
    height: 100%;
    text-size-adjust: none;
    font-size: 62.5%;
}

body {
    min-height: 100%;
    font-family:"���C���I", Meiryo, "�q���M�m�p�S ProN", "Hiragino Kaku Gothic ProN", "���S�V�b�N��", "���S�V�b�N Medium", "Yu Gothic Medium", YuGothic, "MS PGothic", "�l�r �o�S�V�b�N", sans-serif !important;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #333333;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    background: #fdfdfd;
}

a {
    color: var(--blue2);
    text-decoration: none;

    &:not(.u-nofade) {
        transition: opacity 0.3s linear;
        opacity: 1;

        &:hover {
            opacity: 0.8;
        }
    }

    &:focus,
    &:hover {
        color: #00CED1;
        text-decoration: inherit;
    }
}

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

::placeholder {
    color: #00CED1;
    opacity: 0.5;
}

textarea {
    line-height: 1.8;
}

input[type="submit"],
input[type="button"] {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    height:auto;
    border-radius: 5px;
    padding: 10px 25px;
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    color: #FFF;
    font-size: 1.8rem;
    transition: all ease 0.3s;

    &::-webkit-search-decoration {
        display: none;
    }

    &::focus {
        outline-offset: -2px;
    }
}

input[type="submit"]:hover, input[type="button"]:hover {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 200px;
    border-radius: 5px;
    padding: 10px 25px;
    color: #FFF;
    background: linear-gradient(#80c4c5, #00b1b4, #00adb0);
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #00CED1;
    display: flex;
    justify-content: center;
}

input[type="text"],
textarea {
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #aaaaaa;
}

/*�}�[�W��*/
.u-mt5 {
    margin-top: 5px;
}

.u-mt10 {
    margin-top: 10px;
}

.u-mt15 {
    margin-top: 15px;
}

.u-mt20 {
    margin-top: 20px;
}

.u-mt25 {
    margin-top: 25px;
}

.u-mt30 {
    margin-top: 30px;
}

.u-mt35 {
    margin-top: 35px;
}

.u-mt40 {
    margin-top: 40px;
}

.u-mt50 {
    margin-top: 50px;
}

.u-mt60 {
    margin-top: 60px;
}

.u-mt70 {
    margin-top: 70px;
}

.u-mb0 {
    margin-bottom: 0px;
}

.u-mb5 {
    margin-bottom: 5px;
}

.u-mb10 {
    margin-bottom: 10px;
}

.u-mb15 {
    margin-bottom: 15px;
}

.u-mb20 {
    margin-bottom: 20px;
}

.u-mb25 {
    margin-bottom: 25px;
}

.u-mb30 {
    margin-bottom: 30px;
}

.u-mb35 {
    margin-bottom: 35px;
}

.u-mb40 {
    margin-bottom: 40px;
}

.u-mb50 {
    margin-bottom: 50px;
}

.u-mb60 {
    margin-bottom: 60px;
}

.u-mb70 {
    margin-bottom: 70px;
}

.u-ml5 {
    margin-left: 5px;
}

.u-ml10 {
    margin-left: 10px;
}

.u-ml15 {
    margin-left: 15px;
}

.u-ml20 {
    margin-left: 20px;
}

.u-ml25 {
    margin-left: 25px;
}

.u-ml30 {
    margin-left: 30px;
}

.u-ml35 {
    margin-left: 35px;
}

.u-ml40 {
    margin-left: 40px;
}

.u-ml50 {
    margin-left: 50px;
}

.u-ml60 {
    margin-left: 60px;
}

.u-ml70 {
    margin-left: 70px;
}

.u-mr5 {
    margin-right: 5px;
}

.u-mr10 {
    margin-right: 10px;
}

.u-mr15 {
    margin-right: 15px;
}

.u-mr20 {
    margin-right: 20px;
}

.u-mr25 {
    margin-right: 25px;
}

.u-mr30 {
    margin-right: 30px;
}

.u-mr35 {
    margin-right: 35px;
}

.u-mr40 {
    margin-right: 40px;
}

.u-mr50 {
    margin-right: 50px;
}

.u-mr60 {
    margin-right: 60px;
}

.u-mr70 {
    margin-right: 70px;
}

.u-m5 {
    margin: 5px;
}

.u-m10 {
    margin: 10px;
}

.u-m20 {
    margin: 20px;
}

.u-m30 {
    margin: 30px;
}

.u-m40 {
    margin: 40px;
}

.u-m50 {
    margin: 50px;
}

.u-mla {
    margin-left:auto;
}

.u-mra {
    margin-right:auto;
}

.u-mta {
    margin-top:auto;
}

.u-mba {
    margin-bottom:auto;
}

/*�w�b�_�[*/
.l-wrapper {
    width:100%;
    margin:0 auto;
}

.l-header {
    width:100%;
    display:flex;
    flex-direction: column;
    align-items:center;
    justify-content:space-between;
    z-index: 100;
    position: sticky;
    background: #FFF;
    top: 0;
}

.l-header_nav {
    /*position: fixed;
    top: 0;*/
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 0 0px 3px 0 rgba(0,0,0,0.3);
    transition: all 0.5s;
}

.l-header_nav ul {
    display: flex;
    justify-content: center;
    width: 100%;
    list-style: none;
    background: #FFF;
    padding: 5px;
}

.l-header_nav ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 17%;
    height: 56px;
    box-sizing: border-box;
    position: relative;
    padding: 2px;
}

.l-header_nav.l-header_nav_next ul li{
    width: 25%;
}

.l-header_nav ul li a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    padding: 7px 0;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    font-size: 28px;
    color: #000000;
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    border: 1px solid #cbcbcb;
}

.l-header_nav ul li a:before{
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.l-header_nav ul li a small{
    margin-top: 3px;
    font-size: 9px;
    color: #000000;
}

.l-header_nav ul li .count {
    position: absolute;
    top: -3px;
    right: 0px;
    min-width: 25px;
    height: 25px;
    padding: 0 4px 2px;
    background: #eb0f14;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 20px;
    z-index:999;
}

.l-header_nav_button {
    position:relative;
    width:3rem;
    height: 38px;
    padding:0;
    margin:0;
    background-color:none;
    overflow: inherit;
}

/*nav menu*/

.l-header_nav_drawer {
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: fixed;
    z-index: 101;
    top: 0;
    right:-260px;
    width: 260px;
    height: 0;
    background:#FFFFFF;
}

.drawer-open .l-header_nav_drawer {
    display:block;
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: fixed;
    z-index: 101;
    top: 0;
    right:0;
    width: 260px;
    height: 100%;
}

.drawer-open .l-header_nav_drawer_next {
    display:block;
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: fixed;
    z-index: 101;
    top: 60px;
    right:0;
    width: 100%;
    height: calc(100% - 60px);
}

.drawer-close .l-header_nav_drawer {
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: fixed;
    z-index: 101;
    top: 0;
    right:-260px;
    width: 260px;
    height: 100%;
    background:#FFFFFF;
}

.drawer-close .l-header_nav_drawer_next {
    transition: right .6s cubic-bezier(0.190, 1.000, 0.220, 1.000);
    position: fixed;
    z-index: 101;
    top: 60px;
    right:-260px;
    width: 260px;
    height: 100%;
    background:#FFFFFF;
}

.l-header_nav_drawer_chenge {
    display:flex;
    flex-direction:column;
}

.l-header_nav_drawer_chenge_point {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#FFFFF7;
    padding:10px;
}

.l-header_nav_drawer_chenge_point .icon-icon_point {
    display:flex;
    align-items:center;
    font-size:1.4rem;
}

.l-header_nav_drawer_chenge_point .icon-icon_point:before {
    font-size:1.8rem;
    padding-right:5px;
}

.l-header_nav_drawer_chenge_point_link {
    width:110px;
    padding:10px 0;
    border-radius:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#ED3538;
    color:#FFF;
}

.l-header_nav_drawer_chenge_mile {
    width:100%;
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#DBFFE0;
    padding:10px;
}

.l-header_nav_drawer_chenge_mile .icon-icon_miles{
    display:flex;
    align-items:center;
    font-size:1.4rem;
}

.l-header_nav_drawer_chenge_mile .icon-icon_miles:before{
    font-size:1.8rem;
    padding-right:5px;
}

.l-header_nav_drawer_chenge_mile_link {
    width:110px;
    padding:10px 0;
    border-radius:20px;
    display:flex;
    justify-content:center;
    align-items:center;
    background:#00CED1;
    color:#FFF;
}

/*nav menu news*/

.l-header_nav_drawer_news {
    margin:10px;
}

.l-header_nav_drawer_news a {
    display:flex;
    justify-content:center;
    align-items:center;
    border-radius:5px;
    border:1px solid #000;
    padding:10px 0;
    width:100%;
    font-size:1.6rem;
}

.l-header_nav_drawer_news a .icon-icon_kakko_right {
    font-size:1.6rem;
    margin-right:10px;
}

.l-header_nav_drawer_news a small {
    background:#00CED1;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:1.6rem;
    color:#FFFFFF;
    padding: 5px 6px;
    line-height: 1.4;
    border-radius:25px;
}

/*nav menu menu*/
.l-header_nav_drawer_menu {
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
    padding:10px;
}

.l-header_nav_drawer_menu li {
    width:70px;
    margin-bottom:10px;
    position:relative;
}

.l-header_nav_drawer_menu li a {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.l-header_nav_drawer_menu li a img {
    width:70px;
    height:70px;
    margin-bottom:5px;
}

.l-header_nav_drawer_menu li a small {
    font-size:10px;
    text-align:center;
}

.l-header_nav_drawer_menu li .count {
    position: absolute;
    top: -9px;
    right: -9px;
    width: 25px;
    height: 25px;
    padding: 0 1px 2px;
    background: #DE8B8D;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 20px;
}

/*nav menu submenu*/
.l-header_nav_drawer_submenu {
    display:flex;
    flex-direction:column;
    width:100%;
}

.l-header_nav_drawer_submenu li {
    display:flex;
    width:100%;
}

.l-header_nav_drawer_submenu li a {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background:#00CED1;
    color:#FFFFFF;
    padding:5px 15px;
    height:50px;
    width:100%;
}

.l-header_nav_drawer_submenu li a .icon-icon_kakko_right {
    font-size:1.4rem;
    color:#FFFFFF;
    padding-left:5px;
}

/*nav menu newsmain*/
.l-header_nav_drawer_newsmain {
    background:#EAEBEB;
    padding:15px 10px;
}

.PimgBoxInfo {
    background: #FFF;
    margin:0 0 15px 0;
    border-radius: 10px;
    padding: 25px 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
    box-shadow: 0 0 3px 0 rgba(0,0,0,0.2);
    position: relative;
}

.PimgBoxRibonContent {
    position: absolute;
    top: -6px;
    right: -6px;
    width: 89px;
    height: 91px;
    overflow: hidden;
}

.PimgBoxRibon {
    display: inline-block;
    position: absolute;
    padding: 7px 0;
    left: -23px;
    top: 22px;
    width: 160px;
    text-align: center;
    font-size: 16px;
    line-height: 16px;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    color: #fff;
    text-shadow: 0 2px 2px #00CED1;
    letter-spacing: 0.05em;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.PimgBoxRibon:before {
    left: 14px;
}

.PimgBoxRibon:after {
    right: 18px;
}

.PimgBoxRibon:before, .PimgBoxRibon:after {
    position: absolute;
    content: "";
    border-top: 4px solid #00CED1;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    bottom: -4px;
}

.PimgBoxInfo h3 {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 10px;
    font-weight: bold;
    width: 100%;
}

.PimgBoxInfo h4 {
    font-weight: bold;
    width: 100%;
    margin-bottom: 5px;
}

.PimgBoxInfo p {
    margin-bottom: 10px;
    font-size: 14px;
}

/*nav menu twitter*/
.l-header_nav_drawer_twitter {
    margin-bottom:20px;
}


/*���C���J����*/
.l-main_3calam {
    display:flex;
    align-items:flex-start;
    margin: 20px 15px 50px;
    padding: 0;
    border-left: none;
}

/*���C���J����*/
.l-main_3calam_next {
    display:flex;
    align-items:flex-start;
    padding: 0;
    border-left: none;
}

/*���C���J����*/
.l-main_3calam_chat {
    display:flex;
    align-items:flex-start;
    padding: 0;
    border-left: none;
}

.l-main_2calam {
    display:flex;
    align-items:flex-start;
    margin: 20px 15px 50px;
    padding: 0;
    border-left: none;
}

/*���J����*/
.l-aside_left {
    display:flex;
    flex-direction:column;
    width:185px;
    margin-right:15px;
}

/*���J���� �}�C�f�[�^*/
.l-aside_left_mydata {
    display:flex;
    flex-direction:column;
    width:100%;
    border:1px solid #9EB4DB;
    margin-bottom:15px;
    background:#FFFFFF;
}

.l-aside_left_mydata h2 {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#E6ECFE;
    color:#00CED1;
    font-size:1.4rem;
    padding:5px;
}

.l-aside_left_mydata_photobox {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:15px 10px;
    border-bottom:1px solid #9A9FA4;
}

.l-aside_left_mydata_photobox h3 {
    font-size:1.4rem;
    margin-bottom:15px;
}

.l-aside_left_mydata_photobox img {
    width:100px;
    margin-bottom:15px;
    object-fit:contain;
    aspect-ratio: 4/5;
}

.l-aside_left_mydata_photobox_link {
    width:100%;
    display:flex;
    justify-content:space-between;
}

.l-aside_left_mydata_photobox_link h4 {
    width:80px;
    font-size:1.2rem
}

.l-aside_left_mydata_photobox_link a {
    text-align:right;
    font-size:1.2rem
}

.l-aside_left_mydata_pointmile {
    padding:15px 10px;
}

.l-aside_left_mydata_pointmile_point {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
}

.l-aside_left_mydata_pointmile_point h4 {
    font-size:1.2rem;
}

.l-aside_left_mydata_pointmile_point a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #47B300;
    color: #FFFFFF;
    font-size: 1.2rem;
    padding: 5px;
    border-radius: 20px;
    width: 90px;
}

.l-aside_left_mydata_pointmile_mile {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:15px;
}

.l-aside_left_mydata_pointmile_mile h4 {
    font-size:1.2rem;
}

.l-aside_left_mydata_pointmile_mile a {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#00CED1;
    color:#FFFFFF;
    font-size:1.2rem;
    padding:5px;
    border-radius: 20px;
    width: 90px;
}

.l-aside_left_mydata_pointmile_milechenge {
    margin-bottom:10px;
}

.l-aside_left_mydata_pointmile_milechenge .icon_ya_right {
    display:flex;
    align-items:center;
    justify-content:flex-end;
}

.l-aside_left_mydata_pointmile_milechenge .icon_ya_right:after {
    display:block;
    content:"";
    font-size:1.4rem;
    color:#E86900;
    padding-left:5px;
}

.l-aside_left_mydata_pointmile_img {
    width:100%;
}

/*���J���� ���j���[*/
.l-aside_left_menu {
    border:1px solid #FF8CB5;
    margin-bottom:15px;
}

.l-aside_left_menu h2 {
    display:flex;
    justify-content:center;
    align-items:center;
    background:#FFECFE;
    color:#FC4A94;
    font-size:1.4rem;
    padding:5px;
}

.l-aside_left_menu_list {
    display:flex;
    flex-direction:column;
    margin: 10px;
}

.l-aside_left_menu_list li {
    position: relative;
    font-size: 14px;
    margin-bottom: 10px;
}

.l-aside_left_menu_list li:last-child {
    margin-bottom: 0px;
}

.l-aside_left_menu_list li a {
    display: flex;
    align-items: center;
    border-radius: 5px;
    position: relative;
    padding: 10px 10px 10px 15px;
    color: #616C76;
    background: linear-gradient( #ffffff 0%, #f2f2f2 100%);
    border: 1px solid #ddd;
}

.l-aside_left_menu_list li a:hover {
    color: #616C76;
    background: linear-gradient(to top, #ffffff 0%, #f2f2f2 100%);
}

.l-aside_left_menu_list li small {
    display: block;
    background-color: #E04848;
    width: 34px;
    height: 34px;
    line-height: 35px;
    text-align: center;
    color: #FFF;
    border-radius: 30px;
    font-size: 14px;
    position: absolute;
    top: 4px;
    right: 10px;
    transition-duration: 0.5s;
}

.l-aside_left_menu_accordion {
    padding:10px;
    margin-bottom:10px;
}

.l-aside_left_menu_accordion label {
    cursor: pointer;
    text-indent: 20px;
    line-height: 30px;
    background-repeat: no-repeat;
    background-position: 0px 10px;
    display: flex;
    align-items: center;
    background: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 4px 0 #ddd;
    position: relative;
    padding: 5px 10px 5px 17px;
}

.l-aside_left_menu_accordion label:before {
    display: block;
    content: "";
    background-image: url(../img/sn_icon9.png);
    background-repeat: no-repeat;
    width: 30px;
    height: 30px;
}

.l-aside_left_menu_accordion input {
    display: none;
}

.l-aside_left_menu_accordion ul {
    margin: 0;
    padding: 0;
	list-style: none;
    padding: 0px;
    border-radius: 0 0 5px 5px;
    background: #FFF;
}

.l-aside_left_menu_accordion ul li {
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	transition: all 0.5s;
	padding-left: 4px;
	border: none;
	font-size: 14px;
}

.l-aside_left_menu_accordion input[type="checkbox"]:checked + ul {
    background: #FFF;
    margin-top: 30px;
    border-radius: 8px;
	position: relative;
    padding: 25px 5px 10px;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.2);
    border: 1px solid #ddd;
}

.l-aside_left_menu_accordion input[type="checkbox"]:checked + ul:before {
	display:block;
	content:"";
    position: absolute;
    top: -17px;
    left: 110px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 18px 13px;
    border-color: transparent transparent #ddd transparent !important;
}

.l-aside_left_menu_accordion input[type="checkbox"]:checked + ul:after {
	display:block;
	content:"";
    position: absolute;
    top: -15px;
    left: 110px;
	width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 13px 18px 13px;
    border-color: transparent transparent #fff transparent;
}

#menu_bar01:checked ~ #links01 li {
    height: 35px;
    opacity: 1;
	font-size:12px;
}
.l-aside_left_twitter {
    margin-bottom:15px
}

.l-aside_left_logo {
    width: 150px;
    padding: 25px 25px 10px;
    background: #FFF;
    border-radius: 10px;
    margin: 0 auto 15px;
}

/*�����J����*/
.l-article_main {
    width:100%;
    margin-right:15px;
    display:flex;
    flex-direction:column;
}

.l-article_main_chatsl {
    width:100%;
    display:flex;
    flex-direction:column;
}

.l-article_main_sub {
    margin:20px 15px;
}

/*�����J���� pickup*/
.l-article_main_pickup {
    width:100%;
    margin-bottom:25px;
    order:1;
}

.l-article_main_pickup input {
    display:none;
}

.l-article_main_pickup_tab {
    display:flex;
    align-items:center;
    display:none;
}

.l-article_main_pickup_tab_girl {
    top:1px;
    left:5px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #FFEBFF;
    border: 1px solid #D6D5D5;
    border-bottom: none;
    width: 110px;
    border-radius: 5px 5px 0 0;
}
.l-article_main_pickup_tab_keijiban {
    top:1px;
    left:114px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #D6D5D5;
    border-bottom: none;
    width: 110px;
    border-radius: 5px 5px 0 0;
}
.l-article_main_pickup_tab_profsearch {
    top:1px;
    left:223px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    background: #FFFFFF;
    border: 1px solid #D6D5D5;
    border-bottom: none;
    width: 135px;
    border-radius: 5px 5px 0 0;
}
/*���Ȃ��̂��D�݂���*/
.l-article_main_maybe_contents {
    background: #fffae1;
    border: 1px solid #D6D5D5;
}

.l-article_main_maybe_contents h2 {
    background: linear-gradient(150deg, #ffb700, #ffd6e5);
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 18px 10px;
    text-align: left;
}

.l-article_main_maybe_contents h2:before {
    color:#FFFFFF;
    font-size:1.8rem;
    margin-right:3px;
}

.l-article_main_maybe_contents>ul {
    display:flex;
    flex-direction:column;
    margin: 40px;
}

.l-article_main_maybe_contents>ul>li {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .3);
}

.l-article_main_maybe_contents>ul>li:last-child {
    margin-bottom:0px;
}

.l-article_main_maybe_contents>ul>li strong {
    position: absolute;
    top: 10px;
    left: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FFFFFF;
    background: #ff9144;
    font-size: 1.4rem;
    padding: 6px 10px;
    border-radius: 5px;
    line-height: 1;
    z-index: 1;
}

.l-article_main_maybe_contents>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FF6BBA;
    font-size: 1.2rem;
}

.l-article_main_maybe_contents_list_left {
    height: auto;
    position: relative;
}

.l-article_main_maybe_contents_list_left img {
    border-radius: 0;
}

.l-article_main_maybe_contents_list_right {
    width: 100%;
}

.l-article_main_maybe_contents_list_right h3 {
    font-size: 1.8rem;
    color: #FF6394;
    text-align: center;
    padding: 10px;
}

.l-article_main_maybe_contents_list_right h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    FONT-WEIGHT: 600;
    background: #fdafb8;
    margin: 8px auto;
}

.l-article_main_maybe_contents_list_right p {
    font-size:1.6rem;
    color:#4E4E4E;
}

.l-article_main_maybe_contents_list_right_profile {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    font-size: 1.4rem;
    margin-top: 10px;
}

.l-article_main_maybe_contents_list_kidoku {
    position:absolute;
    top:0;
    right:0;
    border-top: 40px solid #FF0000;
    border-left: 40px solid transparent;
}

.l-article_main_maybe_contents_list_kidoku:before {
    content:"NEW";
    display:block;
    transform:rotate(45deg);
    color:#FFFFFF;
    font-size: 1.1rem;
    position: absolute;
    top: -33px;
    left: -27px;
    width: 30px;
}

.l-article_main_maybe_contents_btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:320px;
    padding:5px;
    font-size:1.8rem;
    color:#FFFFFF;
    background:#FF5FE3;
    border-radius:20px;
    padding: 10px 0 12px;
    margin: 10px auto ;
}

.l-article_main_maybe_btn  {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    font-size: 1.8rem;
}

.l-article_main_maybe_btn li {
    display: flex;
    align-items: center;
    border: 1px solid #ffb700;
    border-radius: 50px;
    margin: 15px 10px 15px;
    color: #ffb700;
    font-size: 1.8rem;
    padding: 5px 20px;
    background: white;
}

.l-article_main_maybe_btn li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 50px;
    background: linear-gradient(150deg, #ffb700, #ffd6e5);
}

.l-article_main_maybe_btn li:has(a) {
    padding:0;
    border: none;
}

.l-article_main_maybe_contents_btn.icon-icon_kakko_right {
    font-size:1.8rem;
    color:#FFFFFF;
}

.l-article_main_maybe_contents_btn.icon-icon_kakko_right:before {
    padding-top:2px;
}

/*�s�b�N�A�b�v�����o�[*/
.l-article_main_pickupgirl_contents {
    background: #f2f2f2;
    border: 1px solid #D6D5D5;
}

.l-article_main_pickupgirl_contents h2 {
    background: linear-gradient(150deg, #71d919,#FCCF31);
    color: #FFFFFF;
    font-size: 1.8rem;
    padding: 18px 10px;
    text-align: left;
}

.l-article_main_pickupgirl_contents h2:before {
    color:#FFFFFF;
    font-size:1.8rem;
    margin-right:3px;
}

.l-article_main_pickupgirl_contents>ul {
    display:flex;
    flex-direction:column;
    margin: 40px;
}

.l-article_main_pickupgirl_contents>ul>li {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 3px 3px 20px rgba(0, 0, 0, .3);
}

.l-article_main_pickupgirl_contents>ul>li:last-child {
    margin-bottom:0px;
}

.l-article_main_pickupgirl_contents>ul>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FF6BBA;
    font-size: 1.2rem;
}

.l-article_main_pickupgirl_contents_list_left {
    height: auto;
    position: relative;
}

.l-article_main_pickupgirl_contents_list_left img {
    border-radius: 0;
}

.l-article_main_pickupgirl_contents_list_right {
    width: 100%;
}

.l-article_main_pickupgirl_contents_list_right h3 {
    font-size: 1.8rem;
    color: #FF6394;
    text-align: center;
    padding: 10px;
}

.l-article_main_pickupgirl_contents_list_right h3:after {
    content: "";
    display: block;
    width: 50px;
    height: 2px;
    FONT-WEIGHT: 600;
    background: #fdafb8;
    margin: 8px auto;
}

.l-article_main_pickupgirl_contents_list_right p {
    font-size:1.6rem;
    color:#4E4E4E;
}

.l-article_main_pickupgirl_contents_list_right_profile {
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    font-size: 1.4rem;
    margin-top: 10px;
}

.l-article_main_pickupgirl_contents_list_kidoku {
    position: absolute;
    top: 0;
    left: 0;
    border-top: 40px solid #FF0000;
    border-right: 40px solid transparent;
}

.l-article_main_pickupgirl_contents_list_kidoku:before {
    content: "NEW";
    display: block;
    transform: rotate(-45deg);
    color: #FFFFFF;
    font-size: 1.1rem;
    position: absolute;
    top: -35px;
    right: -30px;
    width: 30px;
}

.l-article_main_pickupgirl_contents_btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:320px;
    padding:5px;
    font-size:1.8rem;
    color:#FFFFFF;
    background:#FF5FE3;
    border-radius:20px;
    padding: 10px 0 12px;
    margin: 10px auto ;
}
.l-article_main_pickup_btn  {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 15px;
    font-size: 1.8rem;
}

.l-article_main_pickup_btn li {
    display: flex;
    align-items: center;
    border: 1px solid #71d919;
    border-radius: 50px;
    margin: 15px 10px 15px;
    color: #71d919;
    font-size: 1.8rem;
    padding: 5px 20px;
    background: white;
}

.l-article_main_pickup_btn li a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 50px;
    background: linear-gradient(150deg, #71d919,#FCCF31);
}

.l-article_main_pickup_btn li:has(a) {
    padding:0;
    border: none;
}

.l-article_main_pickupgirl_contents_btn.icon-icon_kakko_right {
    font-size:1.8rem;
    color:#FFFFFF;
}

.l-article_main_pickupgirl_contents_btn.icon-icon_kakko_right:before {
    padding-top:2px;
}

/*�����J���� menuicon*/
.l-article_main_menuicon {
    width:100%;
    margin-bottom:25px;
    display:none;
}

.l-article_main_menuicon ul {
    display:flex;
    justify-content:space-around;
}

.l-article_main_menuicon ul li a {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#00CED1;
}

.l-article_main_menuicon ul li a img {
    width:80px;
    margin-bottom:10px;
}

.l-article_main_menuicon ul li a span {
    font-size:1.4rem;
    color:#00CED1;
}

.newmark {
    position: absolute;
    color: red;
    font-weight: bold;
    border-radius: 20px;
    border-radius: 20px;
    top: 4px;
    left: 4px;
    text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}

.DeleteBtn3 {
    padding: 5px 10px;
    font-size: 1.2rem;
    background: #000;
    color: #FFF;
    border-radius: 5px;
    margin-top: 10px;
}


/*�����J�����@�������߃����o�[*/
.l-article_main_recoment {
    background: #FFFFFF;
    border: 1px solid #D6D5D5;
    display:none;
}

.l-article_main_recoment h2 {
    color:#FF4AC2;
    background:#FFEBFF;
    font-size:1.8rem;
    padding: 10px;
}

.l-article_main_recoment h2:before {
    color:#FF4AC2;
    font-size:1.8rem;
}

.l-article_main_recoment ul {
    display:flex;
    justify-content:center;
    margin:15px;
}

.l-article_main_recoment ul li {
    width:25%;
    margin-right:15px;
}

.l-article_main_recoment ul li:last-child {
    margin-right:0px;
}

.l-article_main_recoment ul li a {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#FF6BBA;
    font-size:1.2rem;
}

.l-article_main_recoment ul li a img {
    margin-bottom:10px;
}

.l-article_main_recoment_btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:320px;
    padding:5px;
    font-size:1.8rem;
    color:#FFFFFF;
    background:#FF5FE3;
    border-radius:20px;
    padding: 10px 0 12px;
    margin: 15px auto;
}

.l-article_main_recoment_btn:hover {
    color:#FFFFFF;
}

/*�����J�����@�������߃����o�[*/
.l-article_main_recoment {
    background: #FFFFFF;
    border: 1px solid #D6D5D5;
    margin-bottom:25px;
}

.l-article_main_recoment h2 {
    color:#FF4AC2;
    background:#FFEBFF;
    font-size:1.8rem;
    padding: 10px;
}

.l-article_main_recoment h2:before {
    color:#FF4AC2;
    font-size:1.8rem;
}

.l-article_main_recoment ul {
    display:flex;
    justify-content:center;
    margin:15px;
}

.l-article_main_recoment ul li {
    width:80px;
    margin-right:15px;
}

.l-article_main_recoment ul li:last-child {
    margin-right:0px;
}

.l-article_main_recoment ul li a {
    display:flex;
    flex-direction:column;
    align-items:center;
    color:#FF6BBA;
    font-size:1.2rem;
}

.l-article_main_recoment ul li a img {
    margin-bottom:10px;
}

.l-article_main_recoment_btn {
    display:flex;
    align-items:center;
    justify-content:center;
    width:320px;
    padding:5px;
    font-size:1.8rem;
    color:#FFFFFF;
    background:#FF5FE3;
    border-radius:20px;
    padding: 10px 0 12px;
    margin: 15px auto ;
}

.l-article_main_recoment_btn:hover {
    color:#FFFFFF;
}

/*�����J�����@�s���{�������o�[*/
.l-article_main_ken {
    background: #f2f2f2;
    margin-bottom:0px;
}

.l-article_main_ken_tt {
    color: #00BF40;
    background: #C9F5AB;
    font-size: 1.8rem;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-article_main_ken_tt .icon-search {
    color: #FFF;
    font-size: 1.8rem;
}

.l-article_main_ken_form form select {
    padding: 2px 10px;
    border-radius: 30px;
    border: 1px solid #f6d700;
    color: #ff9000;
    font-weight:normal;
}

.l-article_main_ken h2 {
    color:#00BF40;
    background:linear-gradient(150deg, #ff9000, #FCFF00);;
    font-size:1.8rem;
    padding: 10px;
}

.l-article_main_ken h2:before {
    color:#00BF40;
    font-size:1.8rem;
    margin-right: 3px;
}

.l-article_main_ken_list {
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 40px ;
}
.l-article_main_chat_list_data {
    display: flex;
    align-items: center;
    padding: 0 0 10px 0;
    margin-bottom: 15px;
    font-size: 1.8rem;
    border-bottom: 1px solid #ff9000;
}
.l-article_main_chat_list_data small{
    font-size:12px;
    margin-left:auto;
}
.l-article_main_chat_list_coment {
    position:relative;
    display:flex;
    flex-direction:column;
    margin-bottom: 5px;
}

.l-article_main_chat_list_coment p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    font-size: 14px;
    line-height: 1.8;
}

.l-article_main_chat_list_box span {
    margin-left:auto;
}

.l-article_main_ken_list>li {
    width: 100%;
    position: relative;
    margin-bottom: 40px;
    padding: 30px;
    border-radius: 8px;
    background: #ffffff;
    box-shadow: 3px 3px 7px rgba(0, 0, 0, .1);
}

.l-article_main_ken_list>li:last-child {
    margin:0px;
}

.l-article_main_ken_list>li>a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #FF6BBA;
    font-size: 1.2rem;
}

.l-article_main_ken_list_img {
    position: relative;
}

.l-article_main_ken_list li a img {
    margin-bottom: 10px;
}

.l-article_main_ken_list_box {
    width: 100%;
    display:flex;
    flex-direction:column;
}

.l-article_main_ken_list_box span {
    margin-left:auto;
    display: none;
}

.l-article_main_ken_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 15px auto 15px;
    font-size: 1.8rem;
}

.l-article_main_ken_btn li {
    display: flex;
    align-items: center;
    border: 1px solid #ff9000;
    border-radius: 50px;
    margin: 15px 10px 15px;
    color: #ff9000;
    font-size: 1.8rem;
    padding: 5px 20px;
    background: #FFFFFF;
}

.l-article_main_ken_btn li:has(a) {
    padding: 0;
    border: none;
}

.l-article_main_ken_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 50px;
    background: linear-gradient(150deg, #ff9000, #FCFF00);
}

.l-article_main_ken_btn a:hover {
    color:#FFFFFF;
}

/*�����J�����@�S�������o�[*/
.l-article_main_zenkoku {
    display:none;

    background: #FFF;
    border: 1px solid #D6D5D5;
    margin-bottom:25px;
    background: #FFEAEA;
    order:1;
}

.l-article_main_zenkoku h2 {
    color:#FFF;
    background:#FF0000;
    font-size:1.8rem;
    padding: 10px;
}

.l-article_main_zenkoku h2:before {
    color:#FFF;
    font-size:1.8rem;
    margin-right: 3px;
}

.l-article_main_zenkoku_list {
    display: flex;
    flex-direction:column;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin: 15px 10px;
}
.l-article_main_chat_list_coment {
    display:flex;
    flex-direction:column;
    margin-bottom: 5px;
}

.l-article_main_chat_list_coment p {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 50px;
    font-size: 14px;
    line-height: 1.8;
}

.l-article_main_chat_list_box span {
    margin-left:auto;
}

.l-article_main_zenkoku_list li {
    width: 100%;
    margin-bottom: 20px;
    position:relative;
    display:flex;
}

.l-article_main_zenkoku_list li:last-child {
    margin-right:0px;
}

.l-article_main_zenkoku_list li a {
    display:flex;
    align-items:center;
    color:#FFF;
    font-size:1.2rem;
}

.l-article_main_zenkoku_list_img {
    width: 90px;
    margin-right: 15px;
}

.l-article_main_zenkoku_list li a img {
    margin-bottom:10px;
    height: 90px;
}

.l-article_main_zenkoku_list_box {
    width: calc(100% - 105px);
    display:flex;
    flex-direction:column;
}

.l-article_main_zenkoku_list_box span {
    margin-left:auto;
}

.l-article_main_zenkoku_btn {
    display:flex;
    align-items:center;
    justify-content:space-around;
    width:320px;
    background:#FFFFFF;
    border-radius:20px;
    margin: 15px auto 15px ;
    color: #92fbd1;
    font-size: 1.8rem;
}

.l-article_main_zenkoku_btn li {
    color: #666;
    font-size: 1.8rem;
    line-height: 1;
    padding: 7px 10px 5px;
}

.l-article_main_zenkoku_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #666;
    padding: 7px 0 5px;
}

.l-article_main_zenkoku_btn a:hover {
    color:#FF0000;
}

/*�����J�����@pairry�`���b�g*/
.l-article_main_chat {
    background: #F9F9F9;
    border: 1px solid #00CED1;
    margin-bottom: 25px;
}

.l-article_main_chat h2 {
    color:#FFFFFF;
    background:#00CED1;
    font-size:1.8rem;
    padding: 10px;
}

.l-article_main_chat h2:before {
    color:#FFFFFF;
    font-size:1.8rem;
    margin-right: 3px;
}

.l-article_main_chat_list {
    display: flex;
    justify-content: flex-start;
    flex-direction:column;
    flex-wrap: wrap;
    margin: 15px 10px;
}

.l-article_main_chat_list li {
    width: 100%;
    margin-bottom:20px;
    position:relative;
}

.l-article_main_chat_list li:nth-child(4) {
    margin-right:0px;
}

.l-article_main_chat_list li:nth-child(8) {
    margin-right:0px;
}

.l-article_main_chat_list li:last-child {
    margin-right:0px;
}

.l-article_main_chat_list li a {
    display:flex;
    align-items:center;
    color:#00CED1;
    font-size:1.2rem;
}

.l-article_main_chat_list_img {
    width: 90px;
    margin-right: 15px;
}

.l-article_main_chat_list li a img {
    margin-bottom: 10px;
    height: 90px;
}

.l-article_main_chat_list_box {
    display:flex;
    flex-direction:column;
    width: calc(100% - 105px);
}


.l-article_main_chat_btn {
    display:flex;
    align-items:center;
    justify-content:space-around;
    width:320px;
    background:#FFFFFF;
    border-radius:20px;
    margin: 15px auto ;
}

.l-article_main_chat_btn li{
    font-size: 1.8rem;
    line-height: 1;
    padding: 14px 10px 10px;
}   

.l-article_main_chat_btn a {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    color: #00CED1;
}

.l-article_main_chat_btn a:hover {
    color:#00CED1;
}

/*�����J�����@�d�v�Ȃ��m�点*/
.l-article_main_news {
    margin-bottom:25px;
}

.l-article_main_news h2 {
    color:#FF0000;
    background:#FFFFFF;
    border:1px solid #FF0000;
    border-bottom:2px solid #FF0000;
    font-size:1.8rem;
    padding: 10px 10px 5px;
    margin-bottom:5px;
}

.l-article_main_news_list {
    border:1px solid #D3D6D3;
    padding:20px 15px 5px;
    background:#FFFFFF;
}

.l-article_main_news_list ul {
    margin-bottom:5px;
}

.l-article_main_news_list ul li {
    margin-bottom: 15px;
}

.l-article_main_news_list ul li a {
    color:#00CED1;
    font-size:1.4rem;
}

.l-article_main_news_btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    background: #00CED1;
    color: #FFFFFF;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 1.4rem;
    margin: 0 auto 10px;
}



/*�E�J����*/
.l-aside_right {
    width:240px;
}

.l-aside_right_banner {
    margin-bottom:15px;
}

/*�t�b�^�[*/
.l-footer {
    width:100%;
    border-top:1px solid #D2D2D2;
    padding-top:20px;
    padding-bottom: 10px;
    margin-top:auto;
}

.l-footer ul {
    width:100%;
    display:flex;
    justify-content:center;
    align-items:center;
    margin: 0 auto 10px;
}

.l-footer ul li {
    border-right:1px solid #D2D2D2;
}

.l-footer ul li:last-child {
    border-right:none;
}

.l-footer ul li a {
    padding:10px;
    font-size:12px;
}

.l-footer_title {
    width:100%;
    margin:10px auto;
    text-align:center;
}

/*�J�����@1�J����*/
.l-main_1calam {
    display:flex;
    align-items:flex-start;
    padding: 0;
    border-left: none;
    /*margin-bottom: 40px;20251028*/
}

.l-main_1calam .l-article_main{
    width:100%;
    margin:0px 0px 0px 0px ;
}

.l-main_1calam .l-article_main>h2 {
    margin-bottom: 20px;
    width: 100%;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: flex;
    align-items: center;
    padding:0;
    color: #FFF;
}

.l-main_3calam_next .l-article_main>h2 {
    width: 100%;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: flex;
    align-items: center;
    padding:0;
    color: #FFF;
}

.l-main_3calam_next .l-article_main>h2 strong {
    font-weight: normal;
    padding: 10px 10px;
    position: relative;
    color: #FFF;
}

.l-main_3calam_next .l-article_main h2 strong:before {
    content: "";
    display: flex;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: -20px;
    margin-right: 10px;
}

.l-main_3calam_next .l-article_main>h2>a {
    margin: 0 5px 0 0px;
    color: #FFF;
    cursor: grab;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.l-main_1calam .l-article_main h2 strong {
    font-weight: normal;
    padding: 10px 10px;
    position:relative;
    color: #FFF;
}

.l-main_1calam .l-article_main h2 strong:before {
    content: "";
    display: flex;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: -20px;
    margin-right: 10px;
}

.l-main_1calam .l-article_main>h2>div {
    margin: 0 10px 0 auto;
}

.l-main_1calam .l-article_main>h2>a {
    margin: 0 5px 0 0px;
    color: #FFF;
    cursor: grab;
    display: flex;
    align-items: center;
    margin-right: 20px;
}

.l-main_1calam .l-article_main>h2>div>a {
    margin: 0 5px 0 0px;
    color: #FFF;
    cursor: grab;
    display: flex;
    align-items: center;
}

.l-main_1calam .l-article_main>h2>div>a>span {
    color: #FFF;
}

.l-main_1calam .l-article_main>h2>a span {
    margin-right: 5px;
    color: #FFF;
    cursor: grab;
}

.c-pay_logo {
    display:flex;
    justify-content: center;
}

p.c-pay_logo img {
    width: 120px;
}

.product_title {
    margin-bottom:10px;
    width: 100%;
}

.product_text {
    color: #222;
    font-weight: 300;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #DEDEFF;
    margin: 0 0 30px;
    width: 100%;
}

.product_text.product_text2 {
    padding-bottom: 40px;
    position:relative;
}

.product_text.product_text2:after {
    content: "";
    left: calc(50% - 22px);
    bottom: 10px;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 22px solid transparent;
    border-left: 22px solid transparent;
    border-top: 17px solid #f17474;
    border-bottom: 0;
}

.product_text span {
    display: block;
    font-size: 18px;
    position: relative;
    font-weight: 400;
    padding-bottom: 10px;
    color: #FF6586;
    border-bottom: 1px solid #FF6586;
    margin-bottom: 20px;
}

.product_title img {
    border-radius: 5px;
    width: 100%;
}

/*�J�����@1�J����-2*/
.l-main_1calam2 {
    display:flex;
    align-items:flex-start;
    padding: 0;
    border-left: none;
}

.l-main_1calam2 .l-article_main{
    margin-bottom:50px;
    width:100%;
    margin:0px;
}

.l-main_1calam2 .l-article_main>h2 {
    margin-bottom: 20px;
    width: 100%;
    background: linear-gradient(150deg, #00CED1,#00CED1 );
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding:0;
}

.l-main_1calam2 .l-article_main h2 strong {
    font-weight: normal;
    padding: 10px 15px;
    position:relative;
    color: #FFF;
}

.l-main_1calam2 .l-article_main h2 strong:before {
    content: "";
    display: flex;
    border-right: 1px solid #FFF;
    border-top: 1px solid #FFF;
    width: 26px;
    height: 26px;
    transform: rotate(45deg);
    position: absolute;
    top: 6px;
    right: -20px;
}

.l-main_1calam2 .l-article_main>h2>a {
    margin-right: 10px;
    color: #FFF;
}

/*�`���b�g�y�[�W*/
.l-article_main_chats {
    width: 100%;
    padding: 15px;
    background: #F6F6F6;
    margin-top: -20px;
}

.l-article_main_chats_list {
    display: grid;
    gap: 20px;
    margin: 0;
}

.l-article_main_chats_list_box {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    background: #FFF;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr 50px;
    gap: 10px;
}

.l-article_main_chats_list_box2 {
    width: 100%;
    position: relative;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    background: #FFF;
    border-radius: 8px;
    display: grid;
    grid-template-columns: 1fr 106px;
    gap: 10px;
}

.l-article_main_chats_list_box_send_btnbox {
    display: grid;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    align-items: center;
    justify-content: center;
    margin: auto;
    padding: 0;
    height: 70px;
}

.l-article_main_chats_list_box label.check-box {
    position: absolute;
    right: 10px;
    bottom: 1px;
}

.l-article_main_chats_list_box a {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    color: #FF6BBA;
    font-size: 1.4rem;
}

.l-article_main_chats_list_box2 a {
    display: grid;
    grid-template-columns: 100px 1fr;
    gap: 10px;
    color: #FF6BBA;
    font-size: 1.4rem;
}

.l-article_main_chats_list_box strong {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 0;
    border-top: 35px solid #f00;
    border-right: 35px solid transparent;
}

.l-article_main_chats_list_box strong:after {
    content: "NEW";
    position: absolute;
    top: -35px;
    left: 0;
    font-size: xx-small;
    color: #FFF;
    transform: rotate(-45deg) translate(-5px, 5px);
}

.l-article_main_chats_list_box_tt {
    display:flex;
    align-items:center;
    background:#F9F9F9;
    color:#FFFFFF;
    padding:5px;
    border-radius:5px 5px 0 0;
}

.l-article_main_chats_list_box_tt.chat_on {
    background:#FF70FF;
}

.l-article_main_chats_list_box_tt strong {
    color: #C9FFFF;
    margin-right: 2px;
    font-size: 16px;
    line-height: 0;
}

.l-article_main_chats_list_box_tt.chat_on strong {
    color:#FF30B8;
}

.l-article_main_chats_list_box_tt span {
    font-size:12px;
    color:#FFFFFF;
}
.l-article_main_chats_list_box_img {
    display: flex;
    justify-content: center;
    align-items: center;
    height: auto;
    width: 100px;
}

.l-article_main_chats_list_box_img img{
    height: auto;
}

.l-article_main_chats_list_box_text {
    width: 100%;
}

.l-article_main_chats_list_box_profile {
    margin-bottom: 0;
}

.l-article_main_chats_list_box_profile h3 {
    font-size: 1.6rem;
    font-weight: bold;
    padding: 0;
}

.l-article_main_chats_list_box_profile p {
    font-size: 1.4rem;
    color: #4E4E4E;
}

.l-article_main_chats_list_box_date {
    margin:0;
}

.l-article_main_chats_list_box_date p {
    font-size: 14px;
    margin: 0 !important;
}

.l-article_main_chats_list_box_date span {
    font-size: 12px;
}

.l-article_main_chats_list_box_send {
    display:flex;
    justify-content:center;
    margin:10px 0 0 0;
    min-width: 160px;
}

.l-article_main_chats_list_box_del {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.l-article_main_chats_list_box_send button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 10px;
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    color: #FFF;
    text-shadow: 2px 2px 5px #00CED1;
    font-size: 1.2rem;
    transition: all ease 0.3s;
}

.l-article_main_chats_list_box_send2 button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 10px;
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    color: #FFF;
    text-shadow: 2px 2px 5px #00CED1;
    font-size: 1.2rem;
    transition: all ease 0.3s;
}

.l-article_main_chats_list_box_del button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 10px;
    background: linear-gradient(#918d8d, #000000, #000000);
    border: 1px solid #000000;
    color: #FFF;
    text-shadow: 2px 2px 5px #636363;
    font-size: 1.2rem;
    transition: all ease 0.3s;
}

.l-article_main_chats_list_box_del2 button{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    padding: 5px 10px;
    background: linear-gradient(#918d8d, #000000, #000000);
    border: 1px solid #000000;
    color: #FFF;
    text-shadow: 2px 2px 5px #636363;
    font-size: 1.2rem;
    transition: all ease 0.3s;
}

.l-article_main_chat_osirase {
    padding: 20px 15px;
    border-radius: 8px;
    margin: 0 15px 20px;
}

.l-article_main_chat_osirase.chat_check {
    background: #FFFFFF;
    border:1px solid #FF0000;
}

.l-article_main_chat_osirase h3 {
    font-size:26px;
    text-align:center;
    margin-bottom:10px;
}

.l-article_main_chat_osirase p {
    font-size:16px;
}

.l-article_main_chat_osirase ul li {
    list-style: disc;
    margin-left: 20px;
}

/*�`���b�gView*/
.c-chat_view {
    display: flex;
    flex-direction: column;
}

.c-chat_view_tt {
    display:flex;
    align-items:center;
    background:#00CED1;
    padding:10px 15px;
    width: 100%;
}

.c-chat_view_tt_left {
    display: flex;
    align-items: center;
    margin-right:auto;
}

.c-chat_view_tt_left a {
    display: flex;
    align-items:center;
}

.c-chat_view_tt_right {
    margin-left:auto;
}

.c-chat_view_tt .icon-icon_kakko_left {
    content:"";
    display:block;
    width:20px;
    color:#FFFFFF;
    margin-right:10px;
}

.c-chat_view_tt img {
    width:50px;
    height:50px;
    border-radius:50px;
    margin-right:20px;
}

.c-chat_view_tt h3 {
    color:#FFFFFF;
}

/*�폜�{�^��*/
.c-toggle {
    position: relative;
    width: 70px;
    height: 44px;
    margin: 0px;
    border-radius: 50px;
    overflow: hidden;
    cursor: pointer;
    order: 2;
  }
  .c-toggle input[type=checkbox] {
    display: none;
  }
  .c-toggle:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    background: #00CED1;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
  }
  .c-toggle:after {
    content: "OFF";
    position: absolute;
    top: 3px;
    left: 3px;
    width: 38px;
    height: 38px;
    display: block;
    border-radius: 50px;
    background: #fff;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.3);
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    text-align: center;
    padding: 14px 0 0;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    color: #00CED1;
    letter-spacing: .5px;
    box-sizing: border-box;
  }
  .c-toggle.checked:before {
    background: #00CED1;
  }
  .c-toggle.checked:after {
    content: "ON";
    left: 29px;
    box-shadow: 0 9px 28px -6px rgba(0, 0, 0, 0.5);
    color: #00CED1;
    padding: 14px 0 0 1px;
  }

  .c-toggle + .c-chat_view_tt_right_r {
    display:none;
  }

  .c-toggle.checked + .c-chat_view_tt_right_r {
    position:relative;
    display:block;
    height: 44px;
    border-radius: 50px;
    order: 1;
    margin-right: 10px;
  }

  .c-toggle.checked + .c-chat_view_tt_right_r span{
    position: absolute;
    background: white;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px;
    top: 0px;
    right: 45px;
    width: 134px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
  }

  .c-toggle.checked + .c-chat_view_tt_right_r span:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 132px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
  }

  #c-toggle_del_message {
    display:none;
    opacity:1;
    transition: opacity 2s ease;
    z-index: 100;
  }

  #c-toggle_del_message.show {
    display: block;
    opacity:1;
  }

/*�g�O�����b�Z�[�W2�@�n���o�[�K�[�p*/
#c-toggle_del_message2 {
    position: absolute;
    background: white;
    padding: 10px 15px;
    border-radius: 5px;
    font-size: 13px;
    top: 0px;
    right: 45px;
    width: 134px;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3);
    z-index:101;
    }

    #c-toggle_del_message2:after{
    content: "";
    position: absolute;
    top: 15px;
    left: 132px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-left: 10px solid #fff;
    border-right: 0;
    }

    #c-toggle_del_message2 {
    display:none;
    opacity:1;
    transition: opacity 2s ease;
    }

    #c-toggle_del_message2.show {
    display: block;
    opacity:1;
    }

  .c-toggle_del {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    background: #ed1e1a;
    border: 3px solid #b05f27;
    -webkit-transition: 0.2s ease-out;
    transition: 0.2s ease-out;
    text-align: center;
    line-height: 1;
    font-size: 13px;
    font-weight: bold;
    color: #FFF;
    letter-spacing: .5px;
    box-sizing: border-box;
    width:44px;
    height:44px;
  }

  .c-toggle_del:hover {
    background:#c31a17;
    color:#ffffff;
  }

  .c-toggle_del i {
    color: white !important;
    font-size: 20px;
  }

  /*�폜�`�F�b�N�{�b�N�X*/
  .c-toggle_del_check {
    display:none;
  }

  .c-toggle_del_check.checked {
    display:block;
    height: 25px;
  }

  .c-toggle_del_checkbox {
    height: 25px;
    width: 25px;
    margin-right: 10px;
  }


/*�`���b�g�r���[*/
.c-chat_view_coment {
    display: flex;
    flex-direction: column;
    align-items: center;
    background:#F9F9F9;
    padding:20px 10px;
    overflow-y: scroll;
    height: calc(100vh - 260px);
    margin-bottom: 70px;
}

.c-chat_view_coment2 {
    height: calc(100vh - 330px);
}

.c-chat_view_coment>time {
    padding:15px;
    background:#FFF;
    border-radius:8px;
    margin-bottom:25px;
}

.c-chat_view_coment_info {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px;
    background:#FFF;
    border-radius:8px;
    margin-bottom:60px;
}

.c-chat_view_coment_info.c-chat_info_view_coment_info{
    padding:15px;
}

.c-chat_view_coment_info time{
    margin-bottom:10px;
}

.c-chat_view_coment_info.c-chat_info_view_coment_info time{
    margin-bottom:0px;
}

.c-chat_view_coment_me {
    max-width: 100%;
    margin-left:auto;
    display:flex;
    align-items:flex-end;
    margin-bottom:30px;
}

.c-chat_view_coment_me .c-chat_view_coment_me_time{
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    width: 45px;
    font-size: 12px;
}

.c-chat_view_coment_me_text {
    background:#EEEEEE;
    border-radius: 30px 30px 0 30px;
    padding:15px;
    margin-left:10px;
    max-width:360px;
}

.c-chat_view_coment_me_text p {
    margin-bottom:0 !important;
}

.c-chat_view_coment_you {
    max-width: 95%;
    margin-right:auto;
    display:flex;
    align-items:flex-end;
    margin-bottom:30px;
}

.c-chat_view_coment_you_img {
    width:50px;
    height:50px;
    border-radius:30px;
    flex-shrink: 0;
}

.c-chat_view_coment_you_img img {
    width:100%;
    height:auto;
    border-radius:30px;
}

.c-chat_view_coment_you_text {
    background:#FFF;
    border-radius: 20px 20px 20px 0;
    padding:12px;
    margin-left:10px;
    max-width: calc(100% - 130px);
    flex-shrink: 0;
}

.c-chat_view_coment_you_text p {
    display:flex;
}

.c-chat_view_coment_you_time {
    display:flex;
    flex-direction:column;
    justify-content:flex-end;
    width: 45px;
    margin-left: 10px;
    flex-shrink:0;
    font-size:12px;
}

.c-chat_view_coment_you_message {
    margin-bottom: 0 !important;
    padding: 10px 10px;
    background: #00CED1;
    color: #FFF;
    border-radius: 50px;
    border: 0;
    cursor: pointer;
    width: 180px;
    font-size: 12px;
}

.c-chat_view_coment_you_password {
    max-width: 70%;
    margin-right: auto;
    display: flex;
    align-items: flex-end;
    margin-bottom: 30px;
}

.c-chat_view_coment_you_password .c-chat_view_coment_you_text {
    background:#CFF0E8;
    max-width: calc(100% - 10px);
}

.c-chat_view_coment_you_text_form {
    display:flex;
    align-items:center;
    justify-content:flex-start;
    flex-wrap:wrap;
    margin-top:10px;
}

.c-chat_view_coment_you_text_form label {
    margin-right:10px;
    margin-bottom:5px;
}

.c-chat_view_coment_you_text_form div{
    display:flex;
    align-items:center;
    justify-content:center;
}

.c-chat_view_coment_you_text_form input[type=password] {
    padding:10px;
    border-radius:50px;
    width: calc(100% - 80px);
    margin-right: 5px;
    border:1px solid #00CED1;
}

.c-chat_view_coment_you_text_form input[type=button] {
    padding: 10px 12px;
    border-radius: 50px;
    margin-right: 10px;
    background: #00CED1;
    color: #FFF;
    cursor: pointer;
}

.c-chat_view_coment_you_btn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px;
    border-radius:50px;
    background:#00CED1;
    border:none;
    margin-left: 5px;
    cursor: pointer;
}

.c-chat_view_coment_you_btn:disabled {
    background: #aaa;
}

.c-chat_view_coment_you_icon {
    font-size:20px;
    color:#FFF;
}

.c-chat_view_trans {
    padding: 10px 10px 10px 5px;
    background: #eee;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 101;
}

.c-chat_view_trans_btnbox_ya {
    width:40px;
    margin-right:5px;
    display:flex;
    align-items:center;
}

.c-chat_view_trans_btnbox_ya.radius {
    display:none;
}

.c-chat_view_trans_btnbox {
    width:140px;
    margin-right:5px;
    display:flex;
    align-items:center;
    display:none;
}

.c-chat_view_trans_btnbox.c-chat_info_view_trans_btnbox {
    width:45px;
    display:block;
}

.c-chat_view_trans_btnbox.c-chat_info_view_trans_btnbox {
    width:45px;
}

.c-chat_view_trans_btnbox_ya.radius + .c-chat_view_trans_btnbox {
    display:flex;
}

.c-chat_view_trans_btnbox.radius {
    display:block;
}

.c-chat_view_trans .c-chat_view_trans_btnbox_btn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:3px;
    border-radius:50px;
    border:none;
    cursor: pointer;
    background: none;
}

.c-chat_view_trans_btnbox_icon {
    font-size:35px;
    color:#00CED1;
    background:#eee;
}

.icon-icon_camera.c-chat_view_trans_btnbox_icon.show-icon,.icon-icon_movie.c-chat_view_trans_btnbox_icon,.icon-icon_address2.c-chat_view_trans_btnbox_icon {
    position:relative;
}

.icon-icon_camera.c-chat_view_trans_btnbox_icon.show-icon:after,.icon-icon_movie.c-chat_view_trans_btnbox_icon.show-icon:after,.icon-icon_address2.c-chat_view_trans_btnbox_icon.show-icon:after {
    position: absolute;
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    background: red;
    border-radius: 50px;
    top: -2px;
    right: -2px;
}

i.icon-icon_address.c-chat_view_trans_btnbox_icon {
    margin-bottom: 6px;
}


/*�`���b�g���M�{�^��*/

.c-chat_view_trans_form {
    width: calc(100% - -10px);
    min-height:16px;
    display: flex;
    align-items: center;
    position:relative;
}

.c-chat_view_trans_form .c-chat_info_view_trans_form  {
    width: calc(100% - 45px);
}

.c-chat_view_trans_btnbox_ya.radius + .c-chat_view_trans_btnbox + .c-chat_view_trans_form {
    max-width: calc(100% - 165px);
}

.c-chat_view_trans_btnbox_ya.radius + .c-chat_view_trans_btnbox + .c-chat_view_trans_form.c-chat_info_view_trans_form {
    max-width: calc(100% - 45px);
}

.c-chat_view_trans_form_textarea-dummy {
    overflow: hidden;
    visibility: hidden;
    box-sizing: border-box;
    padding: 5px 15px;
    min-height: 50px;
    max-height: 230px;
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow-wrap: break-word;
    border: 1px solid;
}

.c-chat_view_trans_form_textarea {
    position: absolute;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    display:block;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom:0;
    padding-right: 40px;
    letter-spacing: inherit;
    resize: none;
}
.c-chat_view_trans.c-chat_info_view_trans {
    padding: 15px 10px 15px 5px;
}

.c-chat_info_view_trans_form .textareaClass {
    width: 100%;
    height: 45px;
    margin-bottom: 0;
}

.c-chat_view_trans_sendbox_btn {
    position: absolute;
    right: 7px;
    top: calc(50% - 17px);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
    border: none;
    cursor: pointer;
    background: none;
}

.c-chat_view_trans_sendbox_btn .c-chat_view_trans_form_icon {
    font-size: 35px;
    color: #00CED1;
}

/*�`���b�g���M�{�^��*/

.c-chat_view_trans_sendbox {
    display:flex;
    align-items:center;
    width:45px;
}

.c-chat_view_trans_sendbox button {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:7px;
    border-radius:50px;
    background:#00CED1;
    border:none;
    margin-left: 5px;
    cursor: pointer;
}

.c-chat_view_trans_sendbox button .c-chat_view_trans_sendbox_icon {
    font-size:22px;
    margin: -2px 0px -1px -2px;
    color:#FFF;
}

/*�`���b�g����*/
.c-search_container{
    position: relative;
    box-sizing: border-box;
    display: block;
    padding: 3px 10px;
    border-radius: 20px;
    height: 3em;
    width: 250px;
    overflow: hidden;
    background: #dddddd;
    margin: 0 auto 20px;
  }
  .c-search_container input[type="text"]{
    border: none;
    height: 2.6em;
    background: #dddddd;
    padding: 10px 5px;
  }
  .c-search_container input[type="text"]:focus {
    outline: 0;
  }
  .c-search_container input[type="submit"]{
    cursor: pointer;
    font-family: FontAwesome;
    font-size: 1.3em;
    border: none;
    background: none;
    color: #fff;
    position: absolute;
    height: 3.3em;
    right: 12px;
    top: -10px;
    outline : none;
  }
  .c-search_container ::-webkit-input-placeholder {
    color: #fff;
  }

/*agreement.html*/
section#wrap-Agreement {
    margin: 0;
}

/*ashiato.html*/
.l-article_main .TPmemberList article {
    width: calc(50% - 20px);
    margin: 5px 10px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF;
    border-radius: 5px;
    padding: 10px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2)
}

.l-article_main .TPmemberList article:nth-child(even) {
    width: calc(50% - 7.5px);
    margin: 5px 0px 15px 7.5px;
}

.l-article_main .TPmemberList article:nth-child(odd) {
    width: calc(50% - 7.5px);
    margin: 5px 7.5px 15px 0;
}

/*img_edit.html*/
#NimgUpload small,#NimgUpload small i {
    color: white;
}

#PhotoUpload article div .label {
    height: 115px;
}

/*info_mail.html*/
.tab-page li {
    width:50%;
}

/*login_top.html*/
.TPmemberList article .Ccoment {
    width: 100%;
    min-height: 75px;
}

#RecommendMem {
    width: calc(100%  - 30px);
    margin: 0 15px 30px;
    flex-wrap: wrap;
}

#RecommendMem > * {
    width: calc(33.3333% - 10px);
}

/*�_�C�����O�\��*/
.dialog {
    display: none;
    border: 1px solid #00CED1;
    position: absolute;
    bottom: 0px;
    background: white;
    width: calc(100% - 10px);
    max-height: 250px;
    overflow-y: scroll;
    z-index: 1;
    margin-bottom: 85px;
}

.dialog.c-chat_info_view_dialog {
    top: -130px;
    width: calc(100% - 15px);
}

.dialog a {
    margin-right: auto;
    margin-left: 10px;
    color:#00CED1;
}

.dialog p {
    margin-bottom: 10px;
    padding: 10px;
    border-bottom: 1px solid #00CED1;
    display:flex;
    justify-content: space-between;
    align-items:center;
}

.dialog button {
    padding: 5px 15px;
    border-radius: 50px;
    margin-right: 10px;
    background: #00CED1;
    color: #FFF;
    cursor: pointer;
    border: none;
}
.c-photo_dialog_box,.c-movie_dialog_box {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin:10px;
}

.c-photo_dialog_box li {
    width: 140px;
    margin: 0 10px 10px 0;
    position:relative;
}

.c-movie_dialog_box li {
    width:310px;
    margin: 0 10px 10px 0;
    position:relative;
}

.c-photo_dialog_box2 {
    display: flex;
    flex-direction: column;
    margin: 10px;
}

.c-photo_dialog_box2 label {
    margin-bottom: 10px;
}

.c-dialog_input {
    display: none;
}
.c-dialog_label {
    width: 30px;
    height:30px;
    position:absolute;
    top: 3px;
    right: 3px;
    background:#ddd;
    border-radius: 50%;
    border:2px solid #FFF;
    z-index: 1;
}

.c-dialog_label img {
    border: 2px solid white;
    width:100px;
}

.c-dialog_label input:checked + img, .c-dialog_label.c-dialog_label_movie input:checked + video {
    border: 2px solid #00CED1;
}

.c-photo_dialog_box input:checked + label, .c-movie_dialog_box input:checked + label {
    background:#00CED1;
}

ul.c-photo_dialog_box li img {
    border: 2px solid #ddd;
    border-radius: 8px;
}

.c-dialog_button_box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: sticky;
    bottom: -1px;
    z-index: 1;
    background: #FFF;
    padding: 10px;
}

.c-dialog_button_box.c-dialog_button_box_chat_info {
    display: flex;
    align-items: center;
    position: sticky;
    bottom: -1px;
    z-index: 1;
    background: #FFF;
    padding: 10px;
}

.c-dialog_button_box.c-dialog_button_box_chat_info input {
    width: calc(100% - 120px);
    padding:5px;
}

button.c-dialog_del {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    border-radius: 50px;
    background: #00CED1;
    color: #FFF;
    cursor: pointer;
    border: none;
}

button.c-dialog_del.c-dialog_del_chat_info {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 5px 10px;
    border-radius: 5px;
    background: #00CED1;
    color: #FFF;
    cursor: pointer;
    border: none;
    width: 100px;
    font-size: 12px;
}

.dialog .c-chat_deleat {
	border-radius: 50px;
    background: #00CED1;
    margin:0;
    color: #FFF;
    cursor: pointer;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1px
}

.c-chat_deleat .icon-icon_delete2 {
	width: 30px;
    height: 30px;
    border-radius: 50%;
    color: #FFF;
    font-size: 30px;
}

/* �_�� */
/* .blinking{
	-webkit-animation:blink 1.5s ease-in-out infinite alternate;
    -moz-animation:blink 1.5s ease-in-out infinite alternate;
    animation:blink 1.5s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}*/

/*�`���b�g�ꗗ�@�ꊇ�폜*/
label.check-box {
    position: absolute;
    right: -5px;
}


/*�`���b�g�n���o�[�K�[*/
.c-chat_view_tt_right2 {
    margin-left:20px;
    position: relative;
    order:2;
}

.chatmenu-btn {
    cursor: pointer;
    display: block;
    position:relative;
    width: 44px;
    height: 44px;
    background: #00CED1;
    border: 3px solid #FFFFFF;
    padding: 5px;
    border-radius: 50px;
}

.chatbtn-line {
    width: 25px;
    height: 2px;
    background-color: #fff;
    transition:0.5s all;
}

.chatbtn-line1 {
    position:absolute;
    top: 8px;
    left: 7px;
    background: none;
}

.chatbtn-line2 {
    position: absolute;
    top: 12px;
    left: 4px;
    text-align: center;
    font-size: 10px;
    color: white;
    background: none;
}

.chatbtn-line3 {
    position:absolute;
    top: 29px;
    left: 7px;
    background: none;
}

.chatmenu-btn.show .chatbtn-line1 {
    top: 18px;
    left: 7px;
    rotate:225deg;
    background:#FFFFFF;
}

.chatmenu-btn.show .chatbtn-line2 {
    opacity:0;
    left:-100px;
}

.chatmenu-btn.show .chatbtn-line3 {
    top: 18px;
    left: 7px;
    rotate: -225deg;
    FONT-VARIANT: JIS78;
    background: white;
}

.chatmenu {
    position: absolute;
    display: flex;
    right: -16px;
    top: 57px;
    width:0;
    height: 0;
    opacity:0;
    visibility: hidden;
}

.chatmenu.show {
    display: flex;
    transition: ease 1s all;
    width: 335px;
    height: 84vh;
    opacity: 1;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);
    visibility: visible;
}

.chatmenuBox1 {
    margin: 5px;
    border: 1px solid #00CED1;
    border-radius: 5px;
    text-align: center;
    margin-bottom: 20px;
}

p.chatmenuBox1P1 {
    background: #00CED1;
    padding: 10px;
    color: #FFFFFF;
}

p.chatmenuBox1P2 {
    padding: 10px;
    background: #FFFFFF;
    border-radius: 0 0 4px 4px;
}

.chatmenuBox2 {
    position: fixed;
    bottom: 75px;
    background: #00CED1;
    width: 100%;
    text-align: center;
    border: 1px solid #00CED1;
}

p.chatmenuBox2P1 {
    background: #00CED1;
    padding: 10px;
    color: #FFFFFF;
}

p.chatmenuBox2P2 {
    background: #FFFFFF;
    padding: 10px;
}

.chatmenu.chatmenu_warning.show {
    height: calc(100vh - 100px);
}

.chatmenu ul {
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    background: #FFF;
}

.chatmenu li {
    width: 335px;
    border-bottom: 1px solid #ddd;
}

.chatmenu a {
    text-decoration: none;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    padding: 15px 10px;
}

.chatmenu button {
    cursor: pointer;
    text-decoration: none;
    color: #000;
    font-size: 16px;
    display: flex;
    align-items: center;
    background: none;
    border: none;
    padding: 15px 10px;
}

.chatmenu i {
    margin-right:5px;
}

.c-chat_view_tt_right_delbox {
    display:none;
    position:relative;
}

.c-chat_view_tt_right_delbox.show {
    display:block;
    order:1;
    margin-left:auto;  
    position:relative;
}

/*�`���b�g���n�߂悤*/
.c_chathow_base {
    background:#F9F9F9;
    padding:15px;
    display: flex;
    flex-direction: column;
    margin-bottom:25px;
    margin-top: -20px;
}

.c_chathow_tt {
    margin-bottom: 25px;
}

.c_chathow_card {
    border-radius:8px;
    margin-bottom:40px;
}

.c_chathow_card_tt {
    background: #00CED1;
    color: #FFFFFF;
    padding: 15px 15px;
    border-radius: 8px 8px 0 0;
    font-size:16px;
}

.c_chathow_card_box {
    background: #FFFFFF;
    padding: 30px 20px;
    border-radius: 0 0 8px 8px;
}

.c_chathow_p1 {
    font-size:16px;
    margin-bottom:30px;
}

.c_chathow_p2 {
    font-size:16px;
    font-weight: bold;
}

.c_chathow_p3 {
    font-size:14px;
    margin-bottom:20px;
}

.c_chathow_p3 .red{
    color:red;
}

.c_chathow_tt1 {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    margin-bottom:20px;
    font-size:18px;
    padding:5px 20px;
    border:1px solid #000;

}

.c_chathow_h4 {
    font-size:16px;
    margin-bottom:20px;
    font-weight:bold;
}

.c_chathow_list1 {
    margin-bottom:20px;
}

.c_chathow_list1 li {
    margin-bottom:10px;
    font-size:16px;
}

.c_chathow_icon {
    width:60px;
    height:60px;
    margin-bottom:20px;
}

.c_chathow_img1 {
    width:470px;
    margin:0 auto;
}

.c_chathow_picture1 {
    width:100%;
    margin-bottom:20px;
}

.c_chathow_picture2 {
    width:100%;
    margin-bottom:20px;
}

.c_chathow_picture3 {
    width:100%;
    margin-bottom:20px;
}

.c_chathow_picture4 {
    width:100%;
    margin-bottom:20px;
}

.c_chathow_img1 {
    width:100%;
    margin:0 auto;
}

.c_chathow_nicelist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.c_chathow_nicelist li {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.c_chathow_nicelist li:nth-of-type(-n+6) {
    margin-bottom:30px
}

.c_chathow_nicelist li img {
    width:130px;
    margin-bottom:15px;
}

.c_chathow_nicelist li h3 {
    font-size:14px;
    font-weight:normal;
}

.c_chathow_howtolist {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
}

.c_chathow_howtolist li {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.c_chathow_howtolist li strong {
    font-size:24px;
    margin-bottom:10px;
}

.c_chathow_howtolist li img {
    width:160px;
    margin-bottom:15px;
}

.c_chathow_howtolist li h3 {
    font-size:14px;
    font-weight:normal;
}

.c_chathow_ht {
    display: inline-flex;
    justify-content: center;
    background: #FFFFFF;
    padding: 10px 25px;
    border-radius: 50px;
    font-size: 20px;
    margin: 0 auto 25px;
}

.c_chathow_photolist {
    display:flex;
    flex-direction: column;
}

.c_chathow_photolist li {
    display:flex;
    flex-direction:column;
    align-items:center;
    width: calc(100% - 20px);
    margin:0 10px;
}

.c_chathow_photolist li:nth-of-type(-n+2) {
    margin-bottom:30px;
}

.c_chathow_photolist li strong {
    font-size:24px;
    margin-bottom:10px;
}

.c_chathow_photolist li img {
    width:100%;
    margin-bottom:15px;
}

.c_chathow_photolist li h3 {
    font-size:14px;
    font-weight:normal;
}

.c_chathow_photolist li h3 a {
    color:#00CED1;
    font-size:14px;
    font-weight:bold;
}

.c_chathow_photolist li h3 .icon-mailsend {
    background:#00CED1;
    color:#FFFFFF;
    font-size:10px;
    padding: 5px;
    margin: 0 3px;
    border-radius:30px;
}

.c_chathow_photolist li h3 strong {
    color:#6E0000;
    font-weight:bold;
    font-size: 14px;
}

.c_chathow_kakaku {
    padding:10px 25px;
    border-radius:30px;
    font-size:18px;
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    color: #ffffff;
}

.c_chathow_kakaku:hover {
    color:#ffffff;
    opacity:0.9;
}

/*chat_view �`���b�g�u���b�N�\���@chat_block_alert*/
#chat_block_alert {
    background: white;
    padding: 20px;
    margin-bottom:20px;
    border-radius: 8px;
    text-align: center;
    display:none;
}

#chat_block_alert.open{
    display:block;
}

#chat_block_alert h3 {
    color: red;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px
}

#chat_block_alert p {
    color: red;
}

/*index���j���[�A��*/
/*index���j���[�A�� body*/
.p-re_body {
    background:#FFF;
    margin:0 auto;
}


/*index���j���[�A�� �w�b�_�[*/
.p-re_header {
    display:flex;
    min-width:100%;
    align-items:center;
    padding: 10px 0;
    background: rgba(255, 255, 255, 0.8);
    position: fixed;
    top: 0;
    z-index: 1;
}

.p-re_headerB {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 10px;
    font-size: 14px;
    color: #FFF;
    width: 100%;
    background: #000000;
}

.p-re_header.visible {
    opacity: 1;
    transform: translateY(0);
}

.p-re_header2 {
    display:flex;
    min-width:100%;
    align-items:center;
    background: rgba(255, 255, 255, 0.8);
    top: 0;
    z-index: 1;
}

.p-re_header2.visible {
    opacity: 1;
    transform: translateY(0);
}

.p-re_header_logo {
    width:160px;
    margin-right:10px;
    margin-left:10px;
}

.p-re_header_tt {
    font-size:14px;
    margin-right:20px;
}

.p-re_header_link {
    display:flex;
    margin-left:auto;
    margin-right:10px;
}

.p-re_header_link ul {
    display:flex;
    align-items:center;
}

.p-re_header_link ul li {
    display:flex;
    margin-left:10px;
}

.p-re_header_link ul li a {
    font-size:18px;
    color:#000000;
}

.p-re_header_link ul li a:hover {
    font-size:18px;
    color:#00CED1;
    padding:10px 30px;
    border-radius:35px;
}

a.p-re_header_join.js-modal-open2 {
    display: none;
}

.p-re_header_login {
    padding:10px 30px;
    color:#FFFFFF !important;
    border-radius:35px;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    display:flex;
    align-items:center;
    justify-content:center;
    font-weight:bold;
}

.p-re_header_login:hover {
    padding:5px 15px;
    color:#FFFFFF !important;
    border-radius:20px;
    background: linear-gradient(150deg,  #00CED1,#00CED1);
}

.p-re_header_join {
    padding:5px 15px;
    color:#FFFFFF !important;
    border-radius:20px;
    background: linear-gradient(150deg,#FF3094,#FF0000);
    display:flex;
    align-items:center;
    justify-content:center;
}

.p-re_header_join:hover {
    padding:5px 15px;
    color:#FFFFFF !important;
    border-radius:20px;
    background: linear-gradient(150deg,#FF0000,#FF3094);
}

/*index���j���[�A�� �g�b�v�摜*/
.p-re_top {
    width:100%;
    aspect-ratio:31 / 16;
    position:relative;
    background: white;
}

.p-re_top-snaq {
    width:100%;
    aspect-ratio:1 / 1;
    position:relative;
    background: white;
}

.p-re_top>img{
    width:100%;
}

.p-re_top_join {
    border-radius: 15px;
    padding:15px;
    background: rgba(255, 255, 255, 0.3);
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
    margin: 15px;
}

.p-re_top_join_inner {
    background: #FFFFFF;
    padding: 10px 0px;
    border-radius: 13px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    opacity:1;
}

.c-newlogin_form div input[type="checkbox"] {
    margin-right: 5px;
}

.p-re_top_join .c-newlogin_form {
    width: 100%;
    display:none;
}

.p-re_top_join .c-newlogin_form #LoginForm dl dd input {
    width: 100%;
    border: 1px solid #00CED1 !important;
    padding:10px;
    font-size: 18px;
    color: #00CED1;
}

.p-re_top_join .c-newlogin_form #LoginForm dl dd input:focus {
    outline:1px solid #00CED1 !important;
    border:0px;
    color:#00CED1;
}

.p-re_top_join .c-newlogin_form div {
    margin-bottom: 15px;
    font-size: 18px;
    text-align: left;
}

.p-re_top_join .c-newlogin_form .p-re_header_check_btn_login {
    width:100%;
}

.c-newlogin_form .p-re_top_join p a {
    font-size: 16px;
}

.p-re_top_login_h3 {
    font-size: 21px;
    margin-bottom:10px;
    font-weight: bold;
    color:#00CED1;
}

.p-re_top_login_h3 i {
    margin-right:5px;
    color:#00CED1;
}

.p-re_top_join_h3 {
    font-size: 30px;
    margin-bottom:10px;
    font-weight: bold;
    color:#00CED1;
    text-align:center;
    display:flex;
    align-items:center;
}

.p-re_top_join_h3:before {
    content: "";
    display: flex;
    width: 37px;
    height: 0;
    border-bottom: 1px solid #00CED1;
    transform: rotate(50deg);
    margin-bottom: 10px;
}

.p-re_top_join_h3:after {
    content: "";
    display: flex;
    width: 37px;
    height: 0;
    border-bottom: 1px solid #00CED1;
    transform: rotate(-50deg);
    margin-bottom: 10px;
}

.p-re_top_join p {
    font-size:16px;
    margin-bottom:10px;
}

.p-re_top_join p a {
    color:#00CED1;
}

.p-re_top_join_box {
    display:grid;
    grid-template-columns:240px 1fr;
    gap:10px;
}

.p-re_top_join_box_img {
    width:100px;
}

.p-re_top_join_list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
}

.p-re_top_join_list li {
    margin:5px;
}

.p-re_top_join_button {
    padding:8px 25px;
    color:#FFFFFF !important;
    font-size:20px;
    letter-spacing: 6px;
    border-radius:5px;
    background: linear-gradient(150deg,#00CED1, #00CED1);
    display:flex;
    justify-content:center;
    align-items:center;
}

.p-re_top_join_button:hover {
    padding:8px 25px;
    color:#FFFFFF !important;
    font-size: 20px;
    letter-spacing: 6px;
    border-radius: 5px;
    background: linear-gradient(150deg,#00CED1,#00CED1);
    display:flex;
    justify-content:center;
    align-items:center;
}

.p-re_top_join2_button {
    padding:8px 25px;
    color:#FFFFFF !important;
    font-size: 20px;
    letter-spacing: 6px;
    border-radius: 5px;
    background: linear-gradient(150deg,#FF3094,#FF0000);
    display:flex;
    justify-content:center;
    align-items:center;
}

.p-re_top_join2_button:hover {
    padding:8px 25px;
    color:#FFFFFF !important;
    font-size: 20px;
    letter-spacing: 6px;
    border-radius: 5px;
    background: linear-gradient(150deg,#FF0000,#FF3094);
    display:flex;
    justify-content:center;
    align-items:center;
}

/*�{�T�[�r�X*/
.c-tab_snaq {
    display: flex;
    flex-direction: column;
    align-items: center;
    flex-wrap: wrap;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    width: calc(100% - 30px);
    background: #FFF;
    border-radius: 8px;
    margin: 15px;
    padding: 20px;
}

.c-tab_snaq h3 {
    font-size: 3.8rem;
    line-height: 1.3;
    font-family: 'Noto Sans', sans-serif;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
}

/*index���j���[�A�� section1*/
.p-re_section1 {
    background:#FFF;
    width:100%;
    padding:30px 15px 10px;
}

.p-re_section1.p-re_section1-2 {
    padding:0 20px 40px;
}

.p-re_section1_inner {
    width:100%;
    margin:0 auto;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
}

.p-re_section1 h2 {
    font-size:2.4rem;
    font-weight:bold;
    text-align:center;
    line-height: 1.3;
    display:inline-block;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:10px;
}

.p-re_section1 h3 {
    font-size:2rem;
    font-weight:bold;
    text-align:center;
    line-height: 1.2;
    display:inline-block;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:30px;
}

.p-re_section1 p {
    text-align: center;
    font-size: 1.6rem;
}

/*section2*/

.p-re_section2 {
    background:#FFF;
    width:100%;
    padding:40px 20px;
}

.p-re_section2_inner {
    max-width:1240px;
    margin:0 auto;
    display:flex;
    flex-direction:column;
}

.p-re_section2 h2 {
    font-size:3.8rem;
    font-weight:900;
    line-height: 1.2;
    background: #222;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_section2 h3 {
    font-size:2rem;
    font-weight:900;
    line-height: 1.6;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:30px;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_section2 p {
    font-size: 1.8rem;
}

/*section3*/

.p-re_section3 {
    background:#FFF;
    width:100%;
    padding:0px 20px 40px;
}

.p-re_section3_inner {
    max-width:1240px;
    margin:0 auto;
    display:flex;
    align-items:center;
    flex-direction: column;
}

.p-re_section3_box1 {
    width:100%;
}

.p-re_section3_box2 {
    width: 100%;
}

.p-re_section3_box1.order2 {
    order:1;
    margin-right:0;
}

.p-re_section3_box2.order1 {
    order:2;
}

.p-re_section3 h2 {
    font-size:3.8rem;
    font-weight:900;
    line-height: 1.2;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_section3 h3 {
    font-size:3rem;
    font-weight:900;
    line-height: 1.6;
    color:#222;
    margin-bottom:30px;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_section3 p {
    font-size: 1.8rem;
}




.p-re_header_check_btn_login {
	position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 235px;
    height: 60px;
    color: #FFF;
    background: linear-gradient(150deg, #00CED1,#00CED1 );
    border: 2px solid #00CED1;
    border-radius: 5px;
    overflow: hidden;
    margin-right: 15px;
    font-size: 22px;
}
.p-re_header_check_btn_login:hover {
	color:#FFF;
}

.p-re_header_check_btn_login::before {
	content:"";
	display:block;
	width:9px;
	height:100%;
	top:0;
	left:0;
	background-color:#FFF;
	opacity:0;
	transition: cubic-bezier(0.32,0,0.67,0);
}

.p-re_header_check_btn_login:hover::before {
	animation: check_btn_anime 0.5s linear;
}

@keyframes check_btn_anime {
	0%{
		transform: scale(2) rotate(45deg);
		opacity:0;
	}
	20%{
		transform: scale(20) rotate(45deg);
		opacity:0.4;
	}
	40%{
		transform: scale(45) rotate(45deg);
		opacity:0.2;
	}
	80% {
		transform:scale(50) rotate(45deg);
		opacity:0.2;
	}
	100% {
		transform: scale(50) rotate(45deg);
		opacity:0;
	}
}

.p-re_header_check_btn_login:hover:before {
	left:120%;
}

.p-re_header_check_btn_logout {
	display: flex;
    align-items: center;
    justify-content: center;
    width: 120px;
    height: 60px;
    color: #00CED1;
    background: #FFF;
    border: 2px solid #00CED1;
    border-radius: 5px
}

.p-re_header_check_btn_logout:hover {
	opacity:0.8;
	color:#00CED1;
}

/*index���j���[�A�� slickslider*/
.c-lp15_koisagashi {
    width:100%;
}

.c-lp15_koisagashi_inner {
    width:100%;
    min-height:340px;
    margin:0 auto;
    padding:0 20px;
}

.c-lp15_koisagashi_box {
    min-height:250px;
    margin-bottom:40px;
    position:relative;
}

.c-lp15_koisagashi_map {
    position:absolute;
    bottom:-175px;
    left:0px;
}

.c-lp15_koisagashi h2{
    font-size: 3.4rem;
    font-weight:bold;
    line-height: 1.2;
    display:inline-block;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom:30px;
}

.c-lp15_koisagashi h3{
    font-size: 2.2rem;
    margin-bottom:30px;
}

.c-lp15_koisagashi p{
    font-size:16px;
}

/*index���j���[�A�� �g����*/
.p-re_use {
    width:100%;
    background: #FFFFFF;
    padding:40px 0 10px;
    margin-bottom:50px;
}

.p-re_use_inner {
    width:100%;
    margin:0 auto;
    padding:0 20px;
}

.p-re_use h2 {
    font-size:3.8rem;
    font-weight:900;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_use_inner>h3 {
    font-size: 2rem;
    font-weight: 900;
    background:linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_use p {
    font-size:18px;
}

.p-re_use_list {
    margin:30px 0 20px;
}

.p-re_use_list ul {
    display:flex;
    justify-content: space-between;
    flex-direction:column;
    align-items:center;
    width: 100%;
}

.p-re_use_list ul li {
    display:flex;
    flex-direction:column;
    align-items:center;
    margin: 10px 0 35px;
    width:320px;
}

.p-re_use_list ul li img {
    width: 310px;
    margin-bottom: 0;
}

.p-re_use_list_step {
    width: 120px;
    height: 46px;
    padding: 10px;
    color: #FFFFFF;
    background: linear-gradient(150deg, #FF96C9, #FF88C7);
    border-radius: 30px;
    margin-bottom: 20px;
    display: flex
;
    justify-content: center;
    align-items: center;
    font-size: 1.8rem;
    font-weight: bold;
}

.p-re_use_list ul li h3 {
    font-size:24px;
    margin-bottom:10px;
}

.p-re_use_list ul li p {
    font-size:16px;
}

/*LP15 ansin*/
.c-lp15_ansin {
    width: calc(100% - 30px);
	background: #FFF;
}

.c-lp15_ansin_inner {
	max-width: 1240px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}


.c-lp15_ansin ul {
	display:flex;
	justify-content:space-around;
    align-items:center;
	margin-top: 50px;
}

.c-lp15_ansin ul li {
	display:flex;
	flex-direction:column;
	align-items: center;
	margin:0 20px 30px;
	width:300px;
}

.c-lp15_ansin ul li img {
	max-width:200px;
	margin-bottom: 30px;
}

.c-lp15_ansin ul li h3 {
	font-size:26px;
	margin-bottom:15px;
}

.c-lp15_ansin ul li p {
	font-size:18px;
	line-height:1.8;
}

.c-lp15_h2 {
	font-size: 3.8rem;
    font-weight: 900;
    line-height: 1.2;
    background: #222;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
}

.c-lp15_h3 {
	font-size: 2rem;
    font-weight: 900;
    line-height: 1.6;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
    font-family: 'Noto Sans', sans-serif;
}

.c-lp15_p {
	font-size: 1.8rem;
    margin-bottom:0;
}

/*index���j���[�A�� ���񂽂񖳗��o�^*/
.p-re_touroku {
    background: linear-gradient(180deg, #fffefb, #e0ffff);
    background-repeat: repeat-x;
    display: flex;
    width: 100%;
    padding: 15px;
    margin-bottom: 60px;
}

.p-re_touroku_inner {
    width:100%;
    margin:0 auto 30px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    flex-direction:column;
}

.p-re_touroku_box1 {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    justify-content:center;
    padding: 0 ;
}

.p-re_touroku_box1 h2 {
    font-size: 3rem;
    font-weight: 900;
    line-height: 1.2;
    background: #222;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_touroku_box1 h3 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.6;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_touroku_box1 p {
    margin-bottom:20px;
    font-size:1.6rem;
}

.p-re_touroku_box1_p1 {
    font-size:16px;
    line-height:1.6;
    margin-bottom:20px;
    text-align:center;
}

.p-re_touroku_box1_p2 {
    font-size:12px;
    margin-top: 10px;
}

/*index���j���[�A�� ���񂽂񖳗��o�^2*/
.p-re_touroku2 {
    background: linear-gradient(180deg, #fffefb, #e0ffff);
    background-repeat: repeat-x;
    display:flex;
    width:100%;
}

.p-re_touroku2_inner {
    max-width:100%;
    margin:0 auto;
    display:flex;
    justify-content:space-around;
    align-items:center;
    flex-direction: column;
}

.p-re_touroku2_box1 {
    display:flex;
    flex-direction:column;
    align-items: flex-start;
    justify-content:center;
    margin: 50px;
}

.p-re_touroku2_box2 {
    width: 100%;
    height: 100%;
}

.p-re_touroku2_box2 img {
    width:100%;
    max-width: 690px;
    height: 100%;
    object-fit: cover;
    aspect-ratio: 13.8 / 12;
}

.p-re_touroku2_box1 h2 {
    font-size: 2.5rem;
    font-weight: 900;
    line-height: 2;
    background: #222;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
    margin-bottom: 20px;
}

.p-re_touroku2_box_p1 {
    font-size:1.8rem;
    line-height:1.6;
    margin-bottom:30px;
}

.p-re_touroku2_box_p2 {
    margin-bottom:50px;
    font-size:12px;
}

.p-re_touroku2_box1_center {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 100%;
}

/*index���j���[�A�� �悭���鎿��*/
.p-re_qa {
    width:100%;
}

.p-re_qa_inner {
    max-width:1240px;
    width:100%;
    margin:0 auto 50px;
    padding:0 20px;
}

.p-re_qa h2 {
    font-size: 3.8rem;
    font-weight: 900;
    line-height: 1.2;
    background: #222;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_qa h3 {
    font-size: 2rem;
    font-weight: 900;
    line-height: 1.6;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 30px;
    font-family: 'Noto Sans', sans-serif;
}

.p-re_qa_list {
    display:flex;
    flex-direction:column;
}

.p-re_qa li {
    display:flex;
    align-items:center;
    justify-content: space-between;
    border-bottom:1px solid #afaeae;
    margin-bottom:20px;
}

.p-re_qa li:last-child {
    border-bottom:none;
}

.p-re_qa_q {
    display: flex;
    align-items:center;
    font-size:1.6rem;
    margin-bottom:15px;
    margin-right: 10px;
}

.p-re_qa_q strong {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(150deg, #FF307D, #FFF);
    min-width: 40px;
    min-height: 40px;
    color: #FFFFFF;
    border-radius: 30px;
    margin-right: 10px;
    font-size: 2rem;
    line-height: 0;
}

.p-re_qa_a {
    display: flex;
    align-items:center;
    font-size:1.6rem;
    margin-bottom:20px;
    margin-right: 10px;
}

.p-re_qa_a strong {
    display:flex;
    align-items:center;
    justify-content:center;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    min-width: 40px;
    min-height: 40px;
    color:#FFFFFF;
    border-radius:30px;
    margin-right:10px;
    font-size:2rem;
    line-height:0;
}

.p-re_qa_ya {
    background: #FFF;
    color: #00CED1;
    min-width: 48px;
    min-height: 48px;
    border:1px solid #00CED1;
    border-radius: 50%;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-re_qa_ya:after {
    font-family: swiper-icons;
    content: 'next';
    font-size: 2rem;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
}




.p-re_footer {
    width:100%;
    margin-top:auto;
}

.p-re_footer_main {
    width:100%;
    background:#F0F0F0;
    padding:20px 0;
}
.p-re_footer_main_inner {
    width:100%;
    margin:0 auto;
    padding:0 20px;
    display:flex;
    justify-content:space-between;
    flex-direction:column;
}
.p-re_footer_main_left {
    width:100%;
    display: flex;
    justify-content: center;
}
.p-re_footer_main_left img {
    max-width:400px;
    width:50%;
}
.p-re_footer_main_right {
    width:100%;
    display:none;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}

.p-re_footer_main_right h2 {
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 1.2;
    display: inline-block;
    background: linear-gradient(150deg, #00CED1,#00CED1 );
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 15px;
    margin-top:20px;
}

.p-re_footer_main_right p {
    margin-top:10px;
    font-size:12px;
}

.p-re_footer_sub {
    width:100%;
    margin:0 auto;
    padding:10px;
}

.p-re_footer_sub ul {
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
}

.p-re_footer_sub ul li {
    display: flex;
    justify-content: center;
    align-items:center;
    width: 50%;
}

.p-re_footer_sub ul li a {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 1.4rem;
    padding: 10px 0;
    width: 100%;
}

.p-re_footer_bottom {
    display: none;
    justify-content: center;
    align-items: center;
    padding: 15px;
    font-size: 14px;
    color: #FFF;
    width: 100%;
    background: #000;
}

/*safety�y�[�W TOP�y�[�W*/
.p-safety {
    background:#FFFFFF;
}

.p-safety_header {
    display:flex;
    flex-direction:column;
    align-items: center;
    justify-content: center;
    margin:30px 15px;
}

.p-safety_header h1 {
    width:100%;
    margin-bottom:20px;
}

.p-safety_header h2 {
    font-size:14px;
    font-weight:normal;
}

.p-safety_content {
    width:100%;
    margin:20px auto;
    padding:0 15px;
    display:block;
}

.p-safety_content_section {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin: 0 auto 50px;
}

.p-safety_content_section h2 {
    display:flex;
    align-items:center;
    font-size:24px;
    margin-bottom:15px;
}

.p-safety_content_section h2:before {
    content:"";
    display:block;
    width:30px;
    border-bottom:2px solid #00CED1;
    transform:rotate(60deg);
}

.p-safety_content_section h2:after {
    content:"";
    display:block;
    width:30px;
    border-bottom:2px solid #00CED1;
    transform:rotate(-60deg);
}

.p-safety_content_section_bigbanner {
    width:100%;
}

.p-safety_content_section_list {
    display:flex;
    flex-wrap:wrap;
    justify-content: center;
}

.p-safety_content_section_list li {
    width:100%;
    margin: 0 0 10px 0;
}

.p-safety_footer {
    background:#C9F6F6;
    padding:30px 0 0 0;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:100%;
    position:relative;
}

.p-safety_footer_box {
    display:flex;
    flex-direction:column-reverse;
    align-items:center;
    justify-content:center;
    margin:0 15px 30px;
}

.p-safety_footer_left {
    background:#FFFFFF;
    padding:20px;
    border-radius:8px;
}

.p-safety_footer_right {
    width:200px;
    position: absolute;
    bottom: 0;
    right: 5px;
}

.p-safety_footer_left h2 {
    font-size:30px;
    color:#00CED1;
    margin-bottom:20px;
}

.p-safety_footer_left a {
    background:#00CED1;
    color:#FFFFFF;
    padding:5px 15px;
    display:inline-flex;
    align-items:center;
    font-size:24px;
    border-radius:8px;
}

.p-safety_footer_left a i.icon-icon_ya_right {
    margin-left:5px;
    color:#FFFFFF;
    font-size:24px;
}

.p-safety_footer_nav {
    display:flex;
    align-items:center;
    justify-content:center;
    background:#00CED1;
    width:100%;
}

.p-safety_footer_nav li {
    margin:8px 15px;
}

.p-safety_footer_nav li a, .p-safety_footer_nav li a:hover {
    color:#FFFFFF;
}

/*safety safety_mindset�y�[�W*/
.p-safety_mindset_header {
    margin-bottom:50px;
}

.p-safety_mindset_header h1 {
    background:#D8EFFF;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:100%;
    margin-bottom:20px;
}

.p-safety_mindset_header img {
    width:100%;
}

.p-safety_mindset_header h2 {
    font-size:20px;
    color:#00CED1;
    margin:0 auto 10px;
    width:100%;
    padding:0 20px;
}

.p-safety_mindset_header p {
    margin:0 auto;
    width:100%;
    padding:0 20px;
}

.p-safety_content_section_mindsetlist {
    width:100%;
}

.p-safety_content_section_mindsetlist li {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    margin-bottom:40px;
}

.p-safety_content_section_mindsetlist_left {
    width:100%;
    margin-bottom: 15px;
}

.p-safety_content_section_mindsetlist_left img {
    width:100%;
}

.p-safety_content_section_mindsetlist_right {
    width:100%;
}

.p-safety_content_section_mindsetlist_right h3 {
    font-size:20px;
    margin-bottom:5px;
    color:#00CED1;
}

.p-safety_content_section_mindsetlist_right h4 {
    font-size:12px;
    margin-bottom:20px;
}

.p-safety_content_section_mindsetlist_right p {
    font-size:14px;
}

#safetyback {
    display:none;
    padding:20px;
    background:#FFFFFF;
    border-radius:5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.3);
    color:#00CED1;
    justify-content:center;
    align-items:center;
    position:fixed;
    bottom:15px;
    right:15px;
    animation-name:fadeInAnime;
    animation-duration:0.8s;
    animation-fill-mode:forwards;
}

@keyframes fadeInAnime {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

#safetyback.safetyback_open {
    display:flex;
}

#safetyback i {
    color:#00CED1;
}

/*safety safety_problem�y�[�W*/
.p-safety_problem_content {
    width:100%;
    margin:0 auto;
    padding:0 20px;
    display:block;
}

.p-safety_problem_section {
    margin-bottom:50px;
}

.p-safety_problem_section h2{
    margin-bottom:10px;
}

.p-safety_problem_section h3{
    font-size:20px;
    margin-bottom:5px;
    color:#00CED1;
}

.p-safety_problem_section p{
    font-size:18px;
    margin-bottom:10px;
}

.p-safety_problem_section ul {
    margin-bottom:30px;
}

.p-safety_problem_section li {
    list-style-type: disc;
    margin-left: 25px;
}

.p-safety_problem_section_box {
    display:flex;
    align-items:center;
    margin-top:20px;
}

.p-safety_problem_section_box img {
    width:30px;
    margin-right:10px;
}

/*�����\�@�}�C���\*/
.table_design08 {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    max-width: 700px;
    text-align: center;
	margin-bottom:20px;
  }
  .table_design08 th, .table_design08 td {
    border: 2px solid #d2e8f1;
    padding: 1em;
  }
  .table_design08 th:last-child, .table_design08 td:last-child {
    border: none;
    padding: 1em;
  }
  .table_design08 thead th {
    background-color: #00CED1;
    color: #fff;
    border: 2px solid #00CED1;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
	text-align:center;
  }
  .table_design08 thead th:first-child {
    width: 280px;
  }
  .table_design08 thead th:last-of-type {
    border-right: 2px solid #00CED1;
  }
  .table_design08 tbody th {
    color: #00CED1;
    font-weight: bold;
    text-align: center;
  }

  table.table_design08 tr {
    border-bottom: 2px solid #e6f1f6;
  }

  .table_design08_p {
	margin-bottom:20px;
  }
  @media screen and (max-width: 500px) {
    .table_design08 {
      text-align: left;
    }
    .table_design08 thead {
      display:none;
    }
    .table_design08 th, .table_design08 td {
      display: flex;
      justify-content: space-between;;
      border: 0;
      border-bottom: 2px solid #e6f1f6;
    }
    .table_design08 tbody th{
      background: #00CED1;
      color:#fff;
    }
    .table_design08 td::before{
      content: attr(data-label);
      color: #00CED1;
      font-weight: bold;
      display: inline-block;
      min-width: 4em;
    }
  }
  
/*�}�C�y�[�W*/
.c-coment_phone {
    padding: 10px 15px;
    background: #FFF2FF;
    margin-bottom: 10px;
    display: inline-flex;
    color: #FF3094;
    border-radius: 5px;
    font-size: 12px;
    margin-left: 10px;
    position: relative;
}

.c-coment_phone:before {
    display: block;
    content: "";
    width: 20px;
    height: 20px;
    position: absolute;
    left: -10px;
    top: 8px;
    background: #FFF2FF;
    clip-path: polygon(0 50%, 100% 0, 100% 100%);
}
.l-header_nav_drawer_next_tt {
    background: linear-gradient(150deg, #00CED1, #9AECED);
    padding:10px;
    color:#FFFFFF;
    font-size: 1.8rem;
    font-weight: bold;
}

.l-header_nav_profile_next {
    display:flex;
    flex-direction:column;
    align-items:center;
    padding:20px 20px 0 20px;
    background:#f2f2f2;
}

.l-header_nav_profile_next h3 {
    font-size:20px;
    margin-bottom:15px;
}

.l-header_nav_profile_next img {
    width:160px;
    margin-bottom:10px;
    border-radius: 8px;
}


.l-header_nav_drawer_chenge_next {
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(180deg, #ffffff, #FFFFFF, #ffffff);
    padding: 10px 5px;
    border-radius: 0 0 5px 5px;
}

.l-header_nav_drawer_chenge_point_next {
    margin-bottom: 0px;
}

.l-header_nav_drawer_chenge_next li {
    font-size:16px;
}

.l-header_nav_btn_next {
    margin: 0 -4px 20px;
}

.l-header_nav_btn_next ul {
    display:flex;
    flex-wrap:wrap;
    padding:4px 2px;
}

.l-header_nav_btn_next ul li {
    display:flex;
    justify-content:center;
    align-items:center;
    width:25%;
}

.l-header_nav_btn_next ul li a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    padding: 7px 0 7px;
    width: 100%;
    height: 85px;
    text-align:center;
    box-sizing: border-box;
    color: #00CED1;
    margin: 2px;
    border-radius: 5px;
    margin-top: auto;
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    border: 1px solid #cbcbcb;
}

.l-header_nav_btn_next ul li a:before {
    font-size:32px;
    padding:0 0 5px;
    background: #000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.l-header_nav_btn_next ul li a.icon-lock:before {
    margin-left: 10px;
}

.l-header_nav_btn_next ul li a img {
    width:50px;
    height:50px;
}

.l-header_nav_btn_next ul li a span {
    font-size: 12px;
    color: #000;
    margin-top: 5px;
    line-height: 1.2;
    display: flex;
    align-items: center;
    height: 20px;
}

.l-header_nav_btn_next ul li a small {
    position: absolute;
    top: 8px;
    right: 8px;
    min-width: 25px;
    height: 25px;
    padding: 2px 4px 0px;
    background: #ED3538;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 20px;
}

.l-header_nav_drawer_next_submenu {
    display:flex;
    flex-direction:column;
    justify-content:center;
}

.l-header_nav_drawer_next_submenu {
    display:flex;
}

.l-header_nav_drawer_next_submenu li a {
    display:flex;
    align-items:center;
    background: linear-gradient(150deg, #ffffff, #f6f6f6);
    border-top:1px solid #FFFFFF;
    border-bottom:1px solid #E7E7E7;
    padding:10px;
}

ul.l-header_nav_drawer_next_submenu li a:before {
    font-size: 28px;
    padding-right: 10px;
    background: linear-gradient(150deg, #23fcff, #00CED1);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.l-header_nav_drawer_next_submenu li a img {
    width:40px;
    height:40px;
    margin-right:10px;
}

.l-header_nav_drawer_next_submenu li a span {
    font-size:16px;
}

.l-header_nav_drawer_next_submenu li a small {
    margin-left:auto;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    padding: 10px;
    display:flex;
    justify-content:center;
    align-items:center;
    color:#FFFFFF;
    border-radius:25px;
    font-size: 12px;
}

.drawer--right .drawer-hamburger_next {
    right: 17.25rem;
    left: 0;
    background: none;
    border: none;
}

.drawer--right.drawer-open .drawer-hamburger_next {
    right: 17.25rem;
    left: 0;
    background: none;
    border: none;
}

.drawer--right .drawer-overlay{
    background-color: rgba(0, 0, 0, .0);
}

.c-profile_box_prof {
    background: #FFFFFF;
    border: 1px solid #DEDEFF;
    padding: 15px;
    border-radius: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-profile_box_prof2 {
    display: flex;
    align-items: baseline;
    justify-content: space-around;
    width: 100%;
}

div#my-profImg img {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    width: 200px;
    height: 200px;
    object-fit: contain;
    aspect-ratio: 5 / 5;
    border-radius: 8px;
    margin-bottom: 10px;
    padding: 1px;
    background: #eee;
}

#my-profImg p {
    font-size: 38px;
    position: absolute;
    right: 10px;
    top: 165px;
    right: -30px;
    top: 180px;
}

#my-profImg p a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    border-radius: 30px;
}

.c-profile_box h3 {
    display: flex;
    justify-content: center;
    font-weight: bold;
    width: 100%;
    font-size: 18px;
    margin-bottom: 10px;
}

.c-profile_btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    border-radius: 100vh;
    font-size: 1.6rem;
    color: #FFF;
}

.c-profile_btn:hover {
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    color: #FFF;
}

.c-profile_state {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    font-size: 1.8rem;
}

.c-profile_btn span {
    width: auto;
    margin-right: 5px;
    color: #FFF;
}

.c-profile_touko {
    background: #FFF;
    border: 1px solid #aaaaaa;
    border-radius: 10px;
}

.c-profile_touko > h3 {
    background: linear-gradient(150deg, #aeaeae, #eaeaea);
    padding: 10px 15px 7px 15px;
    color: white;
    border-radius: 8px 8px 0 0;
    opacity: 0.9;
    font-size: 18px;
    margin-bottom: 10px;
}

.c-profile_touko p {
    display: inline-block;
    font-size: 13px;
    margin-bottom: 10px;
    padding: 5px 10px;
    background: #EFEFEF;
    border-radius: 5px;
    margin-left: auto;
}

.c-profile_touko textarea {
    width: 100%;
    height: 200px;
    padding: 10px;
    border-radius: 8px;
    line-height: 1.6;
}

.c-profile_state2 {
    display: flex;
    justify-content: space-between;
    flex-wrap:wrap;
    align-items: center;
    margin-bottom: 20px;
}

.c-profile_state2 .icon-heart {
    font-size: 1.5rem;
    border-radius: 100vh;
    padding: 10px;
    width: 30px;
    height: 30px;
    margin-right: 5px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #fc9cdd 50%, #ff53c8 50%, #ff53c8, #ff53c8);
}

.c-profile_state2 .icon-warning {
    font-size: 1.5rem;
    border-radius: 100vh;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #fddb6a 50%, #efbb0d 50%, #efbb0d, #efbb0d);
}

.c-profile_state3_list_head .icon-heart {
    font-size: 1.0rem;
    border-radius: 100vh;
    padding: 10px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #fc9cdd 50%, #ff53c8 50%, #ff53c8, #ff53c8);
}

.c-profile_state3_list_head .icon-bubbles {
    font-size: 1.0rem;
    border-radius: 100vh;
    padding: 10px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFFF;
    background: linear-gradient(180deg, #03df0d 50%, #00cf0a 50%, #00cf0a, #00cf0a);
}

.c-profile_state3_list_head .icon-power {
    font-size: 1.0rem;
    border-radius: 100vh;
    padding: 10px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #fa7070 50%, #ff0000 50%, #ff0000, #ff0000);
}

.c-profile_state3_list_head .icon-icon_point {
    font-size: 1.0rem;
    border-radius: 100vh;
    padding: 10px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #30e6eb 50%, #0ecfd4 50%, #0ecfd4, #0ecfd4);
}

.c-profile_state3_list_head .icon-icon_miles {
    font-size: 1.0rem;
    border-radius: 100vh;
    padding: 10px;
    width: 22px;
    height: 22px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFF;
    background: linear-gradient(180deg, #7fc1ff 50%, #319bff 50%, #319bff, #319bff);
}

.c-profile_state2 div {
    border: 1px solid #aaaaaa;
    width: calc(50% - 5px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 6px 8px;
    border-radius: 5px;
    font-size: 1.4rem;
    margin-bottom: 10px;
}

.c-profile_state2 div .icon-warning {
    margin-right:5px;
}

.c-profile_state2 div .icon-icon_iine {
    margin-right:5px;
}

span.c-profile_state2box {
    margin-left: auto;
}

.c-profile_btn2 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 8px;
    background: linear-gradient(180deg, #fc8630 50%, #ff6b00 50%, #ff6b00, #ff6b00);
    border-radius: 5px;
    font-size: 1.4rem;
    color: #FFF;
    width: 100%;
}

.c-profile_btn2:hover {
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    color: #ffb0d8;
}

.c-profile_btn2 strong {
    padding:5px 10px;
    border-radius:100vh;
    background:#FFF;
    margin-left:10px;
    font-weight: normal;
    font-size: 1.2rem;
    color: #fc8630;
}

.c-profile_btn4 {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 5px;
    background: linear-gradient(180deg, #ff7474 50%, #ff3939 50%, #ff3939, #ff3939);
    border: 3px solid #ff3939;
    border-radius: 5px;
    font-size: 1.4rem;
    color: #FFF;
    margin-left:5px;
}
@media screen and (max-width:1024px){
    .c-profile_btn4 {
        width:100%;
    }
}

.c-profile_btn4:hover {
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    color: #ff3939;
}

.c-profile_btn4 strong {
    padding:5px 10px;
    border-radius:100vh;
    background:#FFF;
    margin-left:10px;
    font-weight: normal;
    font-size: 1.4rem;
    color: #ff3939;
}

.c-profile_state3 {
    margin-bottom: 10px;
}

ul.c-profile_state3_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
}

ul.c-profile_state3_list li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: calc(50% - 5px);
    border: 1px solid #aaaaaa;
    padding: 10px;
    border-radius: 5px;
    margin-bottom:10px;
}

.c-profile_state3_list_head {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
    width: 100%;
    font-size: 1.1rem;
}

.c-profile_state3_list_head img {
    margin-right: 10px;
    width: 50px;
}

.c-profile_state3_list_head span {
    font-size: 1.6rem;
    margin-right: 5px;
}

.c-profile_state3_list_foot {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 5px 15px;
    background: linear-gradient(180deg, #9AECED 50%, #00CED1 50%, #00CED1, #00CED1);
    border-top: 3px solid #02e7ea;
    border-left: 3px solid #02e7ea;
    border-bottom: 3px solid #00CED1;
    border-right: 3px solid #00CED1;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #FFF;
    width: 100%;
}

.c-profile_state3_list_foot p {
    width: 100%;
    background: #FFF;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-right: 10px;
    font-size: 1.2rem;
}

.c-profile_state3_list_foot span {
    font-size: 2.4rem;
    color: #FFF;
}

.TPmemberList2 .Ccoment {
    padding: 10px;
    background: #ffffff;
    border-radius: 5px;
    margin-top: 10px;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    font-size: 14px;
}

.c-profile_state4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    /*margin-bottom: 40px;*/
}

.c-profile_state4.c-profile_state4sub {
    margin-bottom: 30px;
}

.c-profile_state5 {
    margin: 15px;
}

.DeleteBtn2 {
    margin: 15px;
}

.DeleteBtn2 {
    margin: 15px 15px 30px;
    display: flex;
    justify-content: center;
}

.tab-page {
    width: 300px;
    position: relative;
    border-radius: 30px;
    margin: auto;
    background-color: #FFF;
    margin: 30px auto;
    border: 1px solid #DEDEFF;
}



/*�`���b�g�y�[�W�@�N��`�F�b�N*/
.c-chat_view_agecheck {
    position: relative;
}

.c-chat_view_agecheck_bg:after {
    display:flex;
    position:fixed;
    content:"";
    justify-content:center;
    align-items:center;
    background:#000000;
    height:100%;
    width:100%;
    opacity:0.8;
    transition: ease 1s all;
}

.c-chat_view_agecheck_box {
    display:none;
    background:#FFFFFF;
    padding:20px;
    border-radius:8px;
    justify-content: center;
    flex-direction:column;
    align-items:center;
    width:90%;
    margin:auto;
    z-index:9999;
    position: fixed;
    top: 25%;
    bottom: 25%;
    left: 5%;
    right: 5%;
}

.c-chat_view_agecheck_box img {
    width:140px;
    margin-bottom:20px;
}

.c-chat_view_agecheck_box p {
    font-size:16px;
    margin-bottom:10px;
}

.c-chat_view_agecheck_box a {
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    font-size: 1.8rem;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 5px;
}

/*�`���b�g�y�[�W�@�}�b�`���O�`�F�b�N*/
.c-chat_view_matchingcheck {
    position: relative;
}

.c-chat_view_matchingcheck_bg:after {
    display:flex;
    position:fixed;
    content:"";
    justify-content:center;
    align-items:center;
    background:#000000;
    height:100%;
    width:100%;
    opacity:0.8;
    transition: ease 1s all;
}

.c-chat_view_matchingcheck_box {
    display:none;
    background:#FFFFFF;
    padding:20px;
    border-radius:8px;
    justify-content: center;
    flex-direction:column;
    align-items:center;
    width:90%;
    margin:auto;
    z-index:9999;
    position: fixed;
    top: 20%;
    bottom: 20%;
    left: 5%;
    right: 5%;
}

.c-chat_view_matchingcheck_box img {
    margin-bottom:20px;
}

.c-chat_view_matchingcheck_box p {
    font-size:16px;
    margin-bottom:10px;
}

.c-chat_view_matchingcheck_box a {
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
    font-size: 1.8rem;
    color: #FFF;
    padding: 10px 15px;
    border-radius: 5px;
}
/*login_top.html*/
.l-header_nav_profile_next_head {
    display: flex;
    flex-direction: column;
    border-radius: 5px;
    min-width: 300px;
    width:100%;
    margin: 0 0 15px 0;
}

.l-header_nav_profile_next_head h3 {
    background: linear-gradient(150deg, #f570d6, #bdc7ff);
    padding: 5px;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 5px;
    text-align: center;
    margin: 0;
    padding: 10px;
}

li.l-header_nav_drawer_chenge_point_next a div {
    margin-right:5px;
    display: flex;
    align-items: center;
    color: #b600e3;
    font-size: 22px;
}

li.l-header_nav_drawer_chenge_point_next a div:before {
    font-size: 36px;
    padding-right:5px
}

li.l-header_nav_drawer_chenge_point_next a div small {
    font-size: 12px;
    color: #E35700;
    margin-top: 5px;
}

li.l-header_nav_drawer_chenge_point_next a div .c-icon_point {
    width: 30px;
    margin-bottom: 0;
    margin-right: 2px;
}

li.l-header_nav_drawer_chenge_mile_next a div {
    margin-left:5px;
    display: flex;
    align-items: center;
    color: #0025a6;
    font-size:22px;
}

li.l-header_nav_drawer_chenge_mile_next a div:before {
    font-size: 36px;
    padding-right:5px
}

li.l-header_nav_drawer_chenge_mile_next a div small {
    color: #0075A6;
    font-size:12px;
    margin-top: 5px;
}

li.l-header_nav_drawer_chenge_mile_next a div .c-icon_mile {
    width: 30px;
    margin-bottom: 0;
    margin-right: 2px;
}

/*TOP�N��F��*/
small#age_info {
    font-weight: bold;
}

/*�N��F��*/
#LicenseRow dl {
    position: relative;
    width: 100%;
    text-align: center;
    margin: auto;
    padding-bottom: 30px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

#LicenseRow dl:last-child {
    border-bottom: none;
}

.InfoBacBoxH2.c-nenrei_tt {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    font-size: 26px;
    margin-bottom: 15px;
    font-weight: bold;
    width: 100%;
    background: #a72626;
    padding: 20px;
    border-radius: 8px;
    color: #FFF;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

#LicenseRow dl dd h4 {
    font-size: 20px;
    font-weight: bold;
    color: #00CED1;
    margin-bottom: 5px;
}

.c-nenrei_list {
    display: flex;
    flex-direction: column;
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #FFF;
}

ul.c-nenrei_list li {
    border-bottom: 1px solid #ddd;
    padding: 10px 15px;
}

ul.c-nenrei_list li:last-child {
    border-bottom:none;
}

/*�N��F��fax*/
.c-faxbox {
    background-color: #fcf6f6;
    padding: 30px 20px;
    border-radius: 8px;
    position: relative;
    margin: 15px;
    margin-bottom: 30px;
    display: flex;
    flex-direction: column;
    align-items: center;
    font-size: 20px;
}

.c-faxbox h3 {
    background: #a72626;
    color: #FFF;
    padding: 15px 20px;
    border-radius: 8px;
    width: 100%;
    margin-bottom: 30px;
    font-size: 26px;
    font-weight: bold;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}

.c-faxbox_img {
    width: 100px;
    margin-bottom:25px;
    position:relative;
    transition: width 0.3s;
}

.c-faxbox_img_zoom {
    margin-bottom: 20px;
    position: absolute;
    padding: 10px 7px !important;
    background: white;
    border: 2px solid red;
    color: red;
    border-radius: 50% !important;
    font-size:12px !important;
    top: -20px;
    right: -20px;
}

.c-faxbox_img_zoomout {
    display:none;
    margin-bottom: 20px;
    position: absolute;
    padding: 10px 7px !important;
    background: white;
    border: 2px solid red;
    color: red;
    border-radius: 50% !important;
    font-size:12px !important;
    top: -20px;
    right: -20px;
}

.c-faxbox p {
    font-size: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #FFF;
    padding: 0 15px 0 0;
    border-radius: 8px;
}

.c-faxbox p span {
    background: #00CED1;
    padding: 10px 15px;
    border-radius: 8px 0 0 8px;
    font-size: 20px;
    margin-right: 15px;
    color: white;
}
.c-faxbox p small {
    font-size: 20px;
    margin-top: 5px;
}

/*TOP�C�C�l�A��*/
.c-iine_houkoku {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    margin-bottom:10px;
    font-size:18px;
}

.c-iine_houkoku li {
    padding: 0;
}

.c-iine_houkoku li img {
    width: 25px;
    margin-bottom: 5px;
    margin-right: 3px;
}

.c-iine_houkoku li:first-child {
    border-radius: 8px;
    color: #f86e00;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 10px;
    padding: 5px 10px;
    background: #FFF;
}

.c-iine_houkoku li:first-child span:before {
    font-size:26px;
    padding-right:5px;
    color: #f86e00;
}

.c-iine_houkoku li:last-child {
    border-radius: 8px;
    color: #90834d;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left:10px;
    padding: 5px 10px;
    background: #FFF;
}

.c-iine_houkoku li:last-child span:before  {
    font-size:26px;
    padding-right:5px;
    color: #90834d;
}

.c-iine_houkoku li i {
    margin-right: 5px;
}

.c-iine_houkoku li:first-child i {
    background: #1FB2FF;
    padding:5px;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-iine_houkoku li:last-child i {
    background: #FF4200;
    padding:5px;
    border-radius:50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-iine_houkoku li i:before {
    color:white;
}

.c-iine_houkoku li i.far.fa-thumbs-up.iine-oncolor.turn {
    transform: rotate(180deg);
}

/*�x���y�[�W warning.html*/
.l-warning {
    padding: 15px;
}

.l-warning h2 {
    padding:0;
    margin-bottom:20px;
}

.l-warning_text {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}

.l-warning_text h3 {
    font-size: 24px;
    color: #00CED1;
    margin-bottom: 20px;
}

.l-warning_text p {
    font-size: 16px;
}

p.l-warning_p_right {
    margin-left: auto;
    margin-bottom: 10px;
}

ul.l-warning_list {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom:30px;
}

ul.l-warning_list li {
    margin:0 10px;
}

a.l-warning_btn_logout {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FF4A66;
    color: #FFFFFF;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 5px;
}

a.l-warning_btn_chat {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00CED1;
    color: #FFFFFF;
    padding: 10px 15px;
    font-size: 16px;
    border-radius: 5px;
}

.l-chat_warning_list_return_i {
    margin-right:0 !important;
}

.l-chat_warning_list_return {
    color:white;
    margin-right:20px;
}

/*�R�����g*/
#c-coment_iine_btn {
    position:relative;
}

#c-coment_keikoku_btn {
    position:relative;
}

.c-coment {
    display:none;
    background:white;
    border-radius:5px;
    padding:15px;
    box-shadow:1px 1px 3px 3px rgba(0,0,0,0.2);
    position:absolute;
    bottom:50px;
    left:-100px;
    z-index:2;
    width: 270px;
    font-size:12px;
}

.c-coment:before {
    content: "";
    display: block;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: calc(tan(60deg)* 8px) solid #FFFFFF;
    position: absolute;
    left: 120px;
    bottom: -11px;
    z-index: 3;
}

.c-coment:after {
    content:'';
    display:block;
    border-left:10px solid transparent;
    border-right:10px solid transparent;
    border-top: calc(tan(60deg) * 10px) solid #dddddd;
    position:absolute;
    left:118px;
    bottom:-18px;
    filter: blur(1px);
    z-index: 0;
}

/*�j���[�X�\��*/
.l-header_nav_profile_next_head_news {
    width: 310px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 20px auto 0px;
}

.l-header_nav_profile_next_head_news img {
    width: 250px;
    margin-bottom: 0;
}

/*usersmanual1*/
a.usersmanual_link {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    background: #00CED1;
    color: #FFFFFF;
    padding: 8px 10px;
    border-radius: 5px;
}

a.usersmanual_link i {
    color: #FFFFFF;
    margin-left: 10px;
}

.c-usersmanual_accordion {
    display:flex;
    flex-direction:column;
}

.c-usersmanual_accordion li {
    display:flex;
    flex-direction:column;
    border:1px solid #00CED1;
    border-radius:5px;
    margin-bottom:20px;
    margin-left: 0;
    overflow:hidden;
}

.c-usersmanual_accordion_title {
    display:flex;
    align-items:center;
    padding:5px 10px;
    background:#dffbfb;
    color:#00CED1;
    font-size:20px;
    cursor: pointer;
}

.c-usersmanual_accordion_title img {
    width:24px;
    height:24px;
    margin-right:10px;
    margin-bottom: 6px;
}

.c-usersmanual_accordion_title i {
    margin-left:auto;
    font-size:20px;
    color:#00CED1;
}

.c-usersmanual_accordion_contents {
    display:none;
    padding:20px;
    font-size:16px;
}

.c-usersmanual_index {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:30px;
}

.c-usersmanual_index li {
    margin:0 10px 10px 0;
}

.c-usersmanual_index li a {
    display:flex;
    align-items:center;
    padding: 5px 7px;
    background:#00CED1;
    color:#FFFFFF;
    border-radius:5px;
}

.c-usersmanual_index li span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 20px;
    height: 20px;
    font-size: 14px;
    border-radius: 5px;
    background: #FFFFFF;
    color: #00CED1;
    margin-right: 5px;
}

.c-usersmanual_list {
    display:flex;
    flex-wrap:wrap;
    margin-bottom:10px !important;
}

.c-usersmanual_list li {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px 10px;
    font-size:16px;
    border:1px solid #ddd;
    border-radius:5px;
    margin:0 10px 10px 0;
}

.p-usersmanual_top_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.p-usersmanual_top_list li {
    width: 100%;
    margin: 5px 0;
}

.c-pay_tt {
    display:flex;
    align-items:center;
    justify-content: center;
}

.c-pay_tt img {
    height:80px;
    margin-right:10px;
}

.c-pay_tt h3 {
    font-size:20px;
    margin-bottom:0;
}

/*���σy�[�W*/
.c-point_1_new_pay_box {
    margin-bottom:20px;
    margin-top: 20px;
}

.c-point_1_new_pay_box h4 {
    font-size:16px;
    font-weight:bold;
}

.c-point_1_new_pay_box>p {
    margin-bottom:20px;
}


.c-point_1_new_pay_h3_info {
    background:#590000;
    color:#FFFFFF;
    font-size:20px;
    padding:5px 8px;
    margin-bottom:25px;
}

.c-point_1_new_pay_h3_warning i, .c-point_1_new_pay_h3_info i {
    color:#FFFFFF;
}

.c-point_1_new_pay_list {
    margin-bottom:20px;
}

.c-point_1_new_pay_list li {
    list-style-type: disc;
    margin-left: 22px;
    padding: 2px 0;
}

.c-point_1_new_pay_listdec {
    margin-bottom:20px;
}

.c-point_1_new_pay_listdec li {
    list-style-type: decimal;
    margin-left: 22px;
    padding: 2px 0;
}

.c-point_1_new_pay_form {
    margin-bottom:45px;
}

.c-point_1_new_pay_form_table {
    display:flex;
    flex-direction:column;
}

.c-point_1_new_pay_form_table tr {
    display:flex;
    align-items:center;
    justify-content: space-between;
    border-bottom:1px dotted #B0B0B0;
}

.c-point_1_new_pay_form_table th, .c-point_1_new_pay_form_table td {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px 0;
    color:#1FB2FF;
    font-size:18px;
    line-height: 1;
}

.c-point_1_new_pay_form_table th:first-child, .c-point_1_new_pay_form_table td:first-child  {
    justify-content:flex-start;
    width:calc(50% - 110px);
    font-weight:bold;
}

.c-point_1_new_pay_form_table th:nth-child(2) {
    justify-content:center;
    width:calc(50% - 110px);
    margin-right:20px;
}

.c-point_1_new_pay_form_table td:nth-child(2)   {
    justify-content:center;
    width:calc(50% - 110px);
    margin-right:20px;
    color: #FE99C7;
    font-weight:bold;
}

.c-point_1_new_pay_form_table th:last-child, .c-point_1_new_pay_form_table td:last-child {
    width:160px;
}

.c-point_1_new_pay_form_table td img {
    width:26px;
    margin-right:5px;
}

.c-point_1_new_pay_form_btn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px 15px;
    font-size:18px;
    background:#1FB2FF;
    color:#FFFFFF;
    font-size:18px;
    border-radius:5px;
    box-shadow: 0 4px 0 0 #008FFF;
    width:150px;
    transition-duration: 100ms;
    font-weight:bold;
}

.c-point_1_new_pay_form_btn:hover {
    box-shadow: 0 0px 0 0 #008FFF;
    margin:4px 0 -4px;
}

.c-point_1_new_pay_boxlink a {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column;
    border: 2px solid #0075FF;
    padding: 20px;
    border-radius: 8px;
    transition-duration:1000ms;
}

.c-point_1_new_pay_boxlink a:hover {
    background:#0075FF;
    color:#FFFFFF;
}

.c-point_1_new_pay_boxlink a:hover h4, .c-point_1_new_pay_boxlink a:hover p {
    color:#FFFFFF;
}

.c-point_kessai{
    background:#EFEFEF;
    padding:15px;
    border-radius:8px;
    margin-bottom: 40px;
}

.c-point_kessai_sub {
    margin-bottom:40px;
}

.c-point_kessai_sub>h4{
    font-size:14px;
    font-weight:normal;
    margin-bottom:10px;
}

.c-point_kessai_sub>div{
    background:#FFF;
    border-radius:5px;
    overflow:hidden;
    border:1px solid #ddd;
}

.c-point_1_new_pay_h3_warning {
    background: #BD0000;
    color: #FFFFFF;
    font-size: 20px;
    padding: 5px 8px;
    margin-bottom: 25px;
}

/*�g�b�v����*/
.c-video {
    width: 100%;
    height: 100vh; 
    background: #ccc;
    position: relative;
    z-index: 0;
}

.c-video_box {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    z-index: -1;
    overflow: hidden;
}

.c-video_box video {
    display: block;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
}

.c-video_box h2 {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: absolute;
    top: 45%;
    left: 30px;
    right: 30px;
    font-size: 3.4rem;
    font-family: "Hiragino Mincho ProN", "Hiragino Mincho Pro", "MS Mincho", "SimSun", serif;
    color: #FFFFFF;
    z-index: 1;
    font-style: italic;
    font-weight: bold;
}

.c-video_box h2 img{
    width:230px;
}

.c-video_box_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 2px solid #00CED1;
    background: #FFFFFF;
    color: #00CED1;
    padding: 10px 20px;
    border-radius: 50px;
    font-size: 2rem;
    font-weight: bold;
    min-width: 180px;
    position:absolute;
    bottom:40px;
    left:30px;
    right:30px;
}

.c-video_box_btn:hover {
    border: 2px solid #2BC8FF;
    background: #2BC8FF;
    color: #FFFFFF;
}

.c-video_box_btn b {
    font-size: 1.2rem;
    color: #00CED1;
    margin-left: 20px;
}

.c-video_box_btn:hover b {
    color: #FFFFFF;
}

.c-video_box_btn i {
    font-size: 1.2rem;
    color: #00CED1;
    margin-left: 5px;
}

.c-video_box_btn:hover i {
    color: #FFFFFF;
}

.c-video_box_btn2{
    position:absolute;
    bottom:20px;
    left:10px;
    right:10px;
}

.c-video_box_btn2 .c-lp15_header_check {
    background:none;

}
/*index20241112�X���C�h*/
#c-snaq_slideshow {
    position: relative;
    width: 100%;  /* �摜�̕� */
  }

/* �摜�̃X�^�C�� */
.c-snaq_slide {
    position: absolute;
    object-fit:cover;
    width:100%;
    opacity: 0;
    transition: opacity 1s;
    object-position: right;
}

/* �ŏ��̉摜��\����Ԃɂ��� */
.c-snaq_slide.active {
opacity: 1;
}

/*timeout���[�_��*/
.c-modal_timeout_p {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
}

/*�v���t�B�[�����j���[�A��20250129*/
.c-reprofile_header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 3px;
    background: #CCE4FF;
}

.c-reprofile_header_name {
    border: 1px solid #FFD69C;
    background: linear-gradient(to right, #0075FF, #0075FF, #70D7FF);
    padding: 5px 10px;
    color: #FFFFFF;
    font-size: 1.6rem;
    min-width: 300px;
}

.c-reprofile_header_back a {
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #FFD69C;
    background: linear-gradient(to right, #0075FF, #0075FF, #70D7FF);
    padding: 9px 10px;
    width: 60px;
    clip-path: polygon(0 0, 40px 0, 100% 50%, 40px 100%, 0 100%);
}

.c-reprofile_header_back a i {
    color: #FFF;
    margin-right: 13px;
    font-weight: bold;
    font-size: 1.8rem;
}

.c-reprofile_main {
    margin: 0 15px 30px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    background: #FFF8F3;
    padding: 15px;
    border-radius: 5px;
    border: 1px solid #FFD69C;
}

.c-reprofile_main_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 2px;
    width: 200px;
    margin-right:20px;
}

.c-reprofile_main_left_box {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
}

.c-reprofile_main_left_img {
    display: flex;
    background: #FFFFFF;
    margin-bottom: 15px;
    border: 1px solid #ddd;
    border-radius: 8px;
    position: relative;
}

.c-reprofile_main_left_iine {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    margin-bottom: 15px;
}

.c-reprofile_main_left_iine span{
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: linear-gradient(to right, #FF4700, #FF7300, #FF7300);
    border: 1px solid #FF4700;
    border-radius: 5px;
    color: #FFF;
    padding: 5px;
    width: 100%;
}

.c-reprofile_main_left_iine strong{
    padding: 0 5px;
    background: #FFFFFF;
    border-radius: 3px;
    color: #ff5d00;
    margin-left: auto;
    box-shadow: inset 1px 1px 0 0 rgba(0, 0, 0, 0.2);
}

.c-reprofile_main_left_iine img {
    width: 25px;
    margin-right: 5px;
    color:#FFFFFF;
}

.c-reprofile_main_right {
    display: flex;
    flex-direction: column;
}

.c-reprofile_main_right_box {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-bottom:20px;
    width:100%;
}

.c-reprofile_main_right_box_left {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    background: #FFF;
    margin-bottom: 15px;
    padding: 5px 10px;
    border-radius: 5px;
}

.c-reprofile_main_right_box_left_namebox {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 10px 5px;
    padding:5px;
    border-bottom: 2px solid #00CED1;
}

.c-reprofile_main_right_box_left_namebox_name {
    font-size: 2rem;
}

.c-reprofile_main_right_box_left_namebox_old {
    font-size: 1.6rem;
}

.c-reprofile_main_right_box_left_areabox {
    display: flex;
    justify-content: space-between;
    align-items:center;
    border: 1px solid #FFD69C;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    padding: 1px;
    width:100%;
    margin-bottom: 10px;
}

.c-reprofile_main_right_box_left_areabox_name {
    padding: 5px 5px 5px 10px;
    color: #FFFFFF;
    font-size: 12px;
    width: 70px;
}

.c-reprofile_main_right_box_left_areabox_old {
    width: calc(100% - 70px);
    background: #FFFFFF;
    padding: 5px 5px 5px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);
}

.c-reprofile_main_right_box_right {
    width: 100%;
}

.c-reprofile_main_icon {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
    margin-bottom: 15px;
}
/*������ OFF*/
.c-reprofile_main_icon_iine_off {
    background:#FFFFFF;
    padding:1px;
    border: 1px solid #FFD69C;
    border-radius: 5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}

.c-reprofile_main_icon_iine_off span {
    font-size: 28px;
    color: #c87d7d;
    padding-bottom: 5px;
}

.c-reprofile_main_icon_iine_off a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 55px;
    height:55px;
    padding: 5px;
    background: linear-gradient(180deg, #ffe8e8 50%, #ffd5d5 50%, #fbbab2);
    border-radius: 5px;
    font-size: 12px;
    position:relative;
}

.c-reprofile_main_icon_iine_off a:before {
    content: "10\e90a";
    font-family: 'IcoMoon';
    display: flex;
    align-items: center;
    position: absolute;
    right: -8px;
    top: -18px;
    background: #FFF;
    padding: 2px 5px;
    border-radius: 100vh;
    font-size: 14px;
    color: #ce3d00;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.1);
}

.c-reprofile_main_icon_iine_off a img {
    width:40px;
}

.c-reprofile_main_icon_iine_off a small {
    color: #c87d7d;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*������ ON*/
.c-reprofile_main_icon_iine_on {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #FFD69C;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 55px;
    height: 55px;
    padding: 5px;
    background: linear-gradient(180deg, #ff71e9 50%, #e34ccb 50%, #f11bce);
    border-radius: 5px;
    font-size: 12px;
}

.c-reprofile_main_icon_iine_on small {
    color: #FFFFFF;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.c-reprofile_main_icon_iine_on small span {
    font-size: 26px;
    padding-bottom: 5px;
    color: #FFFFFF;
}

.c-reprofile_main_icon_iine_on img {
    width:40px;
}

.c-reprofile_main_icon_iine_on small {
    color:#FFFFFF;
}


/*���C�ɓ��� OFF*/
/*.c-reprofile_main_icon_like_off {
    background:#FFFFFF;
    padding:1px;
    border: 1px solid #FFD69C;
    border-radius: 5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}*/

.c-reprofile_main_icon_like_off a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: linear-gradient(180deg, #89e65b 50%, #00C440 50%, #00C440);
    border-radius: 5px;
    border: 1px solid #00C440;
    font-size: 16px;
}

.c-reprofile_main_icon_like_off span {
    font-size: 25px;
    color: #FFF;
    padding-bottom: 5px;
}

.c-reprofile_main_icon_like_off a img {
    width:40px;
}

.c-reprofile_main_icon_like_off a small {
    color: #FFF;
}

/*���C�ɓ��� ON*/
.c-reprofile_main_icon_like_on {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: linear-gradient(180deg, #FFF 50%, #f0f0f0 50%, #f0f0f0);
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-size: 16px;
    cursor: grab;
}

.c-reprofile_main_icon_like_on span {
    font-size: 24px;
    color: #00C440;
    padding-bottom: 5px;
}

.c-reprofile_main_icon_like_on img {
    width:40px;
}

.c-reprofile_main_icon_like_on small {
    color:#00C440;
}

/*�C�ɂȂ� OFF*/
.c-reprofile_main_icon_maybe_off {
    display:block;
}

.c-reprofile_main_icon_maybe_off button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: linear-gradient(180deg, #fdabe3 50%, #f186cf 50%, #f186cf);
    border: 1px solid #f186cf;
    border-radius: 5px;
    font-size: 16px;
    cursor: grab;
}

.c-reprofile_main_icon_maybe_off button span {
    font-size: 37px;
    color: #FFF;
    margin-top: -5px;
}

.c-reprofile_main_icon_maybe_off button small {
    color:#FFFFFF;
}

/*�C�ɂȂ� ON*/
.c-reprofile_main_icon_maybe_on {
    display:block;
}

.c-reprofile_main_icon_maybe_on button {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: linear-gradient(180deg, #FFF 50%, #f0f0f0 50%, #f0f0f0);
    border: 1px solid #bebebe;
    border-radius: 5px;
    font-size: 16px;
}

.c-reprofile_main_icon_maybe_on button span {
    font-size: 37px;
    color: #f186cf;
    margin-top: -5px;
}

.c-reprofile_main_icon_maybe_on button small {
    color:#f186cf;
}

/*�u���b�N OFF*/
/*.c-reprofile_main_icon_block_off {
    background:#FFFFFF;
    padding:1px;
    border: 1px solid #FFD69C;
    border-radius: 5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}*/

.c-reprofile_main_icon_block_off span {
    font-size: 23px;
    padding: 5px;
    margin-top: -5px;
    color: #FFFFFF;
}

.c-reprofile_main_icon_block_off a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 68px;
    height: 68px;
    padding: 5px;
    background: linear-gradient(180deg, #afafaf 50%, #828282 50%, #828282);
    border-radius: 5px;
    font-size: 16px;
    cursor: pointer;
    border: 1px solid #828282;
}

.c-reprofile_main_icon_block_off a img {
    width:37px;
    padding: 3px;
}

.c-reprofile_main_icon_block_off a small {
    color: #FFF;
}

/*�u���b�N ON*/
/*.c-reprofile_main_icon_block_on {
    background:#FFFFFF;
    padding:1px;
    border-radius: 5px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 0 1px #FFD69C;
}*/

.c-reprofile_main_icon_block_on a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 70px;
    height: 70px;
    padding: 5px;
    background: linear-gradient(180deg, #FFF 50%, #f0f0f0 50%, #f0f0f0);
    border-radius: 5px;
    font-size: 16px;
    border: 1px solid #bebebe;
}

.c-reprofile_main_icon_block_on a span {
    font-size: 26px;
    padding: 5px;
    color: #828282;
}

.c-reprofile_main_icon_block_on a img {
    width:37px;
    padding: 3px;
}

.c-reprofile_main_icon_block_on a small {
    color:#828282;
}

/*�ʕ�*/
.c-reprofile_main_icon_alert_on {
    background:#FFFFFF;
    padding:1px;
    border: 1px solid #FFD69C;
    border-radius: 5px;
    box-shadow:0 0 3px 0 rgba(0,0,0,0.2);
}

.c-reprofile_main_icon_alert_on a {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 55px;
    height:55px;
    padding: 5px;
    background: linear-gradient(180deg, #ff4f4f 50%, #ff0000 50%, #ff4f4f);
    border-radius: 5px;
    font-size: 12px;
}

.c-reprofile_main_icon_alert_on a img {
    width:38px;
    padding: 3px;
}

.c-reprofile_main_icon_alert_on a small {
    color:#FFFFFF;
}

/*���b�Z�[�W�𑗂�{�^��*/
.c-reprofile_main_button_send {
    margin-bottom: 10px;
}

.c-reprofile_main_button_send .chatSendButton{
    width: 100%;
    height: 50px;
    font-size: 2.0rem;
    display: flex;
    justify-content: center;
    line-height: 1;
    align-items: center;
}

.c-reprofile_main_button_send button.chatSendButton i:before {
    color: white;
    margin-right: 5px;
    font-size: 20px;
    margin-left: 5px;
}

.c-reprofile_main_button_send a {
    display: flex;
    justify-content: center;
    align-items: center;
    background: linear-gradient(180deg, #ff7272 50%, #ff4f4f 50%, #ff4f4f);
    padding: 10px;
    width: 100%;
    color: #FFFFFF;
    border-radius: 5px;
    font-size: 1.6rem;
}

.c-reprofile_main_button_send a img{
    width:25px;
    margin-right:10px;
}


/*�ʕ�{�^��*/
/*.c-reprofile_main_button_report {
    background:#FFFFFF;
    padding:1px;
    border: 1px solid #FFD69C;
}*/

.c-reprofile_main_button_report a {
    display:flex;
    justify-content:center;
    align-items:center;
    background: linear-gradient(#dadada 0%, #969696 50%, #7c7c7c 51%, #707070 100%);
    padding:7px 5px;
    width:100%;
    color:#FFFFFF;
    font-size:1.4rem;
    border: 1px solid #969696;
    border-radius: 5px;
}

.c-reprofile_main_button_report a span{
    color:#FFF;
    margin-right: 5px;
}

.c-reprofile_main_right_myprofile {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 5px;
    border: 1px solid #FFD69C;
    width:100%;
}

.c-reprofile_main_right_myprofile_time_tt {
    display: none;
    align-items:center;
    background: #827772;
    border: 1px solid #827772;
    width:180px;
    margin-bottom:15px;
}

.c-reprofile_main_right_myprofile_time_tt_tt {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color:#FFFFFF;
    padding: 0 10px;
    width: 100%;
}

.c-reprofile_main_right_myprofile_text {
    font-size:1.6rem;
}

.c-reprofile_main_right_myprofile_time_tt_time {
    width: calc(100% - -150px);
    background: #FFFFFF;
    padding: 5px 5px 5px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);
}

.c-reprofile_sub {
    margin: 0 15px 25px 15px;
}
/*Profile*/
.c-reprofile_sub h2 {
    display: flex;
    align-items: center;
    font-size: 1.6rem;
    color: #000000;
    padding-bottom: 20px;
}

.c-reprofile_sub h2:before {
    content: "";
    display: block;
    width: 21px;
    height: 10px;
    background: linear-gradient(45deg, #dd832c, #ffe328);
    border: 1px solid #FFD69C;
    transform: rotate(45deg);
    margin-right: 8px;
    margin-top: -2px;
}

.c-reprofile_sub h2:after {
    content: "";
    display: block;
    width: 500px;
    height: 2px;
    background: linear-gradient(to right, #dd832c, #ffe328, #FFFFFF);
    margin-left:8px;
    margin-top: -2px;
}

.c-reprofile_sub_list {
    display: flex;
    flex-wrap: wrap;
}

.c-reprofile_sub_list li {
    display: flex;
    width: 100%;
    align-items: center;
    border: 1px solid #FFD69C;
    background: linear-gradient(#e3863f 50%, #ffac00);
    padding: 1px;
    margin-bottom: 10px;
}

.c-reprofile_sub_list_tt {
    padding: 10px 5px 10px 10px;
    color: #FFFFFF;
    font-size: 1.3rem;
    width: 165px;
    text-align:center;
}

.c-reprofile_sub_list_bd {
    display: flex;
    align-items: center;
    justify-content: center;
    width: calc(100% - 70px);
    height: 100%;
    background: linear-gradient(#FFFFFF 50%,#efefef);
    padding: 5px 5px 5px 15px;
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 10px 50%);
}

.c-reprofile_send {
    display:flex;
    flex-direction:column;
    justify-content:center;
    background: #FFF8F3;
    padding: 0;
}

.c-reprofile_send h2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-wrap:wrap;
    font-size: 1.6rem;
    padding: 5px;
    margin: 20px auto;
    color:#666;
}

.l-main_1calam .l-article_main .c-reprofile_send h2 strong {
    color: #ff4f4f !important;
    padding: 0 !important;
    font-weight: bold;
}


.l-main_1calam .l-article_main .c-reprofile_send h2 strong:before {
    display:none;
}

.c-reprofile_send h2 span {
    margin-right:5px;
    font-size:18px;
    color:#ff4f4f;
}

/*���b�Z�[�W�t�������ˁI���M���*/
.c-reprofile_sendbox {
	display: grid;
    grid-template-columns: 80px auto;
    gap: 10px;
    justify-content: center;
    margin: 0 20px 20px;
}

.c-reprofile_sendbox img {
	width:80px;
	border-radius:100vh;
}

.c-reprofile_sendboxsub {
	display:flex;
	flex-direction:column;
	justify-content: center;
    align-items: center;
}

.c-reprofile_sendboxsub_spot {
	/*display: inline-flex;*/
    width: 260px;
    text-align: center !important;
    justify-content: center;
	align-items:center;
    padding: 10px 20px;
    border-radius: 100vh;
    background: #ff4f4f;
    color: #FFF;
    font-size: 1.6rem;
    display:none;
}

.c-reprofile_sendboxsub_spot strong{
	font-size:2.4rem;
	color: #FFF;
}

.c-reprofile_sendboxsub_text {
	font-size:1.8rem;
	color:#666;
}

.c-reprofile_send h2 img {
    width:25px;
    margin-right:5px;
}

.c-reprofile_send p {
    margin:0 20px 5px;
}

.c-reprofile_send_bd {
    width:100%;
    margin-bottom:10px;
}

.c-reprofile_send_bd textarea{
    width: calc(100% - 30px);
    height: 300px;
    border: 1px solid #ababab;
    margin: 0 15px;
}

.c-reprofile_send_bd textarea:focus{
    outline: none;
    border: 1px solid #8fe4ff;
}
.c-reprofile_send_attach {
    margin: 0 20px 5px
}

.c-reprofile_send_attach ul {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.c-reprofile_send_attach ul {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.c-reprofile_send_attach ul li {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px;
    align-items: center;
    background: #FFE3EB;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 10px;
    width: 100%;
}

.c-reprofile_send_attach_tt{
    display: flex;
    align-items: center;
    font-size: 1.6rem;
}

.c-reprofile_send_attach_bd {
    display: flex;
    justify-content: flex-end;
}

.c-reprofile_send_attach_bd select{
    font-size:1.5rem;
    border-radius:3px;
}

.c-reprofile_send_attach ul li img {
    width:20px;
    margin-right:5px;
    margin-left:5px;
    margin-top: 3px;
}

.c-reprofile_send_box {
    display:flex;
    flex-direction:column;
    justify-content: space-between;
}

.c-reprofile_send_box_left {
    margin: 0 20px 15px;
}

.c-reprofile_send_box_left ul li {
    font-size:1.3rem;
}

.c-reprofile_send_box_right {
    max-width: 400px;
    margin: 0 auto 25px;
}

.c-reprofile_send_btn {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #ff0000 !important;
    border-radius: 100vh !important;
    border: none !important;
    text-shadow: none !important;
    font-size: 2.6rem !important;
    padding: 10px 20px !important;
    font-weight: bold !important;
}

.c-reprofile_send_btn input[type = button] {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    background: #ff0000 !important;
    border-radius: 100vh !important;
    border: none !important;
    text-shadow: none !important;
    font-size: 1.8rem !important;
    padding: 0 0 !important;
    font-weight: bold !important;
}

.c-reprofile_send_btn input {
    background: none;
    color: #FFF;
    box-shadow: none;
    padding: 10px 0;
    min-width: auto;
    border:none;
}

.c-reprofile_send_btn img {
    width:25px;
    margin-right:5px;
}

/*���[�_�����b�Z�[�W�\��*/
/* ���[�_���̔w�i */
#modal_overlay, #modal_overlayB {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9999;
}

/* ���[�_���E�B���h�E */
#message_modal, #message_modalB {
    background: #FFFFFF;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

/* �{�^���̃X�^�C�� */
#close_btn, #close_btnB {
    cursor: pointer;
    font-size: 1.6rem;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding: 10px 15px;
    border-radius: 5px;
    background: linear-gradient(150deg, #9AECED, #00CED1);
    color: #FFF;
    border: none;
    margin: 10px auto 0 auto;
}

/* ���[�_���̃e�L�X�g */
.c-modal_overlay_text {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 30px;
}

.c-modal_overlay_text strong {
    font-size: 2rem;
    line-height: 1.8;
    color:#FF0000;
    padding-bottom:5px;
    border-bottom:1px solid #FF0000; 
}

.c-modal_overlay_id {
    display: flex;
    width: 300px;
    border: 1px solid #0075FF;
    font-size:1.8rem;
    margin-bottom:10px;
    width: 100%;
}

.c-modal_overlay_id strong {
    padding:5px 10px;
    background:linear-gradient(to right, #0075FF, #0075FF, #70D7FF);
    color:#FFFFFF;
    text-align:center;
    width: 120px;
    border-right:1px solid #0075FF;
}

.c-modal_overlay_id span {
    padding:5px 10px;
    background:#FFFFFF;
}

.c-modal_overlay_pw {
    display: flex;
    width: 300px;
    border: 1px solid #0075FF;
    font-size:1.8rem;
    margin-bottom:20px;
    width: 100%;
}

.c-modal_overlay_pw strong {
    padding:5px 10px;
    background:linear-gradient(to right, #0075FF, #0075FF, #70D7FF);
    color:#FFFFFF;
    text-align:center;
    width: 120px;
    border-right:1px solid #0075FF;
}

.c-modal_overlay_pw span {
    padding:5px 10px;
    background:#FFFFFF;
}

/*�`�����X�^�C��*/
img.c-chancetime {
    position: absolute;
    top: 135px;
    left: 0px;
    z-index: 1;
    width: 80px;
    height: auto !important;
}

/*�`�����X�^�C���@�v���t�B�[��*/
.c-chanceBox {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 15px;
    padding: 0 10px;
}

img.c-chancetimeicon {
    width: 100px;
}

.c-chanceBoxText {
    position: relative;
    display: flex;
    align-items: center;
    padding: 10px;
    background: #FFF;
    border-radius: 5px;
    text-align: center;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    margin-left: 5px;
    font-size: 1.2rem;
    color: #FF0075;
}

.c-chanceBoxText:before {
    position: absolute;
    left: -9px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #ffffff;
    border-left: 0;
}
/*�`�����X�^�C���@�`���b�g�y�[�W*/
.c-chanceBoxChat {
    background: #f9f9ea;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 130px;
    width: 100%;
    padding: 10px 0;
}

.c-chanceBoxChat .c-chancetimeicon {
    width: 90px;
}

.c-chanceBoxChatText {
    background: #FFFFFF;
    padding: 10px 10px;
    border-radius: 5px;
    position: relative;
    margin-left: 5px;
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);
    color: #FF0075;
    font-size: 12px;
}

.c-chanceBoxChatText:before {
    position: absolute;
    left: -9px;
    top: 15px;
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 10px solid #ffffff;
    border-left: 0;
}

/*�摜�o�^�摜��]*/
.c-album_imgview {
    display: inline-block;
    padding: 20px;
    background: white;
    margin-top: 20px;
    border-radius: 8px;
}

/*�s�b�N�A�b�v�o�i�[*/
.c-pickupbanner {
    margin-bottom:-7px;
    display:block;
}

/*nav*/
.c-index_snaq_nav {
    width:100%;
    background:#FFFFFF;
    z-index:100;
    top:0;
}

.c-index_snaq_logo {
    display: flex;
    height: 40px;
    margin: 5px auto 5px 10px;
}

.c-index_snaq_nav_contener {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height:60px;
    margin: 0 auto;
    background: white;
    z-index:100;
}

.c-index_snaq_nav_ul {
    display:flex;
    align-items:center;
    margin-right: 20px;
}

@media screen and (max-width:1190px) {
  .c-index_snaq_nav_ul {
    display:none;
  }
}

.c-index_snaq_nav_ham {
    display:none;
}

@media screen and (max-width:1189px) {
  .c-index_snaq_nav_ham {
    display:none;
    margin-right: 20px;
  }
}

.c-index_snaq_nav_login {
    border-radius: 50px;
    padding: 5px 15px;
    background: #00CED1;
    color: #FFF;
    margin-left: auto;
    margin-right: 10px;
}

.c-index_snaq_nav_login:hover {
    border-radius: 50px;
    padding: 5px 15px;
    background: #50dddf;
    color: #FFF;
    margin-left: auto;
    margin-right: 10px;
}

a.c-index_snaq_nav_join {
    border-radius: 50px;
    padding: 5px 15px;
    background: #ff6565;
    color: #FFF;
    margin-left: auto;
    margin-right: 5px;
}

a.c-index_snaq_nav_join:hover  {
    border-radius: 50px;
    padding: 5px 15px;
    background: #FF919C;
    color: #FFF;
    margin-left: auto;
    margin-right: 5px;
}
/*�w�b�_�[�n���o�[�K�[*/
.snaq_hamburger {
  width: 30px;
  height: 20px;
  position: relative;
  cursor: pointer;
  z-index: 1001;
  
}

.snaq_hamburger span {
  position: absolute;
  height: 3px;
  width: 100%;
  background:#00CED1;
  border-radius: 5px;
  transition: all 0.4s ease;
}

.snaq_hamburger span:nth-child(1) {
  top: 0;
}
.snaq_hamburger span:nth-child(2) {
  top: 50%;
  transform: translateY(-50%);
}
.snaq_hamburger span:nth-child(3) {
  bottom: 0;
}

.snaq_hamburger.active span:nth-child(1) {
  transform: rotate(45deg);
  top: 8.5px;
}

.snaq_hamburger.active span:nth-child(2) {
  opacity: 0;
}

.snaq_hamburger.active span:nth-child(3) {
  transform: rotate(-45deg);
  bottom: 8.5px;
}

.snaq_nav-menu {
  position: fixed;
  top: 0;
  right: -100%;
  width: 100%;
  height: 100vh;
  background: #ffffff;
  transition: right 0.3s ease;
  padding-top: 60px;
  z-index: 1000;
  opacity: 0.98;
}

.snaq_nav-menu ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

.snaq_nav-menu ul li {
  margin: 20px;
}

.snaq_nav-menu ul li a {
  color: #00CED1;
  text-decoration: none;
  font-size: 18px;
}

.snaq_nav-menu.open {
  right: 0;
}

/*�݂�Ȃ̃G�s�\�[�h*/
.c-episode_linkbox {
    display:flex;
    justify-content:center;
    margin-top:0;
}

.c-episode_link {
    display:inline-flex;
    align-items: center;
    justify-content:center;
    padding: 5px 15px;
    background:#FFF;
    color:#00CED1;
    border:1px solid #00CED1;
    border-radius:20px;
    margin:0 auto;
    transition:all ease 0.3s !important;
}

.c-episode_link:hover {
    background:#00CED1;
    color:#FFF;
}


/*a btn �{�^��*/
.c-btn_join {
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    min-width:200px;
    border-radius:30px;
    padding:10px 25px;
    background: linear-gradient(180deg, #9AECED, #9AECED,#00CED1, #00CED1,#9AECED);
    border: 1px solid #00CED1;
    color:#FFF;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
    transition:all ease 0.3s;
}

.c-btn_join:before {
    content:"";
    display:flex;
    width:calc(100% - 20px);
    height:20px;
    background:#FFF;
    opacity:0.3;
    position:absolute;
    margin:5px 10px;
    top:0px;
    left:0;
    border-radius:30px;
}

.c-btn_join:hover {
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    min-width:200px;
    border-radius:30px;
    padding:10px 25px;
    background: #FFF;
    border: 1px solid #00CED1;
    color:#ff1212;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
    font-size: 1.8rem;
}

.c-btn_join:focus {
    color:#FFF;
}

.c-btn_join span {
    color: white;
    padding-right: 5px;
}

.c-btn_join:hover span {
    color:#00CED1
}

/*���O�C���{�^��*/
.c-btn_login {
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    min-width:200px;
    border-radius:30px;
    padding:10px 25px;
    background: linear-gradient(180deg, #BBC9E6, #BEC0DE,#C2B6D4, #BEC0DE,#BBC9E6);
    border: 1px solid #BBC9E6;
    color:#FFF;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.5);
    font-size: 1.8rem;
    transition:all ease 0.3s;
}

.c-btn_login:before {
    content:"";
    display:flex;
    width:calc(100% - 20px);
    height:20px;
    background:#FFF;
    opacity:0.3;
    position:absolute;
    margin:5px 10px;
    top:0px;
    left:0;
    border-radius:30px;
}

.c-btn_login:hover {
    position:relative;
    display:inline-flex;
    align-items: center;
    justify-content: center;
    min-width:200px;
    border-radius:30px;
    padding:10px 25px;
    background: #FFF;
    border: 1px solid #BBC9E6;
    color:#BBC9E6;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0);
    font-size: 1.8rem;
}

.c-btn_login:focus {
    color:#FFF;
}
/*�}�[�W��*/
.c-mt10 {
    margin-top:10px;
}

.c-mt20 {
    margin-top:20px;
}

.c-mt30 {
    margin-top:30px;
}

.c-mt40 {
    margin-top:40px;
}

.c-mt50 {
    margin-top:50px;
}

.c-mt60 {
    margin-top:60px;
}

.c-mb10 {
    margin-bottom:10px;
}

.c-mb20 {
    margin-bottom:20px;
}

.c-mb30 {
    margin-bottom:30px;
}

.c-mb40 {
    margin-bottom:40px;
}

.c-mb50 {
    margin-bottom:50px;
}

.c-mb60 {
    margin-bottom:60px;
}

.c-ml10 {
    margin-left:10px;
}

.c-ml20 {
    margin-left:20px;
}

.c-ml30 {
    margin-left:30px;
}

.c-ml40 {
    margin-left:40px;
}

.c-ml50 {
    margin-left:50px;
}

.c-ml60 {
    margin-left:60px;
}

.c-mr10 {
    margin-right:10px;
}

.c-mr20 {
    margin-right:20px;
}

.c-mr30 {
    margin-right:30px;
}

.c-mr40 {
    margin-right:40px;
}

.c-mr50 {
    margin-right:50px;
}

.c-mr60 {
    margin-right:60px;
}

/*video*/
.c-video2 {
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%;
    position:relative;
}

.c-video2_background-video {
    top: 0;
    left: 0;
    object-fit: contain;
    width: 100%;
    z-index: -1;
}

/*snaq footer*/
.p-snaq_footer {
    display:flex;
    flex-direction:column;
    align-items:center;
}

.p-snaq_footer_main {
    width: 100%;
    background:#FAFAFA;
}

.p-snaq_footer_main_contein {
    width:100%;
    display:flex;
    flex-direction: column;
    justify-content:space-between;
    align-items:center;
    background:#FAFAFA;
    padding:15px 0;
    margin:0 auto;
}

.p-snaq_footer_main_logo {
    width:200px;
    margin: 20px 0 0 0;
}

.p-snaq_footer_main_sns {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right:auto;
}

.p-snaq_footer_main_sns a{
    display: flex;
    align-items: center;
    justify-content: center;
    width:40px;
    margin:5px;
}

.p-snaq_footer_main_list{
    margin: 20px auto 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.p-snaq_footer_main_list ul {
    display: flex;
    flex-wrap:wrap;
}

.p-snaq_footer_main_list li {
    margin: 0;
    width: 50%;
    text-align: left;
}

.p-snaq_footer_main_list li a {
    display: inline-flex;
    align-items: center;
    font-size:14px;
    padding:10px 15px;
    border-radius:20px;
}

.p-snaq_footer_main_list li a:hover {
    background:#FFFFFF;
}

.p-snaq_footer_main_list li a i {
    color:#00CED1;
    margin-right:3px;
}

.p-snaq_footer_sub {
    width: 100%;
    min-width:100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 15px;
}

.p-snaq_footer_sub img{
    width: 70px;
    order: 1;
    margin-bottom:10px;
}

.p-snaq_footer_sub ul {
    margin-right:0px;
    order: 2;
}

.p-snaq_footer_sub ul li{
    text-align:center;
}

.p-snaq_footer_subsub {
    width: 100%;
}

.p-snaq_footer_subsub ul {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    background: #FAFAFA;
    width: 100%;
    padding: 15px 0;
}

.p-snaq_footer_subsub ul li {
    width: 50%;
    text-align: left;
}

.p-snaq_footer_subsub ul li a {
    display: inline-flex;
    align-items: center;
    font-size: 14px;
    padding: 10px 15px;
    border-radius: 20px;
}

.p-snaq_footer_subsub ul li a i {
    color: #00CED1;
    margin-right: 3px;
}

/*point_boost.html*/
.point_boost {
    margin: 0 15px;
}

.point_boost_tt {
    background: #00CED1;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    position: relative;
    margin-bottom: 20px;
}

.point_boost_tt_img {
    width: 100px;
    margin: 40px 0;
    display: flex;
    align-items: center;
}

h2.point_boost_tt_h2 {
    font-size: 1.6rem;
    line-height: 1.4;
    padding: 0 0 0 10px;
    font-weight: bold;
    color: #FFF;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    text-align: center;
}

.point_boost_tt_box {
    position: absolute;
    right: 5px;
    bottom: 5px;
    padding: 5px 15px 5px 5px;
    border-radius: 100vh;
    background: #FFF;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100px;
}

.point_boost_tt_box img {
    width: 25px;
}

.point_boost_tt_box2 {
    position: absolute;
    right: 7px;
    bottom: 38px;
    margin-bottom:10px;
    border-radius: 100vh;
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-width: 100px;
}

.point_boost_tt_box2 a {
    display: flex;
    align-items: center;
    border-radius: 100vh;
    min-width: 100px;
    color: #FFF;
}

.point_boost_tt_box2 a span {
    font-size:1.6rem;
    color: #FFF;
}

.point_boost_iine {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 40px;
}

.point_boost_iine h3 {
    font-size: 3rem;
    justify-content: flex-start;
    margin-bottom: 15px;
}

.point_boost_iine p {
    font-size: 1.6rem;
    margin-bottom: 15px;
}

.point_boost_iine {
    width: 100%;
    overflow: auto;
}

.point_boost_iine ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 3px;
    width: 100%;
}

.point_boost_iine ul li {
    display: flex;
    flex-direction: column;
    width: calc(50% - 10px);
    margin-bottom: 20px;
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
    position: relative;
}

.point_boost_iine ul li a {
    display: flex;
    flex-direction: column;
    height: 100%;
}

li.point_boost_iine_listA {
    background: #4CDCE0;
    border-radius: 8px;
    color: #FFF;
}

li.point_boost_iine_listA h3 {
    font-size: 2rem;
    color: #FFF;
    background: #00CED1;
    border-radius: 8px 8px 0 0;
    padding: 5px 10px;
    display: flex;
    justify-content: center;
}

li.point_boost_iine_listA div {
    text-align: center;
    color: #FFF;
    margin: 20px 0 0;
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2);
}

li.point_boost_iine_listA div span {
    font-size: 2rem;
    color: #FFF;
    margin-right: 5px;
}

li.point_boost_iine_listA div strong {
    color: #FFF;
    font-size: 3.0rem;
    margin-right: 5px;
}

.point_boost_iine_listA_b {
    display: flex;
    justify-content: center;
}

li.point_boost_iine_listA button {
    border: 1px solid #FFF;
    background:#00CED1;
    color: #FFF;
    margin: 20px auto;
    padding: 5px;
    border-radius: 100vh;
    text-align: center;
    width: 120px;
    transition:all ease 0.2s;
    cursor: pointer;
    
}

li.point_boost_iine_listA button:hover {
    border: 1px solid #00CED1;
    background: #FFF;
    color: #00CED1;
    margin: 20px auto;
    padding: 5px;
    border-radius: 100vh;
    text-align: center;
    width: 120px;
    transition:all ease 0.2s;
    opacity:1;
}

li.point_boost_iine_listB {
    background: #FFF;
    border-radius: 8px;
}

.point_boost_iine_listB_coin {
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    margin: 70px 0 50px;
    color: #000;
}

.point_boost_iine_listB_coin .icon-bubbles {
    font-size: 1.8rem;
    border-radius: 100vh;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFFF;
    background: linear-gradient(180deg, #03df0d 50%, #00cf0a 50%, #00cf0a, #00cf0a);
}

.point_boost_iine_listB_coin .icon-heart {
    font-size: 1.6rem;
    border-radius: 100vh;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFFF;
    background: linear-gradient(180deg, #fc9cdd 50%, #ff53c8 50%, #ff53c8, #ff53c8);
}

.point_boost_iine_listB_coin .icon-power {
    font-size: 1.6rem;
    border-radius: 100vh;
    padding: 10px;
    width: 30px;
    height: 30px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    cursor: grab;
    color: #FFFF;
    background: linear-gradient(180deg, #fa7070 50%, #ff0000 50%, #ff0000, #ff0000);
}

.point_boost_iine_listB_coin span {
    color: #000000;
    font-size: 2.4rem;
    margin-right: 5px;
}

.point_boost_iine_listB_point {
    background: #F9F9F9;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    border-radius: 0 0 8px 8px;
    font-size: 2rem;
    font-weight: bold;
    margin-top: auto;
}

.point_boost_iine_listB_point img {
    width: 25px;
    margin-right: 5px;
}

.point_boost_iine_listB_point span {
    color: #ddd;
    margin-left: 5px;
    position: relative;
}

.point_boost_iine_listB_point span:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    top: 15px;
    left: 0;
    border-bottom: 1px solid #888888;
}

.point_boost_iine_listB_otoku {
    position: absolute;
    top: 0;
    left: 0;
    color: #FFF;
    background: #00CED1;
    padding: 5px 10px;
    border-radius: 8px 0 8px 0;
    font-size: 1.6rem;
    font-weight: bold;
    letter-spacing: 2px;
}

/*swipper*/
.swiper {
  width: 100%;
  max-width: 320px;
  /*height: 400px;  �����̓J�[�h�\���̂��߂ɕK�{ */
  margin: 0 auto;
}

/* wrapper ��flex�x�[�X�Ȃ̂œ��ɐG��Ȃ� */
.swiper-wrapper {
  /* �ʏ�͕ύX�s�v */
}

/* �X���C�h�X�̗v�f��swiper���������䂵�܂� */
.swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 18px;
  background: #fff;
  border-radius: 10px;

  /* �����ƕ��� swiper �������Őݒ肷�邽�߁A
     effect: 'cards' �g�p���͂����� width ���w�肵�Ȃ����ƁI */
}

/* �V�[�N���b�g���[�h */
.c-profile_state5Box_adress {
    position: relative;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #DEDEFF;
    width:calc(50% - 10px);
}

@media screen and (max-width:1024px){
    .c-profile_state5Box_adress {
        margin-bottom:10px;
        width:100%;
    }
}

.c-profile_state5Box_phone {
    position: relative;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #DEDEFF;
    width:calc(50% - 10px);
}

@media screen and (max-width:1024px){
    .c-profile_state5Box_phone {
        margin-bottom:10px;
        width:100%;
    }
}

.c-profile_state5Box_phone .social h3 {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
}

.c-profile_state5Box_boost {
    position: relative;
    background: #FFF;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #DEDEFF;
    width:calc(50% - 10px);
}

@media screen and (max-width:1024px){
    .c-profile_state5Box_boost {
        margin-bottom:10px;
        width:100%;
    }
}

.c-secret {
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 5px;
    width: 100%;
}

.c-secret+p {
    text-align: center;
}

.c-switch2 strong {
    padding: 10px;
    background:#00CED1;
    color: #FFFFFF;
    margin: 0 5px;
}

/* === �v���t�B�[��switch================================== */
.c-switch {
	display:flex;
	margin-right:auto;
	align-items:center;
}
/* === �{�^����\������G���A ============================== */
.switchArea {
  line-height    : 40px;                /* 1�s�̍���          */
  letter-spacing : 0;                   /* ������             */
  text-align     : center;              /* �����ʒu�͒���     */
  font-size      : 20px;                /* �����T�C�Y         */

  position       : relative;            /* �e�v�f����_       */
  margin         : auto;                /* ������           */
  width          : 115px;               /* �{�^���̉���       */
  margin-left:5px;
}

 /* === �`�F�b�N�{�b�N�X ==================================== */
.switchArea input[type="checkbox"] {
  display        : none;            /* �`�F�b�N�{�b�N�X��\�� */
}

 /* === �`�F�b�N�{�b�N�X�̃��x���i�W���j ==================== */
.switchArea label {
  display        : block;               /* �{�b�N�X�v�f�ɕύX */
  box-sizing     : border-box;          /* �g�����܂񂾃T�C�Y */
  height         : 40px;                /* �{�^���̍���       */
  border         : 2px solid #999999;   /* ���I���^�u�̘̂g�� */
  border-radius  : 30px;               /* �p��               */
  background:#FFF;
}

 /* === �`�F�b�N�{�b�N�X�̃��x���iON�̂Ƃ��j ================ */
.switchArea input[type="checkbox"]:checked +label {
  border-color   : #00CED1;             /* �I���^�u�̘g��     */
}

 /* === �\�����镶���i�W���j ================================ */
.switchArea label span:after{
  content        : "��\��";               /* �\�����镶��       */
  padding        : 0 0 0 25px;          /* �\������ʒu       */
  color          : #999999;             /* �����F             */
}

 /* === �\�����镶���iON�̂Ƃ��j ============================ */
.switchArea  input[type="checkbox"]:checked + label span:after{
  content        : "�\��";                /* �\�����镶��       */
  padding        : 0 25px 0 0;          /* �\������ʒu       */
  color          : #00CED1;             /* �����F             */
}

 /* === �ە�����STYLE�i�W���j =============================== */
.switchArea #swImg {
  position       : absolute;            /* �e�v�f����̑��Έʒu*/
  width          : 32px;                /* �ۂ̉���           */
  height         : 32px;                /* �ۂ̍���           */
  background     : linear-gradient(180deg, #dddddd 50%, #999999 50%, #999999, #bbbbbb);             /* �J�[�\���^�u�̔w�i */
  top            : 4px;                 /* �e�v�f����̈ʒu   */
  left           : 5px;                 /* �e�v�f����̈ʒu   */
  border-radius  : 26px;                /* �p��               */
  transition     : .2s;                 /* ���炩�ω�         */
}

 /* === �ە�����STYLE�iON�̂Ƃ��j =========================== */
.switchArea input[type="checkbox"]:checked ~ #swImg {
  transform      : translateX(74px);    /* �ۂ��E�ֈړ�       */
  background     : linear-gradient(180deg, #9AECED 50%, #00CED1 50%, #00CED1, #00CED1);             /* �J�[�\���^�u�̔w�i */
}


/* === �V�[�N���b�gswitch================================== */
.c-switch2 {
	display:flex;
	margin-right:auto;
	align-items:center;
    justify-content: space-between;
}

.c-switch2 strong{
	padding: 10px;
    background: #00CED1;
    color: #FFFFFF;
    margin: 0;
    border-radius: 5px;
}
/* === �{�^����\������G���A ============================== */
.switch2Area {
  line-height    : 40px;                /* 1�s�̍���          */
  letter-spacing : 0;                   /* ������             */
  text-align     : center;              /* �����ʒu�͒���     */
  font-size      : 20px;                /* �����T�C�Y         */
  position       : relative;            /* �e�v�f����_       */
  width          : 115px;               /* �{�^���̉���       */
  margin-left:5px;
}

 /* === �`�F�b�N�{�b�N�X ==================================== */
.switch2Area input[type="checkbox"] {
  display        : none;            /* �`�F�b�N�{�b�N�X��\�� */
}

 /* === �`�F�b�N�{�b�N�X�̃��x���i�W���j ==================== */
.switch2Area label {
  display        : block;               /* �{�b�N�X�v�f�ɕύX */
  box-sizing     : border-box;          /* �g�����܂񂾃T�C�Y */
  height         : 40px;                /* �{�^���̍���       */
  border         : 2px solid #999999;   /* ���I���^�u�̘̂g�� */
  border-radius  : 30px;               /* �p��               */
  background:#FFF;
}

 /* === �`�F�b�N�{�b�N�X�̃��x���iON�̂Ƃ��j ================ */
.switch2Area input[type="checkbox"]:checked +label {
  border-color   : #00CED1;             /* �I���^�u�̘g��     */
}

 /* === �\�����镶���i�W���j ================================ */
.switch2Area label span:after{
  content        : "OFF";               /* �\�����镶��       */
  padding        : 0 0 0 25px;          /* �\������ʒu       */
  color          : #999999;             /* �����F             */
}

 /* === �\�����镶���iON�̂Ƃ��j ============================ */
.switch2Area  input[type="checkbox"]:checked + label span:after{
  content        : "ON";                /* �\�����镶��       */
  padding        : 0 25px 0 0;          /* �\������ʒu       */
  color          : #00CED1;             /* �����F             */
}

 /* === �ە�����STYLE�i�W���j =============================== */
.switch2Area #swImg {
  position       : absolute;            /* �e�v�f����̑��Έʒu*/
  width          : 32px;                /* �ۂ̉���           */
  height         : 32px;                /* �ۂ̍���           */
  background     : linear-gradient(180deg, #dddddd 50%, #999999 50%, #999999, #bbbbbb);             /* �J�[�\���^�u�̔w�i */
  top            : 4px;                 /* �e�v�f����̈ʒu   */
  left           : 5px;                 /* �e�v�f����̈ʒu   */
  border-radius  : 26px;                /* �p��               */
  transition     : .2s;                 /* ���炩�ω�         */
}

 /* === �ە�����STYLE�iON�̂Ƃ��j =========================== */
.switch2Area input[type="checkbox"]:checked ~ #swImg {
  transform      : translateX(74px);    /* �ۂ��E�ֈړ�       */
  background     : linear-gradient(180deg, #9AECED 50%, #00CED1 50%, #00CED1, #00CED1);             /* �J�[�\���^�u�̔w�i */
}

.c-secret{
	border:1px solid #ddd;
	border-radius:8px;
	padding:5px;
	width: 100%;
}

/*left�}�b�`*/
.c-muching {
    margin: 0 15px 15px;
}

.c-muchingbox {
    opacity:0;
    bottom: -100%; /* ��ʊO�ɔz�u */
    position: fixed;
    z-index: 2;
    max-width:600px;
    width: 100%;
    height:100vh;
    padding: 100px;
}

.c-muchingbox.active{
    opacity:1;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    max-width:600px;
    width: 100%;
    height:100vh;
    padding: 100px;
}

.c-muchingboxbg {
    content:"";
    display:block;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 2;
    background: rgba(0, 0, 0, 0.6);
    width: 100vw;
    height:100vh;
}

.c-muchingbox .swiper-wrapper {
    z-index: 3;
}

.c-muchingbox .swiper-slide {
    position:relative;
}

.c-muchingbox .swiper-slide img {
    position:relative;
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.c-muchingbox>.swiper-wrapper>.swiper-slide:before {
    content:"";
    display:block;
    background:linear-gradient(rgba(0,0,0,0) 60%,rgba(0,0,0,0.9));
    position:absolute;
    bottom:0;
    left:0;
    height: 100%;
    width: 100%;
}

.c-muchingbox .swiper-slide .c-muchingboxtext {
    position: absolute;
    bottom: 20px;
    left: 20px;
    z-index: 2;
    font-size: 1.8rem;
    color: #FFF;
    text-align: left;
}

.c-muchingboxbtn ul{
    display:flex;
    align-items:center;
    justify-content:center;
}

.c-muchingboxbtn ul li{
    margin:5px;
}

.c-muchingboxbtn ul li a {
    font-size: 2.4rem;
    background: #FFF;
    border-radius: 100vh;
    padding: 10px;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_del {
    font-size: 3rem;
    width: 40px;
    height: 40px;
    color:#FFF;
    background: linear-gradient(150deg, #7b7b7b, #000000);
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_del .icon-icon_delete1{
    margin-left:0;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_gift {
    font-size: 3rem;
    width: 60px;
    height: 60px;
    color:#FFF;
    background: linear-gradient(150deg, #ff45cb, #ffd357); 
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_gift span{
    color:#FFF;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_heart span{
    background: linear-gradient(150deg, #ff45cb, #ffd357);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_bookmark {
    background: linear-gradient(150deg, #00CED1, #9AECED);
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_bookmark span {
    color:#FFF;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_bubbles {
    background: #00cf0a;
}

.c-muchingboxbtn ul li a.c-muchingboxbtn_bubbles span {
    color:#FFF;
}

.c-muchingbox .swiper-pagination {
    margin-bottom:40px;
}

/*�|�C���g����*/
.point_boost_itemselect {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
}

.point_boost_itemselect_left {
    display: flex;
    flex-direction: column;
    margin-right: 30px;
    width: 100%;
}

.point_boost_itemselect_right {
    padding: 20px;
    background: #FFF;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    border-radius: 8px;
    width: 100%;
    font-size: 1.6rem;
    display: flex;
    flex-direction: column;
    margin-bottom:20px;
}

.point_boost_itemselect_right .eCscore {
    width:100%;
    margin:0 0 20px;
}

.point_boost_itemselect_right .eCscore span {
    font-size: 20px;
}

.point_boost_itemselect_right input {
    margin-top: 10px;
    width: 100%;
}

.point_boost_itemselect_itembox {
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 5px;
    background: #FFF;
    box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.2);
    margin-bottom: 20px;
}

.point_boost_itemselect_itembox_min {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid #ddd;
    padding: 0 0 5px 0;
}

.point_boost_itemselect_itembox_min h3 {
    justify-content: flex-start;
    margin: 0;
}

.point_boost_itemselect_itembox_min p {
    width: 50%;
    display: flex;
    align-items: flex-end;
}

.point_boost_itemselect_itembox_min p a {
    width: 100%;
    display: flex;
    justify-content: flex-end;
}

.point_boost_itemselect_item_kakaku {
    text-align: right;
    margin-bottom: 10px;
}

.point_boost_itemselect_item {
    display: flex;
    flex-direction:column;
    align-items: center;
    width: 100%;
}

.point_boost_itemselect_item label {
    margin-right: 5px;
}

.point_boost_itemselect_item_img {
    width: 180px;
    margin-bottom:10px;
    display:none;
}

.point_boost_itemselect_item_text {
    width: 100%;
}

.point_boost_itemselect_item_text_right {
    border-bottom: 1px solid #ddd;
    margin: 5px 0;
    padding: 5px 0;
    text-align: right;
    font-size: 1.6rem;
}

.point_boost_itemselect_right_plice {
    font-size:2rem;
    text-align:right;
    padding-bottom: 10px;
}

.point_boost_itemselect_right_plice span{
    font-size:1.2rem;
}

.point_boost_itemselect_item_shoukei {
    margin-left: auto;
    font-size: 2rem;
    border-top: 1px solid #ddd;
    width: 100%;
    padding-top: 5px;
    text-align: right;
}

.point_boost_itemselect_item_shoukei span {
    font-size: 10px;
}

.point_boost_itemselect_item_text_left {
    margin-bottom: 10px;
}

.point_boost_itemselect_item_text_left h4 {
    font-size: 1.8rem;
    font-weight: bold;
}

.point_boost_itemselect_item_text_left p {
    margin-bottom: 5px;
}

.point_boost_itemselect_item_text_check {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.point_boost_itemselect_item_text_check li:first-child {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    background: linear-gradient(180deg, #9AECED 50%, #00CED1 50%, #00CED1, #00CED1);
    border-radius: 100vh;
    width: 135px;
    margin-right: 10px;
}

.point_boost_itemselect_item_text_check li:last-child input {
    width: 50px;
    min-width: 60px;
}

.point_boost_itemselect_item_text_check li:last-child input:hover {
    width: 50px;
    min-width: 60px;
    padding:5px 0;
    border-radius:5px;
}

.point_boost_itemselect_item_text_check li a {
    margin: 0 10px;
}

ul.point_boost_itemselect_item_text_check input {
    width: 50px;
    padding: 5px;
    border-radius: 5px;
    border: 1px solid #777;
}

ul.point_boost_itemselect_item_text_check span {
    color: #119e9f;
}

.point_boost_itemselect_main {
    border: 2px dashed #ffffff;
    background-color: #f8edeb;
    box-shadow: 0 0 0 6px #f8edeb;
    color: #958989;
    padding: 16px;
    margin-bottom: 20px;
    display: flex;
    justify-content: center;
    width: 100%;
    font-size: 1.8rem;
}

/* �^�u�{�^���G���A */
  .tab-menu {
    display: flex;
    border-bottom: 1px solid #ccc;
    margin-bottom: 20px;
    width:100%;
  }
  .tab-menu button {
    flex: 1;
    padding: 10px;
    border: none;
    background: #f5f5f5;
    cursor: pointer;
    font-size: 1.4rem;
    transition: background 0.3s;
    border-radius: 8px 8px 0 0;
  }
  .tab-menu button:hover {
    background: #e5e5e5;
  }
  .tab-menu button.active {
    background: #00CED1;
    font-weight: bold;
    color: #ffffff;
    border-radius: 8px 8px 0 0;
  }

  .tab-menu button.tab-menu_you {
    background: #ffa012;
    opacity: 0.3;
    color: #ffffff;
  }

  .tab-menu button.tab-menu_you.active {
    background: #ffa012;
    opacity: 1;
    color: #ffffff;
  }

  .tab-menu button.tab-menu_me {
    background: #00CED1;
    opacity: 0.3;
    color: #ffffff;
  }

  .tab-menu button.tab-menu_me.active {
    background: #00CED1;
    opacity: 1;
    color: #ffffff;
  }



  /* �R���e���c */
  .tab-content {
    display: none;
    opacity: 0;
    transition: opacity 0.3s ease;
    width:100%;
  }
  .tab-content.active {
    display: block;
    opacity: 1;
  }

  #mp-favoriteList_we section, #mp-favoriteList_i section {
    display: flex;
    flex-wrap: wrap;
}

#mp-favoriteList_we section form, #mp-favoriteList_i section form {
    display: flex;
    flex-wrap: wrap;
}

  /*�v�����\��*/
.c-plan {
    background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
    background-repeat: no-repeat;
    width: 100%;
    padding: 3px;
    text-align: center;
    margin: 0 15px 20px;
    border-radius: 5px;
}

.c-plan.c-planB {
    margin: 0 0 10px;
    width: 100%;
}

.c-plan_premium {
    padding: 10px;
    background: #00CED1;
    color: #FFF;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 3px;
    font-size:2rem;
}

.c-plan.c-planB .c-plan_premium {
    padding: 5px 10px;
    flex-direction: row;
    align-items: center;
    font-size: 1.6rem;
    background: linear-gradient(180deg, #6cdfe0 50%, #00CED1 50%, #00CED1, #00CED1);
}

.c-plan.c-planB .c-plan_premium span {
    background: white;
    border-radius: 100vh;
    margin-left: 10px;
    color: #00CED1;
    font-size: 1.4rem;
    padding: 8px 10px;
}

.c-plan_yuuryou {
    padding: 10px;
    background: #08BA21;
    color: #FFF;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 3px;
    font-size: 2rem;
}

.c-plan.c-planB .c-plan_yuuryou {
    padding: 8px 10px;
    flex-direction: row;
    align-items: center;
    font-size: 1.6rem;
    background: linear-gradient(180deg, #46d85b 50%, #08BA21 50%, #08BA21, #08BA21);
}

.c-plan.c-planB .c-plan_yuuryou span {
    background: white;
    border-radius: 100vh;
    margin-left: 10px;
    color: #08BA21;
    font-size: 1.4rem;
    padding: 5px 10px;
}

.c-plan_muryou {
    padding: 10px;
    background: #ff8787;
    color: #FFF;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    flex-direction: column;
    width: 100%;
    border-radius: 3px;
    font-size: 2rem;
}

.c-plan span{
    color: #ffff00;
    font-size: 1.6rem;
}

/*�u�[�X�g�\��*/
.c-boost {
    background: linear-gradient(90deg, #b39855 0%, #fff9e6 50%, #b39855 100%);
    background-repeat: no-repeat;
    width: 100%;
    padding: 3px;
    text-align: center;
    margin: 0 0 15px;
    border-radius: 5px;
}

.c-boost strong {
    padding: 10px;
    background: #FF0000;
    color: #FFFFFF;
    display: block;
    width: 100%;
    border-radius: 3px;
    font-size: 1.6rem;
}

.c-boost .c-boost strong {
    padding: 10px;
}

.c-boost span {
    padding: 5px 10px;
    margin-left: 10px;
    font-size: 1.4rem;
    border-radius: 100vh;
    background: white;
    color: red;
}

.c-boost i {
    margin-right: 5px;
    font-size: 1.6rem;
    color: yellow;
}

/*�u�[�X�g���{��*/
.c-boostribon_text {
    position: absolute;
    top: 5px;
    right: -9px;
    display: inline-block;
    height: 34px;
    line-height: 26px;
    text-align: center;
    padding: 0 6px 0 13px;
    font-size: 12px;
    background: #f14747;
    color: #FFF;
    box-sizing: border-box;
    clip-path: polygon(0 0, 100% 0, 100% 75%, 85% 100%, 85% 75%, 0 75%, 14% 36%, 0 0);
}

/*sale*/
.c-sale {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
}
.c-sale li {
    width: 32%;
}

p.c-social_p {
    margin-bottom: 15px;
    padding: 15px;
    border-radius: 5px;
    background: #fffbef;
}

input.c-muchingbtnhead {
    min-width: 120px;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px 10px;
}

input.c-muchingbtnhead:hover {
    min-width: 120px;
    font-size: 14px;
    margin-right: 10px;
    padding: 10px 10px;
}

/*point*/
.c-profile_state6 {
    margin: 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
    width: 100%;
}

.c-profile_state6_list {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-direction: column;
    border-radius: 5px;
    margin-bottom: 10px;
}

.c-profile_state6_list li {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 5px;
    flex-direction: row;
    padding: 5px 8px 5px 3px;
    border-radius: 5px;
    background: #1b218b;
    border: 1px solid #8b6cff;
}

.c-profile_state6_list.c-profile_state6_list_se li {
    background: #28c3e3;
    border: 1px solid #28c3e3;
}

.c-profile_state6_list_head {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    font-size: 1.6rem;
    color: #FFF;
}

.c-profile_state6_list_head img {
    width: 28px;
    margin-right: 5px;
    margin-bottom: 0;
}

.c-profile_state6_list_foot {
    position: relative;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    font-size: 1.8rem;
    color: #FFF;
    width: 170px;
}

.c-profile_state6_list_foot p {
    width: 100%;
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    font-size: 1.6rem;
}

.c-profile_state6_list_foot span {
    font-size: 1.6rem;
    color: #000000;
    position: absolute;
    bottom: -4px;
    right: -7px;
}

.c-profile_state6_list li span.icon-icon_plus:before {
    background: #FFF;
    border-radius: 100vh;
}

.wrap-Payment_tt {
    font-size: 2.6rem !important;
    text-align: center;
    margin-bottom: 5px;
    margin-top: 50px;
}

.wrap-Payment_tt:after {
    content: "";
    display: flex;
    border: 1px solid #00CED1;
    width: 80px;
    margin: 0 auto 10px;
}

.wrap-Payment_t4 {
    font-size: 1.8rem;
    text-align: center;
    margin-bottom: 20px;
}

/*mypage c-modalcheck*/
.c-modalcheck {
    background:white;
    margin: auto;
    padding:20px;
    width:80%;
    max-width:400px;
    border-radius:8px;
}

.c-modalcheck_bg {
    display:none;
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.6);
    z-index: 100;
}

.c-modalcheck_h3 {
    width: 100%;
    background: linear-gradient(150deg, #00CED1, #9AECED);
    font-size: 18px;
    font-weight: normal;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
    color: white;
    margin-bottom: 10px;
}

.c-modalcheck_p {
    margin-bottom: 10px;
}

.c-modalcheck_btn {
    display:flex;
    justify-content:center;
    align-items:center;
    padding:5px 15px;
    background: linear-gradient(180deg, #9AECED 50%, #00CED1 50%, #00CED1, #00CED1);
    border: 1px solid #00CED1;
    border-radius:100vh;
    font-size:1.8rem;
    color:#FFF;
    margin: 0 auto;
}

.c-modalcheck_btn:hover {
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    color: #00CED1;
}

/*�u���b�N���[�_��*/
.modal {
  display: none; /* �����͔�\�� */
  justify-content: center;
  align-items: center;
  position: fixed;
  z-index: 999;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,0.6);
}
.modal-content {
  background-color: #fff;
  margin: 15% auto;
  padding: 20px 30px;
  border-radius: 10px;
  width: 100%;
  max-width: 330px;
  text-align: center;
}
.modal-buttons {
  display: flex;
  justify-content: space-around;
  margin-top: 20px;
}
.modal-buttons button {
  border: none;
  border-radius: 5px;
  cursor: pointer;
  padding: 10px 20px;
}

#confirmDelete {
    background:#00CED1;
    color:#FFF;
}

button#confirmBlock a span {
    color: #fff;
}

#confirmBlock {
  background-color: #00CED1;
  color: #fff;
  padding: 0px 20px;
}
#cancelBlock {
  background-color: #ddd;
}

/*mypage*/
.c-gomypage {
    margin-bottom:20px;
    display:flex;
    align-items:center;
    justify-content: center;
    flex-direction:column;
    font-size: 1.6rem;
}

/*�A�i�E���X*/
.c-announce {
    margin: 0 15px 30px
}

.c-announce .section h2 {
    padding-bottom: 0px;
}

/*tmpl2.class_ex2.inc header*/
nav.l-header_now_nav {
    position: relative;
    border-bottom: 1px solid #ccc;
    background:#FFF;
}

nav.l-header_now_nav ul {
    display: flex;
    padding: 0 24px;
    gap: 18px;

    overflow-x: auto;     /* ���X�N���[���� */
    overflow-y: hidden;   /* �c�͉B�� */

    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
    scroll-padding: 24px;

    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none; /* IE */
    width: 100vw;
}

nav.l-header_now_nav ul::-webkit-scrollbar {
  display: none;
}

nav.l-header_now_nav ul li {
    cursor: pointer;
    flex: 1 1 0%;
    display: inline-flex;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    height: 40px;
    position: relative;
    white-space: nowrap;
    padding: 0 10px;
}

nav.l-header_now_nav ul li a {
    font-size: 14px;
    line-height: 21px;
    font-weight: 500;
    color: rgba(10, 44, 47, 0.7);
    text-align: center;
}

nav.l-header_now_nav ul li a.active::after {
    border-top: 2px solid #15dadc;
    content: "";
    display: block;
    position: absolute;
    right: 0px;
    bottom: -1px;
    left: 0px;
}

.l-footer_now {
    position: sticky;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 3;
}

.l-footer_now_nav {
    width: 100%;
    box-sizing: border-box;
    z-index: 1;
    box-shadow: 0 0px 3px 0 rgba(0, 0, 0, 0.3);
    transition: all 0.5s;
}

.l-footer_now_nav ul {
    display: flex;
    justify-content: center;
    width: 100%;
    list-style: none;
    background: #FFF;
    padding: 5px;
}

.l-footer_now_nav ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 17%;
    height: 56px;
    box-sizing: border-box;
    position: relative;
    padding: 2px;
}

.l-footer_now_nav ul li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: stretch;
    padding: 7px 0;
    width: 100%;
    height: 56px;
    box-sizing: border-box;
    font-size: 32px;
    color: #000000;
    border-radius: 5px;
    background: linear-gradient(180deg, #ffffff 50%, #f1f1f1 50%, #f1f1f1);
    border: 1px solid #cbcbcb;
}

.l-footer_now_nav ul li a small {
    margin-top: 3px;
    font-size: 9px;
    color: #000000;
}

.l-footer_now_nav ul li .count {
    position: absolute;
    top: -3px;
    right: 0px;
    min-width: 25px;
    height: 25px;
    padding: 0 4px 2px;
    background: #eb0f14;
    color: #FFFFFF;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1;
    border-radius: 20px;
    z-index: 999;
}

#cancell {
  scroll-margin-top: 120px;
}

/*�V��������o�^*/
.c-entry {
    position: relative;
    margin: 40px auto;
    border-radius: 8px;
    width: calc(100% - 80px);
    max-width: 1000px;
    border: 1px solid #00CED1;
    background: #FFF;
}
@media screen and (max-width:430px){
    .c-entry {
        margin: 20px 15px;
        width: calc(100% - 30px);
    }
}

.c-entry_wrap {
    margin: 40px;
}

@media screen and (max-width:430px){
    .c-entry_wrap {
        margin: 20px;
    }
}

.c-entry_wrap2 {
    position:relative;
}

.c-entry_wrap4 {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin: 40px;
    gap:10px;
}

@media screen and (max-width:430px){
    .c-entry_wrap4 {
        margin: 20px;
        gap: 5px;
    }
}


.c-entry_wrap4 input[type="text"], .c-entry_wrap4  input[type="number"]{
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
    width: 120px;
    cursor: pointer;
    margin:0;
}

@media screen and (max-width:430px){
    .c-entry_wrap4 input[type="text"], .c-entry_wrap4  input[type="number"]{
        padding: 10px 10px;
        width: 90px;
        border: 1px solid #aaaaaa;
    }
}

.c-entry_wrap4 input[type="text"]:focus, .c-entry_wrap4 input[type="number"]:focus {
    border: 1px solid #00CED1;
    outline: none;
    box-shadow: 0 0 5px 0px rgb(0 206 209 / 40%);
}

.c-entry_wrap4 input[type="text"]::placeholder, .c-entry_wrap4 input[type="number"]::placeholder{
    color:#aaaaaa;
}

.c-entry_wrap5 {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    margin: 40px;
    gap:10px;
}

.c-entry_wrap5 input[type="text"], .c-entry_wrap5 input[type="number"]{
    border-radius: 50px;
    font-size: 20px;
    padding: 10px 20px;
    text-align: center;
    width: 300px;
    cursor: pointer;
}

.c-entry_wrap5 input[type="text"]:focus, .c-entry_wrap5 input[type="number"]:focus {
    border: 1px solid #00CED1;
    outline: none;
    box-shadow: 0 0 5px 0px rgb(0 206 209 / 40%);
}

.c-entry_wrap5 input[type="text"]::placeholder, .c-entry_wrap5 input[type="number"]::placeholder{
    color:#aaaaaa;
}

.c-entry_wrap6 {
    display:flex;
    justify-content:center;
    align-items:center;
    flex-wrap:wrap;
    flex-direction: column;
    margin: 40px;
    gap:10px;
}

@media screen and (max-width:430px){
    .c-entry_wrap6 {
        margin: 40px 0;
    }  
}

.c-entry_wrap6 textarea {
    transition: all .3s linear;
}

.c-entry_wrap6 textarea:focus {
    border: 1px solid #00CED1;
    outline: none;
    box-shadow: 0 0 5px 0px rgb(0 206 209 / 40%);
}

.c-entry_wrap6 textarea:focus::placeholder {
    color:#aaaaaa;
}

.c-entry_wrap6 ul {
    display:flex;
    justify-content:center;
    align-items:center;
    gap:10px;
}

@media screen and (max-width:430px){
    .c-entry_wrap6 ul {
        align-items: flex-start;
    }
}

.c-entry_wrap6 ul li {
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:2rem;
    gap:10px;
}

@media screen and (max-width:430px){
    .c-entry_wrap6 ul li {
        font-size:1.4rem;
    }
}

.c-entry_wrap6 img{
    width:240px;
}

.c-entry_wrap6 textarea {
    width: 100%;
    max-width: 600px;
}

.c-entry_wrap7 {
    display:flex;
    flex-wrap:wrap;
    gap:20px;
    margin:20px 0;
}

.c-entry_wrap7_left {
    width:300px;
    gap:20px;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_left {
        width:100%;
        order: 2;
    }
}

.c-entry_wrap7_left_box1 {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
    border:1px solid #00CED1;
    border-radius:8px;
    padding:30px;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_left_box1 {
        border:none;
    }
}

.c-entry_wrap7_left_box1 img {
    width:100%
}

@media screen and (max-width:430px){
    .c-entry_wrap7_left_box1 img {
        width: 200px;
    }
}

.c-entry_wrap7_left_box1_p1 {
    font-size:2.8rem;
}

.c-entry_wrap7_left_box1_p2 {
    font-size:1.8rem;
}

.c-entry_wrap7_left_box2 {
    display:flex;
    flex-direction:column;
    align-items:center;
    gap:10px;
}

.c-entry_wrap7_left_box2 a {
    font-size:1.8rem;
}

.c-entry_wrap7_right {
    width:calc(100% - 320px);
    gap:20px;
    display:flex;
    flex-direction:column;
    flex-wrap:wrap;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_right {
        width:100%;
    }
}

.c-entry_wrap7_right_box1 {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    border:1px solid #00CED1;
    border-radius:8px;
    padding:30px;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_right_box1 {
        padding:0px;
        border: none;
    }
}

.c-entry_wrap7_right_box1 h2 {
    text-align: left;
    font-size: 2.2rem;
    margin-bottom: 10px;
    padding: 0;
    font-weight:bold;
}

.c-entry_wrap7_right_box1 p {
    font-size: 1.6rem;
}

.c-entry_wrap7_right_box2 {
    display:flex;
    flex-direction:column;
    justify-content:flex-start;
    border:1px solid #00CED1;
    border-radius:8px;
    padding:30px;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_right_box2 {
        padding:0px;
        border:none;
    }
}

.c-entry_wrap7_right_box2 h2 {
    text-align: left;
    font-size: 2.2rem;
    margin-bottom: 10px;
    padding: 0;
    font-weight:bold;
}

.c-entry_wrap7_right_box2 ul {
    margin-bottom:20px;
}

.c-entry_wrap7_right_box2 li {
    display:grid;
    grid-template-columns:200px 1fr;
    gap:10px;
    font-size:1.6rem;
    margin-bottom:15px;
}

@media screen and (max-width:430px){
    .c-entry_wrap7_right_box2 li {
        grid-template-columns:1fr 200px;
        margin-bottom:5px;
        font-size:1.4rem;
    }
}

.c-entry_wrap7_right_box2 li span {
    font-weight:bold;
}

.c-entry_img1 {
    display:flex;
    flex-direction:column;
    align-items:center;
    max-width:325px;
    margin:0 auto 20px;
}

.c-entry_pankuzu {
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    margin:0 0 20px;
}

.c-entry_pankuzu li {
    display:flex;
    margin-right:5px;
    margin-bottom:5px;
}

.c-entry_pankuzu_strong{
    background:#ddd;
    color:#FFF;
    font-size:1.6rem;
    padding:5px 20px;
    border-radius:50px;
}

.c-entry_pankuzu_strong_on{
    background:#00CED1;
    color:#FFF;
    font-size:1.6rem;
    padding:5px 20px;
    border-radius:50px;
}

@media screen and (max-width:430px){
    .c-entry_pankuzu_strong_on{
        background:#00CED1;
        color:#FFF;
        font-size:1.6rem;
        padding:0px 10px;
        border-radius:50px;
    }
}

.c-entry_pankuzu_nomal{
    color:#ddd;
    font-size:2.4rem;
}

.c-entry_pankuzu_nomal_on {
    color:#00CED1;
    font-size:2.4rem;
}

.c-entry_text1 {
    font-size:2rem;
}

.c-entry_text2 {
    font-size:2rem;
    text-align:center;
}

@media screen and (max-width:430px){
    .c-entry_text2 {
        font-size:2.3rem;
    }
}

.c-entry_text2 strong {
    color: #00CED1;
}

.c-entry_p1 {
    font-size:1.6rem;
    text-align:center;
    color: #999;
}

.c-entry_wrap_next {
    width:100%;
    margin-top:150px;
    background:#00CED1;
    position:relative;
}

.c-entry_wrap_next::before {
    display:block;
    content:"";
    width:100%;
    height:100px;
    border-radius:50% 50% 0 0;
    background:#00CED1;
    position:relative;
    top:-100px;
}

.c-entry_divider {
    display: block;
    width: 100%;
    height: 80px;
    background: #00CED1;
    position:relative;
}

@media screen and (max-width:430px){
    .c-entry_divider {
        height: 40px;
        margin-top: 150px;
    }
}

.c-entry_divider path {
    fill: #fff; /* ���̔w�i�F�ɍ��킹�� */
}

.c-entry_divider_img {
    position:absolute;
    right:50px;
    top:-140px;
    width:265px;
}

@media screen and (max-width:430px){
    .c-entry_divider_img {
        top: -155px;
        right: 10px;
    }
}

.c-entry_wrap3 {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #00CED1;
    padding:40px;
    border-radius:0 0 5px 5px;
}

.c-entry_wrap3 input{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    padding: 10px 40px;
    width: 300px;
    border-radius: 50px;
    color: #00CED1;
    text-shadow: none;
}

.c-entry_wrap3 input:hover{
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFF;
    padding: 10px 40px;
    width: 300px;
    border-radius: 50px;
    color: #00CED1;
    text-shadow: none;
}
/*����o�^�@footer*/
.c-entry_footer {
    display:flex;
    align-items: center;
    justify-content:space-between;
}

.c-entry_footer .icon-icon_left{
    font-size:5rem;
    color:#ddd;
    cursor: pointer;
}

.c-entry_footer #next {
  display:none;
}

.c-entry_footer label::before {
  content: "\e91d";
  font-family: 'icomoon';
  font-size:5rem;
  color: #00CED1;
  transition: color .2s;
  cursor: pointer;
}

/*�X�C�b�`*/
.c-entry_switch {
  display: flex;
  justify-content:center;
  gap: 20px;
}

.c-entry_switch_box {
  display: flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
}

.c-entry_switch input {
  display: none;
}

.c-entry_switch .btn {
  width: 150px;
  height: 150px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
  opacity: 0.4;
  transition: opacity .2s;
  margin:0 0 10px 0;
}

.c-entry_switch .on {
  background-image: url(../img/entry4_on.png);
}

.c-entry_switch .off {
  background-image: url(../img/entry5_on.png);
}

#on:checked + .on,
#off:checked + .off {
  opacity: 1;
}

/*�X�C�b�`*/
  .pref-container input[type="radio"], .pref-container input[type="checkbox"] {
    display: none;
  }

  .pref-container label {
    display: inline-block;
    margin: 4px;
    padding: 8px 16px;
    border: 1px solid #ddd;
    border-radius: 50px;
    background-color: #f9f9f9;
    cursor: pointer;
    font-size: 14px;
    transition: 0.2s;
  }

  .pref-container.pref-container_third label {
    width: calc(33.3333% - 12px);
    text-align: center;
  }

@media screen and (max-width:430px){
    .pref-container.pref-container_third label {
        width: 100%;
    }
}

  .pref-container.pref-container_four label {
    width: calc(25% - 12px);
    text-align: center;
  }

@media screen and (max-width:430px){
    .pref-container.pref-container_four label {
    width: calc(50% - 12px);
  }
}

  .pref-container label:hover {
    background-color: #efefef;
  }

  .pref-container input[type="radio"]:checked + label, .pref-container input[type="checkbox"]:checked + label{
    background-color: #00CED1;
    color: #fff;
    border-color: #00CED1;
    font-weight: bold;
  }

  .area-title {
    margin-bottom: 5px;
    margin-top: 15px;
    font-weight: bold;
    border-left: 4px solid #00CED1;
    padding-left: 8px;
    font-size: 14px;
  }

/*���X�g�`�F�b�N*/
.c-entry_select.c-entry_twin {
    flex-wrap: wrap;
    display: flex;
}

.c-entry_select.c-entry_triple {
    flex-wrap: wrap;
    display: flex;
}

.c-entry_select label {
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 10px 14px;
    cursor: pointer;
    border-radius: 8px;
    transition: background 0.2s;
}

.c-entry_select.c-entry_twin label {
    width:50%;
}

.c-entry_select.c-entry_triple label {
    width:33.3333%;
}

@media screen and (max-width:430px){
    .c-entry_select.c-entry_triple label {
        width:50%;
    }
}

.c-entry_select label:hover {
    background: #f5f5f5;
}

/* �{�͉̂B�� */
.c-entry_select input {
    display: none;
}

/* �`�F�b�N�{�b�N�X�� */
.c-entry_select .check {
    width: 24px;
    height: 24px;
    padding: 2px;
    border: 2px solid #bbb;
    border-radius: 3px;
    position: relative;
    flex-shrink: 0;
}

/* �`�F�b�NON */
.c-entry_select input:checked + .check {
    background: linear-gradient(#a0feff, #07a1c2, #15dadc);
    border: 1px solid #00CED1;
}

.c-entry_select input:checked + .check::after {
    content: "";
    position: absolute;
    left: 7px;
    top: 3px;
    width: 6px;
    height: 10px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/*�v���t�B�[���摜�o�^*/
.c-photo_upload {
  text-align: center;
  font-family: sans-serif;
}

.c-photo_upload input[type="file"] {
  display: none;
}

.c-photo_box {
    width: 195px;
    height: 260px;
    border: 2px dashed #ccc;
    border-radius: 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    cursor: pointer;
}

.c-photo_box img {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.c-photo_text {
  font-size: 1.6rem;
  margin-bottom: 8px;
}

.c-photo_plus {
  width: 36px;
  height: 36px;
  background: #00CED1;
  color: #fff;
  border-radius: 50%;
  font-size: 24px;
  line-height: 36px;
  text-align: center;
}

.c-photo_note {
  font-size: 1.6rem;
  color: #666;
  margin: 8px 0 16px;
}

.c-photo_select-btn {
    display: inline-block;
    background: #00CED1;
    color: #fff;
    padding: 10px 24px;
    border-radius: 999px;
    cursor: pointer;
    margin-bottom: 12px;
    font-size: 2.0rem;
    font-weight: bold;
    line-height: 1;
}

/*�v���t�B�[���e�L�X�g�o�^*/
.c-intro-wrap {
  text-align: center;
  font-family: sans-serif;
}

.c-intro-title {
  font-weight: bold;
  margin-bottom: 12px;
}

.c-intro-textarea {
  width: 90%;
  max-width: 340px;
  height: 160px;
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 12px;
  font-size: 14px;
  resize: none;
  box-sizing: border-box;
}

.c-submit-btn {
  display: inline-block;
  margin-top: 16px;
  background: #00CED1;
  color: #fff;
  border: none;
  padding: 10px 28px;
  border-radius: 999px;
  font-size: 1.8rem;
  cursor: pointer;
}

.c-submit-btn:active {
  opacity: 0.8;
}

.bg_checkbox input[type="checkbox"]:checked + label {
    background-image: url(../img/checkbox_on.png);
}

.bg_checkbox input[type="checkbox"] + label {
    display: block;
    background-image: url(../img/checkbox_off.png);
    background-size: 24px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 4px 0 0 28px;
    font-size: 12px;
}

.bg_checkbox input {
    position: absolute;
    top: 0;
    opacity: 0;
    width: 100%;
    height: 100%;
}

.bg_checkbox p {
    position: relative;
    margin: 0 32px 0 0;
    padding: 0;
    margin-top: 10px;
    font-size: 15px;
}

.PinkBtn {
    text-align: center;
    padding-top: 20px;
}

.PinkBtn input {
    margin:0 auto;
}