body,#wrapper {
    display:flex;
    flex-direction:column;
    min-height:100vh;
    overflow-x:hidden;
    background:#ffede1;
}



.rarity-N,
.rarity-N img  {

    border: 5px solid #9e9e9e;

    box-shadow:
        0 0 10px rgba(0,0,0,0.2);

}

.rarity-R,
.rarity-R img  {

    border: 5px solid #4caf50;

    box-shadow:
        0 0 15px rgba(76,175,80,0.7);

}

.rarity-SR,
.rarity-SR img  {

    border: 5px solid #2196f3;

    box-shadow:
        0 0 20px rgba(33,150,243,0.8);

}

.rarity-SSR,
.rarity-SSR img {

    border: 5px solid #9c27b0;

    box-shadow:
        0 0 30px rgba(156,39,176,0.9),
        0 0 60px rgba(156,39,176,0.5);

}

.rarity-Legend,
.rarity-Legend img {

    border: 5px solid gold;

    box-shadow:
        0 0 30px gold,
        0 0 60px gold,
        0 0 100px rgba(255,215,0,0.8);

    border: 5px solid gold;

    animation:
        legendGlow 2s infinite;

}



@keyframes legendGlow {

    0% {
        box-shadow:
            0 0 20px gold;
    }

    50% {
        box-shadow:
            0 0 60px gold;
    }

    100% {
        box-shadow:
            0 0 20px gold;
    }

}


.free_item_disp {
	margin-left:60px;width:100px;
}


.btn-square-so-pop {
  position: relative;
  display: inline-block;
  padding: 0.25em 0.5em;
  text-decoration: none;
  color: #FFF;
  background: #fd9535;/*色*/
  border-radius: 4px;/*角の丸み*/
  box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
  font-weight: bold;
  border: solid 2px #d27d00;/*線色*/
}

.btn-square-so-pop:active {
  /*押したとき*/
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
}

a {
    color: #2b2b2b;
    text-decoration: none;
}

.hidden {
  display: none;
}

.footer_section_index.sp {
	display:none;
}

a:hover {
    color: #2b2b2b;
}

.btn-garbage {
    display:none!important;
}


.deposit_plans_container {
	display:flex;
	justify-content: space-between;
	overflow-x: scroll;
	width:980px;
	padding:30px 15px;
	background-color:#eee;
	border-radius:8px;
}

.deposit_plans_container .deposit_plan_item {
	width:300px;
	margin: 0 10px;
}

.deposit_plan_item .BuyButton-container {
	border:1px solid #ddd;
}


ul {
    list-style:none;
}

footer {
    margin-top:auto;
}

.my-div-style {
    margin-top:6rem;
}

#creditCardForm {
    display:none;
}

/*.my-div-style.chat_page p:nth-child(even){
    padding:1px;
    background-color:rgba(255, 195, 76,.5);
}*/

.chat_page p {
    font-weight:500;
    letter-spacing:2;
    line-height:2.2;
	    padding: 15px;
    background: #f9f9f9;
    border-radius: 15px;

}

.create_page p {
    font-weight:500;
    letter-spacing:2;
    line-height:2.2;
	    padding: 0px;
    background: transparent;
    border-radius: 0px;

}

.chat_page .btn {
	font-size:14px;
}

p.user_image {
	margin-top:50px;
	margin-left:-3px;
	background:transparent;
}

.top_page_container{
    align-items: center;
    max-width:1000px!important;
}

.flex_item {
    text-align: center;
}

.flex_item p {
    margin-top: 0rem;
    margin-bottom: .4rem;
    line-height: 1.2;
}

.flex_item h1 {
    font-size:5.5rem;
}

.login_signup_box{
    display:flex;
    width: 55%;
    justify-content:space-between;
    margin:0 auto;
    margin-top:4rem;
    position:relative;
    bottom:-70px;
    align-items:center;

}

.next_signup_box{
    display:flex;
    width: 55%;
    justify-content:space-between;
    margin:0 auto;
    margin-top:4rem;
    position:relative;
    top:160px;
    bottom:0px;
    align-items:center;

}


.login_signup_box .btn{
    width:100%;
}

.btn-xl {
    text-transform: uppercase;
    padding: 1.5rem 2rem;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    width: 200px;
    margin:15px;
}

.lp_container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    width:100%;
    margin-top:30px;
}

.next_lp.lp_content {
	padding:0;
	margin:70px 30px 120px;
}

.next_lp .next_lp_container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    margin-top:60px;
}


.lp_message_box {
    margin-left:40px;
    margin-right:0px;
    padding:10px 30px;
    background:rgba(255, 255, 255,.1);
    border-radius:10px;

}

.lp_message_box h2 {
	font-size:35px;
}
 
.next_lp .lp_image_slide {
    margin-right:-10px;
    position:relative;
    padding:0;
    top:80px;
    left:-5px;
}

.next_lp .lp_message_box {
    margin:10px;
    position:relative;
    padding:0;
    top:80px;
    left:-50px;
    width:600px;
    background:rgba(255, 255, 255,.1);
    border-radius:10px;

}

.next_lp .lp_message_box_left {
    top:50px;
    left:110px;
    margin-bottom:100px;
    width:800px;
}

.lp_message_box_left h2 {
	font-size:45px;
}


.lp_image_item.cat {
	position:relative;
	right:-70%;
	top:-220px;
	width:250px;
	margin-bottom:-220px;
}

.lp_image_item.cat img{
	width:100%;
}


.lp_image_item.cat2 {
	position:relative;
	right:-50%;
	top:-280px;
	width:200px;
	margin-bottom:-300px;
}

.lp_image_item.mononoke {
	position:relative;
	right:-60%;
	top:-240px;
	width:200px;
	margin-bottom:-280px;
}

.lp_image_item.cat3 {
	position:relative;
	right:-35%;
	top:-230px;
	width:200px;
	margin-bottom:-250px;
}





.next_lp_second .next_lp_container {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:0;
    margin-top:100px;
    margin-bottom:100px;
}


.message_section h1{
	font-size:120px;
}

.lp_chat_message_item {
	width:500px;
	margin-left:10px;
}

.lp_chat_message_item h2 {
	font-size:45px;
}

.next_lp_image_slide {
	text-align:center;
}

.item_conateiner {
	width:90%;
	margin:0 auto;
}

.items_btn {
	margin-top:-10px;
	margin-right:30px;
	z-index:100;
	text-align:right;
}



.slick-slide {
    height:auto!important;
    min-height: 1px;
}


.slick-dots {

    bottom: -25px!important;
    left:-10px;
}



.next_lp_image_slide img {
	border-radius:5px;
}

.story_image_items {
	position:relative;
}

story_image_items_2 {
	
}

.story_text {
	position:absolute;
	padding:10px;
	
	background:#fff;
	padding: 15px;
	border-radius: 10px;
}

.story_text p{
	background:#fff;
	text-align:left;
	margin:0;
}

.st

.lp_free_comment {
    text-align:center;
    font-size:26px;
    margin-bottom:-40px;
    text-decoration:underline;
}

.chat_section .lp_free_comment {
    text-align:center;
    font-size:26px;
    margin-top:-65px;
    margin-bottom:-40px;
    text-decoration:underline;
}

.lp_speaces_item {
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin:50px 0 0;
}

.lp_item_message_box {
    width:55%;
    margin-left:70px;
    margin-top:0px;
}

.lp_content .lp_create_flex {
    display:flex;
    width:20%;
    margin-left:13.5%;
    margin-top:-5px;
    align-items:center;
    justify-content:space-between;
    text-align:center;
}


.lp_content .lp-btn-create .btn-xl{
    width:260px;
}

.security_section_inner {
    width:80%;
    margin:0 auto;
}

.security_section_flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.security_section_inner p{
    text-align:center;
}

.security_section_inner img{
    width:330px;
    text-align:center;
    border-radius:5px;
}



/*
.container {
  position: relative;
  background: #2c3e50;
  height: 50vh;
}
*/

header.masthead {
    position: relative;
    overflow: hidden;
    padding-top: calc(14rem + 72px);
    padding-bottom: 11rem;
    background: linear-gradient(0deg, #ff6a00 0%, #ee0979 100%);
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: scroll;
    background-size: cover;
    overflow-x:hidden;
}

header.masthead {
  background-image: url("../../media/fv_pc.jpg");
  background-size:cover;

}

header.masthead.next_index {
  background-image: url("../../media/fv_pc_next.jpg");
  background-size:cover;

}



.speaces_section {
      background: repeating-linear-gradient(
        -185deg,
        #f8f8f8,
        #ccf3ff 127px,
        #f8f8f8 750px
      );
      margin: 0;
    }

.speaces_section .lp_item_list {
    margin:50px auto;
    width:800px;
}

.slide-items1 {
  width:450px;
}

.slide-items1 .slick-dots li button:before {
  font-size: 36px;
  top: 16px;
}

.slide-items_speaces{
  width:260px;
}

.slide-items_speaces .slick-dots li button:before {
  font-size: 36px;
  top: -90px;
}

.about_container {
    margin-top:80px;
    margin-bottom:80px;
}



.lp_content.about_section {
    background-image: url("../../media/about_bg.jpg");
}

.lp_content.next_lp {
    background-image: url("../../media/img2.jpg");
}

.lp_content.next_lp_second {
 	background-image: url("../../media/img4.jpg");
	background-position:-110px 0px;
}

.lp_content.next_lp_third {
 	background-image: url("../../media/img6.jpg");
	height:800px;
	background-position:-10px 0px;
}

.lp_content.next_lp_fourth {
 	background-image: url("../../media/img8.jpg");
	height:800px;
	background-position:-100px 0px;
}

.lp_content.next_lp_fifth {
 	background-image: url("../../media/img10.jpg");
	height:950px;
	background-position:-20px 0px;
}

.lp_content.next_lp_offer {
 	background-image: url("../../media/img12.jpg");
	height:950px;
	background-position:-20px 0px;
}

.lp_content.next_lp_last {
 	background-image: url("../../media/img14.jpg");
	background-position:-20px -10px;
	height:780px;
}

.sns_links {
	display:flex;
	justify-content: space-between;
	margin-left:250px;
	margin-top:-30px;
	width:200px;
}

.lp_content.next_lp_last .lp_image_slide {
	margin-right: -10px;
    position: relative;
    padding: 0;
    top: -50px;
    left: -180px;
}

.lp_content.next_lp_third .lp_message_box {
    margin: 10px;
    position: relative;
    padding: 0;
    top: 50px;
    left: 80px;
    width: 600px;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
}

.next_lp_fourth .lp_message_box_left {
    top: 140px;
    left: 100px;
    margin-bottom: 100px;
    background: none;
    width: 800px;
}

.next_lp_fifth  .lp_message_box {
    margin: 10px;
    position: relative;
    padding: 0;
    top: 150px;
    left: -30px;
    width: 600px;
}

.next_lp_fifth  .lp_message_box h2 {
	font-size:52px;
	line-height:75px;
}

.next_lp_fifth  .lp_message_box .btn {
	margin:30px 0 0;
	font-size:35px;
	color:#fff;
}


.lp_image_item.cat4{
	position:relative;
	right:-50%;
	top:-808px;
	width:200px;
	margin-bottom:-700px;
}

.next_index_footer {
	display:flex;
	align-items:center;
	justify-content: space-between;
}

.footer_section_index_next a {
	color:#fff;
	text-decoration:none;
}

.footer_section_index_next  .policy-links p {
	color:#fff;
	text-decoration:none;
	margin:0;
}

.footer_section_index_next {
	background:#3c3c3c;
	padding:40px 0;
}

.footer_section_index_next .container{
	width:80%;
}


.online_items {
	position:relative;
	margin-bottom:810px;
}

.online_items .online_items_title {
	position:absolute;
}

.online_items .slide_online_items{
	position:absolute;
	width:100%;
	
}

.online_anymons .lp_item_list_item {
	margin-bottom:0;
}

.items_btn.sp {
	display:none;
}


.about_section p {
    font-weight:bold;
}

.create_section .lp_container{
    margin:80px 0;
}

.lp_content h5{
    font-weight:bold;
}

.create_section .lp_container p{
    font-weight:bold;
}

.lp_content.create_section  {
    background-image: url("../../media/create_about_bg.jpg");
    padding-top:60px;
}

.create_section {
    margin:80px 0 0;
}

.world_section .btn {
    position:relative;
}

.world_section .btn img {
    opacity:.6;
    transition:.8s ease;
}

.world_section .btn img:hover {
    opacity:1;
}

.world_section .btn1 {
    left:-100px;
    top:180px;
}

.world_section .btn2 {
     left:80px;
    top:190px;
}

.world_section .btn3 {
     left:260px;
    top:-160px;
}

.world_section .btn4 {
    left:100px;
    top:-520px;
}

.world_section .btn5 {
    left:90px;
    top:-500px;
}

.world_section .lp_message_box {
    position:relative;
    left:100px;
    top:100px;
    background:rgba(255, 255, 255,.1);
    padding:50px;
    transition: background-image 1s ease-in-out; /* フェード効果 */

}

.lp_content.world_section{
    background-image: url("../../media/desital_bg_sp.jpg");
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out; /* フェード効果 */
    position:relative;
}

#world_name, #world_discription {
            opacity: 1; /* 初期の不透明度 */
            transition: opacity 0.5s ease-in-out; /* テキストのフェード効果 */
        }


.lp_content.world_section p {
    font-weight:bold;
}


.btn-square-pop{
  display: inline-block;
  text-decoration: none;
  color: #2d2d2d;
  transition:.5s ease;
  border-bottom: solid 4px rgba(33, 33, 33,.2);
  border-right: solid 3px rgba(33, 33, 33,.1);/*ボタン色より暗めに*/
  border-top: solid 0px rgba(33, 33, 33,.0);
  border-left: solid 0px rgba(33, 33, 33,.0);/*ボタン色より暗めに*/
  border-radius: 3px;
}
.btn-square-pop:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}

.anymon_default_page_btns {
    width:110%;
}

.anymon_default_page_btns p {
    display:flex;
    font-size:14px;
}

.anymon_default_page_btns .btn {
    font-size:14px;
    margin-top:15px;
    margin-right:18px;
    display:inline-block;
}

.anymon_default_page_btns  .btn-square-pop{
  border-radius: 8px;
}
.anymon_default_page_btns  .btn-square-pop:active {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);/*影を小さく*/
  border-bottom: none;
}


.chat_section.lp_content .flex_container.login_btns {
    margin:auto;
    margin-top:-90px;
    text-align:center;
    width:70%;
}


.lp_content.speaces_section .flex_container.login_btns {
    margin-bottom:60px;
}


.speaces_section h5 {
    font-weight:bold;
    margin-top:60px;
}

.lp_item_list {
    display:flex;
    justify-content:space-between;
    width:80%;
    margin: 80px auto;
    flex-wrap: wrap;
}

.lp_item_list_item {
    margin-right:40px;
    margin-bottom:50px;
    width:25%;
    padding:0px;

    text-align:center;
}

.lp_item_list_item.confirm_item {
	margin-bottom:0px;
	width:200px;
}

.lp_item_list_item img{
    width:200px;
    height:200px;
    border-radius:10%;
    transition:.3s ease-in;
    opacity:.7;
}

.lp_item_list_item.ad_item img{
    width:auto;
}

.lp_item_list_item img:hover{
    opacity:1;
}

.lp_image_description {
    display:inline-block;
    text-align:center;
    width:200px;
    margin-top:5px;
    font-weight:bold;
}

.offer_section {
     background-image: url("../../media/offer_bg.jpg");
    background-size: cover;
    background-position: center;
}

.offer_section .offer_comment {
    position:relative;
    top:80px;
    text-decoration:underline;
}

.offer_box {
    padding:8rem!important;
}

.lp_last_flex {
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.last_inner {
    width:63%;
    margin:0 auto;
    margin-top:-45px;
}

.lp_content.last_section {
    background-image: url("../../media/lp_last_bg.jpg");
    background-size: cover;
    background-position: center;
    padding:6rem 0;
}

.last_section p {
    font-weight:bold;
}

.last_section h6 {
    font-weight:normal;
}

.lp_image_slide_sp {
    display:none;
}

.lp_item_list .slick-prev:before, .lp_item_list .slick-next:before {
    font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .5;
    color: rgb(76, 76, 76);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.lp_item_list .slick-next {
    right: -35px;
    top:45%;
}

.lp_item_list .slick-prev {
   left: -35px;
    top:45%;
}

.lp_item_list .slick-slide img {
    display: block;
    width:360px!important;
    height:360px!important;
}

.lp_item_list .item_slider .slick-slide img {
    display: block;
    width:200px!important;
    height:200px!important;
}

.slide_online_items.pc {
	display:flex; 
	overflow-x: hidden;
}

.slide_online_items.sp {
	display:none; 
}


.lp_item_message_box {
    width:43%;
}

.slide-items_speaces {
    width: 360px;
}

/* モーダルのスタイル */
#confirmation-modal {
    display: none;
    position: fixed;
    z-index: 30;
    left: 10%;
    top: 8%;
    width: 80%;
    height: 30%;
}

#freePlanModal .modal-dialog{
    top:15%;
}


.modal-content {
    background:#fff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 80%;
    border-radius:10px;
    z-index:30;
}

.chat_log_btns .btn {
    font-size:14px;
    padding:5px;
}

.modal_btns {
    display:flex;
    width:60%;
}

.modal_btns button{
    margin-right:10px;
}

.policy-links {
    margin-top:10px;
    text-align:left;
}

.policy-links p{
    margin:3px 0;
    text-align:left;
    text-decoration:underline;
    font-size:15px;
}

.user_story_edit_items img{
	width:220px;
	height220px;
        margin-right:30px;
}

.last_offer_sp_box {
	display:none;
}

.last_offer_pc_box{
	display:block;
}

.login_slide_items_pc {
	display:block;
}

.login_slide_items_sp {
	display:none;
}


.detail_button_item {
	height:40px;
 border-radius:5px;
 border:2px solid #ddd; 
background:#fff;
margin-bottom:-15px;
}


@media screen and (max-width:750px) {

.pc_hr {
	display:block;
	margin-top:10px;
}

    header.masthead {
      background-image: url("../../media/fv_sp.jpg");
      background-size:cover;

    }




.recomend_item_ad {
	text-align:center;
}


.lp_item_list .slick-slide img {
    display: block;
    width: 260px !important;
    height: 260px !important;
}

.slide-items_speaces {
    width: 260px;
}

.lp_item_list .slick-next {
    right: -35px;
    top:55%;
}

.lp_item_list .slick-prev {
   left: -35px;
    top:55%;
}

.slide-items_speaces .slick-dots li button:before {
    font-size: 16px;
    top: -90px;
}

}

/*タイマーストップウォッチ*/

.timer_stopwatch {
    width:30%;
    max-width:30%;
    margin:auto;
    margin-right:0;
    margin-bottom:30px;
    background:rgba(104, 104, 104,.1);
    padding:20px 10px;
    text-align:center;
    border-radius:5px;
    position:relative;
    display:none;
}

.timer_stopwatch.clicked-style{
    display:block;
}

.


#close_button {
    display:inline-block;
    position:absolute;
    left:20px;
    top:0px;
    font-size:2rem;
    color:rgb(248, 61, 57);
    margin:0;
}

p.clicked-style {
    transform: rotate(45deg);
    transition: transform .2s ease;
}


.timer_stopwatch h2 {
    margin-left:5px;
}

.timer_stopwatch label {
    margin-right: 10px;
}

.timer_stopwatch input {
    padding: 5px 10px;
    margin-right: 10px;
    margin-left:-10px;
    margin-bottom:10px;
    width:60%;
    max-width:60%;
}

.timer_stopwatch button {
    padding: 5px;
    margin: 5px;
    cursor: pointer;
    background-color: #4CAF50;
    color: white;
    border: none;
    border-radius: 5px;
    width:30%;
    max-width:30%;
}

.timer_stopwatch button:hover {
    background-color: #45a049;
}

.timer_stopwatch #stopwatch {
    margin-top: 20px;
    margin-left:5px;
    font-size: 25px;

}


@media (min-width: 1200px) {
  div.chat_container {
    max-width: 80%;
  }
}

.chat_page.clicked-style {
    width:60%;
    max-width:60%;
}

.chat_page {
    width:100%;
    max-width:100%;
}

.log p {
    line-height:2.4;
    letter-spacing:3;
}

#open_button {
    position:fixed;
    right:20px;
    bottom:0px;
    font-size:12px;
    background:rgba(253, 255, 214,.6);
    padding:10px;
    color:rgba(196, 196, 196,6);
    border-radius:5px;
    display:none;
    transition: transform 1s ease;
}

.page_containe {
    margin:0 auto;
    margin-top:5rem;
    width:100%;
}

.anymon_chat_container {
    margin:0 auto;
    margin-top:5rem;
    width:90%;
}

#id_message.form-control {
    max-width: 150%;
    width: 150%;
    height: 150px;
    line-height: 1.5;
    padding: 10px;
    letter-spacing: .5px;
}

.btns {
    display :flex
}

.chat_log_title {
    margin-top:15px;
}

.log p {
    font-size:16px;
}


#scrollTopBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background-color: #007bff;
  color: #fff;
  padding: 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  opacity:.3;
}

#scrollBottomBtn {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 50px;
  background-color: #007bff;
  color: #fff;
  padding: 5px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  opacity:.3;
}

#scrollTopBtn:hover,#scrollBottomBtn:hover {
    opacity:1;
}

/* スタイルの例 */
.pagination {
    margin: 50px 0;
    text-align: center;
}

.step-links a, .current {
    display: inline-block;
    padding: 8px 12px;
    margin: 2px;
    background-color: #ddf6ff;
    color: #7f7f7f;
    font-size:14px;
    text-decoration: none;
    border-radius: 4px;
}

.step-links a:hover {
    background-color: #0056b3;
    color: #fff;
}

.current {
    background-color: #bccdff;
}

.form-control.color_picker {
    width:330px;
    display: block;
    padding: 0px;

}

.anymon_message {
    display: flex;
    justify-content: space-between;

}

p.anymon_image {
    margin-right:20px;
    margin-top:30px;
    background:transparent;

 }

 .anymon_image img {
    max-width:200px;
    max-height:200px;
    width:200px;
    height:200px;
    border-radius:50%;
 }

 p.anymon_text  {
    margin-left:40px;
    line-height:2.3;
    letter-spacing:2;
    margin-right:0px;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 15px;
 }



 .anymon_confirm_container{
    display:flex;
    justify-content:space-between;
    align-items:center;
   }

.cofirm_page small {
    opacity:.5!important;
    transition:.5s ease;
}

.cofirm_page small:hover {
    opacity:1!important;
}

 .anymon_confirm_image {
    max-width:618px;
    width:618px;
    list-style:none;
    padding:0;
    margin:0;
 }


.anymon_confirm_image img {
    width:93%;
    max-width:93%;
    height:93%;
    max-height:93%;
}

 .anymon_profile {
    width:39%;
 }



 .anymon_profile p {
    margin:0;
    margin-top:10px;
 }

 .anymon_profile p em{
   font-weight:bold;
 }

.anymon_confirm_container p {
    margin:2px 0;
    letter-spacing:1.5px;
}

 .confirm_form button {
    margin:-5px 13px 5px 0px;
    margin-right:35px;
 }




.anymon_create_page_btns {
    margin:10px 0 30px;
}

.aleart_comment_p {
    margin:5px;
    color:#ff4949;
}

.aleart_comment_p a{
    color:#ff4949;
    font-size:14px;
    text-decoration:underline;
}


.anymon_latest_images {
    list-style:none;
    display:flex;
    padding:0;
    margin-top:1%;
    margin-bottom:3%;
    width:93%;
    background: linear-gradient(90deg, #fff 3px, #f7f7f7 3px) 0 0 / 158px 125px;
    position:relative;

 }

.anymon_latest_images img {
    width:155px;
    height:155px;
    margin-right:3px;
}

.anymon_latest_images small {
    position:absolute;
    right:3px;
    bottom:0px;
    font-weight:bold;
    font-size:36px;
    display:inline-block;
    background:#e5e5e5;
    width:95px;
    height:155px;
    line-height:155px;
    text-align:center;
    border-radius:3px;
}




 label[for="id_number_of_images"] {
        display: none;
    }


.slide-items img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}




.my_page {
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:10px;
    margin-top:30px;
}

.default_detail_page .anymon_main_image {
    width:550px;
    height:550px;
    min-width:550px;
    min-height:550px;
}



.default_detail_page .appeal_text {
    font-size:14px;
    margin-top:10px;
    text-decoration:underline;
}

.default_anymon_container .appeal_text {
    font-size:14px;
    margin-top:-20px;
    text-decoration:underline;
    display:inline-block;
}

.default_detail_page  .profile_container {
    width:40%;
}

.anymon_main_image {
    width:450px;
    height:450px;
    min-width:450px;
    min-height:450px;
    }



.anymon_main_image img {
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
}

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

.page_container {
    max-width:95%;
    margin:0 auto;
    position:relative;
}

.profile_container {
    margin-left: 20px;
    width:35%;
}

.profile_container.anymon_story_profile {
    margin-left: -50px;
    width:35%;
}




.anymon_detail_profile_container {
    margin-left:35px;
    width:35%;
}

.anymon_detail_profile_container .form-control{
    width:95%;
}

.anymon_detail_profile_container .form-control.new_edit{
    width:145px;
    margin-right:10px;
}

.anymon_detail_profile_container .color_picker{
    width:300px;
    margin-right:10px;
}

.anymon_detail_profile_container .form-control.favorite_tone{
    width:145px;
    margin-right:10px;
}

.anymon_detail_profile_container .form-control.relation{
    width:145px;
    margin-right:10px;
}


.confirm_prfile_container {
    margin-bottom:5%;
    width:50%;
    overflow:hidden;
    margin-left:0;
}

.main_anymon_profile {
    margin-top:20px;
}



.item_profile {
    margin-bottom:10px;
}


.confirm_form {

    margin-top:30px;
    margin-bottom:30px;
}

.default_detail_page hr {
    margin-top:60px;
}

.main_anymon_profile p {
    margin:.5px 0;
    letter-spacing: .2px;
}

.main_anymon_profile em {
    font-weight:bold;
}


.mypage_container {
    max-width:900px!important;

}


 .mypage_btns {
    margin-bottom:30px;
    margin-top:20px;
    justify-content:space-between;
 }

.mypage_btns a {
    margin-right:13px;
    display:inline-block:
 }

.anymon_list_cotainer {
    width:100%;
    /*height: 985px;*/
    border-radius: 5px;
    margin-bottom: 20px;
    margin-left:-5px;
}

.anymon_list_my_page {
    display:flex;
    flex-wrap: wrap;
    flex-flow:wrap;
    text-align:center;
    min-height:163px;
    margin-bottom:20px;

}

.default_anymons_list .anymon_list_image {
    max-width: 24%;
    margin:4px;
    padding:20px;
    background:#fff;
    border-radius:5px;
    opacity:.5;
}

.default_anymons_list .anymon_list_image.prime {
    opacity:1;
}

.default_anymons_list .anymon_list_image img{
    border-radius:20%;
    width:200px;
    height:200px;
    max-width:200px;
    min-height:200px;
    opacity:.8;
    transition:.7s ease-in;
}

.default_anymons_list .anymon_list_image img:hover {
    opacity:1;
}



.anymon_list_image {
    max-width:16.6%;
    background:#fff;
    padding:7px;

    border-radius:5px;
}

.online_item_list_image {
    max-width:30%;
    background:#fff;
    padding:15px;
    border-radius:5px;
    margin:20px;
    margin-left:0px;
}

.online_item_list_image.ad_items{
	width:auto;
	text-align:center;
}




.anymon_list_image img {
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
}

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

.online_item_list_image.ad_items{
	text-align:center;
	margin-left:30px;

}

.anymon_list_image.online_item_list_image.ad_item {
	margin:20px 0 30px 40px;
}
	

.online_item_list_image.ad_items img{
	width:140%;
	max-width:130%;

}



.my_page_edit_list {
margin-top:15px;
    display:flex;
    flex-wrap: wrap;
    text-align:center;
    margin-left:-5px;
}

.my_page_edit_list .anymon_list_image {
    max-width:15.5%;
    margin-right:9px;
    margin-bottom:6px;
}

.my_page_edit_list .anymon_list_image.myanymon {
    background:rgba(241, 207, 29,0.3);
}

.my_page_edit_list .anymon_list_image img {
    width:100%;
    height:100%;
    max-width:100%;
    max-height:100%;
}



.edit_detail_profile_container {
    margin-left:20px;
}



.anymon_detail_page_btns {
    display:flex;
    flex-wrap:wrap;
    margin-top: 20px;
    margin-right:0px;

}

.anymon_detail_page_btns .btn {
    font-size:12px;
}





.btn_right {
    margin-right:8px;
}


.side_bar {
    background:rgba(244, 244, 244,.5);
    height:100%;
    width:55px;
    position:fixed;
    padding-top:93px;
    left:0;
    top:0;
    display:flex;
    flex-flow:column;
    text-align:center;
    align-items:center;
}

.side_bar a {
    max-width:56px;
    max-height:56px;
    opacity:.45;
}

.side_bar a:hover {
    opacity:1;
}

.side_bar a img{
    max-width:100%;
    max-height:100%;
}

a.btn-support {
    padding:13px;
}

a.btn-item {
    padding:7px;
    padding-right:12px;
    opacity:.4;
}

a.btn-garbage {
    max-width:50px;
    max-height:60px;
    padding:8px;
    margin-right:2px;
    position:absolute;
    bottom:3%;
    left:0%;
    opacity:.2;
    z-index:30;
}


a.btn_community {
    max-width:70px;
    max-height:70px;
    padding:0;
}

a.btn_community2 {
    max-width:25px;
    max-height:25px;
    padding:0;
    margin-bottom:5px;
}

a.btn-create {
    padding:0px;
    max-width:75px;
    max-height:75px;
    opacity:.4;
}

p.descripsion_p {
    font-size:14px;
    letter-spacing: 1;
    line-height: 1.5;
    font-weight:bold;
    margin-top:10px;
}

.create_page p.descripsion_p {
    font-size:14px;
    letter-spacing: 1;
    line-height: 1.5;
    font-weight:bold;
    margin-top:10px;
}


footer {

    z-index:10;
}


.btn_top {
    position:fixed;
    right:6%;
    bottom:9%;
    z-index:100;
    width:100px;
    opacity:.2;
}

.btn_top:hover {
    opacity:1;
}

.thread_page .form_content {
   height:150px;
}

.thread_container {
    width:78%;
    margin:auto;
}

.thread_list p a {
    color:#232323;
}

.thread_list_page {
    max-width:80%;
}

.thread_detail_page {
    max-width:95%;
    margin:100px auto;
}

.thread_detail_page h3 {
    margin-bottom:30px;
}

.thread_detail_page .btn {
    margin-top:15px;
    font-size:14px;
}

.thread_create_page {
    max-width:80%;
    margin-bottom:60px;
}

.form_content {
    height:150px;
}

.form_text {
     height:150px;
     width:60%;
     margin-bottom:10px;
}

.thread_detail_page img {
    width:50px;
    height:50px;
    border-radius:50%;
    display:inline-block;
    margin-right:9px;
}

.comment_list {
    margin-bottom:60px ;
}

.comment_list img {
    width:50px;
    height:50px;
    border-radius:50%;
    display:inline-block;
    margin-right:9px;
}

.comment_list small {
    font-size:12px;
}

.thread_create_page form {
    position:relative;
}

.thread_create_page form .errorlist {
    position:absolute;
    top:24.5%;
    left:0%;
    list-style:none;
    font-size:12px;
    color:494949;
    padding:0;
}

.thread_detail_page small {
    font-size:12px;
}


.determine_form {
    margin:0;
    margin-right:10px;
}

#id_bio {
    height:120px;
    padding:6px;
}

.btn_small {
    font-size:6px;
    margin-left:5px;
    display:inline-block;
}

.my_profile_page_btns {
    margin-top:15px;
    display:flex;
}

.my_profile_page_btns .btn_small {
    margin-right:12px;
    margin-left:0px;
    margin-top:15px;
    font-size:12px;
    display:inline-block;

}

.form-media-control {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    color: #212529;
    background-color: #fff;
    border: .5px solid #dbdbdb;
  }

.user_message {
  display:flex;

  flex-flow:row-reverse;
}

.user_text {
    width:85%;
    line-height:2;
    letter-spacing:2;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 15px;
}

.user_image {
    width:15%;
    text-align:center;
    margin-right:10px;
}

.user_image img {
    width:60px;
    height:60px;
    border-radius:50%;
}

.chat_container .my-div-style {
    margin:1rem 0 .5rem;
}

.chat_container .anymon_my_page_container  {
    margin-top:6rem;

    }



.form_user_image  {
    width:60px;
    height:60px;
    border-radius:50%;
    display:inline-block;
    margin-right:10px;
}

.anymon_page_container {
    margin-top:5rem;
}

.chat_page_log_list_btn{
    position:fixed;
    right:24px!important;
    bottom:20px;
    opacity:.2;
    z-index:10;
}

.chat_page_log_list_btn:hover {
    opacity:.7;
}

.chat_page_log_list_btn a {
    font-size:10px;
    padding:8px;
}


.chat_log_list_btn {
    position:fixed;
    left:6%;
    bottom:3.5%;
    opacity:.3;
    z-index:10;
}



.chat_log_list_btn:hover {
    opacity:.7;
}

.chat_log_list_btn a {
    font-size:8px;
    padding:8px;
    font-weight:bold;
}

.log {
    margin-top:20px;
}

.chat_container .anymon_my_profile_container {
    margin-top:6rem;
}

.log .anymon_text {
    width:100%;
    margin-right:0px;
    margin-left:25px;
    line-height:2.3;
    letter-spacing:2;
    padding:15px;
    background:#f9f9f9;
    border-radius:15px;
}

.log .user_text{
    width:90%;
    margin-right:10px;
    line-height:2.3;
    letter-spacing:2;
    padding:15px;
    background:#f9f9f9;
    border-radius:15px;
}

.chat_log_btns {
    text-align:right;
}

.chat_log_btns a{
    font-size:13px;
}

.support_line_page {
    margin-top:6.5rem;
    width:100%;
}

.city-list {
    margin-top:35px;
}

.city-list h6 {
    margin-bottom:20px;
}

.city-list ul {
    list-style:none;
    display:flex;
    flex-wrap:wrap;
    margin:0;
    padding:0;
    width:100%;
}

.city-list ul a{
    font-size:14px;
    color:#383838;
    display:inline-block;
    letter-spacing:1.8;
    margin-right:10px;
    margin-bottom:12px;
}

.clinic_recomend_list {
    margin-bottom:30px;
    width:100%;
}

.clinic_recomend_list .column_btns {
	text-align:center;

}

.clinic_recomend_list .column_btns .btn {
	width:300px;
	height:60px;
	border-radius:30px;
}

.clinic_recomend_list h4 {
    margin-top:80px;
    margin-bottom:10px;
}

.bread_scrmbs{
    list-style:none;
    display:flex;
    margin-top:15px;
    padding:0;
}

.bread_scrmbs a {
    font-size:14px;
    color:#515151;
    display:inline-block;
    margin-right:15px;
}

.bread_scrmbs li {
    font-size:14px;
}


.clinic_recomend_list tr {
    display:flex;
    flex-flow:column;
    padding:20px 0 30px;
    border-bottom:1px solid #ccc;
    width:100%;
}

.clinic_recomend_list td.data_title {
    padding:15px 0 0px;
    line-height:1.5;
    letter-spacing:3px;
    font-size:16px;
}

.clinic_recomend_list td {
    padding:10px 0 0px;
    line-height:2.9;
    letter-spacing:3.5px;
    font-size:14px;
}

.search_container{
  box-sizing: border-box;
  width:85%;
  margin-top:30px;
}
.search_container input[type="text"]{
  background: #bbffa0;
  border: none;
  color: #333333;
  height: 3.0em;
  width:80%;
  padding:10px;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container button[type="submit"]{
  cursor: pointer;
  border: none;
  background: #96ffa2;
  color: #333333;
  outline : none;
  height: 3.1em;
  width:8%;
}
.search_container ::-webkit-input-placeholder {
  color: #333333;
}


input:-internal-autofill-selected {
    appearance: menulist-button;
    background-image: none !important;
    background-color:  #96ffa2 !important;
    color: fieldtext !important;
}

.sample_city_lists a {
    display:inline-block;
    margin-right:5px;
    word-break: break-all;
}


.not_search {
    display:none;
}

.search_on_link {
    display:none;
}

.active_search {
    margin-top:-120px;
    margin-bottom:120px;
}

.clinic_recomend_list {
    margin-bottom:90px;
}

.clinic_recomend_list_link {
    margin-top:20px;
    text-align:right;
    margin-right:5px;
}

.clinic_recomend_list_link a {

    color:#00ad25;
    text-decoration:none;
    border-bottom:1px solid #00ad25;
    letter-spacing:1.5;
    word-break: break-all;
}

.clinic_recomend_list a {
    word-break: break-all;
    color:#21c3ff;
    opacity:.7;
    text-decoration:underline;
}

.clinic_recomend_list.column a {
    word-break: break-all;
    text-decoration:none;
    color: #2b2b2b;
    opacity:1;
　　transition:all 1s ease;
}

.clinic_recomend_list .column_a{
    word-break: break-all;
    text-decoration:none;
    color: #2b2b2b;
    opacity:1;
}

.clinic_recomend_list.column a:hover {
    word-break: break-all;
    text-decoration:underline;
    color: #21c3ff;
    opacity:1;
}

.clinic_recomend_list .column_a:hover {
    word-break: break-all;
    text-decoration:underline;
    color: #21c3ff;
    opacity:1;
}

.column_box {
	width:90%;
}


.clinic_recomend_list a:hover {
    opacity:1;
}

.col-md-10 {
    margin-bottom:60px;
}

.chunk_number1:first-child {
    display: none;
}

.level-gauge_box {
  display:flex;
  align-items:center;
  margin-top:-20px;
}

.level-gauge_box span {
    display:inline-block;
    margin-left:15px;
    font-size:14px;
}

.level-gauge {
  width: 220px; /* ゲージの幅 */
  height: 18px; /* ゲージの高さ */
  background-color: #e2f9ff; /* ゲージの背景色 */

}

.level-progress {
  height: 100%;
  background: linear-gradient(to right,
              #c6fff1 0%, /* 水色 */
              #9effbb 20%, /* 緑色 */
              #faff6b 65.5%,
              #ffd37c 85.5%,
              #ff877c 100% /* 赤色 */
            );
  width: 0; /* 初期状態では幅を0に設定 */
  max-width:100%;
}
#chat_form {
    margin-top:20px;
}

/*#create_container {
    display:none;
}*/

.form_account {
    padding:11px;
    background:#ddd;
}


 .loader {
        border: 9px solid #f3f3f3; /* Light grey *//**/
        border-top: 9px solid #00ffae; /**//**//* Blue *//**//**/
        border-bottom: 9px solid #00fffa; /**//**//* Blue *//**//**/
        border-left: 9px solid #00ffae; /**//**//* Blue *//**//**/
        border-right: 9px solid #00fffa; /**//**//* Blue *//**//**/
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin:100px auto;
        position:fixed;
        z-index:30;
        top:15%;
        left:50%;
        display:none;
    }

#loader_comment {
    margin:auto;
    margin-top:360px;
    display:none;
}

#loader_box {
    width: 35%;
    height: 15px;
    background-color: #ddd;
    border-radius:10px;
    overflow: hidden;
    position:fixed;
    top:70%;
    left:33%;
    display:none;
}

.loading-container {
    position: relative;
    width: 100%;
    top:5%;
    overflow: hidden;
    white-space: nowrap;
    display:none;
    background:#1fef98;
}

.loading-text {
    display: inline-block;
    font-size:1.3rem;
    animation: slide-left 9s linear infinite;
    padding:10px 0;

}

/*
.loading-text::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: repeating-linear-gradient(
        45deg,
        rgba(0, 0, 0, 0.1),
        rgba(0, 0, 0, 0.1) 10px,
        transparent 10px,
        transparent 20px
    );
    z-index: -1;
    transform: translateX(-100%);
    animation: slide-bg 3s linear infinite;
}
*/

@keyframes slide-left {
    0% {
        transform: translateX(150%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.time_gauge {
    width: 0;
    height: 100%;
    background-color: #ff7777;
    border-radius: 10px 0 0 10px;
    animation: grow 45s ease-in forwards,color-change 45s linear forwards;
}

@keyframes grow {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes color-change {
    0% {
        background-color: #49cbff; /* 初期色 */
    }
    50% {
        background-color: #28ffa5; /* 中間色 */
    }
    100% {
        background-color: #28d0ff; /* 終了色 */
    }
}



.loader {
    width: 75px;
    height: 75px;
    background-color: #3498db; /* Blue */
    border-radius: 30%;
    position: relative;
    animation: bounce 3s infinite ease-in-out;
    position:fixed;
    left:48%;
    top:85%;
}

@keyframes bounce {
    0%, 100% { top: 70; }
    50% { top: 120px; }
}


.form_item {
    margin-bottom:30px;
    width:100%;
}

.my_page.edit_my_page {
    display: flex;
    justify-content:space-between;
/*    */
}



.last_offer{
    text-decoration:underline;
    font-weight:bold!important;
    font-size:24px!important;
    margin-top:-10px;
}

.last_offer small{
    text-decoration:underline;
    font-size:16px!important;
}


.anymon_main_image {
    width:60%;
    height:60%;
    max-width:100%;
    max-height:100%;
    margin-right:10px;
}

.anymon_page_container .anymon_main_image {
    width:60%;
    height:60%;
    max-width:100%;
    max-height:100%;
    margin-right:20px;
}

.main_page .anymon_main_image{
  width:65%;
    height:65%;
    max-width:100%;
    max-height:100%;
    margin-right:30px;
}

.profile_page .anymon_main_image{
  width:58%;
    height:58%;
    max-width:100%;
    max-height:100%;
    margin-right:20px;
}

.edit_my_page .anymon_main_image{
  width:63%;
    height:63%;
    max-width:100%;
    max-height:100%;
    margin-right:30px;
}

 .anymon_main_image.edit_anymon_main_image{
  width:63%;
    height:63%;
    max-width:100%;
    max-height:100%;
    margin-right:30px;
    margin-left:0!important;
}

.new_form_create .note_text{
    margin-bottom:0;
}

.new_page .anymon_main_image {
    width:60%;
    height:60%;
    max-width:100%;
    max-height:100%;
    margin-right:20px;
}

.new_page {
    margin-bottom:60px;
}

/*.edit_profile_contaienr {
    display:flex;
    justify-content:space-between;
    width:66%;
    align-items:center;
}*/

/*.anymon_detail_edit_btns {
    flex-flow:column;
}*/


.edit_profile_contaienr {
    margin-left:100px;
}


.anymon_detail_profile_container .anymon_detail_page_btns {
    display:flex;
    flex-wrap:wrap;
    width:100%;
}

/*.anymon_detail_profile_container .anymon_detail_page_btns form {
    margin-right:0px;
}*/

.edit_create_btns {
    display:flex;
}


.anymon_detail_page_btns .btn {
    margin-top:12px;
    font-size:12px;
}

.anymon_detail_page_btns .btn-secondary {
    font-size:12px;
}

.anymon_detail_page_btns .btn-success {
    /*margin-top:16px;*/
    font-size:12px;
}

.anymon_detail_page_btns .btn_right {
    font-size:12px;
    margin-top:12px;
}


.edit_detail_profile_container .anymon_detail_edit_btns {
    display:flex;
    flex-wrap: nowrap;
}

.anymon_detail_page_btns.anymon_detail_edit_btns a {
    margin-top:11.5px;
    font-size:12px;

}


.anymon_detail_page_btns.next_anymon_detail_edit_btns .btn {
    margin-top: 10px;
    font-size: 12px;

}

.anymon_detail_page_btns.next_anymon_detail_edit_btns {
    margin-top:10px;
}

.mypage_btns a{
    margin-top:9px;
    margin-right:3%;
    font-size:14.5px;
}



.eraser_button{
　opacity:0.5;
}

.edit_profile_page .edit_profile_contaienr {
    margin-left:50px;
}

.edit_btns {
    display:flex;
}

.edit_btns button {
    margin-right:20px;
    margin-top:10px;
    margin-bottom:20px;
    font-size:14px;
}

.edit_my_page .slide-items2 {
    margin-bottom:20px;
}

.edit_my_page .anymon_detail_page_btns {

    margin-top: 5px;

}

.burashi_box {
    display:flex:
    flex-flow:column;
    margin-left:-3px;
}

#brushSizeSlider {
    width:90%;
}

.burashi_design input {
    margin-top:15px;
    margin-right:5px;
    margin-left:2px;
}


.determine_btn {
    width:100%;
    margin-top:30px;
    text-align:center;
    margin-left:-5px;
}

.determine_btn button {
    width:100%;
}

 .anymon_main_image.edit_anymon_main_image{
    width:65%;
    height:65%;
    max-width:100%;
    max-height:100%;
    margin-right:0px;
}

.edit_form{
    display:flex;
    flex-flow:wrap;

}

.edit_profile_contaienr .edit_item{
    width:45%;
    margin-right:12px;
}



.edit_profile_contaienr .edit_item:nth-last-of-type(3){
    width:93%;
    margin-right:10px;
}

/*.edit_profile_contaienr .edit_item:nth-last-of-type(2){
    width:93%;
    margin-right:10px;
}*/



.edit_right button {
    font-size:13px;
}

.edit_right .form-label {
    font-size:13px;
}

.edit_page_btn{
    margin-top:0;
}

.my_anymon_list_title{
    margin-top:25px;
}

.edit_profile_contaienr .form-control.color_picker {
    width:100%;
    height: 50px;
    display: block;
    padding: 0px;
}

.edit_profile_contaienr .form-control {
    font-size:15px;
}


/*
.pose_face {
    width:210%;
}
*/

.more_btn {
    display:inline-block;
    width:180px;
    height:20px;
    margin:auto 0px -10px auto;
    text-decoration:none;
    font-size:14px;
    color:#0ea4ef;
    opacity:.8;
}

.more_btn:hover {
    color:#0ea4ef;
    opacity:1;
}

.my_room_container{
    margin-top: 20px;
    margin-left:20px;
}

.item_create_page {
    margin-top:120px;
    width:100%;
    margin-left:2%

}

.item_create_page .search_container {
    width:100%;
    margin-bottom:120px;
}

.item_create_page .errorlist {
    display:none;
}

.item_create_page .item_create_form {
    display:flex;
    align-items:center;
    flex-flow:wrap;
}

.item_create_form .col-8  {
    width:100%;
    margin-right:10px;
    height:60px;
}

.item_profile p {
    font-size:14px;
    margin-bottom:5px;
}

.item_create_form .col-8  {
    font-size:16px;
    margin:40px 10px 60px 0px;
    width:15%;
}

.item_create_form .col-8:first-of-type  {
    font-size:16px;
    width:100%;
    margin:10px 10px 60px 0px;
    height:80px;
}

.item_create_form .col-8:first-of-type .text_query  {
    height:100%;
    font-size: 1rem;
    font-weight: 400;
    color: #353535;
    background-color: #f2f2f2;
    border-radius:10px;
}



.my_room_item_list {
    min-height:151px;
}



.item_create_form .col-8 .form-control .text_query{
    font-size:16px;
    background: #d3f5ff;
    border: none;
    height: 6em;
    width: 200%;
    padding: 15px;
    border-radius:5px;
    margin-bottom:60px;
}



.item_create_btns {
    margin-top:70px;
    margin-bottom:90px;
}

.item_create_btns .btn {
    font-size:14px;
}

.item_page_bottom_btns .btn {
    font-size:14px;
}

.anymon_create_btns {
    margin-top:40px;
}


.container .item_create_page .search_container  .btn-info{
    cursor: pointer;
    border: none;
    border-radius:5px;
    color: #fff;
    outline: none;
    width: 14%;
    height:2.3em;
    margin-top:65px;
}

.item_create_page  .form-control.color_picker {
    width: 88%;
    height: 53px;
    display: block;
    padding: 0px;
}

.item_create_page .anymon_create_page_btns a{
    margin-right:20px
    align-items:center;
}

.item_create_page  .mypage_btns  a {
    margin-top: -5px;
    margin-right: 2%;
    font-size: 14.5px;
    height:2.5em;
}

.item_create_confirm .anymon_main_image {
    width: 65%;
    height: 65%;
    max-width: 100%;
    max-height: 100%;
    margin-right:3%;
}

.item_create_confirm .profile_container {
     width: 40%;
    height: 40%;
    max-width: 100%;
    max-height: 100%;
    margin-left:20px;
}

.item_create_confirm .profile_container p {
    width:90%;
}

.my_room_container {
width: 40%;
    height: 40%;
    max-width: 100%;
    max-height: 100%;
}

#confirmation-details {
    display:none;
}

.account_container {
    margin-top:30px;
}

.circle_container {
    position: relative;
    width: 180px;
    height: 180px;
    margin-bottom:50px;

}

.circle_container p {
    text-align:center;
}

.circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle span {
    position: absolute;
    font-size: 36px;
    font-weight: bold;
    text-align:center;
    line-height:140px;
    color: #000;
    width:80%;
    height:80%;
    background:#fff;
    border-radius:50%;
}

@media (min-width: 1200px) {
    .container-xl, .container-lg, .container-md, .container-sm, .container {
        max-width: 1050px;
    }

}

@media (max-width: 736px) {

.free_item_disp {
	margin-left:20px;width:100px;
}

.mypage_btns.free_image_opne_btn {
	text-align:right;
	display:block;
	margin-right:15px;
}

.my_profile_page_btns .btn_small.btn-success {
    font-size:16px;
}


    .circle_container {
        position: relative;
        width: 250px;
        height: 250px;
        margin:10px 0 60px;
        text-align:center;
    }

    .circle {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background:#fff;
    display: flex;
    justify-content: center;
    align-items: center;
}
.circle span {
    position: absolute;
    font-size: 46px;
    font-weight: bold;
    text-align:center;
    line-height:210px;
    color: #000;
    width:85%;
    height:85%;
    background:#fff;
    border-radius:50%;
}

}

.profile_btns {
    margin-top:40px;
}

.profile_btns .btn {
    margin-right:15px;
    font-size:14px;
}



.create_page {
    width:96%;
    margin:auto;
    margin-top:100px;
    margin-bottom:100px;
}

.create_page_forms {
    display: flex;
    margin-bottom:0px;
    flex-wrap:wrap;
    width:85%;
}




create_page_form_items {
    width:100%;
    display:flex;
    flex-wrap: wrap;
}

.create_form_item {
    margin-right:5%;
    margin-top:20px;
    margin-bottom:25px;
} 

.create_form_item .form-control{
	width:100%;
}

.create_form_item  .form-control.form_name {
	width:800px;
}

.create_page_form_items {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


.detail_button_item {
	height:45px;
	margin-top:5px;
	width:150px;
	margin-right:-50px;
	padding:5px;
}

.create_form_item .form-control.color_picker {
    margin-right: 2%;
    margin-top: 20px;
    margin-bottom: 15px;
    width: 150px;
}


.create_form_item .form-control{
    margin-right:2%;
    margin-top:20px;
    margin-bottom:15px;
	width:150px;
} 

.create_form_item .form-control.color_picker{
    margin-right:2%;
    margin-top:20px;
    margin-bottom:15px;
	width:150px;
} 

.create_form_item .form-control.form_comment{
	width:360px;
	height: 100px;
}

.create_form_item .story_text{
	width:500px;
	height:200px;
}

.create_form_item .form-control.story_scenario{
	width:350px;
} 


.gauge-container {
    width: 4%;
    height: 8.5%;
    background-color: #f0f0f0;
    position: fixed;
    bottom:26%;
    right:12%;
    border-radius:15px;
    opacity:.6;
}

.gauge {
    width: 100%;
    height: 0;
    background-color: #00f;
    transition: height 0.5s ease, background-color 0.5s ease;
    border-radius:15px;
    opacity:.8;
    position: absolute;
    bottom: 0;
}

.gauge-container::after {
    content: "●";
    position: absolute;
    top: -28%;
    right:-15%;
    width: 30px; /* Adjust size as needed */
    height: 30px; /* Adjust size as needed */
    background-color: #f0f0f0;
    color: #f0f0f0;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30%;
    /*z-index:-10;*/
}

.gauge-container::before {
    content: "●";
    position: absolute;
    top: -28%;
    left:-15%;
    width: 30px; /* Adjust size as needed */
    height: 30px; /* Adjust size as needed */
    background-color: #f0f0f0;
    color: #f0f0f0;
    font-size: 30px;
    line-height: 30px;
    text-align: center;
    border-radius: 30%;
    /*z-index:10;*/
}

.anymon_confirm_container .anymon_image img {
    border-radius: 0%;
}

.clinic_recomend_list_link .btn_small {
    font-size:14px;
    letter-spacing:1.5;
}


.anymon_main_image .level-gauge_box {
  display:flex;
  align-items:center;
  margin-top:20px;
}

.anymon_main_image .level-gauge_box span {
    display:inline-block;
    margin-left:15px;
    font-size:12px;
}

.anymon_main_image .level-gauge {
  width: 100%; /* ゲージの幅 */
  height: 18px; /* ゲージの高さ */
  background-color: #e2f9ff; /* ゲージの背景色 */

}

.anymon_main_image .level-progress {
  height: 100%;
  background: linear-gradient(to right,
              #c6fff1 0%, /* 水色 */
              #9effbb 20%, /* 緑色 */
              #faff6b 65.5%,
              #ffd37c 85.5%,
              #ff877c 100% /* 赤色 */
            );
  width: 0; /* 初期状態では幅を0に設定 */
  max-width:100%;
}

.arart_comment {
    line-height:1.4;
    letter-spacing:1;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:5px;
}

.anymon_profile_edit {
    margin-bottom:60px;
}

.anymon_detail_page_btns.anymon_detail_edit_btns .btn {
    margin-top:-5px;
    font-size:12px;
}

.anymon_detail_page_btns.anymon_detail_edit_btns .online_item_import{
    margin-top:10px;
}

canvas
{
            border: 1px solid black;
 }

#colorIndicator {
    width: 60px;
    height: 30px;
    border: 1px solid black;
    margin-top: 0px;
    text-align: center;
    line-height: 30px;
    font-size: 14px;
    margin-bottom:0px;
    margin-right:10px;
    margin-left:10px;
    border-radius:5px;
    background:#ddd;
}

.image_edit_btns {
    display:flex;
    flex-wrap:wrap;
    width:40%;
    position:relative;
    align-items:center;
}

.image_edit_btns button{
    font-size:13px;
    margin-right:10px;
    margin-bottom:0px;
    margin-top:0px;
}

.edit_message {
    position:absolute;
    top:100%;
    left:0%;
    width:80%;
}

.brushSizeIndicator {
    width:100%;
    margin:10px 0 50px;
}

.brushSizeIndicator input {
    width:80%;
}

.my_page.image_edit {
    flex-direction: row-reverse;
}

.user_profile_page {
    margin:100px auto;
    margin-bottom:60px;
    width:96%;
}
.user_profile_page p {
    margin:10px 0;
}

.user_profile_page {
    margin:100px auto;
    margin-bottom:60px;
    width:96%;
}

.user_profile_page button {
    margin-top:20px;
}

.image_edit_btns a {
    display:inline-block;
}

.image_edit_btns .determine_form {
    margin-top:10px;
}

form#saveForm {
    margin-bottom:0;
}

.item_edit_contaienr {
    margin-left:50px;
    width:40%;
}

.item_comment {
    height:160px;
}

.title_edit_btn {
    font-size:13px;
    margin-right:10px;
}

.default_detail_page .anymon_history {
    padding:0 15px 0 0;
    letter-spacing:2.5;
    line-height:2;
    margin-top:10px;
    font-size:16px;

}

.default_detail_page .anymon_history_box {
    width:300px;
    margin-top:15px;
}

.anymon_history {
    padding:0 15px 0 0;
    letter-spacing:2.5;
    line-height:2;
    font-size:16px;
}

p.history_p {
    padding:0 15px 0 0;
    letter-spacing:1.8;
    line-height:2;
    font-size:16px;
    margin-top:0;
}

.h6_title {
    margin-top:30px;
    margin-bottom:10px;
}

.item_title {
    height:80px;
    font-size:14px;
    padding:6px;
}

.item_profile p {
    line-height:2;
    margin-bottom:10px;
}

.colorPicker input {
    width:290px;
    height:50px;
    padding:3px;
    margin:20px 0 5px;
}

.brushSelectDesign select{
    width:290px;
    margin-top:10px;
    margin-bottom:10px;
    height:30px;
    padding:3px;
}

.anymon_detail_page_btns .btn_edit {
    margin-top:13px;
    display:inline-block;
}

.my_page .anymon_detail_page_btns  {
    margin-top:25px;
}

.my_page .anymon_detail_page_btns form {
    margin-right:10px;
}

.my_page .anymon_detail_page_btns .sns_imorot{
    margin-top:15px;
}

anymon_detail_page_btns anymon_detail_edit_btns .btn {
    margin-top:10px;

}

.btn_bottom {
    margin-bottom:10px;
}

.anymon_detail_profile_container .edit_anymon_story {
    height:240px;
    width:345px;
    font-size:14px;
    padding:10px;
    line-height:1.9;
    letter-spacing:1.4;
}

.lp_content {
    padding-top:30px;
    padding-bottom:10px;
}

.flex_container {
    display:flex;
    width:50%;
    justify-content:space-between;
    align-items:center;
    text-align:center;
    margin:0 auto;
    margin-bottom:0px;
    margin-top:30px;
}

.lp_content .flex_container {
    width:55%;
    margin-top:30px;
}

.logined.chat_section.lp_content {
    padding-bottom:80px;
}

.policy_section {
    padding-bottom:80px;
    background:#f0fbff;
    margin-top:50px;
}

.chat_section.lp_content .flex_container {
    width:60%;
    margin-top:30px;
}

.lp_content .flex_container .btn {
    width:60%;
}

.flex_container .btn  {
    margin:15px;
    margin-bottom:0;
}

.flex_container .btn.btn-danger {
    margin-bottom:-10px;
}

.display-4 {
    text-align:center;
    font-size:36px;
    margin-bottom:15px;
}

.profile_edit_container  {
    width:40%;
    margin-left:20px;

}


.profile_edit_container form{
    display:flex;
    flex-wrap:wrap;
}


.profile_edit_container .slide-items2 {
    position:relative;
    width:100%;
}

.profile_edit_btns {
    position:absolute;
    bottom:-40px;
    left:0;
}

/*.anymon_detail_profile_container form {
    display:flex;
    flex-wrap:wrap;
}*/

.anymon_detail_profile_container .profile_edit_item {
    width:165px;
    margin-right:15px;
}

.anymon_detail_profile_container #id_anymon_name {
    width:345px;
    margin-right:14px;
}

.pagination {
    margin:0 auto;
}

.pagination a ,
.pagination span{
    font-size:10px;
}

.alert-danger {
    --bs-alert-color: #842029;
    --bs-alert-bg: none;
    --bs-alert-border-color: none;
    font-size:12px;
}

.alert {
    --bs-alert-bg: transparent;
    --bs-alert-padding-x: 0rem;
    --bs-alert-padding-y: 0rem;
    --bs-alert-margin-bottom: 0rem;
    --bs-alert-color: inherit;
    --bs-alert-border-color: transparent;
    --bs-alert-border: 0px solid var(--bs-alert-border-color);
    --bs-alert-border-radius:0rem;
    position: relative;
    padding:0;

}

.messages {
    position:relative;
}

.base_top .alert {
    position:absolute;
    left:2.7%;
    top:6%;
    /*--bs-alert-color: #0f5132;
    --bs-alert-bg: #d1e7dd;
    --bs-alert-border-color: #badbcc;*/
    padding:8px 10px;
    border-radius:5px;
    font-size:12px;
    z-index:-10;
}



.form-group {
    position:relative;
}

.form-group .alert {
    position:absolute;
    left:0%;
    top:-75%;
}

.form-group label {
    display:none;
}

.thread_detail_page h5 {
    margin-bottom:10px;
}

textarea.form-control {
    padding:10px;
}

textarea.form-control.story_contents {
    padding:10px;
    margin:10px 0;
    height:500px;
}

.story_form .create_form_item:nth-of-type(4) {
	display:none;
}

.business_info tr {
	margin-bottom:15px;
}

.business_info th {
	width:30%;
}

.business_info td {
	width:70%;
	padding:10px;
	font-size:14px;
	line-height:1.5;
}

.business_info  {
	margin-bottom:60px;
}

.login_page {
    max-width:98%;
    margin:100px auto 0;
}

.spinner {
    border: 4px solid #f3f3f3; /* 背景色 */
    border-top: 4px solid #3498db; /* 回転する色 */
    border-radius: 50%;
    width: 40px;
    height: 40px;
    position:absolute;
    top:50%;
    left:50%;
    animation: spin 2s linear infinite;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

#id_agree_to_privacy {
    font-size:20px;
}

.comment_list_item {
    display:flex;
    align-items:center;

}

.comment_list_item p {
    margin-left:5px;
    letter-spacing:1.8;
    line-height:2;
}

.note_text {
    opacity:1;
    margin-top:-75px;
    margin-bottom:80px;
    font-size:14px;
}



.my_page_edits_btns {
    margin-top:5px;
    display:flex;
    flex-flow:wrap;
}

.detail_second_btns {
    display:flex;
}

/* 点滅アニメーションの定義 */
@keyframes blinkEvery15Sec {
    0% { opacity: .1; }
    13% { opacity: .3; }
    33% { opacity: .5; }
    55% { opacity: .9; }
    85% { opacity: .5; }
    93% { opacity: .3; }
    100% { opacity: .1; }
}

/* supportクラスが付与されたときのスタイル */
.support_line.support {
    animation: blinkEvery15Sec 3s infinite;
}

.pc {
    display:none;
}

.lp_image_slide_pc {
    display:block;
}

lp_image_slide_sp {
    display:none;
}

.footer_section {
    display:none;
}

.default_page_hr {
    margin-top:50px;
}

.signup_page .singup_flow {
    text-align:center;
    width:60%;
    margin-top:2rem;
    margin-bottom:60px;
}

.signup_page .singup_flow img {
    width:100%;
}

.login_page .singup_flow {
    text-align:center;
    width:60%;
    margin-top:2rem;
    margin-bottom:60px;
}

.login_page .singup_flowimg {
    width:100%;
}


.singup_flow {
    text-align:center;
    width:60%;
    margin-top:7rem;
    margin-bottom:60px;
}

.singup_flow img {
    width:100%;
}

.form_payment_container {
    display:flex;

}

.form_payment_container p {
    font-size:15px;
}

.form_paytment_item {
    width:33%;
    margin:0 0 0 1%;
    text-align:center;
    background:#f2f2f2;
    border-radius:30px;
    padding:20px;
    height:1550px;
max-height:2000px;
    position:relative;
    margin-bottom:60px;
}

.form_paytment_item.free_plan{
    width:33%;
    margin:0 0 0 0;
    text-align:center;
    background:#f2f2f2;
    border-radius:30px;
    padding:20px;
    height:1550px;
    max-height:2000px;
    position:relative;
    margin-bottom:60px;
}

.slide_item_1 {
	width;100%;
	text-align:center;
}

/* スライダー共通のスタイル */
.slider_0, .slider_1 {
  max-width: 600px;
  margin: 0 auto;
}

.slider_0 .slick-slide,
.slider_1 .slick-slide {
  display: flex;
  justify-content: center;
  align-items: center;
}

.slider_0 .slick-slide img,
.slider_1 .slick-slide img {
  width: 90%;           /* 画像の横幅を少し内側に */
  height: auto;
  border-radius: 10px;  /* オプション：角丸 */
  box-shadow: 0 2px 8px rgba(0,0,0,0.2); /* オプション：見栄え */
}

.slider_0 {
  width: 100%;
  max-width: 100%;
  margin: -150px auto 0;
}

.slider_0 .slick-slide {
  width: 150px !important;  /* ← ここで固定幅に */
  display: flex !important;
  justify-content: center;
  align-items: center;
}

.slider_0 .slick-slide img {
  width: 90% !important;
  height: auto !important;
  max-width: 100%;
  display: block;
}

.form_paytment_item .submit_contain{
    position:absolute;
    bottom:3%;
    left:1.5%;
}

.deposit_plan .submit_contain{
    position:absolute;
    left:1.5%;
}


.form_paytment_item .submit_contain_free{
    position:absolute;
    bottom:5%;
    left:0;
    width:100%;
}

.form_paytment_item .submit_contain_deposit{
    position:absolute;
bottom:1%;
    left:0;
    width:100%;
}




.submit_contain .plan-button {
    margin-top:10px;
}

.form_paytment_item p {
    font-size:16px;
    text-align:left;
}

.form_paytment_item img {
    max-width:80%;
    text-align:center;
}


.deposit_plan img {
    max-width:55%;
}

.standard_plan img {
    max-width:80%;
}

.deposit_plan .create_price img {
    max-width:80%;
}

.submit_contain img {
    width:100%;
    max-width:90%;
    margin-left:-3%;
}

.form_paytment_item h6 {
    background:#ffc32b;
    width:100%;
    font-size:18px;
    padding:20px 0;
    line-height:1.5;
    text-align:center;
    border-radius:20px;
    margin-bottom:50px;
}

.free_plan img {
    max-width:55%;
}





.form_paytment_item ul {
    padding:0;
    margin:0;
}

.form_paytment_item h5 ,
.form_paytment_item li {
    text-align:left;
}

.form_paytment_item h5 {
    font-size:18px;
}

.form_paytment_item li {
    font-size:14px;
    margin:10px 0;
}

#plan_descripthion {
    padding:1.5rem;
    font-size:14px;
}

.modal-dialog {
    max-width:800px;
}

.form-text {
	display:none;	
}

.form-text a {
    text-decoration:underline;
}

.btn-success {
	color:#3a3a3a;
	background:#21dd3d;
	 --bs-btn-active-border-color:none;
	--bs-btn-border-color: none;
}


/* チェックボックスを非表示にする */
    .form_payment_container input[type="checkbox"] {
        display: none;
    }

    /* ラベルにボタン風デザインを追加 */
    .plan-button {
        display: inline-block;
        padding: 15px 20px;
        background-color: #21dd3d;
        color: #191919;
        border-radius: 10px;
        cursor: pointer;
        font-size: 16px;
        width:80%;
        text-align: center;
        transition: background-color 0.3s ease;
    }

    /* チェックボックスが選択されているときのラベルの色を変更 */
    input[type="checkbox"]:checked + .plan-button {
        background-color: #00ea2b;  /* 選択時の色 */
    }

    .plan-button:hover {
        background-color: #00ea2b;
    }

#monthry_price {
    margin:0;
    line-height:2.5;
}

#deposit_balance {
    margin:0;
    line-height:2.5;
}

.deposit_plan_descript {
    text-decoration:underline;
}

.plan_info_container {
    width:60%;
    margin-bottom:60px;
}

.consent_messages a {
    text-decoration:underline;
}

.consent_messages input {
    vertical-align:-1px;
}

.plan-title {
    margin-bottom:20px;
}

#card-element {
    margin-bottom:30px;
    background:#fff;
    border:1px solid #ddd;
    padding:15px;
    height:50px;
    color:#eee;
    border-radius:10px;
}

#card-element input{
    color:#eee!important;
    border:1px solid #ddd;
}

.payment_info-footer {
    margin-bottom:60px;
    margin-top:50px;
    display:flex;
}
.payment_info-footer .btn{
    font-size:15px;
}

.payment_plan_info {
    margin:30px 0 0;
}


.card_info_sub {
    margin-top:-20px;
    opacity:.5;
    font-size:14px;
/*    display:flex;
    justify-content:space-between;*/
}

.card_info_sub small {
    display:inline-block;
    margin-right:35px;
}

.service_policy_page {
    margin-bottom:50px;

}

.payment_process_links small {
    margin-top:-50px;
    display:inline-block;
    margin-bottom:50px;
    text-decoration:underline;
}





.service_policy_page p{
    font-size:14px;

}

.anymo_about_page {
    margin-bottom:50px;
    width:70%;margin-top:30px;
}

.anymo_about_page h4 {
    margin-bottom:20px;
    margin-top:50px;
}

.anymo_about_page p {
    line-height:2.1;
    font-size:15px;
}

.model_view_table{
	display:flex;
	justify-content: space-between;
	width:110%;
}

.model_view_table th{
	text-align:center;
}

.model_view_table td {
	padding:5px;
}


.speacies_list li{
	padding:5px 5px;
}

.side_bar.sp {
	display:none;
}

.slider_0.sp {
	display:none;
}

.online_change_btns .btn {
	background:#eee;
}

.btn.select {
	background:#ffd559;
}

.story_create_btns {
	position:relative;
	bottom:-250px;
}

.column_section .next_lp_container {
	width:1100px;
	margin:-100px auto 100px;
	align-items: start;
}

.column_section .lp_image_slide {
	background:#fff;
	padding:15px;
	border-radius:10px;
	width:450px;
	height:600px;
	overflow-y: scroll;
}

.sp_img img{
	display:none;
}

.item_slider_pc {
	display:block;
}

.item_slider_sp {
	display:none;
}

.btn_pc {
	display:block;
}

.btn_sp {
	display:none;
}

.story_text_1 {
        width: 400px;
    top: 400px;
    right: -100px;
}

.story_text_2 {
    width: 300px;
    top: 250px;
    left: -100px;
}

.story_text_3 {
    width: 380px;
    top: 300px;
    left: -180px;
}

.story_text_8 {
	width: 460px;
    top: 300px;
    left: -180px;
}

.story_image_sub_items_1 {
	width: 150px;
    top: -2250px;
    left: -80px;
}

.story_image_sub_items_2 {
	 width: 100px;
    top: -2300px;
    left: 210px;
}

.lp_chat_message_texts.sp_text {
	display:none;
}

.lp_chat_message_texts.pc_text {
	display:block;
}

.sp_text {
	display:none;
}

.pc_left_messege_box {
	display:block;
}

.sp_left_messege_box {
	display:none;
}

.lp_image_item.sp_char {
   display:none;
}




@media (min-width: 1200px) {
	.column_container {
	max-width: 900px;
	}

	.container.item_conateiner {
		max-width: 1400px;
	}

	.container.item_conateiner .slide_online_items{
		margin-bottom:30px!important;
	}
}

.flex_btn_items {
	display:flex;
	justify-content:space-between;
}


@media screen and (max-width:750px) {




.sp_img img{
	display:inline;
}

.lp_chat_message_texts.sp_text {
	display:block;	
}

.sp_text {
	display:block;	
} 

.lp_chat_message_texts.pc_text {
	display:none;
}

.pc_text {
	display:none;
}

.create_page_form_items {
	width: 350px;
        max-width: 350px;
}

.create_form_item .form-control.form_name {
        width: 350px;
        max-width: 350px;
    }

.create_page_form_items .create_form_item  {
	width:auto;
}

.create_form_item .form-control {
	width:150px;
}

.create_form_item .form-control.form_name {
    width: 330px;
    max-width:350px;	
}

.create_form_item .form-control.form_title {
    width: 350px;
    max-width:350px;	
}

.create_form_item .form-control.form_comment{
	width:330px;
	height;300px!important;
}

.story_forms {
	width:355px;
	justify-content: space-between;
}

.story_forms .create_form_item .form-control {
	width:175px;
	margin-right:10px;
}

.create_form_item .story_text{
	width:350px;
	height:200px;
}

.story_create_btns {
	left:0%;
	bottom:-220px;
	margin-bottom:100px;
}

.story_forms {
	flex-wrap:wrap;
}



.create_image_slide_text p{
	font-size:15px;
	margin-left:20px;
}


.lp_image_slide.create_image_slide {
	margin-left:-6.5%;
}


.slide_online_items.pc {
	display:none; 
}

.slide_online_items.sp {
	display:flex;
	flex-flow:column; 
}

.lp_item_list_item img{
	width:120px!important;
	height:120px!important;
}

.online_items .slide_online_items {
	position: static;
    width: 100%;
}

.online_items .online_items_title {
    position: static;
    margin-top:100px;
}

.online_items {
    position: static;
    margin-bottom:50px;
}


.online_anymons {
	margin-top:-20px;
}


.user_story_edit_items {
	flex-flow:column;
}

.user_story_edit_items img {
    width: 80%;
	height;80%;
    margin:15px 0px;
}


.sp_story_image {
	display:none;
}




.default_detail_page .anymon_main_image {
    width:500px;
    height:500px;
    min-width:500px;
    min-height:500px;
}

.paragraph-block {
	flex-flow:column;
}

.paragraph-block img{
	margin-right:0!important;
}

.img-item {
    height: auto;
    max-width: auto;
    padding: 1px;
    margin: 0 auto;
}


.profile_container.anymon_story_profile.sp {
	display:none;
}

.slider_0.sp {
	display:block;
}


.clinic_recomend_list .column_btns {
	text-align:center;
}


.form_paytment_item .submit_contain{

    left:0%;
}

.footer_section_index.sp {
	display:block;
}



.side_bar.sp {
	display:block;
}


.speacies_list {
	width:100%;
	overflow-x: scroll;
	flex-flow:wrap;
}

.speacies_list li{
	padding:5px 5px;
}

footer {
	display:none;
}


.column_box {
	width:100%;
}

.anymo_about_page {
    margin-bottom:30px;
    width:100%;margin-top:30px;
}

.plan_info_container {
    width:100%;
}

.deposit_plans_container {
	flex-flow: column;
	align-items:center;	
        width:100%;
}

.deposit_plans_container .deposit_plan_item {
	text-align:center;
	margin:20px;
}



.user_image {
    margin:0 15px 0 10px;
}

.new_form_create .note_text {
    opacity:1;
    margin-top:-105px;
    margin-bottom:0px;
    font-size:14px;
}

.edit_profile_page .edit_profile_contaienr {
    margin-left:0;
}

.edit_right button {
    font-size:16px;
    margin-top:15px;
}

.note_text {
    opacity:1;
    margin-top:-105px;
    margin-bottom:80px;
    font-size:14px;
}

 .loader {
        border: 9px solid #f3f3f3; /* Light grey *//**/
        border-top: 9px solid #00ffae; /**//**//* Blue *//**//**/
        border-bottom: 9px solid #00fffa; /**//**//* Blue *//**//**/
        border-left: 9px solid #00ffae; /**//**//* Blue *//**//**/
        border-right: 9px solid #00fffa; /**//**//* Blue *//**//**/
        border-radius: 50%;
        width: 100px;
        height: 100px;
        margin:100px auto;
        position:fixed;
        z-index:30;
        top:15%;
        left:50%;
        display:none;
    }

#loader_comment {
    margin:auto;
    margin-top:360px;
    display:none;
}

#loader_box {
    width: 80%;
    height: 15px;
    background-color: #ddd;
    border-radius:10px;
    overflow: hidden;
    position:fixed;
    top:80%;
    left:10%;
    display:none;
}

.loading-container {
    position: relative;
    width: 100%;
    top:5%;
    overflow: hidden;
    white-space: nowrap;
    display:none;
    background:#1fef98;
}

.loading-text {
    display: inline-block;
    font-size:1.3rem;
    animation: slide-left 9s linear infinite;
    padding:10px 0;

}



@keyframes slide-left {
    0% {
        transform: translateX(150%);
    }
    100% {
        transform: translateX(-100%);
    }
}

.time_gauge {
    width: 0;
    height: 100%;
    background-color: #ff7777;
    border-radius: 10px 0 0 10px;
    animation: grow 45s ease-in forwards,color-change 45s linear forwards;
}

@keyframes grow {
    from {
        width: 0;
    }
    to {
        width: 100%;
    }
}

@keyframes color-change {
    0% {
        background-color: #49cbff; /* 初期色 */
    }
    50% {
        background-color: #28ffa5; /* 中間色 */
    }
    100% {
        background-color: #28d0ff; /* 終了色 */
    }
}



.loader {
    width: 75px;
    height: 75px;
    background-color: #3498db; /* Blue */
    border-radius: 30%;
    position: relative;
    animation: bounce 3s infinite ease-in-out;
    position:fixed;
    left:42%;
    top:95%;
}

@keyframes bounce {
    0%, 100% { top: 100; }
    50% { top: 250px; }
}


.cofirm_page  {
    margin-bottom:120px;
}



/* モーダルのスタイル */
#confirmation-modal {
    display: none;
    position: fixed;
    z-index: 30;
    left: -5%;
    top: 10%;
    width: 110%;
    height: 100%;
}

.modal-content {
    background:#fff;
    margin: 5% auto;
    padding: 20px;
    border: 1px solid #888;
    width: 85%;
    border-radius:10px;
    z-index:30;
}

.modal_btns {
    display:flex;
    width:100%;
}

.modal_btns button{
    margin-right:10px;
}

.singup_flow {
    text-align:center;
    width:95%!important;
    margin-top:7rem;
    margin-bottom:60px;
}

.singup_flow img {
    width:100%;
}

.anymon_detail_profile_container form {
    display:flex;
    flex-wrap:wrap;
    width:100%;
    margin: 0px auto 0px;
}

.edit_profile_btns {
    justify-content:start;
    margin-top:30px;
}

.edit_profile_btns .btn{
    margin-right:15px;
}

.anymon_detail_profile_container .form-control.new_edit {
    width:153px;
}

.anymon_detail_profile_container .form-control.relation {
     width:153px;
}

.anymon_detail_profile_container .color_picker {
    width: 315px;
    margin-right: 10px;
    margin-bottom:-20px;
}

.payment_deposit_container {
	margin-left:-5px;
}


.form_payment_container {
    display:flex;
    flex-flow:column;
}

.form_paytment_item {
    width:100%;
    margin-right:3%;
    text-align:center;
    background:#eaeaea;
    border-radius:30px;
    padding:20px;
    height:800px;
    position:relative;
    margin-bottom:60px;
}

.form_paytment_item {
    width:100%;
    margin-right:3%;
        margin-left:0;
    text-align:center;
    background:#eaeaea;
    border-radius:30px;
    padding:20px;
    height:800px;
    position:relative;
    margin-bottom:60px;
}

.form_paytment_item.free_plan{
    width:100%;
    margin-right:3%;

    text-align:center;
    background:#eaeaea;
    border-radius:30px;
    padding:20px;
    height:950px;
    position:relative;
    margin-bottom:60px;
}



.form_paytment_item h6 {
    font-size:23px;
}

.monthry_plan {
    height:750px;
}

.deposit_plan {
    height:1500px;
}

.form_paytment_item li {
    font-size:14px;
    margin:10px 0;
}

.footer_section {
    display: none;
    padding:10px 0;
}

.container {
    overflow-x:hidden;

}

.lp_speaces_item {
    flex-flow:column;
}

.speaces_section .lp_item_list {
    width: 100%;
}

.lp_item_message_box {
    width:97%;
    margin-left: 0px;
    margin-top: -50px;
}

.lp_item_list .slick-dots {
    position: absolute;
    bottom: -95px;
    display: block;
    width: 100%;
    left:-35%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.lp_item_list .slick-prev:before, .lp_item_list .slick-next:before {
    font-family: 'slick';
    font-size: 15px;
    font-weight:bold;
    line-height: 1;
    opacity: 1;
    color: #fff;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;

}

.lp_item_list .slick-next {
    right: -35px;
}

.lp_item_list .slick-prev {
    left: -35px;
}

footer.py-5{
    padding:.8rem!important;
}

.page_container {
    padding-bottom:90px;
}

.chat_container {
    padding-bottom:90px;
}

.top_page_container {
    flex-flow:column;

}

.pc {
    display:inline;
}

header.masthead .masthead-content .masthead-subheading {
    font-size: 1.5rem;
}

 #wrapper {
    background:rgba(244, 244, 244,.6);
 }

header.masthead {
  background-image: url("../../media/fv_sp.jpg");
  background-size:cover;
  height:700px;
    padding:0;
    position:relative;
}


.login_signup_box {
    display: flex;
    flex-flow: column;
    width:95%;
    position:absolute;
    top:395px;
    left:5%;
}


.lp_item_list .slick-slide img {
    display: block;
    width: 260px !important;
    height: 260px !important;
}

.slide-items_speaces {
    width: 260px;
}

.btn-xl {
    text-transform: uppercase;
    padding: 1rem;
    font-size: 0.9rem;
    font-weight: 700;
    letter-spacing: 0.1rem;
    width: 100%;
    margin: 0 5px;
}

.login_signup_box .btn {
    width:60%;
    margin-top:10px;
    padding:18px;
    font-size:16px;
}

.login_signup_box .mt-4 {
    margin-top:1em  !important;
}

.login_signup_box .mt-5 {
    margin-top:1em  !important;
}

.login_page .col-4 {
    flex: 0 0 auto;
    width: 90%;
}

.signup_page .col-4  {
    flex: 0 0 auto;
    width: 90%;
}

.my_page {
    flex-flow:column;
     width:90%;
    margin: auto;
    margin-bottom: 10px;
    margin-top: 30px;

}


.anymon_confirm_cotaniner .my_page .anymon_main_image {
	 width: 350px;
        height: 350px;
        max-width: 100%;
        max-height: 100%;
        margin-left: 30%!important;
	margin-right:5px!important;
}

.anymon_confirm_cotaniner .anymon_detail_profile_container {
	margin-top:-90px;
}

.anymon_confirm_cotaniner .story_profile_container {
	margin-left:-70px;
}

.edit_profile_page.my_page {
    flex-flow:column;
    margin-left:5px;
    width:100%;
    margin-bottom:0;
}

.item_create_page {
    margin-bottom:100px;

}

.item_title {
    height: 80px;
    font-size: 14px;
    padding: 6px;
    width:48%;
}

.item_comment {
     width:48%;
}

.edit_page_btn {
    margin-left:-6px;
}

.edit_page_btn .btn {
    font-size:16px;
}

.title_edit_btn {
    margin-left:6px;
}

.about_container {
    margin-top: 0px;
    margin-bottom: 0px;
}

.about_container.lp_container {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    flex-flow:column;
    margin-top: 30px;
    margin:30px auto;
}

.slide-items_speaces .slick-dots li button:before {
  font-size: 16px;
  top: -90px;
}

.lp_image_slide {
    margin-left:10%;
}

.lp_image_slide .slick-dots {
    position: absolute;
    bottom: -25px;
    left:-2.5%;
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}

.lp_item_list .slick-next ,
.lp_item_list .slick-prev{
    top: 50%;
    opacity:1;
     background:#dddddd;
     border-radius:40%;
}

.lp_item_list .slick-next:before{
    content: '>';
}


.lp_item_list .slick-prev:before {
    content: '<';
}

.about_container.lp_container img {
    width:360px!important;
    height:360px!important;
}

.lp_message_box {
    margin-top:10px;
    margin-left: 0px;
    margin-right: 0px;
    padding:5px 10px;
    padding-top:0px;
    background:none;
    width:350px;
}

.lp_free_comment {
    text-align: center;
    font-size: 25px;
    margin-bottom: -5px;
    margin-top: 10px;
    width:125%;
    margin-left:-12%;
    line-height:1.8;
    text-decoration:underline;
    padding-bottom:2px;
}

.sp {
    display:none;
}

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

.lp_content.about_section .about_flex_btns{
    width: 100%;
    flex-flow:column;
    margin-top:10px;
}

.items_btn.sp {
	display:inline-block;
}

.items_btn.right_btn {
	margin-left:0%!important;
}

.lp_content.about_section {
    background-image: url("../../media/about_bg_sp.jpg");
    background-size:cover;
}

header.masthead.next_index {
    background-image: url(../../media/fv_sp_next.jpg);
    background-size: cover;
    height:650px;
}

.next_index .login_signup_box {
        display: flex;
        flex-flow: column;
        width: 95%;
        position: absolute;
        top: 405px;
        left: 5%;
    }

.next_lp.lp_content {
    padding: 0;
    margin: 50px 10px 120px;
}

.next_lp .lp_image_slide {
    margin-right: -10px;
    position: relative;
    padding: 0;
    top: 30px;
    left: -155px;
}

.next_lp .lp_image_slide img {
    width:150px!important;
    height:auto!important;
}

.next_lp .lp_message_box h2 {
    font-size: 25px;
	margin-bottom:10px!important;
}

.next_lp .lp_message_box p {
    font-size: 14.5px;

}

.next_lp .lp_message_box {
    margin: 10px;
    position: relative;
    padding: 0;
    top: -200px;
    left: 80px;
    width: auto;
    
}

.next_message_box_sp_left {
	margin: 10px;
    position: relative;
    padding: 0;
    top: -10px;
    left: -145px;
    width: auto;
    background: rgba(255, 255, 255, .1);
    border-radius: 10px;
}

.next_lp_second .lp_message_box {
    margin: 10px;
    position: relative;
    padding: 0;
    top: 20px;
    left: -30px;
    width: auto;
    background: transparent;
    border-radius: 10px;
}

.lp_image_item.cat {
    position: relative;
    right: -60%;
    top: -220px;
    width: 150px;
    margin-bottom:-220px;
}

.lp_image_item.sp_char {
    display:block;
    position: relative;
    right: -58%;
    top: -610px;
    width: 200px;
    margin-bottom:-220px;
}

.lp_image_item.sp_char img {
	width:100%;
}

.next_lp_message_first {
	margin-bottom:110px!important;
}

.lp_content.next_lp {
    background-image: url("../../media/img2_sp.jpg");
	height:850px;
}

.lp_content.next_lp_second {
 	background-image: url("../../media/img_4_sp.png");
	background-position:-150px 0px;
	height:750px;
}

.lp_content.next_lp_third {
 	background-image: url("../../media/img6_sp.jpg");
	height:780px;
	background-position:-10px 0px;
}


.lp_content.next_lp_third .lp_message_box {
    margin: 10px;
    position: relative;
    padding: 0;
    top: -200px;
    left: 75px;
    width: 270px;
    background: transparent;
    border-radius: 10px;
}

.lp_image_item.mononoke {
    position: relative;
    right: -45%;
    top: -180px;
    width: 200px;
    margin-bottom: -160px;
}

.lp_image_item.mononoke img{
    width:160px;
}


.lp_image_item.cat3 {
    position: relative;
    right: -25%;
    top: -180px;
    width: 200px;
    margin-bottom: -150px;
}

.lp_image_item.cat3 img{
	width:200px;
}

.lp_content.next_lp_third  .lp_message_box h2 {
	font-size:20px;
}

.lp_content.next_lp_third .lp_image_slide {
        margin-right: -10px;
        position: relative;
        padding: 0;
        top: 65px;
        left: -180px;
    }

.pc_left_messege_box {
	display:none;
}

.sp_left_messege_box {
	margin-left:-110px;
	display:block;
}

.lp_content.next_lp_third .lp_image_slide img{
        width: 180px !important;
    }

.lp_content.next_lp_fourth {
 	background-image: url("../../media/img8_sp.jpg");
	height:600px;
	background-position:-100px 0px;
}

.lp_content.next_lp_fifth {
 	background-image: url("../../media/img10_sp.jpg");
	height:450px;
	background-position:0px 0px;
}

.lp_content.next_lp_fifth .lp_message_box {
	margin: 10px;
        position: relative;
        padding: 0;
        top: -400px;
        left: 65px;
        width: auto;
        background: transparent;
        border-radius: 10px;
}

.lp_content.next_lp_offer .lp_message_box {
	margin: 10px;
        position: relative;
        padding: 0;
        top: 10px!important;
        left: -45px!important;
        width: 250px!important;
        background: transparent;
        border-radius: 10px;
}

.lp_image_item.cat4 {
    position: relative;
    right: -55%;
    top: -433px;
    width: 300px;
    margin-bottom: -500px;
}

.next_lp_fifth .lp_message_box .btn {
	margin: 20px 0 0;
    font-size: 35px;
    color: #fff;
}

.lp_image_item.cat4 img{
    width: 100%;
}

.column_section .lp_image_slide {
	width:350px;
	margin: 15px auto;
}

.lp_content.next_lp_fifth .lp_image_slide {
        margin-right: -10px;
        position: relative;
        padding: 0;
        top: 10px;
        left: -180px;
    }

.lp_content.next_lp_fifth .lp_image_slide img{
        width:180px!important;
    }

.next_lp_fifth .lp_message_box .btn {
	width:250px!important;
	font-size:25px;
}

.next_lp_fifth .lp_message_box h2 {
	line-height:35px;
}

.lp_content.next_lp_offer {
 	background-image: url("../../media/img12_sp.jpg");
	height:650px;
	background-position:-20px 0px;
}

.lp_content.next_lp_last {
 	background-image: url("../../media/img14.jpg");
	background-position:0px 0px;
	height:450px;
}


.lp_content.next_lp_fourth .lp_message_box {

	margin: 10px;
        position: relative;
        padding: 0;
        top: 30px;
        left: -25px;
        width: auto;
        background: transparent;
        border-radius: 10px;
	
}

.lp_content.next_lp_fourth .lp_image_slide {
	margin-right: -10px;
        position: relative;
        padding: 0;
        top: -340px;
        left:130px;
        width:300px;
}

.lp_content.next_lp_fourth .lp_image_slide img{
        width:200px!important;
}

.message_section h1 {
    font-size: 50px;
    width:300px;
} 

.message_section img {
    width:100%!important;
} 

.message_section_img {
	width:100px!important;
}

.message_section {
	margin-top:-50px;
}

.lp_flex_items {
	flex-flow:column;
}

.lp_chat_message_item h2 {
	font-size:35px;
	text-align:center;
}

.lp_chat_message_item h2 strong{
	font-size:45px;
}

.item_slider_pc {
	display:none!important;
}

.item_slider_sp {
	display:block;
}

.item_slider_sp h3{
	text-align:center;
	text-decoration-line: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
	margin-bottom:45px;
}

.item_slider_sp .lp_item_list_item {
	margin:15px auto 30px;
    width: 25%;
    padding: 0px;
    text-align: center;
}

.lp_item_list_item.confirm_item {
	margin-bottom:0px;
	width:auto;
}

.free_mode_btns {
    text-align: center;
    margin-right: 0px;
    margin-bottom: 30px;
    margin-top: 50px;
}

.lp_flex_items_left {
	flex-flow: column-reverse;
}

.lp_chat_message_texts {
	margin:30px auto 50px!important;
}

.lp_chat_seciton .lp_image_slide {
        margin-left: -11.5%;
	margin-top:30px;
    }

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

.online_items_list {
	margin-top:-40px;
}

.chat_section_top.lp_chat_message_item p {
	text-align:center;
	font-size:15px;
}

.lp_chat_message_item {
	width:108%!important;
	margin:0 auto!important;
	margin-left:-3%!important;
}

.lp_chat_message_item p{
	font-size:15px;
}

.lp_story_images {
	margin-bottom:1800px;
}

.btn_pc {
	display:none;
}

.btn_sp {
	display:block;
}

.story_image_items {
    position: relative;

}

.story_btn {
	margin:100px 0;
}

.story_image_items_1 {
    margin-right: 0px!important;
    top: -15px!important;
    left: 20px!important;
}

.story_image_items_1 img{
    width: 350px!important;
    height: 350px!important;
}

.story_image_items_2 {
    top: 50px!important;
    left: 50px!important;
}

.story_image_items_3 {
	top: 65px!important;
    left: 150px!important;
}

.story_image_items_4 {
	top: -20px!important;
    left: 30px!important;
}


.story_text_4 {
	width:350px!important;
	left:30px!important;
}

.story_image_items_5 {
	top: 50px!important;
    left: 80px!important;
}


.story_text_5 {
	width:380px!important;
	left:-70px!important;
}


.story_image_items_6 {
	top: 180px!important;
    left: 30px!important;
}


.story_text_6 {
	top: 300px!important;
    right: -50px!important;
	width:350px!important;
}

.story_image_items_7 {
	top:280px!important;;
	left:80px!important;
}

.story_text_7 {
	top: 350px!important;
    	left: -80px!important;
	width:350px!important;
}

.story_image_items_8 {
	top:450px!important;;
	left:100px!important;
}

.story_text_8 {
	width: 380px;
    top: 300px;
    left: -90px;
}

.lp_content_container {
	padding:10px 0!important;
}

.lp_content.lp_story_seciton {
	margin-bottom:-1900px!important;
}

.lp_flex_items_left h3 {
	margin-left:50px;
	margin-top:30px;
	text-decoration-line: underline;
	text-decoration-thickness: 3px;
	text-underline-offset: 8px;
}

.story_text p {
	font-size:15px;
}

.story_text_1 {
    width: 350px;
    top: 300px;
    right: -30px;
}

.story_text_2 {
    top: 250px;
    left: 50px;
}

.story_text_3 {
    width: 350px;
    top: 250px;
    left: -120px;
}

.lp_chat_seciton .p-5 {
    padding:3rem!important;
    padding-left:1rem!important;
    padding-right:1rem!important;
}

.story_image_sub_items_1 {
	width: 100px;
    top: -2400px;
    left: -40px;
}

.story_image_sub_items_2 {
	 width: 100px;
    top: -2850px;
    left: 350px;
}




   




.lp_image_item.cat2 {
    position: relative;
    right: -20%;
    top: -300px;
    width:280px;
    margin-bottom: -300px;
}

.lp_image_item.cat2 img{
    width:280px;
}


.lp_content .flex_container .btn {
    width: 100%;
    height:70px;
    font-size:20px;
    line-height:35px;
}

.chat_content_p {

    text-align: start!important;
}

.chat_section_top {
    width:300px;
    margin:15px auto;
    margin-left:-15px;
}

.lp_chat_message_item {
    width:auto;
    margin:0 auto;
}

.chat_content_innner {
    width:100%;
    margin:30px auto;
    text-align:center;
}

.chat_section .lp_item_list img{
   width:270px!important;
   height:270px!important;
}

.chat_section .lp_item_list {
    display: flex;
    justify-content: space-between;
    flex-flow:column;
    width: 100%;
    flex-wrap: wrap;
    text-align:center;
}

.lp_image_description {
    width:100%;
    font-size:16px;
}

.lp_image_description.story_item {
    margin-left:9px!important;
}

.top .lp_image_description {
    width:270px;
    font-size:16px;
}

.default_anymons_list .lp_image_description {
    width:100%;
    font-size:15px;
    padding:5px;
}

.lp_content.chat_section  .flex_container {
    width: 100%;
    flex-flow:column;
    margin-top:50px;
}

.chat_section.lp_content .flex_container.login_btns {
    width:100%;
}

.lp_content .flex_container.top_page {
	flex-flow:column;
	width:70%;
	margin-top:-45px!important;
}

.lp_content .flex_container.top_page.gallery {
	flex-flow:column;
	width:70%;
	margin-top:-25px!important;
}

.lp_content .flex_container.top_page .btn{
	border-radius:10px;
	font-size:16px;
	margin-top:5px!important;
	height:50px;
	line-height:15px;
}

.slide_online_items::-webkit-scrollbar{
  display: none;
}


.lp_content.create_section {
    background-image: url("../../media/anymon_create_bg_sp.jpg");
    background-size:cover;
    background-position:center;
}

.anymon_my_page_container .anymon_list_image img{
    width:100px;
    height:100px;

}

.anymon_my_page_container .anymon_list_image.ad_item img{
    width:100px;
    height:auto;

}


.anymon_list_my_page {
    min-height:100px;
}

#scrollTopBtn,#scrollBottomBtn {
    display:none!important;
}

 .display-4 {
    font-size:24px;
}

.lp_image_slide_sp {
    display:block;
}

.lp_content.world_section {
    background-image: url("../../media/desital_bg.jpg");
    background-size: cover;
    background-position: center;
    transition: background-image 1s ease-in-out;
    overflow-y:hidden;
    padding:0;
}

.lp_content.world_section .p-5 {
    z-index:30;
    overflow:hidden;
    padding-bottom:120px!important;
}

.lp_content.world_section .lp_container {
    flex-flow:column;

}

.lp_content.world_section .world_description {
    width:350px;
    margin:30px auto;
    text-align:start!important;
    margin-left:-15%;
    font-weight:bold;
    line-height:1.8;
    background:rgba(255, 255, 255,.15);
    padding:10px;
}

.lp_image_slide.lp_image_slide_sp img {
    width:60px;
    z-index:20;
}

#world_discription {
    font-weight:normal;
    line-height:1.6;
}

.world_section .btn1 {
    left: -30px;
    top: 125px;
}

.world_section .btn2 {
    left: -30px;
    top: 215px;
}

.world_section .btn3 {
    left: 140px;
    top: 40px;
}

.world_section .btn4 {
    left: -30px;
    top: -55px;
}

.world_section .btn5 {
    left: 57px;
    top: -45px;
}

.world_section_top {
    position:relative;
}

.world_section .lp_message_box {
    position: relative;
    left: 0px;
    top: 100px;
    width:150%;
    border-radius:40px;
    background: rgba(255, 255, 255, .2);
    padding: 30px;
    transition: background-image 1s ease-in-out;
}

.speaces_section p {
    text-align:start!important;
    font-weight:normal!important;
}

.speaces_section_top {
    width:120%;
    margin-left:-9%;
}

.create_section p {
    margin:35px auto;
    margin-top:75px;
}

.create_section .lp_container {
    flex-flow:column;
}

.lp_image_slide iframe {
    width:360px!important;
    height:280px!important;
}

.create_section  .lp_image_slide {
    margin-left: 0%;
}

.lp_image_slide_pc {
    display:none;
}

.lp_content .lp_create_flex {
    flex-flow:column;
}



.offer_box {
    padding:20px!important;
    overflow:hidden;
    height:500px;
}

.offer_section.lp_content .lp_create_flex {
    margin:0 auto;
    margin-top:-30px;
}

.offer_section.lp_content .lp_create_flex  .lp-btn-create {
    margin-bottom:-35px;
}

.offer_section .offer_comment {
    position: relative;
    top: 150px;
}

.offer_section h5 {
    text-decoration:underline;
}

.offer_section h5 small {
    font-size:16px!important;
    text-decoration:underline;
}

.last_offer{
    text-decoration:underline;
}

.policy_section .p-5{
    padding:20px!important;
}

.policy_section p {
    text-align:start!important;
}

.security_section_flex {
    flex-flow:column;
    margin:0 auto;
}

.security_section_flex p {
    text-align:center!important;
    width:100%;
    font-size:16px;
}

.last_section .last_section_message {
    font-weight: bold;
    font-size:15px;
    margin-top:0px;
    margin-bottom:30px;
}

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

.last_section .p-5 {
    padding:5px!important;
    overflow:hidden;
    height:400px;
}

.last_section h5 {
    font-size:22px;
    margin-bottom:5px;
}

.last_inner {
    margin-top:-45px;
    margin-bottom:25px;
}

.last_section h6 {
    margin-top:50px;
    margin-bottom:-20px;
    font-weight:bold;
    font-size:19px!important;
    text-decoration:underline;
}

.last_section h6 small {
    font-size:16px!important;
    text-decoration:underline;
}


.lp_last_flex {
    flex-flow:column;
}

.lp_last_flex .lp-btn-create {
    margin-bottom:-25px;
    font-size:24px;
}

.lp_content .lp-btn-create .btn-xl {
    width: 300px;
    font-size:20px;
    padding:20px 0;
}

.container .side_bar {
    background: rgba(244, 244, 244, 1);
    width: 100%;
    height: 68px;
    position: fixed;
    padding-top: 0px;
    top:91%;
    left: 0;
    bottom:-5%;
    display: flex;
    flex-flow: row;
    text-align: center;
    align-items: center;
    justify-content:space-around;
    z-index:100;
}

.side_bar {
    background: rgba(244, 244, 244, 1);
    width: 100%;
    height: 55px;
    position: fixed;
    padding-top: 0px;
    top:92%;
    left: 0;
    bottom:0;
    display: flex;
    flex-flow: row;
    text-align: center;
    align-items: center;
    justify-content:space-around;
    z-index:100;
}

.side_bar.sp {
    background: rgba(244, 244, 244, .8);
    width: 105%;
    height: 55px;
    position: fixed;
    padding-top: 0px;
    top:93%;
    left: 0;
    bottom:0;
    display: flex;
    flex-flow: row;
    text-align: center;
    align-items: center;
    justify-content:space-around;
    z-index:100;
}

a.btn-garbage {
    max-width: 50px;
    max-height: 60px;
    padding: 8px;
    margin-right: 2px;
    position: fixed;
    bottom:9%;
    left: 85%;
    opacity: .05;
    z-index: 30;
}

.create_page_forms {
    display: flex;
    margin-bottom:0px;
    flex-wrap:wrap;
    width:90%;
}

.anymon_create_forms{
    display: flex;
    margin-bottom:0px;
    flex-wrap:wrap;
    width:75%;
}

.create_page_forms .anymon_history_box {
	margin-top:-100px;
	width:110%;
}

.create_page_forms .anymon_history_box .anymon_history{
	padding:0;
	width:110%;
} 




.create_form_item {
    width:100%;
    margin-right:5%;
    margin-top:20px;
    margin-bottom:20px;
}


.my_page .anymon_main_image{
    width: 350px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
    margin-left:34%;
}

.default_detail_page .anymon_main_image{
    width:100%;
    height:100%;
    max-width: 100%;
    max-height: 100%;
    margin-left:50%;
}



.edit_my_page .anymon_main_image{
    width: 350px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
    margin-left:23%!important;
}

.main_page .anymon_main_image ,
.form_page .anymon_main_image{
    width: 350px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
    margin-left:35%!important;
    margin-right:5%;
}



.confifm_edit_page .anymon_main_image {
    width: 350px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
    margin-left:35%!important;
    margin-right:5%;
}

.confifm_edit_page .anymon_detail_page_btns {
    width:300px;
    margin-top:-10px;
}

.confifm_edit_page .main_anymon_profile {
    margin-top:-15px;
}

.confifm_edit_page .anymon_detail_page_btns .btn {
    width:100%;

}

.main_page .anymon_main_image.default_free {
    margin-left:0%;
}

.anymon_detail_page_btns .btn.btn_free {
    width:auto;
}


.mypage_btns {
    margin-bottom: 30px;
    margin-top: 35px;
    display:flex;
    justify-content:space-between;
    width:100%;
    margin-left:-1%;
}

.anymon_my_profile_container .mypage_btns {
    margin-bottom: 30px;
    margin-top: 35px;
    display:flex;
    justify-content:start;
    width:100%;
    margin-left:-1%;
}

.mypage_btns .btn{
    margin-right:8px;
}

.anymon_my_profile_container .mypage_btns .btn{
    margin-right:15px;
}


.default_anymon_container .mypage_btns {
    margin-bottom: 30px;
    margin-top: 35px;
    display:flex;
    justify-content:start;
}

.default_anymon_container .mypage_btns .btn{
    margin-right:20px;
    font-size:15px;
}

.default_detail_page .mypage_btns {
    margin-bottom: 30px;
    margin-top: 35px;
    display:flex;
    justify-content: start;
}

.default_detail_page .mypage_btns .btn{
    margin-right:20px;
    font-size:15px;
}

.default_anymons_list .anymon_list_image {
	width:100%;
	max-width:100%;
}

.create_page form {
    width:100%;
}

.anymon_create_btns {
    display:flex;
    width:100%;
    margin-bottom:30px;
}

.gauge-container {
    width:15%;
    bottom: 33%;
    right: 5%;
}

.anymon_create_btns .btn {
    font-size:15px;
}

.mypage_btns a {
    margin-top: 0;
    margin-right: 0;
    font-size: 16px;
}

.item_page_bottom_btns .btn {
    font-size:16px;
}

.anymon_main_image img {
    width: 350px;
    height: 350px;
    max-width: 100%;
    max-height: 100%;
}

.main_page .anymon_story_image{
    margin-left:53%!important;
}

.profile_container.anymon_story_profile {
    margin-left: -20px;
    width: 100%;
}

.support_line_page p {
    font-size:15.5px;
    line-height:1.5;
}

.clinic_recomend_list td.data_title {
    padding:15px 0 10px;
    line-height:1.5;
    letter-spacing:3px;
    font-size:16px;
}

.clinic_recomend_list td {
    padding:10px 0 0px;
    line-height:2.5;
    letter-spacing:.5px;
    font-size:14px;
}

.search_container {
    width:100%;
    display:flex;
    justify-content:space-between;
    margin-left:-2px;
}

.my_profile_page_btns {
    width:110%;
    margin-left:-5px;
}

.profile_page .mypage_btns {
    width:106%;
    margin-top:-10px;
    margin-left:-15px;
}

.profile_page .mypage_btns a {
    font-size:15px;
}

.my_profile_page_btns .btn_small {
    font-size:16px;
}

.search_container button[type="submit"] {
    width:19%;
    border-radius:5px;
}

.thread_container {
    width:91%;
    margin:20px auto;
}

.thread_list_page {
	width:100%;
	max-width:100%;
}

.chat_container .level-gauge
{
    width: 85%;
    height: 18px;
    background-color: #e2f9ff;
}

.anymon_main_image .level-gauge ,
.my_page .level-gauge
{
    width: 70%;
    height: 18px;
    background-color: #e2f9ff;
}

.default_detail_page .level-gauge {
    width:63%;
}



/*.default_detail_page hr {
    margin-top:-10px;
}*/

.profile_container {
    margin-top:-60px;
    margin-left: -35px;
    width: 100%;
    display:flex;
    flex-flow:column-reverse;
}

.item_edit_contaienr {
    margin-top:-60px;
    margin-left: -25px;
    width: 100%;
    display:flex;
    flex-flow:column-reverse;
}

.default_detail_page .profile_container {
    margin-top:-110px;
    margin-left: -35px;
    width: 100%;
    display:flex;
    flex-flow:column;
}

.default_page_hr {
    margin-top:-60px;
}

.anymon_detail_profile_container{
    margin-top:-60px;
    margin-left: -30px;
    width: 100%;
    display:flex;
    flex-flow:column;
}

.anymon_default_page_btns p{
    display:flex;
    width:115%;
}

.anymon_detail_profile_container .profile_edit_btns{
    position:relative;
    bottom:10px;
}

.anymon_default_page_btns .btn  {
    font-size: 15px;
    margin-top: 15px;
    margin-right: 10px;
    display: inline-block;
}

.default_detail_page_container .mypage_btns {
        margin-bottom: 30px;
        margin-top: 35px;
        display: flex;
        justify-content: start;
    }

.default_detail_page_container .mypage_btns .btn_right{
        margin-right:20px;
}

.anymon_list_image {
    padding:2px;
    margin:5px;
}

.main_anymon_profile {
    margin-top: 20px;
    display:flex;
    flex-flow:column;
}

.main_anymon_profile em {
    font-style:normal;
}

.my_page_edit_list .anymon_list_image {
    margin-right: 9px;
    margin-bottom: 6px;
}

.my_room_item_list {
     min-height: auto;
}

.my_page_edit_list .anymon_list_image img {
    height:50px;
    width:50px;
    max-width:50px;
    max-height: 50px;
}

.main_anymon_profile p {
    margin: .5px 0;
    letter-spacing: .2px;
    font-size:17px;
}

.anymon_detail_profile_container .anymon_detail_page_btns {
    width:110%;
}


.anymon_detail_page_btns{
    width:110%;
    margin-bottom:25px;
    margin-left:-3px;
    margin-top:25px;
    display:flex;
    justify-content:space-between;
}

.edit_my_page .anymon_detail_page_btns{
    width:110%;
    margin-left:-3px;
    margin-top:25px;
    margin-bottom:0px;
    display:flex;
    justify-content:space-between;
}

.edit_my_page .new_form_confim_btns{
    margin-top:-50px;
}

.anymon_detail_page_btns .btn{
   width:150px;
}

.anymon_detail_profile_container .anymon_detail_page_btns {
    justify-content:space-between;
}

.anymon_detail_profile_container .anymon_detail_page_btns form {
    width:165px!important;
    margin-left:0;
}



.item_create_confirm .profile_container {
    width: 100%;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    margin-left: -30px;
}

.item_create_confirm .online_anymon_profile{
    margin-left:-40px;
}



.item_profile {
    margin-top:-30px;
    margin-left:-5px;
}

.item_create_confirm .item_profile {
    margin-top:0px;
    margin-left:-5px;
}

.sp_br {
    display:none;
}

.item_detail_btns {
     width:110%;
    margin-bottom:25px;
    margin-left:-3px;
    margin-top:25px;
    display:flex;
    justify-content:space-between;
}



.item_detail_btns.appeal_btns {
	text-align:center;
	margin:25px auto 25px;
}



.anymon_detail_page_btns .btn {
    font-size: 15px;
    width:165px;
}

.anymon_detail_page_btns .edit_btn {
    font-size: 15px;
    width:100%;
}

/*.anymon_detail_page_btns .btn_right {
    margin-right:15px;
}*/

.new_form_page .anymon_detail_page_btns {
    margin-top:-5px;
    margin-bottom:15px;
}

.new_form_page .anymon_detail_page_btns .btn {
    font-size:15px;
    width:auto;
    margin-top:0px;
}

.new_form_page .main_anymon_profile {
    margin-top:-5px;
}

.anymon_new_form_page_btns {
    display:flex;
    width:150%;
    margin-top:-30px;
}

.anymon_new_form_page_btns .btn{
   width:auto;
   margin-right:8px;
   font-size:16px;
}



.anymon_history_box {
    margin-top:-15px;
}

.myroom_anymon_history_box {
    margin-top:-35px;
}

.new_anymon_history {
    margin-left:3px;
    margin-top:-20px;
}

.my_anymon_list_title {
    font-size:16px;
}

.new_item_history {
    margin-left:-3px;
}

p.anymon_image {
	margin-top:40px;
	margin-left:0px;
	
}

.log .anymon_text {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding: 15px;
    background: #f4f4f4;
    border-radius: 15px;
}

.log .user_text {
    width: 100%;
    margin-right: 0px;
    margin-left: 0px;
    padding: 15px;
    background: #f4f4f4;
    border-radius: 15px;
}

.anymon_image img {
    max-width: 60px;
    max-height: 60px;
    width: 60px;
    height:60px;
    border-radius: 50%;
    margin-left:-5px;
}

.anymon_confirm_image {
    width:365px;
    max-width:365px;
}



.anymon_confirm_container {
    flex-flow:column;
}

.anymon_confirm_image img {
    max-width: 103%;
    max-height: 103%;
    width: 365px;
    height:365px;
}

.confirm_prfile_container {
    margin-top: 10px;
     margin-left: 0px;

}

.anymon_latest_images {
    width: 100%;
    background: linear-gradient(90deg, #fff 2px, #f7f7f7 3px) 0 0 / 90px 88px;
}

.anymon_latest_images small {
    width: 88px;
    height: 88px;
    line-height: 88px;
}

.anymon_latest_images img {
    max-width: 100%;
    max-height: 100%;
    width: 88px;
    height: 88px;
    margin-left:1px;
}

.confirm_form .btn {
    font-size:15px;
    margin-right:5px;
}

.confirm_form .btn-info {
    margin-right:10px;
}

.anymon_message .anymon_image{
	margin-right:0px;
	margin-left:-25px;
}

p.user_image {
	margin-left:5px;
}

p.anymon_text {
	width:105%;
    margin-left: 5px;
    letter-spacing: 2;
    line-height: 2.2;
    margin-right: -10px;
padding: 15px;
    background: #f4f4f4;
    border-radius: 15px;
}

p.user_text {
    width: 85%;
    line-height: 2;
    letter-spacing: 2;
    padding: 15px;
    background: #f4f4f4;
    border-radius: 15px;
}

.chat_page p {
    font-weight: 500;
    letter-spacing: 2;
    line-height: 2.2;
    
}



.chat_page .user_text p {
    font-weight: 500;
    letter-spacing: 2;
    line-height: 2.2;
    padding: 15px;
    background: #f9f9f9;
    border-radius: 15px;
}


.anymon_list_my_page {
    display: flex;
    flex-wrap: wrap;
    text-align: center;
    margin-bottom: 20px;
}

.anymon_list_my_page.online_item_page{
    display: flex;
    flex-wrap: wrap;
	flex-flow:column;
    text-align: center;
    flex-flow: wrap;
    margin-bottom: 20px;
}


.anymon_list_image {
        padding: 2px;
        margin: 5px;
    }

.anymon_list_image {
    width: 30%;
    max-width: 33%;
    background: #fff;
    padding: 2px;
    border-radius: 5px;
    margin:6px;
}

.anymon_list_cotainer .anymon_list_image img {
    height:105px;
    width:105px;
    max-width:100%;
    max-height: 100%;
}

.anymon_list_cotainer .anymon_list_image img {
    height:105px;
    width:105px;
    max-width:100%;
    max-height: 100%;
}

.online_item_list_image{
    width: 42%;
    max-width: 42%;
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    margin:10px;
}

.anymon_list_image.online_item_list_image.ad_item {
	margin:10px;
}

.anymon_list_cotainer .online_item_list_image img {
    width: 100%;
    max-width: 100%;
    max-width:100%;
    max-height: 100%;
}
 
.anymon_list_cotainer .online_item_list_image.ad_items img {
    width: 105px;
    max-width: 100%;
    max-width:100%;
    max-height: 100%;
}
 



.step-links a, .current {
    display: inline-block;
    padding: 8px 6px;
    margin: 1px;
    background-color: #ddf6ff;
    color: #7f7f7f;
    font-size: 10px;
    text-decoration: none;
    border-radius: 4px;
}

.default_anymons_list .anymon_list_image img {
    width:100%;
    height:auto;
    min-height:auto;
    max-width: 100%;
    max-height:auto;
    text-align:center;
    border-radius:20px;
}

.default_anymons_list .anymon_list_image {
    padding:25px 10px;
    width:47%;
    height:auto;
    border-radius:10px;
}

.anymon_detail_page_btns.anymon_detail_edit_btns .btn {
    margin-top: -10px;
    font-size: 14px;
    width:auto;
    margin-right:5px;
}

.anymon_detail_page_btns.anymon_detail_edit_btns .online_item_import {
    margin-top: 15px;

}


.anymon_detail_page_btns.anymon_detail_edit_btns .sns_imorot .btn {
    margin-top:0px;
}

.anymon_detail_page_btns.anymon_detail_edit_btns {
    margin-top:-15px;
}

.item_detail_page .anymon_detail_page_btns.anymon_detail_edit_btns {

    margin-bottom:5px;
}

.item_create_confirm .anymon_detail_page_btns.anymon_detail_edit_btns {

    margin-top:-35px;
}

.my_page .anymon_detail_page_btns.my_anymon_room {
    margin-top:-45px;
    display:flex;

}

.my_page .anymon_detail_page_btns .my_anymon_btns {
    width:auto;
    font-size:14px;
}

.my_page .anymon_detail_page_btns.my_anymon_room .my_anymon_btns {
     justify-content:space-between;
}

.anymon_detail_edit_btns {
    width:115%;
}

.main_anymon_profile.edit_right {
    width:100%;
    margin-bottom:-35px;
}

.item_edit_form {
    width:100%;
    margin-left:5px;
    margin-bottom:25px;
}

.item_title {
    width:100%;
}

.item_comment {
    width:100%;
}

.edit_right button {
    margin-left:5px;
}

.item_create_confirm .profile_container p {
    width: 100%;
    line-height:2;
}

.item_comment {
    height: 260px;
}

.main_anymon_profile.edit_right button {
    margin-top:0;
    margin-left:8px;
}

.item_page_bottom_btns {
    margin-left:-5px;
}

.item_create_page {
    margin-top: 120px;
    width: 100%;
    margin-left: 0%;
}

.item_create_form .col-8:first-of-type {
    font-size: 16px;
    width: 98%;
    margin: 10px 10px 80px 0px;
    height: 80px;
}

.item_create_form .col-8:first-of-type .text_query {
    height:100%;
    font-size: 1rem;
    font-weight: 400;
    color: #353535;
    background-color: #f2f2f2;
    border-radius: 10px;
    margin-bottom:30px;
}

.item_create_form .col-8 {
    font-size: 16px;
    margin: 30px 8px 20px 0px;
    width: 31%;
}

.item_create_page .form-control.color_picker {
    width: 210%;
}

.anymon_detail_profile_container .profile_edit_item{
    width:300px;
}

.anymon_page_container .anymon_detail_profile_container {
    flex-flow:column-reverse;
}


.item_create_btns {
    margin-top:40px;
    margin-bottom:120px;
}

.item_create_page p.descripsion_p {
    font-size: 15px;
    letter-spacing: 1;
    line-height: 1.5;
    font-weight: normal;
    margin-top: 10px;
}

.item_create_p {
    opacity:.3;
}

.item_create_p:hover {
    opacity:.9;
}

.default_anymon_container h2 {
    margin-left:5px;
}

.password_page form {
	width:100%;
}

.lp_slider_items img {
	width: 120px !important;
        height: 120px !important;
}


.about_container.lp_container.next_lp_last_container{
	flex-flow:row;
}




.lp_content.next_lp_fifth .next_lp_last_container .lp_image_slide {
	left:-100px;
	width:200px;
}


.lp_content.next_lp_fifth .lp_image_slide img{
	width:200px;
}

.next_lp_last .next_lp_last_container .lp_message_box  {
left: 10px!important;
    top: 0px;
}

.last_offer_sp_box {
	display:block;
}

.last_offer_pc_box{
	display:none;
}

.sns_links {
	margin-left: 0px;
    margin-top: -30px;
   position:relative;
	top:200px;
	left:-220px;
}

.about_container.lp_container .sns_links {
	width:250px;
}

    .about_container.lp_container .sns_links img {
        width: 30px !important;
        height:30px !important;
    }

.next_index_footer {
	align-items:start;
}

.footer_section_index_next .container {
    width: 100%;
}

.policy-links {
    margin-top: 0px;
    text-align:center;
	font-size:14px;
}

.policy-links p{

	font-size:14px;
}

.footer_section_index_next {
	padding:45px 0;
}

.next_lp_fifth .lp_message_box .btn.btn-primary {
	background-color:#ffab40!important;
}


.login_slide_items_pc {
	display:none;
	
}

.login_slide_items_sp {
	display:block;
}

.login_slide_items_sp  .lp_image_description {
	margin-left:10px;
}


}