@charset "utf-8";

/*------------------------------------------------------------------*/
/*--PC用CSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/

/*
カンプから変更
url(../img/*******)
↓
url(/img/www/wa/img/*******)
*/

@media screen and (min-width: 681px){


@font-face {
      font-family: 'TBcinema';
      src: url(../fonts/26130.ttf);
}


html{height: 100%;}

body {
	margin: 0;
	padding: 0;
	line-height: 100%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	background:#47486c;
}



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

.hide{display: none;}

.clearboth{ clear: both; }


.clearfix{clear: both;}


#wrap{
	margin: 0;
	padding: 0 0 82px 0;/*←footerの高さ*/
        box-sizing: border-box;
	overflow-wrap: break-word;
}

.container{
	margin: 0;
	padding: 0; /*padding: 0 0 130px 0;*/

}

.logins .container{
padding: 0 0 60px 0 !important;
}

::-webkit-scrollbar{
  width: 10px;
}

::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
  box-shadow: inset 0 0 2px #777; 
}

::-webkit-scrollbar-thumb{
  background: #ccc;
  border-radius: 10px;
  box-shadow: none;
}


.fixChip{padding: 55px 0 30px 0 !important;}


/****ヘッダー**********************************************************/


#header{
	position: absolute;
	position: fixed;
	margin: 0 auto;
	padding: 0;
	background: #0c0c21;
	top: 0;
	clear: both;
	width: 100%;
	margin: 0;
        height:46px;
        z-index: 999;
}
 

#header .page_title{
	margin: 0;
	padding: 10px 0; /* 23px 0 20px 0 */
	font-size: 15px;
	font-weight: 700;
	text-align: center;
	color: #fff;
        line-height:26px;
}


/****ヘッダー・会員登録**********************************************************/


#header .top-register_title{
 width:680px;
 height:40px;/*80px*/
 margin: 0 auto;
 padding: 2px 0; /*10px 0 5px 0*/
 color: #fff;
}

#header .top-register_title .icon{
 width:6%; /*10%*/
 margin: 0 5%; /*  4px 5% 0 10% */
 float:left;
}

#header .top-register_title ul{
 margin:0;/*10px 0 0 0*/
 padding:0;
 width:auto;
 text-align: left; 
}

#header .top-register_title ul li{
 font-size: 14px;/*16px*/
 line-height:18px;
 list-style: none;
 margin-top:2px;/*5px*/
 color: #fff;
}


/****main**********************************************************/

#main{
 overflow: hidden;
 width: 680px;
 height:100%; /* 追記 */
 margin: 0 auto 0px auto;
 padding: 0;
 background: #626392;
}

/****menu (さがす・トーク・マイページ・ポイント購入)**********************************************************/



.menu{
 position: fixed;
 top: 46px;
 z-index: 999;
 width: 680px;
 height:90px;
 margin: 0 0 20px 0;
 padding: 0;
 text-align:center;
 background: rgb(90,68,125);
}

.menu ul{
 list-style: none;
 width:100%;
 padding:0;
 margin:0 0 5px ;
 height:45px;
}

.menu li{
 width:25%;
/* height:90px;*/
 float:left;
 display: inline-block;
 vertical-align: bottom;
}

.menu li img{
 width:25%;
 margin:0 auto;
 padding:5% 0;
 vertical-align:top;
}

.menu li.pink{
 text-decoration:none;
 color: #f70454;
}

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

/****top (トップのタイトル)**********************************************************/


.top{
  position: fixed;
  box-sizing: border-box;
  top: 0;
  width: 680px;
  text-align:center;
  background: #fff;
  border-bottom: 1px solid #3c1d56;
  z-index:999;
  background: #86a1bf;
}

.top ul{
  width:100%;
  padding: 5px 0 5px 0;
  margin: 0;
}

.col3 {
  list-style: none;
  display: table;
  width: 100%;
  margin: 0;
  padding: 0;
  /*height:30px;*/
}

.col3 li {
  width: calc(100% / 3);
 list-style: none;
 font-size:14px;
}

.col3 .left{
  display: table-cell;
  width: 30px;
  /*height: 20px;*/
  margin: 0;
  padding: 5px;
  text-align:left;
  vertical-align: middle;
  color:#999;
}

.col3 .left a{
  margin: 0;
  padding: 0;
}

.col3 .left img{
  display: block;
  width: 100%;
}


.col3 .center{
 display: table-cell;
 /*width: 80%;*/
 text-align:center;
 vertical-align: middle; /*上下中央*/
}

.col3 .center p{
  margin: 0;
  padding: 0;
 color: #fff;
}

.col3 .right{
  display: table-cell;
  width: 30px;
  /*height: 20px;*/
  margin: 0;
  padding: 5px;
  text-align:right;
  color:#999;
  line-height:30px;
}

.col3 .right img{
  display: block;
}


.col3 li img{
  /*margin-top:10px;*/
  /* width: 40%;*/
}

.m-r5{
  margin-right:5px;
}

.m-r15{
  margin-right:15px;
}

.m-r20{
  margin-right:15px;
}

.under-element{
  clear: both;
}

.top_b{
  position: fixed;
  top: 46px;
  text-align:center;
  width: 680px;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #3c1d56;
  z-index:999;
  background: #86a1bf;
}

.top_c{
  position: fixed;
  width: 680px;
  top: 136px;
  margin: 0 0 0 0;
  padding: 0;
  border-bottom: 1px solid #3c1d56;
  z-index:999;
  text-align:center;
  background: #86a1bf;
}

.top_c .col3 .center p{
  margin: 0;
  padding: 0;
 color: #fff;
}

.top_d{
  text-align:center;
  width: 680px;
  margin:  0;
  padding: 0 0 0 0;
  z-index:999;
}

.top_e{
  clear: both;
  position: fixed;
  top: 46px;
  width: 680px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  z-index:999;
  text-align:center;
  background: #86a1bf;
}


/****bnr-waku (バナーの枠)**********************************************************/

.bnr-waku{
  height:auto;
  margin: 0 0 20px 0;
  padding: 150px 0 0  0;
}


/**** company (特定商取引法に基づく表記) **********************************************************/

#company{
 margin: 0;
 padding: 192px 0 0 0;
}

#company h2{
  color:#fff;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  text-underline-offset:2px;
}

#company .main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#fff;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#company .main ol{
  margin-left:-20px;
}

#company table {
   width: 90%;
   margin:0 0 20px 20px;
   text-align:left;
   font-size:12px;
   font-weight: normal;
   background: #fff;
}

#company table, th, td {
    border: 1;
    border-color: a9a9a9;
    border-spacing: 0;
}

#company table tr th.r-title{
 background:#f0f0f0;
 color:#000;
}

/**** kiyaku (利用規約) **********************************************************/

#terms-of-service{
 margin: 0;
 padding: 192px 0 30px 0;
}


#terms-of-service h2{
  color: #fff;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  text-underline-offset:2px;
}

#terms-of-service .main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color: #fff;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#terms-of-service .main ol{
  margin-left:-20px;
}

/**** privacy policy (プライバシーポリシー) **********************************/

#privacy-policy{
 margin: 0;
 padding: 192px 0 30px 0;
}

#privacy-policy h2{
  color:#fff;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  text-underline-offset:2px;
}

#privacy-policy .main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#fff;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#privacy-policy .main ol{
  margin-left:-20px;
}


/**** new-form (新規入力フォーム) **********************************************************/

#new-form{
 width: 96%;
 margin: 65px auto 0 auto;
 padding: 0;
}

#new-form h1{
 padding:0 0 0 0;
 font-size:100%;
 color: #fff;
}

#new-form form{
 margin: 0;
 padding:0;
 font-size:100%;
 color: #666;
}

#new-form label{
 padding:0 0 40px 0;
}

#new-form input.waku{
 width:95%;
 background: #f8f6f7;
 margin:10px 0px;
 padding:10px;
 font-size:14px;
 border:none;
}

.area{

 padding: 0 0 30px 0;

}


/**** confirmation (確認文)**********************************************************/

.confirmation{
 margin:0 auto;
 padding:4% 0;
 width:auto;
 text-align:center;
 font-size:14px;
 color: #fff;
}

.confirmation a{
 text-decoration: none;
 color:#3399FF;
}


/**** send-mail (メール送信済み) **********************************************************/

#send-mail{
 padding: 55px 20px 30px 20px;
}

#send-mail h2{
 padding:0 0 0 10px;
 font-size:100%;
 color: #fff;
}

#send-mail .message{
 padding-left:10px;
 color: #fff;
 text-align: left;
 line-height:20px;
}


/**** profile-registration (プロフィール登録) **********************************************************/

#profile-registration{
	padding: 55px 0 30px 0;
}

#profile-registration h2{
  height:25px;
  font-size:16px;
  color: #fff;
  margin: 0 0 0 10px;
}


#profile-registration h2 img{
  margin:0 10px 0 0;
  width: 4%;
  height: 90%;
  vertical-align: middle;
}

#profile-registration form{
  padding:0 0 0 10px;
  margin:0 0 20px 0;
  font-size:90%;
  color: #666;
}

#profile-registration .setsumei{
  display:block;
  width:180px;
  float:left;
  color:#d9c5ff;
}

#profile-registration .point{
  display:block;
  width:30px;
  margine-top:5px;
}

#profile-registration .hissu{
  background:#f70454;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:3px;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
  float:left;
  margin:1px 10px 0 0;
}

#profile-registration small{
  color:#f70454;
  font-weight:bold;
  font-size:11px;
}

#profile-registration .pink {
  color: #fff;
}


#profile-registration .f12 {
  font-size:12px;
}


#profile-registration input.waku{
  width:65%;
  background: #f8f6f7;
  padding:14px;
  font-size:16px;
  border:none;
}

#profile-registration input.waku2{
  width:65%;
  background: #f8f6f7;
  padding:14px;
  margin:5px 0 0 180px;
  font-size:16px;
  border:none;
}

#profile-registration p{
  text-align:center;
}


#profile-registration .profile_entry{
  box-sizing: border-box;
  width: 100%;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 15px 0; 
  padding: 0;
}

#profile-registration .profile_entry tr{ 
  border-bottom: 1px dotted #fff;
}

#profile-registration .profile_entry td{ 
  box-sizing: border-box;
  margin: 0;
  padding: 5px 2% 5px 2%;
  vertical-align: middle;
}

#profile-registration select{
 -webkit-appearance:none;
}

#profile-registration .selectBox{ 
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border: none; 
   font-size: 0.8rem;
   background: #f8f6f7;
}

#profile-registration .area_1{border-bottom: 1px solid #e6e6e6  !important;}


#profile-registration .profile_entry .nickname{
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border:none;
   background: #f8f6f7;
}


#profile-registration .username{
   box-sizing: border-box;
   width: 96%;
   margin: 15px auto 0 auto;
   padding: 10px;
   border:none;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   text-align: center;
   color: #fff;
   background: rgb(90,68,125);
}

#profile-registration .agree{
   width: 96%;
   margin: 0 auto 10px auto;
   padding: 0 0 0 30px;		
   text-align: center;
   font-size: 1rem;
   color: #fff;
}

.a2hs .hissu{ float: right !important;}



/**** profile-creation (プロフィール制作) **********************************************************/

#profile-creation{
 padding: 46px 0 0 0;
}

#profile-creation .title{
 width: 100%;
 padding: 10px 0 10px 0;
 font-size: 16px;
 text-align:center;
 color:#fff;
 background: #86a1bf;
}


#profile-creation form{
  padding:0 0 0 10px;
  font-size:90%;
  color: #666;
}

#profile-creation .setsumei{
  display:block;
  width:180px;
  float:left;
  color:#d9c5ff;
}

#profile-creation .point{
  display:block;
  width:30px;
  margine-top:5px;
}

#profile-creation .hissu{
  background:#f70454;
  padding:1%;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size: 0.7rem;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
  float:left;
  margin:1px 10px 0 0;
}

#profile-creation small{
  color:#f70454;
  font-weight:bold;
  font-size:11px;
}

#profile-creation .pink {
  color: #fff;
}


#profile-creation .f12 {
  font-size:12px;
}

#profile-creation .f12 a{
 color: #fff;
}

#profile-creation input.waku{
  width:35%;
  box-sizing: border-box;
  background: #f8f6f7;
  padding:14px;
  font-size:16px;
  border:none;
}

#profile-creation input.waku2{
  width:35%;
  background: #f8f6f7;
  padding:14px;
  margin:5px 0 0 180px;
  font-size:16px;
  border:none;
}

#profile-creation p{
  text-align:center;
}


#profile-creation .profile_entry{
  box-sizing: border-box;
  width: 96%;
  border-bottom: 1px dotted #fff;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 2% 0 2%; 
  padding: 0;
}

#profile-creation .profile_entry tr{ 
  border-bottom: 1px dotted #fff;
}

#profile-creation .profile_entry td{ 
  box-sizing: border-box;
  margin: 0;
  padding: 5px 0 5px 0;
  vertical-align: middle;
}

#profile-creation select{
 -webkit-appearance:none;
}

#profile-creation .selectBox{
   position:relative; 
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border: none; 
   font-size: 0.8rem;
   background: #f8f6f7;
}

.randam{
 margin: 0px auto;
 padding:15px 35%;
}

.date-title{
 width: 90%;
 height: 100%;
 margin: 0px auto 0px auto;
 padding:20px 0px 15px;
 color:#fff;
 text-align:left;
}

#profile-creation .date-cap{
 width: 86%;
 height: 100%;
 margin: 0px auto 30px auto;
 padding:10px;
 background: #ebe5e5;
 color:#838283;
 text-align:left;
}

#profile-creation .date-cap textarea{
 width: 100%;
 margin: 0px;
 padding:0px;
 background: #ebe5e5;
 color:#838283;
 text-align:left;
 border:0px;
 font-size:12px;
}

#profile-creation .button{
 background:#fe8eb2;
 padding:1em 1em;
 border:none;
 text-decoration:none;
 color:#fff;
 font-size:1em;
 font-family:sans-serif;
 text-align:center;
 border-radius: 50px;
}

#profile-creation .block{
 display:block;
 width:260px;
 margin:0 auto;
}

#profile-creation .f12 {
 font-size:12px;
}

#profile-creation p{
 text-align:center;
}

#profile-creation a{
 color:#999;
}


#profile-creation .headline{
	display: table;
  	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #f70454;
}

#profile-creation .headline_text{
  	display: table-cell;
  	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}

#profile-creation .headline .back{
	position:fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 15px;
	text-align: center;
  	vertical-align:middle;
	color: #fff;
	background: #f70454;
	
}


#profile-creation .headline .entry{
	position:fixed;
	top: 0;
	right: 0;
	box-sizing: border-box;
	width: 55px;
	height: 45px;
	margin: 0;
	padding: 15px 0 0 0;
	border-left: 1px solid #f0f0f0;
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	vertical-align:middle;
	background: #f70454;
	
}

#profile-creation .selectBox {
    position: relative;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    border-radius: 50px;
    -webkit-border-radius: 50px;
    -moz-border-radius: 50px;
    border: none;
    font-size: 0.8rem;
    background: #f8f6f7;
}

#profile-creation .profile_image{
	display: flex;
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto 10px auto;
	padding: 0;
}

#profile-creation .profile_image .profile_image_photo{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#profile-creation .profile_image .photo_view_thum img{

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}



#profile-creation .profile_image .profile_image_video{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#profile-creation .profile_image .video_view_thum img{

    border-radius: 8px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;

}

#profile-creation .entryForm{
	overflow: hidden;
	margin: 15px 15px 15px 15px;
	padding: 0;
}

#photo_up input,
#video_up input{
    display: none;
}

#profile-creation .profile_image form{
	padding: 0;
}

#profile-creation .profile_image .photo_up_btn{
   	position: relative;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius:  50px;	/* Safari,Google Chrome用 */
	-moz-border-radius:  50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #333;
	background: #fff;
}


#profile-creation .profile_image .video_up_btn{
    	position: relative;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius:  50px;	/* Safari,Google Chrome用 */
	-moz-border-radius:  50px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #333;
	background: #fff;
}


#profile-creation .profile_image .photo_up_btn::before{
	position: absolute;
	top: 50%;
	left: 10px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_photo_b.png) no-repeat;
  	background-size: contain;
}

#profile-creation .profile_image .video_up_btn::before{
	position: absolute;
	top: 50%;
	left: 10px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_video_b.png) no-repeat;
  	background-size: contain;
}


/**** main photo registration (メイン写真登録) **********************************************************/

#m-photo-registration{
 padding: 40px 0 30px 0;
}

#m-photo-registration .title{
  width: 100%;
  height: auto;
  padding:20px 0;
  text-align:center;
  background: #eeeae9;
  color:#838283;
}

#m-photo-registration ul#menus{
  padding: 0;
  background: #fff;
}

#m-photo-registration ul#menus{
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  list-style: none;
  color:#838283;
}

#m-photo-registration ul#menus li{
  margin: 0 50px;
  padding: 10px 0px 20px 0px;
  font-size: 15px;
  height:50px;
}


#m-photo-registration ul#menus li .main_t{
  width: 10%;
  height: 78px;
  float:left;
  padding-left:18%;
  text-align:left;
  display: table; /*テーブル要素に変更*/
}

#m-photo-registration ul#menus li .main_t p{
　display: table-cell; /*テーブルセル要素に変更*/
　vertical-align: middle; /*上下中央*/
}

#m-photo-registration ul#menus li .main_p{
  width: 50%;
  height: 60px;
  float:left;
  padding-left:16px;
  text-align:left;
  vertical-align: middle;
  display: table; /*テーブル要素に変更*/
}

#m-photo-registration ul#menus li .main_t p{
　display: table-cell; /*テーブルセル要素に変更*/
 font-size:10px;
}

#m-photo-registration p.center {
  width:100%;
  text-align:center;
}

#m-photo-registration p.f12 {
  font-size:12px;
}

#m-photo-registration p.f12 a{
    color: #fff;
}

#m-photo-registration p.blue {
  color: #fff;
}

#m-photo-registration a img{
 vertical-align: middle; /*上下中央*/
}


/*20220325 追記 */

.photo_view{
	position: relative;
	width: 30%;
	margin: 30px auto 30px auto;
	padding: 0;
}

.video_view{
	position: relative;
	width: 50%;
	margin: 30px auto 30px auto;
	padding: 0;
}


.photo_view img{
	display: block;
	border-radius: 50%;
    	-webkit-border-radius: 50%;
    	-moz-border-radius: 50%;
	object-fit:cover;
}

.video_view img{
	display: block;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	object-fit:cover;
}


.entryForm{
	overflow: hidden;
	margin: 0 30% 30px 30%;
	padding: 0;
}


#photo_upload input,
#file_upload input{
    display: none;
}

#photo_upload{
	margin: 0;
	padding: 0;
}


#photo_upload .photo_upload_icon{
	position: absolute;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 35%;
	margin: 0 auto 0 auto;
	padding: 2px;
	border: 2px solid #838283;
 	border-radius: 50%;/*角丸*/
	text-align: center;
	background: #fff;

}



.comment{
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 50px auto;
	padding: 10px;
	border: 1px solid #e6e6e6;
	text-align: center;
	background: #f0f0f0;

}



/**** btn (ボタン)**********************************************************/

.button{
 background: #fe8eb2;
 padding:1em 1em;
 border:none;
 text-decoration:none;
 color:#fff;
 font-size:1em;
 font-family:sans-serif;
 text-align:center;
 border-radius: 50px;
}

.block{
  display:block;
  width:40%;
  margin:0 auto 10px auto;
}


/**** age verification (年齢認証) **********************************************************/

#age-verification{
 padding: 55px 0 0 0;
}

#age-verification h2{
  color:#fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  padding: 0 0 10px 0;
}

#age-verification .main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#fff;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#age-verification .main ul{
  width: 100%;
  height: auto;
  padding:0;
  list-style: none;
}

#age-verification .main ul li.main-image{
  width:46%;
  list-style: none;
  float:left;
  padding:0 2%;
}

#age-verification .main ul li.main-image img{
  width:100%;
}

#age-verification .main ul li.main-cap{
  width:48%;
  color:#3ebcf2;
  font-size: 12px;
  line-height:20px;
  float:left;
  padding-bottom:60px;
}

#age-verification .main2{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#838283;
  font-size: 14px;
  margin: 0 0 30px 6px;
}


#age-verification .main2 a{
  text-decoration: none;
  color:#fff;
}


#age-verification .main3{
  overflow: hidden;
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#838283;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#age-verification .main3 ul{
  width: 100%;
  height: 160px;
  padding:0;
  list-style: none;
}

#age-verification .main3 ul li.main-image{
  width:48%;
  list-style: none;
  float:left;
  padding:0 1%;
}

#age-verification .main3 ul li.main-image img{
  width:100%;
}

#age-verification .main3 ul li.main-cap{
  width:48%;
  color:#fff;
  font-size: 12px;
  line-height:20px;
  float:left;
  padding-bottom:60px;
}

#age-verification .icon-link{
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:left;
  margin-bottom:5px;
}

#age-verification .icon-link img{
  width:4%;
  margin:0 5px 0 5px;
  vertical-align:middle;
}


#age-verification .main4{
  width: 90%;
  height: 140px;
  padding:0;
  text-align:left;
  color:#fff;
  font-size: 14px;
  margin: 0 0 20px 20px;
}


#age-verification .main4 ul{
  margin-left:-20px;
  color:#fff;
}

#age-verification .main4 ul li{
  font-size: 14px;
}


#age-verification p.center {
  width:100%;
  text-align:center;
}

#age-verification p.f12 {
  font-size:12px;
}

#age-verification p.blue {
  color:blue;
}

#age-verification a img{
 width:7%;
 vertical-align: bottom; /*上下中央*/
}


.mb20{
  margin-bottom:20px;
}

.mb40{
  margin-bottom:40px;
}


#age-verification2{
 padding: 0px 0  30px 0;
 margin:0px;
}

#age-verification2 .title{
  width: 100%;
  height: auto;
  padding:20px 0;
  text-align:center;
  background: #eeeae9;
  color:#838283;
}

#age-verification2 ul#menus{
  padding: 0;
  background: #fff;
}

#age-verification2 ul#menus{
  display: block;
  list-style-type: disc;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  list-style: none;
  color:#838283;
}

#age-verification2 ul#menus li{
  margin: 0 50px;
  padding: 10px 0px 20px 0px;
  font-size: 15px;
  height:50px;
}


#age-verification2 ul#menus li .main_t{
  width: 10%;
  height: 78px;
  float:left;
  padding-left:6px;
  text-align:left;
  display: table; /*テーブル要素に変更*/
}

#age-verification2 ul#menus li .main_t p{
　display: table-cell; /*テーブルセル要素に変更*/
　vertical-align: middle; /*上下中央*/
}

#age-verification2 ul#menus li .main_p{
  width: 80%;
  height: 60px;
  float:left;
  padding-left:16px;
  text-align:left;
  vertical-align: middle;
  display: table; /*テーブル要素に変更*/
}

#age-verification2 ul#menus li .main_t p{
　display: table-cell; /*テーブルセル要素に変更*/
 font-size:10px;
}

#age-verification2 p.center {
  width:100%;
  text-align:center;
}

#age-verification2 p.f12 {
  font-size:12px;
}

#age-verification2 p.blue {
  color:#fff;
}

#age-verification2 a img{
 vertical-align: middle; /*上下中央*/
 width:8%;
}

#age-verification2 p.btn_01{
 background:#f70454;
 padding:1em 1em;
 border:none;
 text-decoration:none;
 color:#fff;
 font-size:1em;
 font-family:sans-serif;
 text-align:center;
 border-radius: 50px;
 display:block;
 width:40%;
 margin:0 auto;
}

#age-verification2 p.btn_01 img{
 vertical-align: bottom; /*上下中央*/
 width:8%;
}



/**** age verification error (年齢認証エラー) **********************************************************/

#age-verification-error{
 padding:40px 0px;
}

#age-verification-error h2{
  color:#f70454;
  border-bottom: medium solid #f70454;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
}

#age-verification-error .main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#838283;
  font-size: 14px;
  margin: 0 0 20px 20px;
}

#age-verification-error .icon-btn{
  width:60%;
  margin:0 auto;
}

#age-verification-error .block{
  display:block;
  width:70%;
  margin:0 auto;
}

#age-verification-error .button{
  background:#f70454;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
}

#age-verification-error a{
  color: #666;
}

#age-verification-error .mb40{
  margin-bottom:40px;
}


/**** looking (さがす) **********************************************************/

#looking{
 clear: both;
 overflow: hidden;
 margin: 0 0 0 1%;
 padding: 156px 0 0 0;
}

#looking .main{
  float:left;
  overflow: hidden;
  box-sizing: border-box;
  width: 49%;
  margin: 0 1% 5px 0;
  padding: 5px;
  border-radius: 10px;
  background: #fff;
}

#looking .main-image{
  margin: 0 auto 10px auto;
  padding: 0;
  text-align:center;
}

#looking .main-image img{
  vertical-align:top;
}


#looking .main-name{
  margin: 0 0 10px 0;
  padding: 0;
  font-size: 18px;
  color:#000;
  text-align:center;
}

#looking a{
  color: #fff;
}

.upper{
 position:fixed;
 right:40px;
 bottom:50px;
 transition:1s;
 opacity:1.0;
 background:#fe8eb2;
 padding:10px;
 color:#fff;
 width:50px;
 height:50px;
 border-radius: 50%;/*角丸*/
 font-size:14px;
 text-align:center;
 border:2px solid #fff;
 box-shadow: 0 0 8px gray;
}

.upper img{
 position:sticky;
 padding-top:10px;
 width:30%;
}

.upper:hover{
 opacity:1;
}

/**** looking search (さがす 検索) **********************************************************/

#looking-search{
 padding:40px 0px;
}

ul#s-menu{
  list-style: none;
  margin: 0;
  padding: 0;
  border-top: 1px dotted #9b86bf;
}

ul#s-menu li{
  display: table;
  width: 100%;
  box-sizing: border-box;
  margin: 0;
  padding: 5px 0 5px 0;
  border-bottom: 1px dotted #9b86bf;
  font-size: 15px;
  color: #d9c5ff;
}

ul#s-menu li .main_t{
  display: table-cell;
  width:50%;
  margin: 0;
  padding: 0 0 0 10px;
}

ul#s-menu li .main_p{
  display: table-cell;
  width: 50%;
  margin:0;
  padding: 0 10px 0 0;
  text-align:right;
}

#looking-search .flex{
    display: flex;
    overflow: hidden;
    width: 90%;
    margin: 5% auto 0 auto; 
    border-radius: 50px;/*角丸*/
}

#looking-search .flex div{
    background: #CCC;
}

#looking-search .flex div.right{
    width: 50%;
    color: #fff;
    padding: 0;
    text-align:center;
    background: #fe8eb2;
}

#looking-search .flex .right a{
    display: block;
    margin: 0;
    padding: 10% 0 10% 0;
    text-decoration: none;
    color: #fff;
}


#looking-search .flex div.left{
    width: calc(100% - 50%);
    padding: 0;
    text-align:center;
    box-sizing: border-box;
    color:#fff;
}

#looking-search .flex .left a{
    display: block;
    margin: 0;
    padding: 10% 0 10% 0;
    text-decoration: none;
    color: #484848;
}

#looking-search .f12{
  width:100%;
  padding:10px 0;
  text-align:center;
  text-decoration:none;
}

#looking-search .f12 a{
  color: #fff;
  text-decoration: none;
}


#looking-search .headline{
	display: table;
  	width: 100%;
	height: 45px;
	margin: 0;
	padding: 0;
	background: #f70454;
}

#looking-search .headline_text{
  	display: table-cell;
  	vertical-align: middle;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #fff;
}

#looking-search .headline .back{
	position:fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 45px;
	height: 45px;
	margin: 0;
	padding: 15px;
	text-align: center;
  	vertical-align:middle;
	color: #fff;
	background: #f70454;
	
}


#looking-search .headline .entry{
	position:fixed;
	top: 0;
	right: 0;
	box-sizing: border-box;
	width: 55px;
	height: 45px;
	margin: 0;
	padding: 15px 0 0 0;
	border-left: 1px solid #f0f0f0;
	font-size: 0.8rem;
	font-weight: 700;
	text-align: center;
	color: #fff;
	vertical-align:middle;
	background: #f70454;
	
}

#looking-search .range{
	width: 85%;
	margin: 100px auto 0 auto;
	padding: 0;
}

#looking-search .overlay,
#looking-search .overlay2,
#looking-search .overlay3,
#looking-search .overlay4,
#looking-search .overlay5{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,1.0);
  opacity: 0;
  visibility: hidden;
  transition: .3s linear;
  transform: translateX(-100%);
}

#looking-search .is-open {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
}

/* 20220330 追記 */

#looking-search .selectBox,
#looking-search .selectBox2{
   position:relative; 
   box-sizing: border-box;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border: none; 
   font-size: 0.8rem;
   background: #f8f6f7;
}

#looking-search .selectBox{
 width: 300px;
}

#looking-search .selectBox2{
 width: 140px;
}

#looking-search select{
 -webkit-appearance:none;
}



/**** looking search result(さがす 検索した結果) **********************************************************/

#looking-search-result{
 padding:0px 0px 20px;
 margin:0;
 }

#looking-search-result .r-main{
  width:100%;
}

#looking-search-result .r-main .r-main-image{
  position:relative;
  width: 100%;
  padding:0;
  background: pink;
  color:#fff;
  text-align:center;
}

#looking-search-result .r-main .r-main-image img{
 vertical-align:top;
}

#looking-search-result .r-main p.r-main-sub{
  position:absolute;
  width:96%;
  height:24px;
  color:#fff;
  text-align:left;
  margin-top:-52px;
  padding:2%;
  background:rgba(0,0,0,0.5);
}

#looking-search-result .r-main .r-main-image2{
  width: 20%;
  margin-left:20px;
  color:#fff;
  text-align:center;
}

#looking-search-result .r-main .r-main-image2 img{
  width:100%;
 vertical-align:top;
}

#looking-search-result .r-main .r-main-name{
  width:90%;
  padding:0 0 0 20px;
  font-size:14px;
  color:#d9c5ff;
  text-align:left;
  line-height: 30px;
}

#looking-search-result .r-main .r-main-name img{
  width:3%;
 vertical-align:middle;
}

#looking-search-result .r-upper{
 position:fixed;
 right:10%;
 bottom:100px;
 transition:1s;
 opacity:1.0;
 background:#fe8eb2;
 padding:1px;
 color:#fff;
 width:300px;
 height:40px;
 border-radius: 5%;/*角丸*/
 font-size:18px;
 text-align:center;
 border:2px solid #fff;
 box-shadow: 0 0 8px gray;
}

#looking-search-result .r-upper img{
 padding-top:10px;
 width:30%;
}

#looking-search-result .r-upper:hover{
 opacity:1;
}


#looking-search-result .block{
  display:block;
  width:70%;
  margin:40px auto 0px;
}

#looking-search-result .button{
  right:10%;
  bottom:100px;
  background:#fe8eb2;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
  border:2px solid #fff;
  box-shadow: 0 0 8px gray;
}


#looking-search-result .profile_image{
	display: flex;
	width: 680px;
	margin: 90px auto 0 auto;
	padding: 0;
	
}

#looking-search-result .profile_image_photo{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#looking-search-result .profile_image_video{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#looking-search-result .profile_image_thum{
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#looking-search-result .profile_image_thum img{
	display: block;
	margin: 0;
	padding: 0;
}

#looking-search-result .profileImage_1,
#looking-search-result .profileImage_2{
	position: relative;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #fe8eb2;
}


#looking-search-result .profileImage_1::before{
	position: absolute;
	top: 50%;
	left: 5px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_photo.png) no-repeat;
  	background-size: contain;
}

#looking-search-result .profileImage_2::before{
	position: absolute;
	top: 50%;
	left: 5px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_video.png) no-repeat;
  	background-size: contain;
}


#looking-search-result .caption{
	position:absolute;
	bottom: 0;
	z-index: 999;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px 15px;
	font-size: 16px;
	text-align: left;
	color: #000;
	background: rgba(255,255,255,0.7);
}

#looking-search-result .thumb{
	list-style: none;
	overflow: hidden;
	width: 680px;
	margin: 0 auto 0 auto;
	padding: 15px 15px 0 15px;

}

#looking-search-result .thumb li{
	float: left;
	overflow: hidden;
	width: 70px;
	height: 70px;
	margin: 0 15px 0 0;
	padding: 0;
	border-radius: 20%;		/* CSS3草案 */
	-webkit-border-radius: 20%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 20%;	/* Firefox用 */
}

#looking-search-result .thumb li img{

	width:100%;
	height:100%;
	object-fit:cover;

}     

/**** talk menu (トークメニューボタン)**********************************************************/


.talk-menu{
 overflow: hidden;
 height:auto;
 margin: 0;
 padding: 0 0 70px 0;
}

.talk-menu .talk-menu-tab{
 list-style: none;
 width:100%;
 height:45px;
 padding:0;
 margin:0;
}

.talk-menu .talk-menu-tab li{
 width:50%;
 float:left;
 color: #fff;
 text-align:center;
}

.talk-menu .talk-menu-tab li a{
 width:60px;
 margin:0 auto;
 text-decoration:none;
 background: #fff;
}


.talk-menu-image{
 width: 80%;
 margin:0 auto;
 padding:6px;
 color:#47486c;
 background: rgba(255,255,255,1.0);
 text-align:center;
 border-radius: 50px;
}

.talk-menu-image2{
 width: 80%;
 margin:0 auto;
 padding:6px;
 color:#ccc;
 text-align:center;
 border-radius: 50px;
 background: rgba(255,255,255,0.3);
}


.talk-menu-main{
  box-sizing: border-box;
  width: 96%;
  margin: 0 auto 5px auto;
  padding: 15px;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 8px;		/* CSS3草案 */
  -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 8px;	/* Firefox用 */
 background: #fff;
}

.mb40{
  margin-bottom:40px;
}

.talk-menu-main-image{
  display: table-cell;
  overflow: hidden;
  width: 20%;
  margin: 0;
  padding: 0 0 0 0;
  border-radius: 8px;		/* CSS3草案 */
  -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 8px;	/* Firefox用 */
}

.talk-menu-main-image img{
	display: block;

}

.talk-menu-main-data{
  display: table-cell;
  width: 65%;
  margin: 0; 
  padding: 0 0 0 5%;
 vertical-align: middle;
}

.talk-menu-main-data ul{
  list-style: none;
  margin: 0;
  padding: 0;
}


.talk-menu-main-data-name{
  margin: 0 0 3px 0; 
  padding: 0;
  font-size: 18px;
  font-weight: 700;
  color:#ff87ac;
  text-align:left;
}

.talk-menu-main-data-comment{
  margin: 0 0 3px 0; 
  padding: 0 10px 0 0;
  font-size: 15px;
  font-weight: 700;
  text-align:left;
  color:#4f5a88;
}

.talk-menu-main-data-time{
  margin: 0 0 3px 0; 
  padding: 0;
  font-size:15px;
  text-align:left;
  color:#838283;
}

.talk-menu-main-data-range{
  margin: 0 0 3px 0; 
  padding: 0;
  font-size: 15px;
  font-weight: 700;
  color:#838283;
}

.talk-menu-main-sub{
  display: table-cell;
  width: 10%;
  margin: 0;
  padding:0;
  font-size: 1.2rem;
  vertical-align: middle;
  text-align: center;
  color:#bb6bff;
}



/****talk screen (トークの画面)**********************************************************/


.talk-screen{
	margin: 0;
	padding: 75px 0 0 0;
	display:block;
}

.talk-screen-main{
	margin: 0 auto;
	padding: 30px;
	border: 0;                     /* 3px solid #8a6632 */
	border-radius: 0;		/* 30px CSS3草案 */
	-webkit-border-radius: 0px;	/* 30px Safari,Google Chrome用 */
	-moz-border-radius: 0px;	/* 30px Firefox用 */
}

.h50{
height:50px;
}

.h100{
height:100px;
}

.h150{
height:150px;
}

.h200{
height:200px;
}

.h250{
height:250px;
}

.talk-screen-main .talk-image{
 width: 12%;
 text-align:center;
 border:1px;
 margin:0;
}

.talk-screen-main .talk-image-waku {
 width: 100%;
 height: 100%;
 padding:10px;
 background: #fe8eb2;
 color:#fff;
 text-align:center;
 border-radius: 50px;
}

.talk-screen-main .talk-name{
 width:200%;
 color:#888;
 text-align:left;
 margin-left:78px;
 margin-top:-80px;
 font-size:12px;
 padding:2%;
}

.talk-screen-main .talk-name_me{
 color:#888;
 text-align:right;
 margin:0px 0px 0px 480px;
 font-size:12px;
 padding:0;
}


.talk-screen-main p.main-talk{
 color:#000;
 text-align:left;
 min-width:600%;
 margin-left:79px;
 margin-top:-10px;
 font-size:12px;
 padding:10%;
 background: #ffffff;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
 overflow-wrap: break-all;
}



.talk-screen-main .main-talk_me{
 color:#000;
 text-align:right;
 margin-left:80px;
 margin-top:10px;
 font-size:12px;
 padding:1%;
 background: #ddeeaa;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
 overflow-wrap: break-all;
}

.talk-screen-main .main-talk2{
 color:#000;
 text-align:left;
 width:200%;
 margin-left:80px;
 margin-top:10px;
 padding:10%;
 background: #fff;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
}

.talk-screen-main .main-talk2_me{
 color:#000;
 text-align:left;
 width:130px;
 margin-left:475px;
 margin-top:10px;
 padding:1%;
 background: #ddeeaa;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
}



.talk-screen-main .main-talk2 img{
 width:100%;
}

.talk-screen-main .main-talk2_me img{
 width:auto;
 height:auto;
}


/* 新吹き出し */

/*以下、②左側のコメント*/
.balloon6 {
  width: 100%;
  margin: 10px 0;
  padding: 0 0 10px 0;
  overflow: hidden;
}

.balloon6 .faceicon {
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 99;
  margin-right: -50px;
  width: 80px;
  border-radius: 8px;
}

.balloon6 .faceicon img{
  display: block;
  width: 100%;
  height: auto;
}
.balloon6 .chatting {
  width: 100%;
  text-align: left;
}

.balloon6 .chatting .time{
  padding:0 0 0 86px;
  margin:0 0 5px 0;
  width: 100%;
  font-size:10px;
  text-align: left;
  color:#fff;
}
.says {
  display: inline-block;
  position: relative; 
  margin: 0 0 10px 70px;
  padding: 10px;
  max-width: 500px;
  font-size: 16px;
  border-radius: 12px;
  background: #fff;
  box-shadow: -3px 3px 2px 0 #484848;
 float:left;
  font-family: 'Kosugi Maru', sans-serif;
}

.says:after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 3px; 
  left: -19px;
  border: 8px solid transparent;
  border-right: 18px solid #fff;
  -webkit-transform: rotate(35deg);
  transform: rotate(35deg);
}
.says p {
  margin: 0;
  padding: 0;
}

.photo {
  clear: both;
  position: relative; 
  margin: 0 0 10px 98px;
  padding: 10px;
  max-width: 200px;
  background: #fff;
  border-radius: 12px;
  box-shadow: -3px 3px 2px 0 #484848;
}




/*以下、③右側の緑コメント*/
.mycomment {
  margin: 10px 0;
}

.mycomment .my-time{
  padding:0;
  margin:0 0 5px 0;
  width: 100%;
  font-size:10px;
  text-align: right;
  color: #fff;
}

.mycomment p {
  float: right;
  display: inline-block;
  clear: both;
  position: relative; 
  margin: 0 0 10px 100px;
  padding: 8px;
  max-width: 500px;
  border-radius: 12px;
  background: #d8acf4;
  font-size: 16px;
  text-align: left;
  box-shadow: 3px 3px 2px 0 #484848;
  font-family: 'Kosugi Maru', sans-serif;
}

.mycomment p:after {
  content: "";
  position: absolute;
  top: 3px; 
  right: -19px;
  border: 8px solid transparent;
  border-left: 18px solid #d8acf4;
  -webkit-transform: rotate(-35deg);
  transform: rotate(-35deg);
}

.my-photo {
  display: inline-block;
  clear: both;
  position: relative; 
  margin: 0 0 10px 400px;
  padding: 10px;
  max-width: 200px;
  background: #d8acf4;
  border-radius: 12px;
  box-shadow: 3px 3px 2px 0 #484848;
}


/* 202226　追記*/

.col4{
	list-style: none;
	position: relative;
        overflow: hidden;
	width: 100%;
	height: 30px;
	margin: 0 0 0 0;
	padding: 0;
}

.col4 .left{
	float: left;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 5px;
}

.col4 .left img{
	width: 50px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.col4 .center{
	float: left;
	width: 85%;
	height: 20px;
	margin: 0;
	padding: 7px 0 0 0;
	text-align: center;
	color: #fff;
	
}



.col4 .right{
	position :absolute; 
	right: 0;
	width: 120px;
	height: 20px;
	margin: 0;
	padding: 0;
}

.col4 .right ul{
	list-style: none;
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
}

.col4 .right .icon_key{
	display: table-cell;
	box-sizing: border-box;
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
}

.col4 .right .icon_key img{
	width: 20px;
	height: 20px;
}


.col4 .right .icon_favorite{
	display: table-cell;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}


.col4 .right .icon_favorite img{
	width: 20px;
	height: 20px;

	}

.col4 .right .icon_ex{
	display: table-cell;
	box-sizing: border-box;
	width: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
	text-align: center;
}


.col4 .right .icon_ex img{
	width: 20px;
	height: 20px;

	}


.favorite-check-box input+.favorite-text:before {
       top: 3px !important;
}


.talk-overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  visibility: hidden;
  transition: .3s linear;
}

.talk-overlay.is-open{
  opacity: 1;
  visibility: visible;
}




.talk-lock{
  overflow: hidden;
  width: 40%;
  margin: 300px auto 0 auto;
  padding: 0;
  border-radius: 16px;		/* 30px CSS3草案 */
  -webkit-border-radius: 16px;	/* 30px Safari,Google Chrome用 */
  -moz-border-radius: 16px;	/* 30px Firefox用 */
  background: #fff;
}

.talk-lock-title{
  margin: 0;
  padding:  15px 0 15px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 18px;
  font-weight: 700;
  text-align: center;
  color: #ff87ac;
}



.talk-lock-aritlce{

  margin: 0;
  padding: 15px;
  font-size: 15px;
  text-align: left;
  color: #000;
}


.talk-lock-aritlce p{
  line-height: 25px;
  text-align: center;
}


.talk-lock-answer{
 list-style: none;
 margin: 0;
 padding: 0;
 border-top: 1px solid #e6e6e6;
}

.talk-lock-answer-yes{
 float:left;
 box-sizing: border-box;
 width: 50%;
 margin: 0;
 padding: 10px 0 10px 0;
 border-right: 1px solid #e6e6e6;
 font-size: 15px;
 font-weight: 700;
 text-align: center;
}

.talk-lock-answer-no{
 float:right;
 box-sizing: border-box;
 width: 50%;
 margin: 0;
 padding: 10px 0 10px 0;
 font-size: 15px;
 font-weight: 700;
 text-align: center;
}



.closed{
  clear: both;
  width: 300px;
  margin:  30px auto 0 auto;
  padding: 10px;
  text-align: center;
  border-radius: 50px;		/* CSS3草案 */
  -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 50px;	/* Firefox用 */
  color: #000;
  background: #fff;

}



/**** mypage (マイページ) **********************************************************/


#mypage{
 padding: 177px 0  0 0;
 /*height:700px;*/
 }

#mypage .point_wrap{
	display: table;
	box-sizing: border-box;
	width: 100%;
	margin: 0 0 30px 0;
	padding: 5px;
	background: #fff;
}

#mypage .point_wrap .possession{
	display: table-cell;
	position:relative;
	width: 70%;
	margin: 0;
	padding: 0;
	text-align: center;
	vertical-align: middle;
}

#mypage .point_wrap .btn_point_add{
	display: table-cell;
	width: 30%;
	margin: 0;
	padding: 10px 0 10px 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	font-size: 1rem;
	text-align: center;
	color: #fff;
	vertical-align: middle;
	background: linear-gradient(45deg, rgba(90,68,125,1) 25%, rgba(174,131,214,1) 100%);
}

#mypage .point_wrap .possession::after{
	position: absolute;
	top: 50%;
	left: 30px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/point.png) no-repeat;
  	background-size: contain;
}

#mypage .point_wrap .possession .pt{
	margin: 0;
	padding: 0;
 	font-size: 30px;
 	font-weight:bold;
 	color:#f70454;
	vertical-align: middle;
}


#mypage .point_wrap .btn_point_add a{
	text-decoration: none;
	color: #fff;
}

#mypage .point_wrap .btn_point_add:active,
#mypage .point_wrap .btn_point_add:active{
	transform: scale(0.9);
}


#mypage .profile_image{
	display: flex;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 0;
}

#mypage .profile_image_photo{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#mypage .profile_image_video{
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 10px;
}

#mypage .profile_image_thum{
	overflow: hidden;
	margin: 0 0 5px 0;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
}

#mypage .profile_image_thum img{
	display: block;
	margin: 0;
	padding: 0;
}

#mypage .profileImage_1,
#mypage .profileImage_2{
	position: relative;
	margin: 0;
	padding: 10px 0 10px 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	background: #fff;
}


#mypage .profileImage_1::before{
	position: absolute;
	top: 50%;
	left: 5px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_photo_b.png) no-repeat;
  	background-size: contain;
}

#mypage .profileImage_2::before{
	position: absolute;
	top: 50%;
	left: 5px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 20px;
	height: 20px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_video_b.png) no-repeat;
  	background-size: contain;
}




#mypage .account_loginID,
#mypage .account_loginPass{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	border: 1px solid #f0f0f0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#mypage .account_loginID .th,
#mypage .account_loginPass .th{
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 3px;
	padding: 5px 0 5px 0;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: rgba(174,131,214,1);
}

#mypage .account_loginID .td,
#mypage .account_loginPass .td{
    	overflow: hidden;
	box-sizing: border-box;
	width: 70%;
	margin: 0;
	padding: 0 5px 0 5px;
	font-size: 1rem;
	text-align: right;
	color: #000;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#mypage .account_loginID:active,
#mypage .account_loginPass:active{
	transform: scale(0.9);
}

#mypage .account_push{
	display: flex;
	align-items: center;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	border: 1px solid #f0f0f0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#mypage .account_push .th{
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 3px;
	padding: 10px 0 10px 0;
	border-radius: 4px;		/* CSS3草案 */
	-webkit-border-radius: 4px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 4px;	/* Firefox用 */
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: rgba(174,131,214,1);
}

#mypage .account_push .td{
    	overflow: hidden;
	box-sizing: border-box;
	width: 70%;
	margin: 0;
	padding: 0 5px 0 5px;
	font-size: 1rem;
	text-align: right;
	color: #000;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#mypage #push-menus{
  margin: 0;
  padding: 5px 0 20px 0;
}


#mypage .push-main_p{
  margin: 0 50px 0 0;
  padding: 0;
  width: 40%;
  height: 100%;
  float: right;
  text-align:right;
  vertical-align: middle;
  color: #d9c5ff;
}




#mypage .m-table{
  clear: both;
  width:96%;
  margin: 0 auto 0 auto;
  padding: 0;
  font-size:12px;
}

#mypage .m-table ul{
  list-style-type: none;
  overflow: hidden;
  margin: 0;
  padding: 0;
   border-radius: 8px;		/* CSS3草案 */
   -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 8px;	/* Firefox用 */
}

#mypage .m-table ul a{
  color: #fff;
}

#mypage .m-table ul li{
  float:left;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
  width: 50%;
  height:130px;
  border: 1px solid #a9a9a9;
  text-align:center;
  color: #000;
  background: #fff;
}

#mypage .m-table ul li img{
  margin-top:10px;
  width:25%;
}

/* 20220322　追記 */

#mypage .m-table .newspost::before {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 15px;
    height: 15px;
    margin: 0;
    padding: 0;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    color: #fff;
    background: #f70454;
    content: "";
}


/**** mypage support (マイページ サポ問い合わせ) **********************************************************/

#mypage-support{
 padding: 192px 0 0 0;
 height:700px;
 }

#mypage-support h2{
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  padding: 0 0 10px 0;
}

#mypage-support .ms-main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#d9c5ff;
  font-size: 14px;
  margin: 2% auto 0 auto;
}

#mypage-support .block{
  display:block;
  width:40%;
  margin:0 auto 40px;
}

#mypage-support .button{
  background:#fe8eb2;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
}

#mypage-support .ms-title{
  width: 96%;
  padding: 2%;
  vertical-align:middle;
  background: #fff;
  color: #000;
  text-align:left;
}

#mypage-support .ms-top2{
  text-align:left;
  width: 100%;
  height: 50px;
  line-height: 40px;
  float:left;
  padding-bottom: 6px;
  margin-top: 20px;
  border-bottom: 1px solid #dcdcdc;
}

#mypage-support .ms-top2 a{
 text-decoration:none;
 color: #d9c5ff;
}


#mypage-support .ms-top2 img{
 width: 40%;
 margin-left:10px;
}

#mypage-support .ms-top2 .left{
  float:left;
  width:14%;
  text-align:left;
  color: #d9c5ff;
}

#mypage-support .ms-top2 .right{
  float:right;
  width:30px;
  padding-right:15px;
  margin:0;
  vertical-align:middle;
}




/**** mypage photoeding (マイページ 写真編集) **********************************************************/

#mypage-photoediting{
 padding: 192px 0 0 0;
 height:700px;
 }

.m-pe-top{
  text-align:center;
  width: 100%;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 12px;
  border-bottom: 2px solid #dcdcdc;
}

.m-pe-top img{
  width: 16%;
  margin-left:10px;
}

.m-pe-top .left{


  float:left;
  width:20%;
  text-align:left;
  font-size:12px;
  color: #a9a9a9;
}

.m-pe-top .right{
  float:right;
  width:20%;
  padding-right:15px;
  text-align:right;
}

.m-pe-title{
  position: relative;
  width: 30%;
  margin:0 auto 0 auto;
  color:#fff;
  text-align:center;
}

.m-pe-title img{
  margin: 0;
  padding: 0;
   border-radius: 50%;		/* CSS3草案 */
   -webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50%;	/* Firefox用 */
}

#mypage-photoediting h2{
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 100%;
  font-size: 16px;
  padding-left:5px;
  margin:0;
  padding: 0 0 5px 0
}

.m-pe-sub-image{
  width: 100%;
  height: auto;
  float:left;
  margin-bottom:10px;
 list-style-type: none;
}

.m-pe-sub-image ul{
  width: 100%;
  margin:0;
  padding:0;
 list-style-type: none;
}

.m-pe-sub-image ul li{
 width:15%;
  padding:5px;
  float:left;
 list-style-type: none;
}

.m-pe-main{
  height: auto;
  padding:0;
  text-align:center;
  color: #fff;
  font-size: 14px;
  margin: 0 0 20px 10px;
}


#mypage-photoediting .entryForm{
	overflow: hidden;
	margin: 0 30% 30px 30%;
	padding: 0;
}


#mypage-photoediting #photo_upload input,
#mypage-photoediting #file_upload input{
    display: none;
}

#mypage-photoediting #photo_upload{
	margin: 0;
	padding: 0;
}


#mypage-photoediting #photo_upload .photo_upload_icon{
	position: absolute;
	right: 0;
	bottom: 0;
	box-sizing: border-box;
	width: 35%;
	margin: 0 auto 0 auto;
	padding: 2px;
	border: 2px solid #838283;
 	border-radius: 50%;/*角丸*/
	text-align: center;
	background: #fff;

}


/**** mypage profileeding (マイページ プロフィール編集) **********************************************************/


#mypage-profileediting{
	padding: 192px 0 30px 0;
}

ul#mype-menus{
  padding:0;
  margin-block-start: 1em;
  margin-block-end: 1em;
  margin-inline-start: 0px;
  margin-inline-end: 0px;
  list-style: none;
  color:#a9a9a9;
}

#mype-menus li{
  width: 80%;
  margin: 30px auto 10px auto;
  padding: 10px 0px 20px 0px;
  border-bottom: 1px solid #a9a9a9;;
  font-size: 15px;
  list-style: none;
}

.mype-main_t{
  width: 50%;
  height: 10%;
  float:left;
  color:#a9a9a9;
}

.mype-main_p{
  width: 50%;
  height: 10%;
  float:left;
  text-align:right;
  color:#a9a9a9;
}

.mype-main-title{
  width: 75%;
  margin: 0px 8% 0px;
  padding:20px 0px 5px;
  color:#fff;
  text-align:left;
}

.mype-main-cap{
  width: 75%;
  margin: 0px 8% 20px;
  padding:10px;
  background: #ebe5e5;
  color:#838283;
  text-align:left;
}

.mype-main-cap textarea{
  font-size:12px;
  line-height:14px;
  color:#888;
  background: #ebe5e5;
  border:none;
}

.mype .block{
  display:block;
  width:60%;
  margin:30px auto;
}

.mype .button{
  background:#f70454;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
}


#mypage-profileediting h2{
  height:25px;
  font-size:16px;
  color: #fff;
  margin: 0 0 0 10px;
}


#mypage-profileediting h2 img{
  margin:0 10px 0 0;
  width: 4%;
  height: 90%;
  vertical-align: middle;
}

#mypage-profileediting form{
  padding:0 0 0 10px;
  margin:0 0 20px 0;
  font-size:90%;
  color: #666;
}

#mypage-profileediting .setsumei{
  display:block;
  width:180px;
  float:left;
  color:#d9c5ff;
}

#mypage-profileediting .point{
  display:block;
  width:30px;
  margine-top:5px;
}

#mypage-profileediting .hissu{
  background:#f70454;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:3px;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
  float:left;
  margin:1px 10px 0 0;
}

#mypage-profileediting small{
  color:#f70454;
  font-weight:bold;
  font-size:11px;
}

#mypage-profileediting .pink {
  color: #fff;
}


#mypage-profileediting .f12 {
  font-size:12px;
}


#mypage-profileediting input.waku{
  width:65%;
  background: #f8f6f7;
  padding:14px;
  font-size:16px;
  border:none;
}

#mypage-profileediting input.waku2{
  width:65%;
  background: #f8f6f7;
  padding:14px;
  margin:5px 0 0 180px;
  font-size:16px;
  border:none;
}

#mypage-profileediting p{
  text-align:center;
}


#mypage-profileediting .profile_entry{
  box-sizing: border-box;
  width: 100%;
  border-top: 1px dotted #fff;
  border-bottom: 1px dotted #fff;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0 0 15px 0; 
  padding: 0;
}

#mypage-profileediting .profile_entry tr{ 
  border-bottom: 1px dotted #fff;
}

#mypage-profileediting .profile_entry td{ 
  box-sizing: border-box;
  margin: 0;
  padding: 5px 2% 5px 2%;
  vertical-align: middle;
}

#mypage-profileediting select{
 -webkit-appearance:none;
}

#mypage-profileediting .selectBox{ 
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border: none; 
   font-size: 0.8rem;
   background: #f8f6f7;
}

#mypage-profileediting .area_1{border-bottom: 1px solid #e6e6e6  !important;}


#mypage-profileediting .profile_entry .nickname{
   box-sizing: border-box;
   width: 100%;
   margin: 0;
   padding: 10px;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   border:none;
   background: #f8f6f7;
}


#mypage-profileediting .username{
   box-sizing: border-box;
   width: 96%;
   margin: 15px auto 0 auto;
   padding: 10px;
   border:none;
   border-radius: 50px;		/* CSS3草案 */
   -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
   -moz-border-radius: 50px;	/* Firefox用 */
   text-align: center;
   color: #fff;
   background: rgb(90,68,125);
}





/**** mypage news (マイページ ニュース) **********************************************************/

#mypage-news{
 clear: both;
 padding: 192px 0 0 0;
}

#mypage-news .mypage-news-post{
  overflow: hidden;
  box-sizing: border-box;
  width: 96%;
  margin: 0 auto 5px auto;
  padding: 3%;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 8px;		/* CSS3草案 */
  -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 8px;	/* Firefox用 */
  background: #fff;
}

#mypage-news .mypage-news-post a{
	display: block;
	width: 100%;
	text-decoration: none;
}

#mypage-news .mypage-news-post-inner{
  box-sizing: border-box;
  width: 100%;
  border-bottom: 1px dotted #fff;
  border-collapse: collapse;
  border-spacing: 0;
  margin: 0; 
  padding: 0;
}


#mypage-news .mypage-news-post-inner tr{ 
  margin: 0;
  padding: 0;
}

#mypage-news .mypage-news-post-data{ 
  width: 90%;
  margin: 0;
  padding: 0;
  vertical-align: middle;
}

#mypage-news .mypage-news-data-title{
  margin: 0;
  padding: 0 0 3px 0;
  font-size: 1.0rem;
  font-weight: 700;
  color: #ff87ac;
}

#mypage-news .mypage-news-data-comment{
  margin: 0 0 3px 0;
  padding: 0;
  font-size: 0.8rem;
  text-align: left;
  font-weight: 700;
  color: #4f5a88;
}

#mypage-news .mypage-news-data-time{
    margin: 0 0 3px 0;
    padding: 0;
    font-size: 0.6rem;
    color: #838283;
}


#mypage-news .mypage-news-data-sub{
    width: 10%;
    margin: 0;
    padding: 0;
    font-size: 1.2rem;
    text-align: center;
    vertical-align: middle;
    color: #bb6bff;
}

#mypage-news .overlay{
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .7);
  opacity: 0;
  visibility: hidden;
  transition: .3s linear;
}

#mypage-news .overlay.is-open{
  opacity: 1;
  visibility: visible;
}

.mypage-news-post-detail{

  overflow: hidden;
  box-sizing: border-box;
  width: 480px;
  margin: 100px auto 15px auto;
  padding: 3%;
  border-bottom: 1px solid #dcdcdc;
  border-radius: 8px;		/* CSS3草案 */
  -webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 8px;	/* Firefox用 */
  background: #fff;

}

.mypage-news-post-detail-title{

  margin: 0;
  padding:  10px 0 10px 0;
  border-bottom: 1px solid #e6e6e6;
  font-size: 1.0rem;
  font-weight: 700;
  text-align: center;
  color: #ff87ac;

}

.mypage-news-post-detail-time{

  margin: 0 0 15px 0;
  padding: 0;
  font-size: 0.6rem;
  text-align: right;
  color: #a0a0a0;
}

.mypage-news-post-detail-aritlce{

  margin: 0;
  padding: 0;
  font-size: 1.0rem;
  text-align: left;
  line-height: 25px;
  color: #000;
}



#mypage-news .close {
  width: 300px;
  margin: 0 auto 0 auto;
  padding: 10px;
  text-align: center;
  border-radius: 50px;		/* CSS3草案 */
  -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 50px;	/* Firefox用 */
  color: #000;
  background: #fff;

}


/**** mypage setting (マイページ 各種設定) **********************************************************/

#mypage-setting{
 padding: 192px 0 0 0;
 height:700px;
 }

#set-menus{
 width:100%;
 padding: 0;
 display: block;
 list-style-type: disc;
 margin-block-start: 1em;
 margin-block-end: 1em;
 margin-inline-start: 0px;
 margin-inline-end: 0px;
 list-style: none;
 color:#4f4f4f;
}

#set-menus li{
  overflow: hidden;
  margin: 0;
  padding: 10px;
  border-bottom: 1px dotted #fff;
}

#set-menus li img{
  width: 40%;
}

#set-menus li .main_t{
  width: 60%;
  height: 10%;
  float:left;
  color:#d9c5ff;
}

#set-menus li .main_p{
  width: 40%;
  height: 10%;
  float:left;
  text-align:right;
  vertical-align:middle;
  color:#4f4f4f;
}

#set-menus li .main_p img{
  width: 15px;
  margin-bottom:5px;
}


/**** yes no top (モーダルウィンドウ) **********************************************************/

#yesno-link{
 width:50%;
 height:90px;
 margin-top:30%;
 margin:28% auto 0;
 padding:10px;
 background:#fff;
}

#yesno-link ul{
 list-style: none;
 padding:0;
}

#yesno-link ul li.title{
 width:100%;
 font-size:16px;
 color:#000;
 font-weight:bold;
 margin:0 0 20px 0;
 text-align:center;
}

#yesno-link ul ul.title2{
 width:100%;
 font-size:16px;
 color:#000;
 margin-bottom:10px;
 text-align:center;
}

#yesno-link ul ul.title2 li.no{
 width:50%;
 color:#000;
 text-align:center;
 padding:0;
 margin:0;
 float:left;
}

#yesno-link ul ul.title2 li.yes{
 width:50%;
 color:#000;
 text-align:center;
 float:left;
 padding:0;
 margin:0;
}


#yesno-link ul ul.title2 li a{
 width:40%;
  color:#000;
  padding:0 5px;
  text-decoration: none;
 text-align:center;
}



/**** mypage used (マイページ 使い方) **********************************************************/

#mypage-used{
 margin: 0;
 padding: 192px 0 20px 0;
}

.used-top{
  text-align:center;
  width: 100%;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 40px;
  border-bottom: 2px solid #dcdcdc;
}

.used-top img{
  width: 12%;
  margin-left:10px;
}

.left{
  float:left;
  width:20%;
  text-align:left;
  font-size:12px;
  color: #a9a9a9;
}

.right{
  float:right;
  width:20%;
  padding-right:15px;
  text-align:right;
}

#mypage-used p.title{
  color:#fff;
  width: 90%;
  font-size: 16px;
  margin: 10px 0 15px 20px;
}

#mypage-used h2{
  color:#fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  font-size: 16px;
  margin: -192px 0 5px 20px;
  padding: 192px 0 0 0;
  text-underline-offset:2px;
}

.used-title{
  width: 90%;
  height: auto;
  padding:0 2px;
  margin-right:4px;
  text-align:left;
  color: #000;
  font-size: 14px;
  line-height: 20px;
  background: #fff;
}

.used-main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color: #d9c5ff;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px 20px;
}

.pink {
  font-size:14px;
  color: #ffe400;
}

.pageindex{
 list-style: none;
 box-sizing: border-box;
 width: 96%;
 margin: 0 auto 30px auto;
 padding: 10px 10px 0 10px;
 border: 1px dotted #fff;
 background: rgba(0,0,0,0.1);
}

.pageindex li{
 margin: 0;
 padding: 0 0 10px 0;
 font-size: 15px;
}

.pageindex li a{
 color: #fff;
}


/**** mypage push (マイページ プッシュ通知) **********************************************************/

#mypage-push{
 margin: 0;
 padding: 192px 0 30px 0;
 }


.push-top{
  text-align:center;
  width: 100%;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 30px;
  border-bottom: 2px solid #dcdcdc;
}

.push-top img{
  width: 10%;
  margin-left:10px;
  vertical-align:text-bottom;
}

.left{
  float:left;
  width:20%;
  text-align:left;
  font-size:12px;
  color: #a9a9a9;
}

.right{
  float:right;
  width:20%;
  padding-right:15px;
  text-align:right;
}

.push-main-title{
  margin: 0 2%;
  padding:10px 10px 0 10px;
  color:#fff;
  font-size:14px;
  text-align:left;
}


#push-menus{
  padding: 0px 0 20px 0;
  list-style: none;
  color:#a9a9a9;
}

#push-menus li{
  height:16px;
  margin: 30px 20px 0px;
  padding: 10px 0px 10px 0px;
  border-bottom: 1px solid #a9a9a9;;
  font-size: 16px;
  list-style: none;
}

.push-main_t{
  width: 60%;
  height: 100%;
  float:left;
  color: #d9c5ff;
}

.push-main_p{
  width: 40%;
  height: 100%;
  float:left;
  text-align:right;
  color: #d9c5ff;
}


.push .block{
  display:block;
  width:40%;
  margin:0 auto;
}

.push .button{
  background:#fe8eb2;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
}



 /* === ボタンを表示するエリア ============================== */
.switchArea {
  position       : relative;            /* 親要素が基点       */
  margin         : -6px 0 0 160px;    /* 中央寄せ           */
  width          : 60px;               /* ボタンの横幅       */
  background     : #fff;                /* デフォルト背景色   */
  border-radius  : 30px;                /* 角丸               */
}

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

 /* === チェックボックスのラベル（標準） ==================== */
.switchArea label {
  display        : block;               /* ボックス要素に変更 */
  box-sizing     : border-box;          /* 枠線を含んだサイズ */
  height         : 30px;                /* ボタンの高さ       */
  border         : 2px solid #999999;   /* 未選択タブのの枠線 */
  border-radius  : 30px;                /* 角丸               */
}

 /* === チェックボックスのラベル（ONのとき） ================ */
.switchArea input[type="checkbox"]:checked +label {
  border-color   : #4bd963;             /* 選択タブの枠線     */
}

 /* === 丸部分のSTYLE（標準） =============================== */
.switchArea #swImg {
  position       : absolute;            /* 親要素からの相対位置*/
  width          : 22px;                /* 丸の横幅           */
  height         : 22px;                /* 丸の高さ           */
  background     : #999999;             /* カーソルタブの背景 */
  top            : 4px;                 /* 親要素からの位置   */
  left           : 4px;                 /* 親要素からの位置   */
  border-radius  : 26px;                /* 角丸               */
  transition     : .2s;                 /* 滑らか変化         */
}

 /* === 丸部分のSTYLE（ONのとき） =========================== */
.switchArea input[type="checkbox"]:checked ~ #swImg {
  transform      : translateX(30px);    /* 丸も右へ移動       */
  background     : #4bd963;             /* カーソルタブの背景 */
}


/**** mypage kiyaku (マイページ 利用規約) **********************************************************/

#mypage-kiyaku{
 padding: 192px 0 0 0;
 height:800px;
 }

.kiyaku-top{
  text-align:center;
  width: 100%;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 40px;
  border-bottom: 2px solid #dcdcdc;
}

.kiyaku-top img{
  width: 12%;
  margin-left:10px;
}

.kiyaku-top .left{
  float:left;
  width:4%;
  text-align:left;
  font-size:12px;
  color: #a9a9a9;
}

.kiyaku-top .right{
  float:right;
  width:20%;
  padding-right:15px;
  text-align:right;
}

#mypage-kiyaku h2{
  color:#666;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
}

.kiyaku-main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#838283;
  font-size: 14px;
  line-height: 20px;
  margin: 0 0 20px 20px;
}


.kiyaku-main ol{
  margin: 0;
  padding-left: 15px;
}



/**** mypage pp (マイページ プライバシーポリシー) **********************************************************/

#mypage-pp{
 padding: 192px 0 0 0;
 height:600px;
 }

.pp-top{
  text-align:center;
  width: 100%;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 40px;
  border-bottom: 2px solid #dcdcdc;
}

.pp-top img{
  width: 18%;
  margin-left:10px;
}

.pp-top .left{
  float:left;
  width:100px;
  text-align:left;
  font-size:12px;
  color: #a9a9a9;
}

.pp-top .right{
  float:right;
  width:100px;
  padding-right:15px;
  text-align:right;
}

#mypage-pp h2{
  color:#999;
  width: 90%;
  font-size: 16px;
  margin-left: 20px;
  text-underline-offset:2px;
}

.pp-main{
  width: 90%;
  height: auto;
  padding:0;
  text-align:left;
  color:#838283;
  font-size: 14px;
  margin: 0 0 40px 20px;
}

.pp-main ol{
  margin-left:-20px;
}


/**** mypage loginpass (マイページ ログインパスワード) **********************************************************/

#mypage-loginpass{
 padding: 192px 0 30px 0;
}

#mypage-loginpass #new-form{
 width: 96%;
 margin: 0px auto 0 auto;
 padding: 0 0 0 0;
}

#mypage-loginpass .loginpass-top{
  text-align:center;
  width: 100%;
  height:24px;
  line-height:24px;
  float:left;
  padding-bottom: 6px;
  margin-bottom: 30px;
  border-bottom: 2px solid #dcdcdc;
}

#mypage-loginpass .loginpass-top img{
  width: 30%;
  margin-left:10px;
}

#mypage-loginpass .left{
  margin-top:4px;
  float:left;
  width:10%;
  text-align:left;
  font-size:10px;
  color: #a9a9a9;
}

#mypage-loginpass .right{
  float:right;
  width:10%;
  padding-right:5px;
  text-align:right;
}


#mypage-loginpass h1{
  width: 90%;
  color: #fff;
  margin: 0px auto 10px auto;
  font-size:16px;
  text-align:left;
}

#mypage-loginpass .loginpass-main-title{
  width: 90%;
  margin: 0px auto 0px auto;
  padding:10px 0px 5px;
  color:#838283;
  text-align:left;
}

#mypage-loginpass .loginpass-main-cap{
  width: 80%;
  margin: 0px auto 10px auto;
  padding:20px;
  background: #ebe5e5;
  color:#838283;
  text-align:left;
}


#mypage-loginpass .loginpass .block{
  display:block;
  width:40%;
  margin:40px auto 0px;
}

#mypage-loginpass .loginpass .button{
  background: #fe8eb2;
  padding:1em 1em;
  border:none;
  text-decoration:none;
  color:#fff;
  font-size:1em;
  font-family:sans-serif;
  text-align:center;
  border-radius: 50px;
}



/**** mypage pointget (マイページ ポイントゲット) **********************************************************/

#mypage-pointget{
 clear: both;
 margin: 0;
 padding: 192px 0 0 0;
}

.pg-top img{
  width: 10%;
  margin-left:10px;
}

.pg-top{
  text-align:center;
  width: 100%;
  padding: 20px 0 10px;
  float:left;
  background: #fff;
}


.pg-top .left{
  float:left;
  width:30%;
  text-align:left;
}

.left img{
  width: 20%;
}

.right{
  float:right;
  width:80px;
  padding-right:15px;
  text-align:right;
}

.pg-top .right img{
  width: 20%;
}

.pg-main{
  width:100%;
  height:100%;
  text-align:center;
}

.pg-m-main{
  overflow: hidden;
  width:100%;
}

.pg-m-main .key{
  margin: 0 0 15px 0;
  padding: 0; 
  font-size: 1.2rem;
  font-weight: 700;
  text-align: center;
  color: #fff;
}

.pg-m-main-image2{
  width: 80%;
  height: auto;
  padding:15px 5px 15px 5px;
  margin:25px 10% 25px 10%;
  background: #fff;
  color:#838283;
  text-align:center;
  border-radius: 10px;
  float:left
}

.pg-m-main-image2 img{
  width: 10%;
  margin-right:20px;
  margin-bottom:10px;
  vertical-align: middle;
}

.pg-m-main-image2 .pt{
  color:#f70454;
  font-size:30px;
  font-weight:bold;
  margin-right:10px;
}

.pg-m-main-image2 p{
  margin: 10px 0 0;
}


/**** mypage pointget2 (マイページ ポイントゲット2) **********************************************************/

#mypage-pointget2{
 padding: 192px 0 20px 0;
}

.pg-top2 img{
  width: 10%;
  margin-left:10px;
}

.pg-top2{
  text-align:center;
  width: 100%;
  padding: 20px 0 10px;
  float:left;
  background: #fff;
  border-bottom: 2px solid #dcdcdc;
}


.pg-top2 .left{
  float:left;
  width:80px;/*180*/
  text-align:left;
}

.pg-top2 .left img{
  width: 20%;
}

.pg-top2 .right{
  float:right;
  width:80px;
  padding-right:15px;
  text-align:right;
}

.pg-top2 .right img{
  width: 20%;
}

.pg-main2{
  width:90%;
  height:90%;
  padding:5%;
}

.pg-main2 .title{
  margin:0 auto;
  padding:5px;
  text-align:center;
  line-height:50px;
}

.pg-main2 .title a{
 color: #fff;
}

.box{
 display: table;
 overflow: hidden;
 width:100%;
 margin: 0 0 30px 0;
 padding: 0;
 border-radius: 10px;
}

.box img{
	display: block;
	width: 100%;
}

.abox{
 display: table-cell;
 width: 40%;
 background:#9b86bf;
 text-align:center;
 vertical-align: middle;
 border-radius: 10px 0 0 10px; 
}

.abox p{
 color:#fff;
 font-weight:bold;
 margin:0;
 padding:0;
}

.bbox{
 display: table-cell;
 box-sizing: border-box;
 width:60%;
 margin: 0;
 padding: 2%;
 background: #fff;
 font-size: 25px;
 font-weight: 700;
 vertical-align: middle;
 text-align:center;
 color:#666;
 border-radius:0 10px 10px 0;
}


/**** mypage pointget3 (マイページ 決済内容) **********************************************************/

#mypage-pointget3{
 padding: 192px 0 0 0;
 height:900px;
}

.pg-main3{
  width:100%;
  height:100%;
  text-align:center;
}

.pg-m-main3{
  width:100%;
  height:1200px;
}

.pg-m-main3-image2{
  width: 80%;
  height: auto;
  padding:15px 0;
  margin:25px 10%;
  background: #fff;
  color:#838283;
  text-align:center;
  border-radius: 10px;
  float:left
}

.pg-m-main3-image2 .pt{
  color:#f70454;
  font-size:30px;
  font-weight:bold;
  margin-right:10px;
}

.pg-m-main3-image2 p{
  margin: 0 0 20px;
}

.pg-m-main3-btn{
  width:40%;
  height: auto;
  padding:0;
  margin:5px 30%;
  color:#838283;
  text-align:center;
  border-radius: 10px;
  float:left
}

.pg-main3 .block{
  display:block;
}

.pg-main3 .button{
  background: #fe8eb2;
  border:none;
  text-decoration:none;
  color: #fff;
  font-size:12px;
  font-family:sans-serif;
  text-align:center;
   border-radius: 50px;		/* CSS3草案 */
  -webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
  -moz-border-radius: 50px;	/* Firefox用 */
  font-weight:bold;
  width:100%;
  box-shadow: 0px 2px 4px grey;
}



/****  画面を中央に配置は style.css に記載   ******************************/




/**** ラストエンドフッターメニュー (最下部に 利用規約・プラボ・特商法　へのリンク) ***********************************************/

#lastend_menu{
 height:auto;
}

#lastend_menu ul#lastend_menu2{
 list-style: none;
 padding:0;
 border-top: 1px dotted #fff;
}

#lastend_menu ul#lastend_menu2 li{
 padding:20px 10px;
 border-bottom: 1px dotted #fff;
}

#lastend_menu ul#lastend_menu2 a{
 text-decoration:none;
 color: #d9c5ff;
}

#lastend_menu ul#lastend_menu2 li img.right{
 width: 15px;
 text-align: right;
}



/****pwa処理**********************************************************/

.login .top_c{
	top: 46px !important;
}


#pwa{
 	clear: both;
 	overflow: hidden;
 	margin: 0;
 	padding: 0 0 50px 0;
}

#pwa .pc{
 	margin: 0;
	padding: 96px 0 50px 0;
}

#pwa .pc .box{
	width: 80%;
	margin: 0 auto 0 auto;
	padding: 30px 0 30px 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#pwa .pc .box p{
	margin: 0 0 15px 0;
	padding: 0;
	font-size: 16px;
	text-align: center;
	color: #000;
}

#pwa .pc .box .btn_fav{
	position: relative;
	width: 60%;
	margin: 0 auto 0 auto;
	padding: 0;
	border-radius: 50px;		/* CSS3草案 */
	-webkit-border-radius: 50px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50px;	/* Firefox用 */
	background: rgba(255,192,0,1);
}

#pwa .pc .box .btn_fav a{
	display: block;
	margin: 0;
	padding: 15px 0 15px 0;
	font-size: 25px;
	text-decoration: none;
	text-align: center;
	color: #000;
}

#pwa .pc .box .btn_fav::after{
	position: absolute;
	top: 50%;
	left: 20px;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
	width: 30px;
	height: 30px;
	margin: 0;
	padding: 0;
	content: "";
	background: url(/img/www/wa/img/icon_fav.png) no-repeat;
  	background-size: contain;
}

#pwa .pc .box .btn_fav:active{
	transform: scale(0.9);
}

#pwa .push_app{
	overflow: hidden;
	width: 96%;
	margin: 96px auto 0 auto;
	padding: 0;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

#pwa .push_pic{
	margin: 0 0 15px 0;
	padding: 0;
}

#pwa .btn_push_app{
	width: 80%;
	margin: 0 auto 15px auto;
	padding: 0;
}

#pwa .btn_push_app:active{
	transform: scale(0.9);
}



/****フッター**********************************************************/

#footer{
	position: absolute;
    	position: fixed;
	bottom: 0;
	z-index: 9999;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #fff;
        min-height:50px;/*追記*/
}

.ft_navi{
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	padding: 0;
	width: 680px;	
}

.ft_navi li.left{
	float: left;
	width: 10%;
	padding: 1% 0;
	text-align: center;
}

.ft_navi li.center{
	float: left;
	width: 75%;
}


.ft_navi li.center textarea{
	font-family: 'ＭＳ ゴシック', 'Osaka-等幅';
	resize: none;
	overflow: hidden;
	white-space: break-spaces;
	line-break: anywhere;
	box-sizing: border-box;
	margin: 0 1% 0 0;
	padding: 1px;
	border: 1px solid #553e28;
	font-size: 2vw;
	text-align: left;
        color:#888;
	background: #f8f6f7;
}




.ft_navi li.center .flexta {
  position: relative;
  font-size: 12px;
  margin:2% 0;
}


.ft_navi li.center .flexta_waku {
  overflow: hidden;
  visibility: hidden;
  box-sizing: border-box;
  padding: 5px;
  min-height: 40px;
  white-space: pre-wrap;
  word-wrap: break-word;
  overflow-wrap: break-word;
  border: 1px solid;
}


.ft_navi li.center .flexta_ta {
  position: absolute;
  top: 0;
  left: 0;
  box-sizing: border-box;
  padding: 5px;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: 1px solid #b6c3c6;
  border-radius: 4px;
  color: inherit;
  font: inherit;
  letter-spacing: inherit;
  resize: none;
}



.ft_navi li.right{
	float: left;
	box-sizing: border-box;
	width: 12%;
	height: 100%;
        line-height:38px;
	margin: 10px;
	padding: 0;
	border: 1px solid #553e28;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-align: center;
        color:#fff;
	background: #f60555;
}

.ft_navi li img{
  width:60%;
  margin:1% 0;
}


#footer .copy{
	clear: both;
	margin: 0;
	padding: 0;
	font-size: 11px;	
	text-align: center;
	color: #514103;
}


/****top 修正**********************************************************/

.col3{
  /*background: #f0f0f0;*/
 }
 
 .top_e{
  /*background: #f0f0f0;*/
 }
 
/*2024 マイル機能追加*/

#mypage .account_mile{
	overflow: hidden;
	box-sizing: border-box;
	width: 96%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	/*border: 1px solid #acacac;*/
	border-radius: 8px;	
	background: rgba(255,255,255,1.0);/* rgba(255,255,255,0.7) */
}

#mypage .account_mile a{
	display: block;
	width: 100%;
	border-radius: 4px;
	text-decoration: none;
}

#mypage .account_mile .th{
	float: left;
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 3px;
	padding: 5px 0 5px 5px;
	border-radius: 4px;		
	font-size: 0.8rem;
	text-align: center;
	color: #fff;/* a3805f */
        background: rgba(174, 131, 214, 1);
}

#mypage .account_mile .td{
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 6px 15px 4px 0;
	font-size: 1rem;
	text-align: right;
	color: #000;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#mypage .account_mile .exchage{
	float: right;
	box-sizing: border-box;
	width: 16%;
	margin: 3px 2%  0 0;
	padding: 3px 3px 2px 3px;
	border-radius: 4px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #ffc000; /*#ffb7cd;*/

}

#mypage .account_mile .exchage a{text-decoration: none;}



#mypage .account_mile:active{
	transform: scale(0.9);
}

/*2024 ポイントページのマイル機能追加*/

#mypage-pointget .account_mile{
	overflow: hidden;
	box-sizing: border-box;
	width: 80%;
	margin: 0 auto 5px auto;
	padding: 3px 0 3px 0;
	border: 1px solid #acacac;
	border-radius: 8px;	
	background: rgba(255,255,255,1.0);/* rgba(255,255,255,0.7) */
}

#mypage-pointget .account_mile a{
	display: block;
	width; 100%;
	border-radius: 4px;
	text-decoration: none;
}

#mypage-pointget .account_mile .th{
	float: left;
	box-sizing: border-box;
	width: 30%;
	margin: 0 0 0 3px;
	padding: 5px 0 5px 5px;
	border-radius: 4px;		
	font-size: 0.8rem;
	text-align: center;
	color: #fff;/* a3805f */
        background: rgba(174, 131, 214, 1);
}

#mypage-pointget .account_mile .td{
	float: left;
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	padding: 6px 15px 4px 0;
	font-size: 1rem;
	text-align: right;
	color: #000;
    	text-overflow: ellipsis;
    	white-space: nowrap;
}

#mypage-pointget .account_mile .exchage{
	float: right;
	box-sizing: border-box;
	width: 16%;
	margin: 3px 2%  0 0;
	padding: 3px 3px 2px 3px;
	border-radius: 4px;
	font-size: 0.8rem;
	text-align: center;
	color: #fff;
	background: #ffc000; /*#ffb7cd;*/

}

#mypage-pointget .account_mile .exchage a{text-decoration: none;}



#mypage-pointget .account_mile:active{
	transform: scale(0.9);
}


}/*end*/