@charset "utf-8";

/*------------------------------------------------------------------*/
/*--スマホ用CSS----------------------------------------------------------------*/
/*------------------------------------------------------------------*/

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

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

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


html{height: 100%;}

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


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 72px 0;/*←footerの高さ*/
        box-sizing: border-box;
	overflow-wrap: break-word;
}

.container{
	margin: 0;
	padding: 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;
}


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


#header{
	clear: both;
	position: fixed;
	top: 0;
        z-index:10000;
	width: 100%;
	margin: 0;
	padding: 10px 0 10px 0;
 	background: rgb(90,68,125);
}
 

#header .page_title{
	margin: 0;
	padding: 0;/* 23px 0 20px 0 */
	font-size: 16px;
	text-align: center;
	color: #fff;
}


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


#header .top-register_title{
 width:100％;
 height:25px;/* 50px */
 margin: 0 auto;
 padding: 3px 0; /* 10px 0 5px 0 */
 color: #fff;
}

#header .top-register_title .icon{
 width:8%;/*10%*/
 margin: 0 3%;
 float:left;
}

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

#header .top-register_title ul li{
 font-size: 0.6em;/*0.8em*/
 line-height:16px;/*20px*/
 list-style: none;
}


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

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

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


.menu{
  position: fixed;
  bottom: 0;
  z-index: 9999;
  overflow: hidden;
  text-align:center;
  width: 100%;
  margin: 0;
  padding: 0;
  background: rgb(90,68,125);
}

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

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

.menu li{
 width:25%;
 float:left;
 display: inline-block;
 vertical-align: bottom;
 margin: 0;
 padding: 0 0 3% 0;
 font-size: 0.7rem;
}

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

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



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


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

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

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

.col3 li {
  /*width: calc(100% / 3);*/
 /*font-size:16%;*/
}

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

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

.col3 .left img{
  display: block;
}


.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: 40px;
  height: 36px;
  margin: 0;
  padding: 4px 10px;
  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: 36px;
  text-align:center;
  width: 100%;
  margin: 0;
  padding: 0;
  border-bottom: 1px solid #3c1d56;
  z-index:999;
  background: #86a1bf;
}

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

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


.top_e{
  position: fixed;
  width: 100%;
  margin: 36px 0 0 0;
  padding: 0;
  border-bottom: 1px solid #3c1d56;
  z-index:999;
  text-align:center;
  background: #86a1bf;
}



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

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


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

#company{
 margin: 0;
 padding: 90px 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: 90px 0 0 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: 90px 0 0 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{
 margin: 0;
 padding: 65px 3% 0 3%;
}

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


/**** 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 0 30px 0;
}

#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{
 margin: 0;
 padding: 15px 0 0 0;
}

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


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

#profile-registration form{
  margin: 0;
  padding: 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: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-registration small{
  color:#fff;
  font-weight:bold;
  font-size:11px;
}

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


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


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

#profile-registration input.waku2{
  width:35%;
  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{
   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;
}


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


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


#profile-registration .username{
   box-sizing: border-box;
   width: 96%;
   margin: 0 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 15px auto;
   padding: 0 0 0 15px;		
   text-align: center;
   font-size: 1rem;
   color: #fff;
}

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


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

#profile-creation{
 padding: 56px 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 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: 96%;
	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;

}

#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 0 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 30px 0px 30px;
  padding: 10px 0px 20px 0px;
  font-size: 15px;
  height:50px;
}


#m-photo-registration ul#menus li .main_t{
  width: 10%;
  float:left;
  padding-left:6px;
  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: 80%;
  float:left;
  padding-left:16px;
  text-align:left;
  vertical-align: middle;
  display: table; /*テーブル要素に変更*/
  font-size:12px;
}

#m-photo-registration ul#menus li .main_t p{

}

#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: bottom; /*上下中央*/
}


/*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%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
	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{
	margin: 0;
	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;
	font-size: 0.7rem;
	text-align: center;
	line-height: 1.5;
	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{
 margin: 0;
 padding: 60px 0 0 0;
}

#age-verification h2{
  color: #fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  font-size: 14px;
  margin-left: 20px;
  padding: 0 0 5px 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:#838283;
  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: #fff;
}

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


.mb20{
  margin-bottom:20px;
}

.mb40{
  margin-bottom:40px;
}

#age-verification2{
 padding: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 30px 0px 30px;
  padding: 10px 0px 20px 0px;
  font-size: 15px;
  height:50px;
}


#age-verification2 ul#menus li .main_t{
  width: 10%;
  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%;
  float:left;
  padding-left:16px;
  text-align:left;
  vertical-align: middle;
  display: table; /*テーブル要素に変更*/
  font-size:12px;
}

#age-verification2 ul#menus li .main_t p{

}

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

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

#age-verification2 p.f12 a{
    color:#666;
}

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

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

#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:60%;
 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: 45px 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 0 auto;
  padding: 0;
  text-align:center;
}

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

#looking a{
  color: #fff;
}

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

.upper img{
 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:#484848;
}

#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: #666;
  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);
}

/* 20220326 追記 */

#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: 150px;
}

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

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




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

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

#looking-search-result .r-main{
  width: 96%;
  margin: 0 auto 0 auto;
  padding: 0;
}

#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:-40px;
  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:100%;
  padding: 0;
  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{
  position: fixed;
  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;
	align-items: flex-end;
	width: 96%;
	margin: 0 auto 0 auto;
	padding: 80px 0 0 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: 10px;
	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: 1rem;
	text-align: left;
	color: #000;
	background: rgba(255,255,255,0.7);
}

#looking-search-result .thumb{
	list-style: none;
	overflow: hidden;
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 15px 0 15px 15px;

}

#looking-search-result .thumb li{
	float: left;
	overflow: hidden;
	width: 70px;
	height: 70px;
	margin: 0 2% 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{
 width:100%;
 margin: 0;
 padding: 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{
  display: table;
  overflow: hidden;
  box-sizing: border-box;
  width: 96%;
  margin: 0 auto 5px auto;
  padding: 10px;
  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: 25%;
  margin: 0 0 0 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: 68%;
  margin: 0; 
  padding: 0 0 0 2%;
 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: 1.2rem;
  font-weight: 700;
  color:#ff87ac;
}

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

.talk-menu-main-data-pr{
  margin: 0 0 3px 0; 
  padding: 0 10px 0 0;
  font-size: 0.8rem;
  font-weight: 700;
  color:#4f5a88;
}


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


.talk-menu-main-data-range{
  margin: 0 0 3px 0; 
  padding: 0;
  font-size: 0.8rem;
  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;
  color:#bb6bff;
}

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

.talk-screen{
	margin: 0;
	/*padding: 90px 0 0 0;*/
	padding: 70px 0 0 0;
	display:block;
}


.talk-screen-main{
	overflow: hidden;
	margin: 0 auto;
	padding: 3% 5% 3% 3%;
}

.h50{
height:50px;
}

.h100{
height:100px;
}

.h150{
height:150px;
}

.h200{
height:200px;
}

.h250{
height:250px;
}

.talk-screen-main .talk-image{
 width: 15%;
 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{
 color:#fff;
 text-align:left;
 min-width:150%;
 margin-left:64px;
 margin-top:-60px;
 font-size:12px;
 padding:2%;
}

.talk-screen-main .talk-name_me{
 color:#888;
 text-align:right;
 margin-left:250px;
 margin-top:-60px;
 font-size:12px;
 padding:2%;
}

.talk-screen-main .main-talk{
 color:#000;
 text-align:left;
 min-width:500%;
 margin-left:60px;
 margin-top:10px;
 font-size:12px;
 padding:10%;
 background: #ffffff;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
}


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


.talk-screen-main .main-talk2{
 color:#000;
 text-align:left;
 width:210%;
 margin-left:60px;
 margin-top:10px;
 font-size:12px;
 padding:10%;
 background: #ffffff;
 border: 1px solid #dcdcdc;
 border-radius: 2%;
}


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


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

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


/* 新吹き出し */

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

.balloon6 .faceicon{
  float: left;
  overflow: hidden;
  position: relative;
  z-index: 99;
  width: 60px;
  margin: 0 -50px 0 0;
  padding: 0;
  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;
  width: 100%;
  font-size: 0.8rem;
  text-align: left;
  color: #fff;
}
.says {
  display: inline-block;
  position: relative; 
  margin: 0 0 10px 70px;
  padding: 10px;
  max-width: 220px;
  font-size: 1.0rem;
  border-radius: 12px;
  background: #fff;
  box-shadow: -3px 3px 2px 0 #484848;
  /*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 {
  display: inline-block;
  clear: both;
  position: relative; 
  margin: 0 0 10px 80px;
  padding: 8px;
  max-width: 100px;
  background: #fff;
  border-radius: 12px;
  box-shadow: -3px 3px 2px 0 #484848;
}





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

.mycomment .my-time{
  clear: both;
  padding:0;
  margin: 0;
  width: 100%;
  font-size: 0.8rem;
  text-align: right;
  color:#fff;
}

.mycomment p {
  float: right;
  display: inline-block;
  clear: both;
  position: relative; 
  margin: 0 0 10px 80px;
  padding: 10px 15px 10px 10px;
  max-width: 260px;
  border-radius: 12px;
  background: #d8acf4;
  font-size: 1.0rem;
  box-shadow: 3px 3px 2px 0 #484848;
  /* font-family: 'Kosugi Maru', sans-serif; この文字指定すると、なぜかLINE(iPhone)で文字数少ない時に最後の1文字が改行されるのでコメントアウト */
}

.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 img{
  display: inline-block;
  position: relative; 
  margin: 0 0 10px 200px;
  padding: 8px;
  max-width: 100px;
  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;
	padding: 0;
}

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

.col4 .center{
	float: left;
	width: 80%;
	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: 5px 1px 0px 1px;
}

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

	}


.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: 80%;
  margin: 100px 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: 1.2rem;
  font-weight: 700;
  text-align: center;
  color: #ff87ac;
}



.talk-lock-aritlce{

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


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


.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{
	margin: 0;
	padding: 80px 0 150px 0;
}

#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;
	align-items: flex-end;
	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 .main_image img{display: block;}

#mypage .sub_wrap{
	display: flex;
    	display: -webkit-flex;
	width: 80%;
	margin: 15px auto 15px auto;
	padding: 0;
}

#mypage .sub_wrap .sub_thumbnmail{
	overflow: hidden;
	box-sizing: border-box;
	width: 20%;
	margin: 0;
	padding: 5px;
}

#mypage .sub_wrap .sub_thumbnmail img{
	display: block;
	border: 2px solid #fff;
	border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */
	-moz-border-radius: 50%;	/* Firefox用 */
}


#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:100px;
  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: #bb6bff;
    content: "";
}

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

#mypage-support{
 padding: 90px 0 20px 0;
 }

#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: 0 0 20px 20px;
}

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

#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{
  padding: 10px;
  vertical-align:middle;
  background: #fff;
  color:#000;
  text-align:left;
}

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

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

}

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

#mypage-support .ms-top2 .right{
  float:right;
  width:9%;
  padding-right:15px;
  margin-top:4px;
  text-align:right;
}

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



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

#mypage-photoediting{
 padding: 90px 0 20px 0;
}

.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;
  z-index: 0;
  box-sizing: border-box;
  width: 30%;
  margin:0 auto 0 auto;
  padding: 0;
  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:#d9c5ff;
  border-bottom: 1px dotted #fff;
  font-size: 16px;
  padding: 0 0 10px 5px;
  margin: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{
  width: 94%;
  height: auto;
  padding:0;
  text-align:left;
  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: 90px 0 20px 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: 50px 0 0 10px;
}


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

#mypage-profileediting form{
  margin: 0;
  padding: 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: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;
}

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

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


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


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

#mypage-profileediting input.waku2{
  width:35%;
  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{
   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;
}


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


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


#mypage-profileediting .username{
   box-sizing: border-box;
   width: 96%;
   margin: 0 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: 90px 0 20px 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: 96%;
  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: 40%;
  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: 90px 0 20px 0;
 }

#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;
  border-top: 1px dotted #fff;
 list-style: none;
 font-size: 0.8rem;
}

#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%;
  margin: 0;
  padding: 0;
  float:left;
  text-align:right;
  vertical-align:middle;
  color:#4f4f4f;
}

#set-menus li .main_p img{
  width: 6%;
}


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


#yesno-link{
 width:70%;
 height:90px;
 border-radius:3%;
 margin-top:70%;
 margin-left:14%;
 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: 90px 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:#d9c5ff;
  width: 90%;
  font-size: 16px;
  margin: 10px 0 30px 20px;
}

#mypage-used h2{
  color:#fff;
  border-bottom: 1px solid #fff;
  width: 90%;
  font-size: 16px;
  margin: -90px 0 5px 20px;
  padding: 90px 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: 90%;
 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: 0.8rem;
}

.pageindex li a{
 color: #fff;
}


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

#mypage-push{
 margin: 0;
 padding: 90px 0 20px 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: 14%;
  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;
}

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


#push-menus{
  list-style: none;
  padding: 0px 0 20px 0;
  border-top: 1px dotted #fff;
  color:#a9a9a9;
}

#push-menus li{
  height:16px;
  margin: 0;
  padding: 10px 0px 10px 10px;
  border-bottom: 1px dotted #fff;
  font-size: 16px;
}

.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 80px;    /* 中央寄せ           */
  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: 90px 0 20px 0;
 }

.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:20px 0px;
 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: 3%;
  margin-left:10px;
}

.t-al_m-l5{
  margin-left:5px;
  text-align: left;
}

.pp-top .left{
  margin-top:4px;
  float:left;
  width:12%;
  text-align:left;
  font-size:10px;
  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{
 margin: 0;
 padding: 90px 0 0 0;
}

#mypage-loginpass #new-form{
 margin: 0;
 padding: 0 3% 0 3%;
}


#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: 40%;
  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:50%;
  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{
 padding: 90px 0 20px 0;
}

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

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


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

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

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

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

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

.pg-m-main{
  overflow: hidden;
}

.pg-m-main img{
  width;50px;
}

.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{
  height: auto;
  padding:15px 5px 15px 5px;
  margin:25px 14% 25px 14%;
  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: 90px 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;
}

.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;
 vertical-align: middle;
 text-align:center;
 color:#666;
}

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






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


#mypage-pointget3{
 padding: 90px 0 20px 0;
}

.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:22px;
  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{
 text-decoration:none;
 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:3%;
 text-align: right;
}



/****アカウントログイン**********************************************************/

.login_form{
	box-sizing: border-box;
	width: 96%;
	margin: 90px auto 0 auto;
	padding: 15px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #fff;
}

.login_form table{
	box-sizing: border-box;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0 0 10px 0; 
	padding: 0;
}

.login_form tr{ border: 0;}


.login_form td{ 
	box-sizing: border-box;
	margin: 0;
	padding: 5px;
	fon-size: 0.7rem;
	vertical-align: middle;
}

.login_form  .waku{
	box-sizing: border-box;
	width: 100%;
	margin: 0;
	padding: 10px 5px 10px 5px;
	border: 1px solid #e6e6e6;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: #f0f0f0;
}

.login_form .email,
.login_form .password{
	margin: 0;
   	padding: 0;
	font-size: 0.7rem;
	color: #333;
	vertical-align: middle;			
}




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

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

#pwa .video_hero{
 margin: 0 0 15px 0;
 pading: 0;
}



#pwa .next-arrow,
#pwa .prev-arrow{width: 25px;}


#pwa .appeal{
	position: fixed;
	bottom: 15px;
	left: 0;
	right: 0;
	width: 60%;
	margin: auto;
	padding: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: linear-gradient(0deg, rgba(255,239,0,1) 0%, rgba(255,192,0,1) 100%);
}

#pwa .appeal::before{
  	content: '';
  	position: absolute;
  	display: block;
  	width: 0;
  	height: 0;
  	left: 0;
  	right: 0;
 	bottom: -14px;
  	margin: 0 auto;
  	border-top: 15px solid #ffef00;
  	border-right: 15px solid transparent;
  	border-left: 15px solid transparent;
}

#pwa .appeal_android{
	position: fixed;
	top: 20px;
	right: 35px;
	z-index: 9999;
	width: 60%;
	margin: 0;
	padding: 10px;
	border-radius: 8px;		/* CSS3草案 */
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	background: linear-gradient(0deg, rgba(255,239,0,1) 0%, rgba(255,192,0,1) 100%);
}

#pwa .appeal_android::before{
  	content: '';
  	position: absolute;
  	display: block;
  	width: 0;
  	height: 0;
  	right: -8px;
  	top: -10px;
  	border-left: 20px solid #ffc000;
  	border-top: 10px solid transparent;
  	border-bottom: 10px solid transparent;
  	transform: rotate(-45deg);
}


.updown {
animation-name:updown1;   /* アニメーション名の指定 */
animation-delay:0s;   /* アニメーションの開始時間指定 */
animation-duration: 3s;   /* アニメーション動作時間の指定 */
animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
animation-iteration-count: infinite; 
}
@keyframes updown1 {
0% {
transform: translateY(0);
}
50% {
transform: translateY(-20px);
}
100% {
transform: translateY(0);
}
}

#pwa .detail_safari,
#pwa .detail_chrome,
#pwa .detail_android{
	margin: 0;
	padding: 0;
	font-size: 1rem;
	text-decoration: underline;
	text-align: center;
	color: #fff;
}

#pwa .help_more{
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1rem;
	text-decoration: underline;
	text-align: center;
	color: #02b6fa;
}


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



#pwa .push_app{
	overflow: hidden;
	width: 96%;
	margin: 0 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;
	z-index: 9999;
	bottom: 0;
	overflow: hidden;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 2% 0;
	background: #fff;
	min-height:50px;
}

.ft_navi{
	list-style: none;
	overflow: hidden;
	margin: 0 auto;
	padding: 0 0 0 1%;
	
}

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


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

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




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


.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: 20%;
	height: 40px;
        line-height:40px;
	margin: 1%;
	padding: 0;
	border: 1px solid #e6e6e6;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	text-align: center;
        color:#fff;
        background: #fe8eb2;
}

.ft_navi li img{
  width:80%;
}


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


/*--20231005 PWA 許可表示追加----------------------------------------------*/

#pwa .notice{
	overflow: hidden;
	width: 96%;
	margin: 15px auto 0 auto;
	padding: 0 0 15px 0;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */	
	background: #f9f9f9;
  	box-shadow: 0px 10px 10px -6px rgba(0, 0, 0, 0.3);
}

#pwa .notice h2{
	margin: 0;
	padding: 8px 0 8px 10px;
	font-size: 0.8rem;
	font-weight: normal;
	text-align: left;
	color: #fff;
	background: #7f8c8d;
}

#pwa .notice p{
	margin: 0;
	padding: 15px;
	font-size: 0.8rem;
	text-align: left;
	color: #000;
}

#pwa .notice .detail_block{
	box-sizing: border-box;
	width: 90%;
	margin: 0 auto 0 auto;
	padding: 10px 0 10px 10px;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */	
	font-size: 0.8rem;
	color: #fff;
	background: #95a5a6;

}

#pwa .notice .detail_block::after{

	position: absolute;
	box-sizing: border-box;
	right: 35px;
	margin: 0;
	padding: 0;
	font-size: 12px;
	color: #fff;
	content:">";
}


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


.btn_setting,
.btn_batsu,
.btn_ex{
 float: right;
 width: 20px;
}

/*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*/