/*--------------------------------

reset

--------------------------------*/

html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,

pre,code,em,small,strong,b,i,

header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,

h1,h2,h3,h4,h5,h6,

ul,ol,li,dl,dt,dd,

table,tbody,thead,tfoot,th,tr,td,

form,fieldset,legend,label,select,input,textarea,button{

	margin: 0;

	padding: 0;

	border: 0;

	-moz-box-sizing: border-box;

	box-sizing: border-box;

	vertical-align: baseline;

}

header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{

	display: block;

}

ul{

	list-style-type: none;

}

h1,h2,h3,h4,h5,h6{

	font-weight: 500;

}

body{

	line-height: 1;

}

a{

	text-decoration: none;

}

img{

	vertical-align: middle;

}

table{border-collapse: collapse;border-spacing: 0;}

select,option,input,textarea,button{

	font: inherit;

	-webkit-appearance: none;

	-moz-appearance: none;

	appearance: none;

	outline: none;

}

blockquote::before,blockquote::after,q::before,q::after{

	content: '';

	content: none;

}

[type=submit],[type=button],[type=reset],[type=file],button{

	pointer: cursor;

}

:focus{

	outline: none;

}





.clearfix {

    zoom: 1;

}

.clearfix:before,

.clearfix:after {

    content: "";

    display: table;

}

.clearfix:after {

    clear: both;

}



strong{
	background: linear-gradient(transparent 60%, #ff99ff 60%);
	font-weight: bold;
}
.yellow-marker{
	background: linear-gradient(transparent 60%, #fffe99 60%);
	font-weight: bold;
}
.text-center{
    text-align: center;
}


/*********ここまでリセット***********************************************/





body{background:#4D4D4F;text-align: 1.4em}

body{font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

img{
	width: 100%;
}

h3{font-weight: bold;padding-top: 10px;}

header{padding:5px;background:#fff;border-bottom:5px solid #a5a5a5;margin: 0px 0px 5px 0px;}

.logo{

	width: 70%;

    text-align: center;

    margin: 3px auto;

    display: block;

}

.header-img{width:100%;margin-bottom:5px;}

.footer-banner{width:100%;margin-bottom:0px;}

.prbox{border-radius: 5px;background:#fff;margin: 20px 10px 20px 10px;padding:10px;}

.komidashi{margin-bottom: 5px;padding:5px;padding:0 0 0 110px;display: flex;flex-direction: column;justify-content: center;align-items: baseline;background-repeat:no-repeat;background-size: 100px;background-position: left center;min-height:110px;}

.apptitle{font-size:24px;font-weight:bold;color:#08a4ff;/* padding-top: 28px; */word-wrap: break-word;}

.appSubtitle{/* width: 100%; *//* height: 76px; *//* object-fit: contain; */font-size:12px;color:#000;padding-top:5px;line-height:1.4em;}
.appSubtitle img{/* height: 72px; *//* object-fit: contain; */}
.order {
    display: flex;
    flex-direction: column;
}
.banner{margin-bottom: 5px;padding: 0 10px;width:100%;}
.comment{margin-bottom: 5px;padding: 0 10px;font-size: 14px;}

.btn{background:#f51862;padding: 20px 0px;font-size:20px;font-weight:bold;color:#fff;text-align: center;border-radius: 5px; box-shadow: 3px 5px #757575;}

.btn_a{background:#08a4ff;padding: 8px 0px;margin: 5px 60px 10px 60px;font-size:20px;font-weight:bold;color:#fff;text-align: center;border-radius: 5px; box-shadow: 3px 5px #757575;}

.header-text1{text-align:center;padding:6px 0 5px;color:#fff;font-weight: bold;}

.header-text2{text-align:center;padding:6px 0 5px;color:#000;font-weight: bold;}



li{line-height: 1.6;font-size: 14px;color:#333;}

.fa-heart{color:#F87E9F;}



footer{background:#000;padding:10px;}

footer a{color:#fff;text-align: center;display: block;font-size: 12px;padding: 5px}



.copy{color:#fff;padding:10px 0 0 0;text-align: center;font-size: 12px;}

#policy{line-height: 1.4em;}



.youtube{

	margin: 0;

    position: relative;

    width: 100%;

    height: 0;

    padding-bottom: 56.25%;

    overflow: hidden;

}

iframe{

	width:100%;

	height:calc(100vmin * 0.52);　

}



.tag-box{

    margin: 0px 0px 7px 0px;

}



.tag-link{

    margin: 0px 1px 3px 2px;

    padding: 4px 8px 4px 8px;

    display: inline-block;

    background: #020202;

    border-radius: 10px;

    position: relative;

    font-size: 0.8rem;

    color: white;

}



.mvbtn {margin: 0 0px 10px 0px;padding: 10px 0px 10px 0px;font-size:20px;font-weight:bold;color:#fff;text-align: center;line-height: 25px;box-shadow: 3px 5px #911c90;border-radius: 5px;background:#ff3efd;animation: poyon 1.2s infinite;}



@keyframes poyon {

  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }

  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }

/**  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }

  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }

  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }

  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }**/

}



/*------------------------------
アプリテーブル　2023/5/29追加
------------------------------*/
.app-table {
    margin: 6px 10px 20px;
    line-height:1.2;
}
.app-table.table-contents{
	display: none;
}
.app-table .bold{
	font-weight: bold;
}
.app-table .red{
	color: red;
}
.app-table .h2{
    margin: 0 0 14px;
    background: none;
    border: solid 2px white;
    border-radius: 5px;
    box-shadow: 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset;
    text-shadow: 0 0 8px #ff61a3, 0 0 8px #ff61a3, 0 0 8px #ff61a3, 0 0 8px #ff61a3;
    font-weight: bold;
    font-size: 15px;
}
.app-table .h2 .strong{
	color: #ffff35;
}
.app-table .balloon {
    margin: 0;
    padding: 8px;
    background: #fff;
    filter: drop-shadow(0 0 2px #ff61a3) drop-shadow(0 0 2px #ff61a3) drop-shadow(0 0 2px #ff61a3);
    border-radius: 5px;
    position: relative;
    text-align: center;
    font-size: 13px;
}

/*
.app-table .balloon::after{
	margin: auto;
	width: 1px;
	content: "";
	border: solid 8px transparent;
	border-top: solid 12px #ffe5f0;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
}
*/
.app-table .balloon .text,
.app-table .balloon .caution{
	display: block;
}
.app-table .balloon .text{
	margin-bottom: 4px;
}
.app-table .balloon .caution{
	color: blue;
}
.app-table .table-box {
    overflow-x: scroll;
}
.app-table .table-box tbody{
	display: flex;
}
.app-table .table .tr{
    display: flex;
    flex-direction: column;
    border-right: solid 1px #ff61a3;
}
.app-table .table .tr:last-child{
	border-right: none;
}
.app-table .table .td{
	padding: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-bottom: solid 1px #ff61a3;
	text-align: center;
	white-space: nowrap;
	font-size: 14px;
	vertical-align: middle;
}
.app-table .td .td-inner{
}
.app-table .table .tr .td:nth-child(2) {
    padding: 6px 4px 8px;
}
.app-table .table .tr:first-child .td{
	padding-left: 32px;
}
.app-table .table .td:last-child{
	border-bottom: none;
}
.app-table .td .app-name{
	font-weight: bold;
	color: #08a4ff;
}
.app-table .td .icon-box{
	margin: 4px auto auto;
	width: 124px;
	height: 74px;
	display: block;
}
.app-table .icon-box img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.app-table .inner{
	padding-left: 54px;
	background: white;
	border-radius: 5px;
	box-shadow: 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3;
	overflow: hidden;
	position: relative;
	font-weight: normal;
}
.app-table .scroll-hand {
    margin: auto;
    width: 120px;
    height: 100px;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.5);
    border-radius: 5px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    pointer-events: none;
}
.app-table .scroll-hand .img-box{
    flex: 1;
    position: relative;
}
.app-table .scroll-hand img{
    margin: auto;
    width: 60px;
    animation: hand_animation 3s ease-in-out infinite;
    position: absolute;
    top: 0;
    bottom: 0;
    transform: translateX(65px);
    opacity: 0;
}
@keyframes hand_animation{
    0%{
        transform: translateX(65px);
        opacity: 0;
    }
    50%{
        transform: translateX(32px);
        opacity: 1;
    }
    100%{
        transform: translateX(0);
        opacity: 0;
    }
}
.app-table .scroll-hand .text{
    padding: 0 10px 10px;
    text-align: center;
    color: white;
}
.app-table .inner .heading-box{
	box-shadow: 4px 0 4px rgba(0,0,0,0.25);
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	background: white;
}
.app-table .heading-box .h3{
	padding: 4px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #ffe5f0;
	border-bottom: solid 1px #ff61a3;
	text-align: center;
	font-size: 14px;
	color: #1a1a1a;
}
.heading-neon{
    margin: 0 0 13px;
    padding: 10px;
    background: none;
    border: solid 2px white;
    border-radius: 5px;
    box-shadow: 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset, 0 0 4px #ff61a3 inset;
    text-shadow: 0 0 8px #ff61a3, 0 0 8px #ff61a3, 0 0 8px #ff61a3, 0 0 8px #ff61a3;
    font-weight: bold;
    font-size: 18px;
    text-align: center;
    color: #FFF;
}
.heading-neon.site-title{
    margin: 0;
    padding: 10px 2px 10px 4px;
    border: none;
    border-radius: 0;
    box-shadow: none;
    text-shadow: none;
    color: #ffffff;
    font-size: 20px;
}
.hot-contents{
	margin: 0 10px 18px;
    padding-top: 10px;
}
.hot-contents .ul{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.hot-contents .ul .li{
    margin-bottom: 14px;
    width: calc(50% - 7px);
}
.hot-contents .ul .li:nth-last-child(-n+2){
    margin-bottom: 0;
}
.hot-contents .li a{
    padding: 8px;
    height: 100%;
    display: flex;
    align-items: center;
    background: white;
    border-radius: 5px;
    box-shadow: 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3, 0 0 4px #ff61a3;
}
.hot-contents .li .img{
	margin: auto;
	width: 32px;
	display: block;
}
.hot-contents .li .text{
	display: block;
	flex: 1;
	text-align: center;
	font-size: 13px;
	line-height: 1.4;
	color: #1a1a1a;
}
.hot-contents .li.now a{
    background: #ffe5f0;
    box-shadow: none;
}


ul.osusume{
  color: #668ad8;/*文字色*/
  border: dotted  #FF69A3 2px;/*破線 太さ 色*/
  background: #FFF; /*背景色*/
  padding: 0.2em 0.2em 0.2em 0.3em;
}

li.osusume{
  line-height: 1.0;
  font-size: 12.5px;
  padding: 0.5em 0;
}


.red{
  font-weight: bold;
  color:#ff0038;
}
h2.pickup-h2 {
    margin: 0 10px;
    padding: 8px 8px 6px;
    background: #21a621;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
}
h2.pickup-h2 .pickup-h2-inner{
	padding-left: 24px;
	background: url(../images/pickup-icon.webp) no-repeat left center / contain;
}
.pickup-ul{
    margin: 0 10px 15px;
    padding: 5px;
    border: solid 2px #21a621;
    position: relative;
}
.pickup-ul::after{
	margin: auto;
	width: 0;
	content: "";
	border: solid 8px transparent;
	border-top: solid 12px #21a621;
	position: absolute;
	left: 0;
	right: 0;
	bottom: -20px;
}
.pickup-ul li{
	margin-bottom: 2px;
}
.pickup-ul li:last-child{
	margin-bottom: 0;
}
.pr-text {
    margin: 5px;
    text-align: center;
    font-size: 13px;
    color: white;
}

.chat-lady {
    margin-bottom: 10px;
    padding: 10px 10px 0;
    background: #ffffe7;
}
.chat-lady .chat-lady-h2 {
    margin: 0 0 10px;
    padding: 8px 8px 9px;
    background: #a8a725;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
}
.chat-lady .chat-lady-h2 .chat-lady-h2-inner {
    padding-left: 26px;
    background: url(../images/heart-icon.webp) no-repeat left center / auto 80%;
}
.chat-lady .lady-wrap{
	overflow: hidden;
}
.chat-lady .lady-item{
    margin: 0 10px 0px 0;
    color: black;
}
.chat-lady .lady-item .icon-info{
    margin-bottom: 12px;
    display: flex;
}
.chat-lady .icon-info .icon {
    margin-right: 5px;
    width: 107px;
    height: 107px;
    position: relative;
}
.chat-lady .icon .heart-stamp{
	margin: auto;
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	top: 10px;
	left: 10px;
	right: 10px;
	bottom: 10px;
	overflow: hidden;
	animation: heart_animation 3s linear infinite;
	-webkit-animation: heart_animation 3s linear infinite;
}
@keyframes heart_animation{
    0%,100%{
		transform: rotate(0deg);
    }
    5%{
		transform: rotate(-15deg);
    }
    20%{
		transform: rotate(15deg);
    }
    40%{
		transform: rotate(0deg);
    }
}
.chat-lady .icon .heart-stamp img{
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.chat-lady .icon-info .info{
    flex: 1;
    font-size: 14px;
}
.chat-lady .icon-info h3{
	margin-bottom: 2px;
	padding: 0;
	font-size: 14px;
}
.chat-lady .icon-info .text{
	margin-bottom: 4px;
	line-height: 1.2;
}
.chat-lady .icon-info .text:last-child{
	margin-bottom: 0;
}
.chat-lady .lady-item .balloon{
    margin-bottom: 10px;
    padding: 5px;
    background: white;
    border: solid 2px black;
    border-radius: 8px;
    position: relative;
}
.chat-lady .lady-item .balloon::before,
.chat-lady .lady-item .balloon::after{
	margin: auto;
	content: "";
	position: absolute;
	border: solid 6px transparent;
	left: 10px;
}
.chat-lady .lady-item .balloon::before{
	border-bottom: solid 10px black;
	top: -16px;
}
.chat-lady .lady-item .balloon::after{
	border-bottom: solid 10px white;
	top: -13px;
}
.chat-lady .lady-item .balloon .text{
    font-size: 14px;
    line-height: 1.2;
}

.review {
    margin-bottom: 10px;
    padding: 10px 10px 0;
    background: #f2f2f2;
}
.review .review-h2 {
    margin: 0;
    padding: 8px 8px 9px;
    background: #020202;
    border: none;
    text-align: center;
    font-weight: bold;
    font-size: 16px;
    color: #FFF;
}
.review .review-h2 .review-h2-inner {
    padding-left: 26px;
    background: url(../images/balloon-icon.webp) no-repeat left center / auto 80%;
}
.review .review-wrap {
    overflow: hidden;
}
.review .review-wrap .swiper-wrapper{
	align-items: center;
}
.review .review-wrap .swiper-slide{
	padding-left: 50px;
}
.review .review-wrap p{
	margin: 10px 0;
	padding: 5px;
	background: white;
	border: solid 2px black;
	border-radius: 8px;
	position: relative;
	font-size: 14px;
	line-height: 1.2;
	color: black;
}
.review .review-wrap .swiper-slide::before,
.review .review-wrap .swiper-slide p::before,
.review .review-wrap .swiper-slide p::after{
	margin: auto;
	content: "";
	position: absolute;
}
.review .review-wrap .swiper-slide::before{
	width: 40px;
	height: 40px;
	top: 0;
	left: 0;
	bottom: 0;
}
.review .review-wrap .swiper-slide:nth-child(7n+1)::before{
	background: url(../images/review-icon1.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+2)::before{
	background: url(../images/review-icon2.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+3)::before{
	background: url(../images/review-icon3.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+4)::before{
	background: url(../images/review-icon4.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+5)::before{
	background: url(../images/review-icon5.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+6)::before{
	background: url(../images/review-icon6.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide:nth-child(7n+7)::before{
	background: url(../images/review-icon7.webp) no-repeat center / contain;
}
.review .review-wrap .swiper-slide p::before,
.review .review-wrap .swiper-slide p::after{
	height: 0;
	border: solid 6px transparent;
	top: 0;
	bottom: 0;
}
.review .review-wrap .swiper-slide p::before{
	border-right: solid 10px black;
	left: -16px;
}
.review .review-wrap .swiper-slide p::after{
	border-right: solid 10px white;
	left: -13px;
}