body{
    /*letter-spacing:0.12em !important;*/
}
.l-divIcon{
}
.l-divIcon-img{
}
.div-pinstyle-illust{
}
.div-pinstyle-balloon{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #fff;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #fff;
}
.div-pinstyle-balloon img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
/*
add 20240819
*/
.div-pinstyle-balloon-lightgray{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #ddd;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-lightgray:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ddd;
}
.div-pinstyle-balloon-lightgray img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-darkgray{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #666666;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-darkgray:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #666666;
}
.div-pinstyle-balloon-darkgray img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-darkred{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #b30202;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-darkred:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #b30202;
}
.div-pinstyle-balloon-darkred img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-lightgreen{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #03fc52;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-lightgreen:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #03fc52;
}
.div-pinstyle-balloon-lightgreen img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-shockingpink{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #FC0FC0;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-shockingpink:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #FC0FC0;
}
.div-pinstyle-balloon-shockingpink img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-red{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #ff0000;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-red:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #ff0000;
}
.div-pinstyle-balloon-red img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-skyblue{
	position: relative;
  display: inline-block;
  background: #fff;
  width:40px;
  height:40px;
  margin-left:-25px;
  margin-top:-35px;
  border:3px solid #14f0f7;
  border--radius:6px;
    -webkit-border-radius:6px;
}
.div-pinstyle-balloon-skyblue:before{
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-top: 10px solid #14f0f7;
}
.div-pinstyle-balloon-skyblue img{
	width:40px;
	height:40px;
	margin: 0;
	padding: 0;
	border--radius:6px;
    -webkit-border-radius:6px;
}

.l-divIcon-txt{
	width:100px;
	background-color: rgba(255,255,255,0.5);
	text-align:center;
	font-weight:bold;
	margin-top:5px !important;
	font-size:90%;
	line-height:100%;
	color: #000;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.logined-welcommsg{
	text-align:center;
	margin:0 auto;
	font-weight:bold;
	font-size:200%;
	color:#222;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.logined-box{
	margin:0 auto;
	margin-top:100px;
	padding:20px;
	width:80%;
	background:rgba(255, 255, 255, 0.8);
}
/*
.dialog {
	box-sizing: border-box !important;
	margin:0 !important;
	padding:0 !important;
	width: 98% !important;
  	height: 98% !important;
  	overflow-x: hidden !important;
  	overflow-y: hidden !important;
  	overflow: hidden !important;
}
.dialog-container {
  -webkit-mask-image:none !important;
  background:#fff !important;
}
.dialog-mask {
}
*/
/*
.page__background{
	background:none !important;
}
*/
.chk_big{
    transform:scale(2.0);
    margin:10px;
}
.modalcatalog-chkbox{
    float:left;
    padding-top:5px;
    padding-bottom:5px;
    padding-left:5px;
    color:#fff;
}
/* css checkbox01 */
.modalcatalog-chk-cat{
  display: none;
}
.modalcatalog-cattxt{
  padding-left: 20px;
  position:relative;
  margin-right: 20px;
}
.modalcatalog-cattxt::before{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 0px solid #00b9cc;
  border-radius: 4px;
  background:#007480;
}
.modalcatalog-chk-cat:checked + .modalcatalog-cattxt{
  color: #fff;
  font-weight:bold;
}
.modalcatalog-chk-cat:checked + .modalcatalog-cattxt::after{
  content: "";
  display: block;
  position: absolute;
  top: -5px;
  left: 5px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #e4e800;
  border-right: 3px solid #e4e800;
}

/* css controllayers checkbox */

.controllayers-chk-cat{
  display: none;
}
.controllayers-rdo-cat{
  display: none;
}
.controllayers-catlbl{
  display: block;
  position:relative;
  float:left !important;
  margin-top:10px;
  margin-bottom:5px;
  margin-right:10px;
}
.controllayers-catlbl-child{
}
.controllayers-catlbl-parent{
}
.break {
  /*flex-basis: 100%;*/  /* これで改行される */
    width:100%;
    height: 1px;
}
.controllayers-cattxt{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size:115%;
  border-radius:12px;
  background-color:#efefef;
}
.controllayers-cstxt{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size:115%;
  border-radius:12px;
  background-color:#efefef;
  letter-spacing:0.12em
}
.controllayers-cattxt-subcat1{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size:130%;
  border-radius:12px;
  background-color:#efefef;
  margin-left:-3px;
  margin-right:-3px;
  letter-spacing:0.12em
}
.controllayers-cattxt-subcat2{
  position:relative;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 30px;
  padding-right: 30px;
  font-size:130%;
  /*border-radius:12px;*/
  background-color:#bbb;
  box-sizing:content-box;
  /*border:4px double #bbb;*/
  outline-offset: -2px;
  outline: 2px dotted #bbb;
  /*
  border: 1px solid #bbb;
  outline: 1px solid #bbb;
  */
  /*outline: 1px solid #00bed1;*/
  /*outline: 2px solid #00bed1;*/
  letter-spacing:0.12em
}

.controllayers-cattxt::before{
/*
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border: 0px solid #00b9cc;
  border-radius: 4px;
  background:#007480;
*/
}
.controllayers-chk-cat:checked + .controllayers-cattxt{
  background:#00bed1;
  color:#fff;
  font-weight:bold;
}
.controllayers-chk-cat:checked + .controllayers-cstxt{
  background:#00bed1;
  color:#fff;
  font-weight:bold;
}
.controllayers-rdo-cat:checked + .controllayers-cattxt{
  background:#00bed1;
  color:#fff;
  font-weight:bold;
}
.controllayers-chk-cat:checked + .controllayers-cattxt-subcat1{
  background:#00bed1;
  color:#fff;
  font-weight:bold;
}
.controllayers-rdo-cat:checked + .controllayers-cattxt-subcat1{
  background:#00bed1;
  color:#fff;
  font-weight:bold;
}
.controllayers-chk-cat:checked + .controllayers-cattxt-subcat2{
  background:#00646e;
  color:#fff;
  font-weight:bold;
  outline-offset: 2px;
  outline:2px dotted #00646e;
}
.controllayers-rdo-cat:checked + .controllayers-cattxt-subcat2{
  background:#009ead;
  color:#fff;
  font-weight:bold;
  outline: 2px solid #009ead;
}
.controllayers-chk-cat:checked + .controllayers-cattxt::after{

}

.savebookmark-chkbox{
	position:absolute;
	top:3px;
	left:3px;
	background:rgba(0, 0, 0, 0.5);
	width:100%;
	float:right;
	text-align:right;
	height:20px;
	font-size:50%;
}
.savebookmark-chk{
  display: none;
}
.savebookmark-txt{
  position: absolute;
  top:4px;
  right:25px;
  color: #fff;
  text-align:right;
  font-size:110%;
  font-weight:bold;
}
.savebookmark-txt::after{
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  right:-22px;
  width: 15px;
  height: 15px;
  border: 1px solid #00b9cc;
  border-radius: 4px;
  background:#007480;
   z-index:888888;
}
.savebookmark-chk:checked + .savebookmark-txt{
  color: #e4e800;
  font-weight:bold;
}

.savebookmark-chk:checked + .savebookmark-txt::before{
  content: "";
  display: block;
  position: absolute;
  top: -3px;
  right:-18px;
  width: 7px;
  height: 14px;
  transform: rotate(40deg);
  border-bottom: 3px solid #e4e800;
  border-right: 3px solid #e4e800;
  z-index:999999;
}
/* ------------------------------------------
　onsen ui カスタマイズ
 ------------------------------------------*/
 .notification-orange{
 	background-color:#fcb714 !important;
 }
 #worldspt_tabbar .tabbar{
 	background-color:#efefef !important;
 }
#worldspt_tabbar .tabbar--top{
/*
    background-color:transparent !important;
    box-shadow:none !important;
    background:none !important;
    border-top:none !important;
    border-bottom:none !important;
    background-color:#fff !important;
*/
}

#worldspt_tabbar .tabbar--material {
    /*background-color: #e53939;*/
  /*background-image: linear-gradient(100deg,#0BC1A6, #0B87C1);*/
  /*background-image: linear-gradient(100deg,#0B87C1, #0BC1A6);*/
}
#worldspt_tabbar .tabbar__icon{
	font-size:100%;
}
#worldspt_tabbar .tabbar--material__label{
	border: none !important;
}
#worldspt_tabbar .tabbar--material__button{
	color:#999;
}
#worldspt_tabbar .tabbar--material__border {
  background-color:#0099a8 !important;
}
#worldspt_tabbar :checked + .tabbar__button {
  color:#fff;
  background-color:#0099a8 !important;
  box-shadow: none;
  border-top: none;
}
#worldspt_tabbar :checked + .tabbar--material__button {
  color:#fff;
  background-color:#0099a8 !important;
}
#worldmenu_tabbar .tabbar{
/*
    background-color:transparent !important;
    box-shadow:none !important;
    background:none !important;
    border-top:none !important;
    border-bottom:none !important;
    background-image:linear-gradient(100deg,#0B87C1, #0BC1A6) !important;
*/
	border:2px solid rgba(255, 255, 255, 0.9);
	background-color:#0099a8 !important;
	border--radius:20px;
    -webkit-border-radius:20px;
}
#worldmenu_tabbar .tabbar--material__border{
	height: 0px;
}
#worldmenu_tabbar .wmleftmenu .tabbar__button{
    border-top-left-radius:20px;
    border-bottom-left-radius:20px;
    -webkit-border-top-left-radius:20px;
    -webkit-border-bottom-left-radius:20px;
}
#worldmenu_tabbar .wmrightmenu .tabbar__button{
	border-top-right-radius:20px;
    border-bottom-right-radius:20px;
    -webkit-border-top-right-radius:20px;
    -webkit-border-bottom-right-radius:20px;
}
#worldmenu_tabbar .tabbar .tabbar__icon + .tabbar__label{
  color:#fff !important;
}
#worldmenu_tabbar .tabbar label{
	color:#fff !important;
}
#worldmenu_tabbar .tabbar--material {
  /*background-color: #e53939;*/
  /*background-image: linear-gradient(100deg,#0BC1A6, #0B87C1);*/
  /*background-image: linear-gradient(100deg,#0B87C1, #0BC1A6);*/
}
#worldmenu_tabbar .tabbar__icon{
	font-size:100%;
	color:#fff !important;
}
#worldmenu_tabbar :checked + .tabbar__button {
  color:#fff !important;
  background-color: #00bed1;
  box-shadow: none;
  border-top: none;
}
#worldmenu_tabbar :checked + .tabbar__button .tabbar__icon{
  /*color:#fcde17 !important;*/
  font-size:140%;
}
#worldmenu_tabbar :checked + .tabbar__button .tabbar__label{
  /*color:#fcde17 !important;*/
  font-weight:bold;
  
}
#worldmenu_tabbar .tabbar--material__label{
	/*border: none !important;*/
	color:#fff;
}
#worldmenu_tabbar .tabbar--material__button{
	color:#999 !important;
}
#worldmenu_tabbar :checked + .tabbar--material__button {
  color:#0099a8 !important;
}
#worldmenu_tabbar .tabbar--material__border {
  background-color:#0099a8 !important;
}
.segment__item {
	background-color:#fff !important;
	color:#555 !important;
}
.segment__button {
	color: #0099a8 !important;
	border: 1px solid #0099a8 !important;
	height:40px !important;
	line-height:100% !important;
	padding-top:4px !important;
}
:active + .segment__button {
  background-color: rgb(179, 214, 255);
  border: 0 solid #0099a8;
  border-top: 1px solid #0099a8;
  border-bottom: 1px solid #0099a8;
  border-right: 1px solid #0099a8;
  color: #fff !important;
}
:checked + .segment__button {
  background-color: #0099a8;
  color: #fff !important;
}

.list-item--material__thumbnail{
  width: 40px;
  height: 40px;
  border-radius: 6px;
  display: block;
  margin: 0;
}
#list_worldmylist .list_worldmylist_list_item_left{
	padding-top:5px !important;
	padding-bottom:5px !important;
}
#list_worldmylist .list_worldmylist_list_item_center{
	padding-top:5px !important;
	padding-bottom:5px !important;
}

#list_worldmylist .list-header{
  padding: 3px 0 3px 15px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
}
#list_worldmylist .list-header--material{
  padding: 3px 0 3px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: top;
  background-image: linear-gradient(0deg, #ccc, #ccc 100%);
}
#list_worldfavlist .list-header{
  padding: 3px 0 3px 15px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
}
#list_worldfavlist .list-header--material{
  padding: 3px 0 3px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: top;
  background-image: linear-gradient(0deg, #ccc, #ccc 100%);
}
#list_worldjoinlist .list-header{
  padding: 3px 0 3px 15px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
}
#list_worldjoinlist .list-header--material{
  padding: 3px 0 3px 15px;
  font-size: 12px;
  font-weight: 500;
  color: #fff;
  background-color: #0099a8;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  background-position: top;
  background-image: linear-gradient(0deg, #ccc, #ccc 100%);
}

#list_wmtabmenu_timeline .list_wmtabmenu_timeline_list_item_left{
	margin-top:0px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
}
#list_wmtabmenu_timeline .list_wmtabmenu_timeline_list_item_center{
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:5px !important;
}
#list_wmtabmenu_timeline .list_wmtabmenu_timeline_list_item_right{
	margin-top:0px !important;
	padding-top:5px !important;
	padding-bottom:5px !important;
}
#list_wmtabmenu_timeline .list_wmtabmenu_timeline_list_item_center_text{
	padding-bottom:0px;
	color:#333;
	font-size:80%;
}
#list_wmtabmenu_timeline .list_wmtabmenu_timeline_morebox{
	text-align:center;
	padding:20px;
}
.timeline_userp_trim_image_to_circle{
	float:left;
	text-align:center;
	width:38px;
	height:38px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.timeline_userp{
	float:left;
}
.timeline_userp img{
	width:38px;
	height:38px;
	border-radius:50%;
	background-size:cover;
	background-position:center center;
}
.timeline_pinp{
	float:left;
}
.timeline_pinp img{
	width: 40px;
	height: 40px;
	border-radius: 3px;
	display: block;
	margin: 0;
}

/*menu-corse*/
.listitem_wmtabmenu_course{
	padding:0px !important;
	
}
.list_wmtabmenu_course_list_item_center{
background-image: linear-gradient(0deg, #999, #999 100%) !important;
}
/*
#list_wmtabmenu_course left.list_wmtabmenu_course_list_item_left.list-item__left{
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
*/
#list_wmtabmenu_course .list_wmtabmenu_course_list_item_left{
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
}
#list_wmtabmenu_course .list_wmtabmenu_course_list_item_center{
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-left:0px !important;
	padding-right:0px !important;
	padding-left:10px !important;
}
#list_wmtabmenu_course .list_wmtabmenu_course_list_item_right{
	margin-top:0px !important;
	padding-top:0px !important;
	padding-bottom:0px !important;
	padding-right:0px !important;
	width:60px;
}
#list_wmtabmenu_course .list_wmtabmenu_course_list_item_right button{
	width:60px;
}
#list_wmtabmenu_course .list_wmtabmenu_course_list_item_center_text{
	padding-bottom:0px;
	color:#333;
	font-size:80%;
	line-height:110% !important;
}
.course_p{
	float:left;
}
.course_p img{
	width:60px;
	height:60px;
	border-radius: 0px;
	display: block;
	margin: 0;
}
.dlgcourse_contentbox{
    padding:0px;
    margin:0px;
    padding-bottom:200px;
    overflow-x: hidden;
}
.modal_course_name{
	width: 100%;
	font-size: 100%;
    padding:15px;
    font-weight: bold;
    color: #333;
    text-align: center;
}
.modal_course_text{
    width: 96%;
    overflow-wrap: break-word;
	font-size: 90%;
	padding:15px;
    color: #333;
    text-align: left;
}

.invite_userp_trim_image_to_circle{
	text-align:center;
	width:60px;
	height:60px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
	border:1px solid #eee;
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.dlginvite_contentbox_head{
    width:100%;
    height:100px;
    background-color:#00b0bf;
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.dlginvite_contentbox_head_member{
    width:50%;
    height:30px;
    margin:0 auto;
    padding-top:4px;
}
.dlginvite_contentbox_head_member .userp{
	float:left;
}
.dlginvite_contentbox_head_member .userp img{
	width:26px;
	height:26px;
	border-radius:50%;
	border:1px solid #eee;
}

.dlginvite_contentbox_head_title_white{
	padding-top:30px;
	font-weight:bold;
    color:#fff;
    text-shadow:
     2px  2px 4px #555,
    -2px  2px 4px #555,
     2px -2px 4px #555,
    -2px -2px 4px #555;
}
.dlginvite_contentbox_head_title_black{
	font-weight:bold;
    color:#333;
    text-shadow:
     3px  3px 6px #fff,
    -3px  3px 6px #fff,
     3px -3px 6px #fff,
    -3px -3px 6px #fff;
}

.dlginvite_contentbox{
    padding:15px;
    padding-bottom:200px;
}
.btnJoinGroupInvite{
	position:relative;
    padding: 0.5em 0.8em 0.5em 0.8em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:120%;
}
.btnLoginInvite{
	position:relative;
    padding: 0.5em 0.8em 0.5em 0.8em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:100%;
    font-weight:bold;
}
.btnSigunupInvite{
	position:relative;
    padding: 0.5em 0.8em 0.5em 0.8em !important;
    margin: 0em 0em !important;
    border: solid 1px #fcb714;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    color:#fff;
    font-size:100%;
    font-weight:bold;
}
.btnHereDone{
	position:relative;
    padding: 0.5em 0.8em 0.5em 0.8em !important;
    margin: 0em 0em !important;
    border: solid 1px #fcb714;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    color:#fff;
    font-size:100%;
    font-weight:bold;
}
.textbox-search{
	width:250px;
	padding:10px;
	border: none;
	border-radius: 5px;
	color: #a0a0a0;
	outline: none;
}
.modal-search {
  box-sizing: border-box;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 0;
  padding: 0;
  margin: 0 auto;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  box-sizing: border-box;
  background-clip: padding-box;
  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  overflow: hidden;
  position: absolute;
  top: -60px;
  left:0;
  right:0;
  width: 250px;
  height: 60px;
  text-align:center;
  display: block;
  z-index: 2147483647;
  transition: all 300ms 0s ease;
}
.modal-half {
  box-sizing: border-box;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  box-sizing: border-box;
  background-clip: padding-box;
  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  overflow: hidden;
  /*background-color: rgba(0, 0, 0, .7);*/
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  /*width: 100%;*//*del20250419*/
  /*margin: 0 auto*/;/*add20250419*/
  width:100%;
  height: 50%;
  display: table;
  z-index: 2147483647;
  transition: all 300ms 0s ease;
}
.modal__content-half {
  box-sizing: border-box;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 0;
  padding: 0;
  margin: 0px;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  box-sizing: border-box;
  background-clip: padding-box;
  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  white-space: normal;
}
/*//add 2019121901*/
.modal-half2 {
  box-sizing: border-box;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 0;
  padding: 0;
  margin: 0;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  box-sizing: border-box;
  background-clip: padding-box;
  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  overflow: hidden;
  /*background-color: rgba(0, 0, 0, .7);*/
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  display: table;
  /*z-index: 2147483647;*/
  transition: all 300ms 0s ease;
}
.modal__content-half2 {
  box-sizing: border-box;
  background-clip: padding-box;
  white-space: nowrap;
  overflow: hidden;
  word-spacing: 0;
  padding: 0;
  margin: 0px;
  font: inherit;
  color: inherit;
  background: transparent;
  border: none;
  line-height: normal;
  box-sizing: border-box;
  background-clip: padding-box;
  font-family: -apple-system, 'Helvetica Neue', 'Helvetica', 'Arial', 'Lucida Grande', sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-weight: 400;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  white-space: normal;
}

/* ------------------------------------------
　leaflet-control
 ------------------------------------------*/
.leaflet-control-layers {
	font-size:90% !important;
	border:2px solid #0099a8 !important;
	background-color:rgba(255,255,255,1) !important;
}
#leaflet-control-chk.leaflet-control-layers{
	width:80%;
	max-width:800px;
	text-align:center !important;
	padding:10px;
	margin:0 auto !important;
	margin-top:5px !important;
	border:0px !important;
	clear:both !important;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
}
#leaflet-course-chk.leaflet-control-layers{
	width:80%;
	max-width:800px;
	text-align:center !important;
	padding:10px;
	margin:0 auto !important;
	margin-top:5px !important;
	border:0px !important;
	clear:both !important;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
}
#leaflet-control-rdo.leaflet-control-layers{
	width:80%;
	max-width:800px;
	text-align:center !important;
	padding:10px;
	margin:0 auto !important;
	margin-top:5px !important;
	border:0px !important;
	clear:both !important;
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.2);
}
.leaflet-control-layers-toggle {
	/*background-color: #0099a8 !important;*/
	background-image: url(../images/layers-green.png) no-repeat;
	transform:scale(0.9);
	/*border:1px solid #fff !important;*/
	/*width: 32px !important;*/
	/*height: 32px !important;*/
}
.leaflet-control-layers-toggle-originalimage {
	background-image: url(../images/line.png) no-repeat !important;
	width: 36px !important;
	height: 36px !important;
	transform:scale(0.9) !important;
	border:3px solid #ff0000 !important;
}
.leaflet-retina .leaflet-control-layers-toggle {
	background-image: url(../images/layers-green-2x.png);
}
.btnModalLeafletControlClose{
    position:absolute;
    padding:3px !important;
    margin:0 !important;
    top:-5px;
    right:-5px;
    background:transparent !important;
    background-color:transparent !important;
    border-radius:50% !important;
    color:#ccc;
    font-size:150%;
    width:30px;
    height:30px;
    min-height:10px !important;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
.btnCatAllDisp{
    position:absolute;
    padding:3px !important;
    margin:3px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    top:-3px;
    left:0px;
    background:transparent !important;
    background-color:transparent !important;
    border-radius:12px !important;
    color:#222;
    font-size:100%;
    height:25px;
    min-height:10px !important;
    border:1px solid #bbb;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
.btnCSAllDisp{
    position:absolute;
    padding:3px !important;
    margin:3px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    top:-3px;
    left:0px;
    background:transparent !important;
    background-color:transparent !important;
    border-radius:12px !important;
    color:#222;
    font-size:100%;
    height:25px;
    min-height:10px !important;
    border:1px solid #bbb;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
    opacity:1 !important;
}
.btnCSListAllDisp{
    position:absolute;
    padding:3px !important;
    margin:0px !important;
    padding-left:10px !important;
    padding-right:10px !important;
    top:0px;
    right:3px;
    background:#fff !important;
    background-color:#fff !important;
    border-radius:4px !important;
    color:#222;
    height:22px;
    min-height:10px !important;
    border:1px solid #0099a8;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:140%;
    opacity:1 !important;
    font-size:75%;
}
/*
.btnModalLeafletControlClose{
    position:absolute;
    padding:3px !important;
    margin:0 !important;
    top:-26px;
    right:-10px;
    background:#0099a8 !important;
    background-color:#0099a8 !important;
    border-radius:0 !important;
    border-top-left-radius:5px !important;
    border-top-right-radius:5px !important;
    color:#fff;
    font-size:120%;
    width:30px;
    height:20px;
    min-height:10px !important;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:120%;
}
*/
/* ------------------------------------------
　leafletポップアップ
 ------------------------------------------*/
/*
.leaflet-popup{
    padding:0;
    margin:0;
}
a.leaflet-popup-close-button{
    margin-top:-6px;
    margin-right:-6px;
    font-size:70% !important;
    color:#ddd !important;
}
.leaflet-popup-content-wrapper{
    padding:0;
    margin:0;
    -webkit-border-radius:4px !important;
}
.leaflet-popup-content{
    padding-top:4px;
    padding-bottom:4px;
    padding-left:6px;
    padding-right:6px;
    margin:0;
    font-size:90%;
}
*/

.leaflet-popup{
    padding:0;
    margin:0;
    margin-bottom:32px;
}
.leaflet-popup-content-wrapper{
    padding: 1px;
    margin:0;
    -webkit-border-radius:8px;
     line-height:125%;
     box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3)  !important;
}
/*
.leaflet-popup-tip-container{
	border:1px solid #ff0000;
}
.leaflet-popup-tip{
	border:1px solid #000;
}
*/
.leaflet-popup-content{
    padding-top:2px;
    padding-bottom:2px;
    padding-left:4px;
    padding-right:4px;
    margin:0;
    font-size:90%;
}
.leaflet-popup a{
    color:#222 !important;
}
a.leaflet-popup-close-button{
    margin-top:-6px;
    margin-right:-6px;
    font-size:75% !important;
    color:#ddd !important;
}
.leaflet-popup-tip{
	box-shadow:0px 2px 5px 0px rgba(0,0,0,0.3)  !important;
}
.leaflet-popup-content-wrapper .custompopup-popup-fontsize-100{
    font-size:100%;
    padding:0;/*pタグの余白*/
    margin:0;/*pタグの余白*/
}
.leaflet-popup-content-wrapper .custompopup-popup-fontsize-50{
    font-size:50%;
    padding:0;/*pタグの余白*/
    margin:0;/*pタグの余白*/
}
/*custompopup-popup-center*/
.custompopup-popup-center{
	top:-15px !important;
}
.custompopup-popup-center .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-popup-center .leaflet-popup-tip{
	margin: -15px auto 0 !important;
}
.custompopup-popup-center .leaflet-popup-content-wrapper{
	text-align:center;
}
/*custompopup-nopopup-center*/
.custompopup-nopopup-center{
	font-weight:bold;
	top:-15px !important;
}
.custompopup-nopopup-center .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-nopopup-center .leaflet-popup-tip{
	margin: -15px auto 0 !important;
}
.custompopup-nopopup-center .leaflet-popup-content-wrapper{
	text-align:center;
}
.custompopup-nopopup-center .leaflet-popup-content-wrapper,.custompopup-nopopup-center .leaflet-popup-tip {
	background-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,0) !important;
    box-shadow:none !important;
}
.custompopup-nopopup-center a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-top*/
.custompopup-popup-top{
/*
	border:1px solid #ff0000;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	*/
}
.custompopup-popup-top .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-popup-top .leaflet-popup-tip{
	margin: -15px auto 0 !important;
}
/*custompopup-nopopup-top*/
.custompopup-nopopup-top{
	top:-30px !important;
	font-weight:bold;
}
.custompopup-nopopup-top .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-nopopup-top .leaflet-popup-content-wrapper{
	text-align:center;
}
.custompopup-nopopup-top .leaflet-popup-tip{
	margin: -15px auto 0 !important;
}
.custompopup-nopopup-top .leaflet-popup-content-wrapper,.custompopup-nopopup-top .leaflet-popup-tip {
	background-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,0) !important;
    box-shadow:none !important;
}
.custompopup-nopopup-top a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-top-new*/
.custompopup-popup-top-new .leaflet-popup-content-wrapper{
	width:25px !important;
	height:25px !important;
	border-radius:50%;
	-webkit-border-radius:50%;
	background:#fcb714;
	color:#fff;
	margin:0 !important;
	padding:0 !important;
}
.custompopup-popup-top-new .leaflet-popup-content{
	width:25px !important;
	height:25px !important;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
	padding-top:5px !important;
	font-size:90%;
}
.custompopup-popup-top-new .leaflet-popup-content .userp{
	position:absolute;
	top:-5px;
	left:-5px;
	float:left;
	text-align:center;
	width:15px;
	height:15px;
	border:1px solid #fff;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.custompopup-popup-top-new .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-popup-top-new .leaflet-popup-tip{
	margin: -20px auto 0 !important;
	background:#fcb714;
}
.custompopup-popup-top-new a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-top-imgonly*/
.custompopup-popup-top-imgonly .leaflet-popup-content-wrapper{
	width:30px !important;
	height:30px !important;
	border-radius:50%;
	-webkit-border-radius:50%;
	background:#fff;
}
.custompopup-popup-top-imgonly .leaflet-popup-content-wrapper img{
	position:absolute;
	top:1px;
	left:1px;
	width:30px !important;
	height:30px !important;
	border-radius:50%;
	-webkit-border-radius:50%;
	background-size: cover;
}
.custompopup-popup-top-imgonly .leaflet-popup-content{
	width:30px !important;
	height:30px !important;
	text-align:center;
	margin:0 !important;
	padding:0 !important;
}
.custompopup-popup-top-imgonly .leaflet-popup-content .userp{
	position:absolute;
	top:-5px;
	left:-5px;
	float:left;
	text-align:center;
	width:15px;
	height:15px;
	border:1px solid #fff;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.custompopup-popup-top-imgonly .leaflet-popup-tip-container{
	height: 15px;
}
.custompopup-popup-top-imgonly .leaflet-popup-tip{
	margin: -20px auto 0 !important;
	background:#fff;
}
/*custompopup-popup-top-imgtext*/
.custompopup-popup-top-imgtext .leaflet-popup-content{
	width:80px;
}
.custompopup-popup-top-imgtext .leaflet-popup-content .userp{
	float:left;
	text-align:center;
	width:15px;
	height:15px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.custompopup-popup-top-imgtext .leaflet-popup-tip-container{
	height: 15px;
}

.custompopup-popup-top-imgtext .leaflet-popup-tip{
	margin: -15px auto 0 !important;
}

/*custompopup-popup-bottom*/
.custompopup-popup-bottom{
	top:28px !important;
}
.custompopup-popup-bottom .leaflet-popup-tip-container{
	height: 15px;
	top:-15px;
}
.custompopup-popup-bottom .leaflet-popup-tip{
	margin: 10px auto 0;
}
/*custompopup-nopopup-bottom*/
.custompopup-nopopup-bottom{
	top:20px !important;
	font-weight:bold;
}
.custompopup-nopopup-bottom .leaflet-popup-content-wrapper{
	text-align:center;
}
.custompopup-nopopup-bottom .leaflet-popup-tip-container{
	height: 15px;
	top:-15px;
}
.custompopup-nopopup-bottom .leaflet-popup-tip{
	margin: 10px auto 0;
}
.custompopup-nopopup-bottom .leaflet-popup-content-wrapper,.custompopup-nopopup-bottom .leaflet-popup-tip {
	background-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,0) !important;
    box-shadow:none !important;
}
.custompopup-nopopup-bottom a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-bottom-imgonly*/
.custompopup-popup-bottom-imgonly{
	top:28px !important;
}
.custompopup-popup-bottom-imgonly .leaflet-popup-content-wrapper{
	width:30px !important;
	height:30px !important;
	border-radius:50%;
	-webkit-border-radius:50%;
}
.custompopup-popup-bottom-imgonly .leaflet-popup-content{
	width:20px !important;
	height:20px !important;
	text-align:center;
	padding:1px !important;
	margin:0 !important;
}
.custompopup-popup-bottom-imgonly .leaflet-popup-tip-container{
	height: 10px;
	top:-10px;
}
.custompopup-popup-bottom-imgonly .leaflet-popup-tip{
	margin: 10px auto 0;
}

/*custompopup-popup-right*/
.custompopup-popup-right{
	margin-bottom:0px;
	left:18px !important;
}
.custompopup-popup-right .leaflet-popup-tip-container{
	top:0px;
	left:-8px !important;
	margin-left: 0px !important;
	width: 8px;
	height: 30px;
}
.custompopup-popup-right .leaflet-popup-tip{
	margin: 3px -10px auto 7px !important;
	box-shadow: none !important;
}
/*custompopup-nopopup-right*/
.custompopup-nopopup-right{
	margin-bottom:0px;
	left:18px !important;
	font-weight:bold;
}
.custompopup-nopopup-right .leaflet-popup-tip-container{
	top:0px;
	left:-8px !important;
	margin-left: 0px !important;
	width: 8px;
	height: 30px;
}
.custompopup-nopopup-right .leaflet-popup-tip{
	margin: 3px -10px auto 7px !important;
	box-shadow: none !important;
}
.custompopup-nopopup-right .leaflet-popup-content-wrapper,.custompopup-nopopup-right .leaflet-popup-tip {
	background-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,0) !important;
    box-shadow:none !important;
}
.custompopup-nopopup-right a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-right-imgonly*/
.custompopup-popup-right-imgonly{
	margin-bottom:0px;
	left:18px !important;
}
.custompopup-popup-right-imgonly .leaflet-popup-content{
	width:20px !important;
	height:20px !important;
	text-align:center;
	padding:1px !important;
	margin:0 !important;
}
.custompopup-popup-right-imgonly .leaflet-popup-tip-container{
	top:0px;
	left:-5px !important;
	margin-left: 0px !important;
	width:6px;
	height: 30px;
}
.custompopup-popup-right-imgonly .leaflet-popup-tip{
	margin: 3px -10px auto 5px !important;
	box-shadow: none !important;
}
/*custompopup-popup-left*/
.custompopup-popup-left{
	max-width:100px;
	padding:0 !important;
	margin:0 !important;
	top:0 !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
	left:-125px !important;
	top:-20px !important;
	border:0px solid #ff0000;
}
.custompopup-popup-left .leaflet-popup-content-wrapper{
	padding-right:10px;
	text-align:right;
}
.custompopup-popup-left .leaflet-popup-tip-container{
	top:0px;
	left:100px !important;
	margin-left: 0px !important;
	width: 8px;
	height: 30px;
}
.custompopup-popup-left .leaflet-popup-tip{
	margin: 3px 0px auto -17px !important;
	box-shadow: none !important;
}
/*custompopup-nopopup-left*/
.custompopup-nopopup-left .leaflet-popup-content-wrapper,.custompopup-nopopup-left .leaflet-popup-tip {
	background-color:rgba(0,0,0,0) !important;
    background:rgba(0,0,0,0) !important;
    box-shadow:none !important;
}
.custompopup-nopopup-left{
	font-weight:bold;
	max-width:100px;
	padding:0 !important;
	margin:0 !important;
	top:0 !important;
	bottom:0 !important;
	left:0 !important;
	right:0 !important;
	left:-125px !important;
	top:-20px !important;
	border:0px solid #ff0000;
}
.custompopup-nopopup-left .leaflet-popup-content-wrapper{
	padding-right:10px;
	text-align:right;
}
.custompopup-nopopup-left .leaflet-popup-tip-container{
	top:0px;
	left:100px !important;
	margin-left: 0px !important;
	width: 8px;
	height: 30px;
}
.custompopup-nopopup-left .leaflet-popup-tip{
	margin: 3px 0px auto -17px !important;
	box-shadow: none !important;
}
.custompopup-nopopup-left a.leaflet-popup-close-button{
    display:none;
}
/*custompopup-popup-left-imgonly*/
.custompopup-popup-left-imgonly{
	margin-bottom:0px;
	left:-45px !important;
}
.custompopup-popup-left-imgonly .leaflet-popup-content{
	width:20px !important;
	height:20px !important;
	text-align:center;
	padding:1px !important;
	margin:0 !important;
}
.custompopup-popup-left-imgonly .leaflet-popup-tip-container{
	top:0px;
	left:22px !important;
	margin-left: 0px !important;
	width: 6px;
	height: 30px;
}
.custompopup-popup-left-imgonly .leaflet-popup-tip{
	margin: 3px 0px auto -17px !important;
	box-shadow: none !important;
}


/* ここまで */
/* ------------------------------------------
　インフォメーションモーダル
 ------------------------------------------*/
 /*タブ切り替え全体のスタイル*/
.original_tabs {
  padding-bottom:10px;
  width: 100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.original_tab_item {
  width: calc(100%/2);
  height: 34px;
  font-size:80%;
  border-bottom: 3px solid #00b0bf;
  background-color: #d9d9d9;
  line-height: 42px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  border-radius: 4px 4px 0 0 / 4px 4px 0 0;
-webkit-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
-moz-border-radius: 4px 4px 0 0 / 4px 4px 0 0;
  transition: all 0.2s ease;
}
.original_tab_item:hover {
  /*opacity: 0.75;*/
}

/*ラジオボタンを全て消す*/
input[name="original_tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.original_tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}


/*選択されているタブのコンテンツのみを表示*/
#dlglock_rdo_detail:checked ~ #tabcontentdetail,
#dlglock_rdo_comment:checked ~ #tabcontentcomment,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.original_tabs input:checked + .original_tab_item {
  /*background-color: #0B87C1;*/
  /*background:#0099a8;*/
    background-color: #00b0bf;
  color: #fff;
}
.modalmember_headbox{
	text-align:left;
	font-size:90%;
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}
.wmtabmenu_contentbox{
	text-align:left;
}
.wmtabmenu_headbox{
	text-align:left;
	font-size:90%;
	padding:0;
	margin:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:6px;
	padding-bottom:6px;
}
.dlgcatalog_contentbox{
    padding-top:10px;
    padding-bottom:20px;
    padding-left:10px;
    padding-right:10px;
    height:100%;
}
.catalog-box{
    /*width:25%;*//* 2019121901 */
   	/*height:120px;*//* 2019121901 */
    float:left;
    background:#fff;
    margin-top:5px;
}
/* 2019121901 */
.catalog-box-head{
    text-align:left;
    font-size:75%;
    font-weight:bold;
    padding-top:1px;
    padding-bottom:0px;
    padding-left:3px;
}
/* 2019121901 */
.catalog-box-note{
    text-align:left;
    padding-bottom:5px;
    font-size:65%;
    line-height:110%;
    color:#555;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
}
/* 2019121901 */
.catalog-arrowbox{
	position:absolute;
	bottom:30px;
	left:5px;
    text-align:center;
    font-size:100%;
}
.worldcatalog_txt_pinid{
    color:#999;
    font-size:80%;
}
.catalog-likebox{
	position:absolute;
	width:100%;
	bottom:0px;
	left:0px;
    text-align:right;
    font-size:75%;
    background:rgba(0,0,0,0.5);
}
.catalog-likebox-txt{
    color:#fff;
    font-size:80%;
}
.catalog-bookmarkbox{
	position:absolute;
	bottom:30px;
	left:5px;
    text-align:center;
    font-size:100%;
}
.catalog-bookmark_officon{
    color:#0099a8 !important;
}
.catalog-bookmark_onicon{
	/*color:#e20202;*/
	color:#ff654a !important;
}
.catalog-detailbox{
	position:absolute;
	bottom:30px;
	left:34px;
	/*left:5px;*/
    text-align:center;
    font-size:100%;
}
.worldcatalog_txt_pinname{
    color:#222;
}
.catalog_thumb{
	position:relative;
	/*display: inline-block;*//* 2019121901 */
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    border-top:4px solid #fff;
    border-left:4px solid #fff;
    border-right:4px solid #fff;
    height: 60px;/* 2019121901 */
    width:100%;
    background-size: cover;
    clear:both;
    color:#fff;
}
.bookmark-box{
    /*width:25%;*//* 2019121901 */
   	/*height:120px;*//* 2019121901 */
   	position:relative;
    float:left;
    background:#fff;
    margin-top:5px;
}
.bookmark-box-head{
    text-align:left;
    font-size:75%;
    font-weight:bold;
    padding-top:1px;
    padding-bottom:0px;
    padding-left:3px;
}
.bookmark-box-note{
    text-align:left;
    padding-bottom:5px;
    font-size:65%;
    line-height:110%;
    color:#555;
    padding-top:2px;
    padding-bottom:2px;
    padding-left:3px;
}
.bookmark_thumb{
	position:relative;
	/*display: inline-block;*//* 2019121901 */
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    border-top:4px solid #fff;
    border-left:4px solid #fff;
    border-right:4px solid #fff;
    height: 60px;/* 2019121901 */
    width:100%;
    background-size: cover;
    clear:both;
    color:#fff;
    text-align:center;
}
.bookmark-arrowbox{
	position:absolute;
	bottom:30px;
	left:5px;
    text-align:center;
    font-size:100%;
}
.dlginfo_contentbox{
    padding:15px;
    padding-bottom:200px;
}
.dlgyourprofile_contentbox{
    padding:15px;
    padding-top:30px;
}
.dlgannounce_contentbox{
    padding:15px;
}
.btnModalPageClose{
    position:absolute;
    padding:0;
    margin:0;
    top:-8px;
    right:-8px;
    background:transparent !important;
    background-color:transparent !important;
    color:#0B87C1;
    font-size:300%;
    border:0;
    box-shadow:none !important;
    z-index:9999;
}
.btnModalPageClose2{
    position:absolute;
    padding:0;
    margin:0;
    top:-20px;
    right:-5px;
    background:transparent !important;
    background-color:transparent !important;
    color:#0BC1A6;
    font-size:300%;
    border:0;
    box-shadow:none !important;
    z-index:9999;
}
.btnModalPageClose3{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:0px;
    /*
    background:#0099a8 !important;
    background-color:#0099a8 !important;
    */
    background:#333 !important;
    background-color:#333 !important;
    border-radius:50%;
    -webkit-border-radius: 50%;
    color:#fff;
    font-size:130%;
    width:40px;
    height:40px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    padding-top:3px;
}
.btnModalPageClose4{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:0px;
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:100%;
    width:36px;
    height:24px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;

}
.btnModalPageClose5{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:38px;
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:100%;
    width:36px;
    height:24px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
/*add 2019121901*/
.btnModalPageClose6{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:0px;
    background:#333 !important;
    background-color:#333 !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:150%;
    width:46px;
    height:32px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
/*add 2019121901*/
.btnModalPageClose7{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:47px;
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:150%;
    width:46px;
    height:32px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
.btnModalMenuUp{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:47px;
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:130%;
    width:46px;
    height:26px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:130%;
}
.btnModalMenuClose{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    right:0px;
    background:#333 !important;
    background-color:#333 !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:130%;
    width:46px;
    height:26px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:130%;
}
.btnModalUnlockPinEdit{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    left:0px;
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:120%;
    width:46px;
    height:32px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
.abcg{
	display:none;
	opacity:0;
}
.btnModalUnlockPinMove{
    position:absolute;
    padding:0;
    margin:0;
    top:0px;
    left:47px;
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    border--radius:0px;
    -webkit-border-radius:0px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    color:#fff;
    font-size:120%;
    width:46px;
    height:32px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
    line-height:150%;
}
.btnAddGroup{
	position:absolute;
	top:5px;
	right:5px;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:80%;
}
.btnOpenMenu{
	position:absolute;
	top:5px;
	right:0px;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #0099a8;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:80%;
}
.btnWeitGroup{
	position:absolute;
	top:5px;
	right:5px;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#999 !important;
    background-color:#999 !important;
    color:#fff;
    font-size:80%;
}
.btnAddGroupInfo{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #0099a8;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:80%;
}
.btnWeitGroupInfo{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#ccc !important;
    background-color:#ccc !important;
    color:#fff;
    font-size:80%;
}
.btnAddGroupUnlockpin{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:80%;
}
.btnWeitGroupIUnlockpin{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#ccc !important;
    background-color:#ccc !important;
    color:#fff;
    font-size:80%;
}
.btnJoinedGroupInfo{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#ccc !important;
    background-color:#ccc !important;
    color:#fff;
    font-size:80%;
}
.btnJoinedMemberInfo{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#ccc !important;
    background-color:#ccc !important;
    color:#fff;
    font-size:80%;
}
.btnApprovalGroup{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:80%;
}
.btnRemoveGroup{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 0px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#ccc !important;
    background-color:#ccc !important;
    color:#222;
    font-size:80%;
}
.btnMakeWorldSpt{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fcb714;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    color:#fff;
    font-size:100%;
    font-weight:bold;
}
.btnTimelineMore{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #ccc;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fff !important;
    background-color:#fff !important;
    color:#333;
    font-size:90%;
}
.modal_infomation_userbox{
	position:relative;
	width:100%;
    color:#333;
    float:left;
    text-align:left;
}
.modal_infomation_worldedit{
	position:relative;
	width:100%;
    color:#333;
    float:left;
    text-align:left;
    font-size:90%;
    padding-top:10px;
}
.modal_infomation_worldidbox{
	position:relative;
	width:100%;
    color:#333;
    float:left;
    text-align:left;
    font-size:90%;
    padding-top:10px;
}
.modal_infomation_selectlangbox{
	position:relative;
	width:100%;
    color:#333;
    float:left;
    text-align:left;
    padding-top:10px;
}

.modal_infomation_title{
	position:relative;
	width:100%;
    font-weight:bold;
    font-size:100%;
    padding-top:10px;
    color:#333;
    text-align:center;
    clear:both;
}
.modal_infomation_title{
	position:relative;
	width:100%;
    font-weight:bold;
    font-size:100%;
    padding-top:10px;
    color:#333;
    text-align:center;
    clear:both;
}
.modal_infomation_subtitle{
	position:relative;
	width:80%;
    padding-top:10px;
    color:#333;
    text-align:left;
    clear:both;
}
.modal_infomation_note{
    font-size:90%;
    color:#666;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
}
.modal_announce_note{
    font-size:90%;
    color:#666;
    text-align:left;
    padding-top:20px;
    padding-bottom:20px;
}
/* ------------------------------------------
　プレイ用ワールド画面
 ------------------------------------------*/
.worldspt_txt_pinname{
    color:#222;
    width:100%;
}
.worldspt_txt_pinid{
    color:#999;
    font-size:80%;
}
.listitem{
    width:100%;
    text-align:left;
    padding:10px;
    padding-left:20px;
    padding-right:20px;
}
.listitem_pinnamebox{
    width: 150px;
    font-size:90%;
    text-align:left;
    padding-top:10px;
    padding-bottom:3px;
}
.listitem_thumb{
	position:relative;
	display: inline-block;
    background-color: #ddd;
    background-position: center center;
    background-repeat: no-repeat;
    border:1px solid #fff;
    width: 150px;
    height: 80px;
    background-size: cover;
    clear:both;
    color:#fff;
    text-align:center;
}
.listitem-detailbox{
	position:absolute;
	bottom:30px;
	left:3px;
    text-align:center;
    font-size:100%;
}
.listitem_leftbox{
	float:left;
    text-align:left;
    font-size:80%;
    margin:0 auto;
}
.listitem_bottombox{
	width:100%;
	float:left;
    text-align:left;
    font-size:80%;
    height:20px;
    margin-bottom:15px;
}
.listitem_bottomleftbox{
	width:48%;
	float:left;
    text-align:left;
    font-size:70%;
    color:#ccc;
}
.listitem_bottomrightbox{
	width:48%;
	float:right;
    text-align:right;
    font-size:80%;
}
.listitem_rightbox{
	float:right;
    text-align:left;
    width:70px;
    font-size:80%;
}
.listitem_left3{
    width:30px;
    text-align:left;
}
.listitem_center3{
    text-align:left;
    font-size:80%;
}
.listitem_left4{
    width:26px;
    text-align:left;
    float:left;
    height:26px;
}
.listitem_center4{
	width:165px;
    text-align:left;
    font-size:80%;
    float:right;
    line-height:100%
}

.userbox{
	position:relative;
	float:left;
	padding-left:5px;
	padding-top:5px;
}
.userp{
	float:left;
}
.userp img{
	width:26px;
	height:26px;
	border-radius:50%;
}
.login_userp{
	float:left;
}
.login_userp img{
	width:38px;
	height:38px;
	border-radius:50%;
}
.login_userp_trim_image_to_circle{
	float:left;
	text-align:center;
	width:38px;
	height:38px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.splitter_userp_trim_image_to_circle{
	float:left;
	text-align:center;
	width:35px;
	height:35px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.myprofile_userp_trim_image_to_circle{
	text-align:center;
	width:80px;
	height:80px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.modalunlockcommentpin_userp_trim_image_to_circle{
	text-align:center;
	width:30px;
	height:30px;
	border-radius: 50%;  /* 角丸半径を50%にする(=円形にする) */
    background-position:center center;  /* 横長画像の左上を基準に表示 */
    display: inline-block;          /* 複数の画像を横に並べたい場合 */
    background-size:cover;/*写真が拡大・縮小されて領域内に全体が収まる*/
}
.modalUnlockPinEdit_photo{
	text-align:center;
	width:100%;
	height:auto;
    background-position:center center;  /* 横長画像の左上を基準に表示 */
}
.modalUnlockPinComment_photo{
	padding-top:15px;
	text-align:center;
	width:90%;
	float:left;
	height:auto;
    background-position:center center;  /* 横長画像の左上を基準に表示 */
}
.modalWorldEdit_photo{
	text-align:center;
	width:100%;
	height:auto;
    background-position:center center;  /* 横長画像の左上を基準に表示 */
}
.userp-s{
		float:left;
	}
.userp-s img{
		width:22px;
		height:22px;
		border-radius:50%;
	}
.username{
	float:left;
	padding-top:5px;
	padding-left:5px;
	line-height:50%;
	font-size:75%;
}
.useraccount{
	float:left;
	padding-left:5px;
	line-height:50%;
	color:#999;
	font-size:70%;
}
.world_name{
	font-size:90%;
	font-weight:bold;
	line-height:0%;
}
.world_id{
	color:#0B87C1;
	font-weight:bold;
	font-size:70%;
	line-height:0%;
}
.bg-stripe-gray02 {
    background-color: #ECECEC;
    background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #F9F9F9), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #F9F9F9),color-stop(.75, #F9F9F9), color-stop(.75, transparent),to(transparent));
    -webkit-background-size: 14px 14px;
}

/* ロック画面-----------------------------------------------------*/
/* ロックアンロック画面----*/
.dlglock_contentbox{
    padding-left:5px;
    padding-right:5px;
    padding-top:20px;
    padding-bottom:20px;
}

/* アンロック画面----*/
.dlglock_unlockcontentBK{
    position:absolute;
    width:95%;
    left:0;
    right:0;
    top:0;
    margin:0;
    margin:0 auto;
    padding-left:10px;
    padding-right:10px;
    z-index:3;
    /*background:rgba(255,255,255,0.9);*/
    -webkit-border-radius: 10px;
}
.dlglock_unlockcontent{
    position:relative;
    width:100%;
    z-index:3;
    -webkit-border-radius: 10px;
}
.dlglock_unlockcontent_box{
    padding-top:10px;
}
.dlglock_unlockcontent_pinname{
    /*width:100%;*//*2019121901*/
    /*float:left;*//*2019121901*/
    text-align:left;
    font-weight:bold;
    font-size:105%;
    padding-top:15px;
    padding-left:12px;/*2019121901*/
}
.dlglock_unlockcontent_txt{
    width:100%;
    text-align:left;
    font-size:90%;
    color:#444;
    float:left;
    margin:0;
    padding-top:5px;
    padding-bottom:10px;
    line-height:140%;
}
.dlglock_lockcontent_txt{
    text-align:left;
    padding:10px;
}
.dlglock_unlockcontent_presentname{
    width:100%;
    text-align:left;
    font-size:100%;
    float:left;
    margin:0;
    padding-top:10px;
    padding-bottom:5px;
    line-height:140%;
}
.dlglock_unlockcontent_presentnote{
    width:100%;
    text-align:left;
    font-size:90%;
    float:left;
    margin:0;
    padding-bottom:10px;
    line-height:140%;
}
.hr-dash-2-green{
	background-color:#fff;
	border-top:2px dashed #0099a8;
	border-bottom:0px;
}
.hr-dash-2-gray{
	background-color:#fff;
	border-top:2px dashed #bbb;
	border-bottom:0px;
}
.dlglock_button_commentsend{
    background:#0B87C1;
    font-size:90%;
    margin:0;
    padding:5px;
    padding-left:7px;
    padding-right:7px;
}
.dlglock_button_image{
    background:#555;
    color:#fff;
    font-size:90%;
    margin:10px;
    padding:5px;
    padding-left:7px;
    padding-right:7px;
}
.dlglock_button_commentreplysend{
    background:#0B87C1;
    font-size:85%;
    float:right;
    height:28px;
    margin:0;
    padding-left:4px;
    padding-right:4px;
    padding-top:2px;
    padding-bottom:2px;
}
.dlglock_commentbox{
    padding:10px;
    padding-top:30px;
}
.dlglock_comment{
    position:relative;
    clear:both;
    width:100%;
    min-height: 50px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 50px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    text-align:left;
    padding-top:5px;
    padding-right:12px;/*ツールボタンがあるため*/
    margin-top:10px;
}
.dlglock_commentbox_left{
    position:relative;
    float:left;
    width:30px;
    height:100%;
    text-align:left;
    padding:6px;
    padding-top:0px;
}
.dlglock_commentbox_right{
    position:relative;
    font-size:80%;
    min-height: 50px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 50px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    overflow-y:hidden
    float:left;
    text-align:left;
    padding:10px;
    margin-left:50px;
    line-height:150%;
    border-radius:6px;
    background:#efefef;
}
/*返信時のコンテナ(ユーザーアイコン、アカウント名、投稿内容)*/
.dlglock_commentreply{
    position:relative;
    clear:both;
    width:90%;
    min-height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    overflow:hidden
    text-align:left;
    padding:4px;
    padding-top:8px;
    padding-bottom:8px;
    padding-right:12px;/*ツールボタンがあるため*/
    float:right;
    border-radius:6px;
    -webkit-border-radius:6px;
    background:#fff;
    margin-top:5px;
}
/*返信時の送信コンテナ(ユーザーアイコン、テキストエリア、ボタン)*/
.dlglock_commentreplysend{
    position:relative;
    clear:both;
    width:95%;
    min-height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    overflow:hidden
    text-align:left;
    padding:4px;
    float:right;
    border-radius:6px;
    -webkit-border-radius:6px;
    background:#fff;
    margin-top:10px;
    border:0px solid #ff0000;
}
.dlglock_commentinfobox{
    position:relative;
    width:100%;
    min-height: 36px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 36px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    padding:5px;
    float:right;
    text-align:right;
    color:#ccc;
    /*border-bottom:1px solid #ccc;*/
}
.dlglock_commentreplyinfobox{
    position:relative;
    width:100%;
    min-height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    padding:3px;
    float:right;
    text-align:right;
    color:#ccc;
}
.dlglock_commentreplybox_left{
    position:relative;
    float:left;
    width:26px;
    text-align:left;
    padding-right:4px;
}
.dlglock_commentreplybox_right{
    position:relative;
    font-size:90%;
    min-height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: auto !important;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    height: 30px;/*divの中に複数のdivを作り、内部のdivをfloatしたときにレイアウト（高さ）が乱れてしま疎きの記述。*/
    overflow:hidden
    float:right;
    text-align:left;
    color:#333;
}
.dlglock_commentbox_image{
    position:relative;
    padding-top:10px;
    margin:0 auto;
    text-align:center;
}
.dlglock_commenticonbox{
    position:relative;
    height: 30px;
    width: 30px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float:left;
    background:#fff;
    background-size:100% 100%;
}
.dlglock_commentreplyphotobox{
    position:relative;
    height: 20px;
    width: 20px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float:left;
    background:#efefef;
    background-size:100% 100%;
}
.dlglock_commentusernamebox{
    position:relative;
    font-family:Verdana-Bold,Roboto;
    font-weight:bold;
    font-weight:900;
    font-size:90%;
    float:left;
    color:#555;
    color:#0B87C1;
}
.dlglock_commentreplyusernamebox{
    position:relative;
    font-family:Verdana-Bold,Roboto;
    font-weight:bold;
    font-weight:900;
    font-size:80%;
    float:left;
    color:#555;
    color:#0B87C1;
}
.dlglock_comment_likebox{
    float:right;
    padding:0;
    margin:0;
    padding-left:5px;
    padding-right:6px;
}
.dlglock_comment_like{
    float:left;
    font-size:135%;
    line-height:100%;
    padding-left:3px;
    padding-right:3px;
    color:#999;
}
.dlglock_comment_like_sub{
    padding:0;
    margin:0;
    float:left;
    font-size:75%;
    line-height:200%;
    color:#888;
    text-align:left;
    font-weight:bold;
    padding-top:2px;
    border:0px solid #ccc;
}
.dlglock_commentreply_likebox{
    float:right;
    padding:0;
    margin:0;
    padding-left:5px;
}
.dlglock_commentreply_like{
    float:left;
    font-size:120%;
    line-height:100%;
    padding-left:3px;
    padding-right:3px;
    color:#999;
}
.dlglock_commentreply_like_sub{
    padding:0;
    margin:0;
    float:left;
    font-size:75%;
    line-height:200%;
    color:#888;
    text-align:left;
    font-weight:bold;
    border:0px solid #ccc;
}

.dlglock_comment_info_on{
    color:#0B87C1;
}
.dlglock_commentreply_info_on{
    color:#0B87C1;
}
.dlglock_comment_replybox{
    float:right;
    padding:0;
    margin:0;
}
.dlglock_comment_reply{
    font-size:135%;
    float:left;
    line-height:100%;
    padding-left:3px;
    padding-right:3px;
    color:#ccebf9;
    padding-left:3px;
    padding-right:3px;
}
.dlglock_comment_reply_sub{
    padding:0;
    margin:0;
    float:left;
    font-size:75%;
    line-height:200%;
    color:#888;
    text-align:left;
    font-weight:bold;
    padding-top:2px;
    border:0px solid #ccc;
}
.dlglock_comment_toolbox{
    position:absolute;
    top:0;
    right:-3px;
}
.dlglock_commentreply_toolbox{
    position:absolute;
    top:0;
    right:-3px;
}
.dlglock_comment_tool{
    font-size:120%;
    line-height:100%;
    padding:0;
    margin:0;
    padding-left:8px;
    padding-right:8px;
    color:#ccc;
}
.dlglock_commentreply_tool{
    font-size:120%;
    line-height:100%;
    padding:0;
    margin:0;
    padding-left:8px;
    padding-right:8px;
    color:#ccc;
}

.dlglock_comment_reply_on{
    color:#0BC1A6;
}
.dlglock_comment_datetimebox{
    float:right;
    padding:0;
    margin:0;
    margin-top:8px;
    font-size:75%;
    color:#ccc;
}
.dlglock_commentreply_datetimebox{
    float:right;
    padding:0;
    margin:0;
    margin-top:3px;
    font-size:75%;
    color:#ccc;
}
.dlglock_morebox{
    position:relative;
    clear:both;
    width:100%;
    text-align:center;
    height: 60px;
    padding:10px;
    font-size:90%;
}
.dlglock_textarea_comment{
    font-size:95%;
}
.dlglock_textarea_commentreply{
    font-size:90%;
}
.dlglock_commentreplycontainer{
    border-bottom:1px solid #ccc;
}
/* ロック画面ユーザー名ヘッダー-----------------------------------------------------*/
.dlglock_headericonboxBK{
    position:relative;
    width: 100%;
    height:32px;
    text-align:left;
    font-family: "HelveticaNeue-Light",sans-serif;
    margin:0 auto;
    overflow: hidden;
    padding:3px;
    border:0px solid #ff0000;
}
.dlglock_headericonbox{
    position:relative;
    text-align:left;
    font-family: "HelveticaNeue-Light",sans-serif;
    margin:0 auto;
    overflow: hidden;
    border:0px solid #ff0000;
    padding:0;
    padding-top:10px;/*2019121901*/
    padding-left:4px;/*2019121901*/
    padding-right:4px;/*2019121901*/
}
.dlglock_headerleftbox{
	float:left;
}
.dlglock_likebox{
	width:100%;
    float:right;
    text-align:right;
    padding:0;
    margin:0;
    border:0px solid #ff0000;
}
.lbl_btn_inputfile{
	color: #fff !important;  
	background-color: #888 !important;
	background: #888 !important;
	font-size:80%;
	padding: 10px;
	border-radius: 12px;
}
.lbl_btn_inputfilecamera{
	color: #fff !important;  
	background-color: #444 !important;
	background: #444 !important;
	font-size:80%;
	padding: 10px;
	border-radius: 12px;
}
.btnSWhite{
    padding: 0.5em 0.5em;
    border: solid 1px #ccc;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#efefef !important;
    background-color:#efefef !important;
    color:#555;
    font-size:70%;
}
.btnSWhiteBlue{
    padding: 0.5em 0.5em;
    border: solid 1px #0B87C1;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#efefef !important;
    background-color:#efefef !important;
    color:#555;
}
.btnSBlue{
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#0B87C1 !important;
    background-color:#0B87C1 !important;
    color:#fff;
    font-size:70%;
}
.btnSGreen{
 /*background:#0099a8;*/
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00b0bf !important;
    background-color:#00b0bf !important;
    color:#fff;
    font-size:70%;
}
.btnSLightGreen{
 /*background:#0099a8;*/
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#00bed1 !important;
    background-color:#00bed1 !important;
    color:#fff;
    font-size:70%;
}
.btnSDarkGreen{
 /*background:#0099a8;*/
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#0099a8 !important;
    background-color:#0099a8 !important;
    color:#fff;
    font-size:70%;
}
.btnSDarkYellow{
 /*background:#0099a8;*/
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    color:#fff;
    font-size:70%;
}
.btnSGray{
 /*background:#0099a8;*/
    padding: 0.5em 0.5em;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#999999 !important;
    background-color:#999999 !important;
    color:#fff;
    font-size:70%;
}
.btnSelectLang{
	min-width:80px;
    padding: 0.5em 0.7em;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    color:#222;
    z-index:999999;
    font-size:90%;
    border:0;
    border-radius: 0px;
    border-bottom:3px solid #0099a8;
    text-indent:1.1em;
    background:url(../images/earth_green_64.png) no-repeat;
    background-size:20px 20px;
    background-position: 3px center;
    background-color:rgba(255,255,255,0.8);
}
.dlglock_share{
    float:right;
    padding-right:5px;
    padding-bottom:6px;
    border:0px solid #ff0000;
}
/*add 2019121901*/
.dlglock_place{
    float:left;
    padding-left:1px;
    padding-bottom:6px;
    border:0px solid #ff0000;
}
/*add 2020031901*/
.dlglock_navapp{
    float:left;
    padding-left:1px;
    padding-bottom:6px;
    border:0px solid #ff0000;
}
.dlglock_bookmark{
    float:left;
    padding-left:6px;
    padding-bottom:6px;
    border:0px solid #00b0bf;
}
.dlglock_bookmark_sub{
	color:#555;
}
.dlglock_bookmark_on{
    padding: 0.1em 0.1em;
    border: solid 0px #fcb714;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fff !important;
    background-color:#fff !important;
    color:#fcb714;
    font-size:120%;
}
.dlglock_bookmark_off{
    padding: 0.3em 0.3em;
    border: solid 2px #fcde17;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fff !important;
    background-color:#fff !important;
    color:#fcb714;
    font-size:100%;
}

.dlglock_bookmark_officon{
    color:#fcb714;
    font-size:140%;
    font-weight:bold;
}
.dlglock_bookmark_onicon{
	color:#fcb714;
    font-size:160%;
}
.btnWBookmarkOff{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fcb714;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fcb714 !important;
    background-color:#fcb714 !important;
    color:#fff;
    font-size:80%;
    font-weight:bold;
}
.btnWBookmarkOn{
	position:relative;
    padding: 0.2em 0.5em 0.2em 0.5em !important;
    margin: 0em 0em !important;
    border: solid 1px #fff;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2);
    background:#fff !important;
    background-color:#fff !important;
    color:#fcb714;
    font-size:80%;
    font-weight:normal;
}
.infomation_wbookmark_officon{
    color:#fff;
    font-size:140%;
}
.infomation_wbookmark_onicon{
	color:#fcb714;
    font-size:140%;
}
.dlglock_like{
    float:right;
    padding-right:1px;
    padding-bottom:6px;
    border:0px solid #ff0000;
}
.dlglock_like_sub{
	color:#555;
}
.dlglock_like_on{
/*
	color:#e20202;
    border: solid 1px #e20202;
*/
	color:#e25002;
	border: solid 1px #e25002;
    font-weight:bold;
    background:#fff !important;
    background-color:#fff !important;
}
.dlglock_like_officon{
    color:#ccc;
    font-size:160%;
}
.dlglock_like_onicon{
	/*color:#e20202;*/
	color:#ff654a;
    font-size:160%;
}
.dlglock_favbox{
    float:right;
    padding:0;
    margin:0;
}
.dlglock_fav{
    font-size:180%;
    line-height:100%;
    padding-left:8px;
    padding-right:8px;
    color:#ccc;
}
.dlglock_fav_sub{
    padding:0;
    margin:0;
    font-size:75%;
    line-height:75%;
    color:#666;
    text-align:center;
}
.dlglock_fav_on{
    color:#0B87C1;
}
/* シェア用alert-----------------------------------------------------*/
.alert-title-shareiconbox{
	position:relative;
	width:100%;
	float:left;
	line-height:100%;
}
.alert-title-shareiconbox ul{
	list-style: none;
	margin: 0px;
	padding: 0px;
	display:block;
}
.alert-title-shareiconbox li{
	float:left;
	padding-right:12px;
	font-size:270%;
	line-height:100%;
	display:block;
}
/* ロック画面ユーザー名ヘッダー-----------------------------------------------------*/
.dlglock_headerbox{
    position:relative;
    width: 100%;
    height:46px;
    text-align:left;
    font-family: "HelveticaNeue-Light",sans-serif;
    margin:0 auto;
    overflow: hidden;
    /*border-bottom:1px solid #ededed;*/
}
.dlglock_profphotobox{
    position:relative;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    /*top:10px;*/
    /*left:10px;*/
    float:left;
    /*background-size:cover;*/
    background:#fff;
    background-size:100% 100%;
    margin-top:10px;
    margin-left:4px;
    /*border:1px solid #5c513b;*/
    /*box-shadow: 0px 0px 0px 1px rgba(255,255,255,1.0);*/
}
.dlglock_usernamebox{
    position:relative;
    font-family:Verdana-Bold,Roboto;
    font-weight:bold;
    font-weight:900;
    width: 200px;
    height:38px;
    font-size:75%;
    line-height:115%;
    top:10px;
    left:6px;
    float:left;
    color:#555;
    /*color:#222;*/
}
.dlglock_numberbox{
    position:absolute;
    width: 100px;
    height:20px;
    text-align:right;
    font-size:70%;
    right:15px;/*mod 2019121901*/
    color:#999;
    top:8px;
    border:0px solid #ff0000;
    z-index:9999;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light","HelveticaNeue",sans-serif;
}
.dlglock_datesmall{
    position:absolute;
    width: 100px;
    height:20px;
    text-align:right;
    font-size:70%;
    right:15px;/*mod 2019121901*/
    color:#999;
    bottom:6px;
    border:0px solid #ff0000;
    z-index:9999;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light","HelveticaNeue",sans-serif;
}
.dlglock_arbox{
    position:relative;
    width: 100%;
    height:60px;
    text-align:right;
    padding-right:20px;
    z-index:9999;
}
.dlglock_icon_AR{
    color:#0B87C1;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:300%;
}

.dlglock_icon_overAR{
    position:absolute;
    margin:0;
    padding:0;
    top:3px;
    left:0;
    right:0;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:120%;
    color:#e22222;
    z-index:9999;
    font-weight:bold;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width:1px;
}
.dlglock_lockbtnbox{
    position:relative;
    padding-top:20px;
    width:100%;
    height:80px;
    z-index:9999;
}
.dlglock_btn_lock{
    position:relative;
    background:transparent;
    width:45px;
    height:45px;
    line-height:45px;
    text-align:center;
    border:0px solid #ff0000;
    box-shadow:none;
    padding:0px;
    margin:0;
}
.dlglock_icon_locked{
    color:#edb112;
    text-shadow:0 2px 0 #edb112,0 2px 1px rgba(0,0,0,0.8);
    width:45px;
    height:45px;
    line-height:45px;
    font-size:280%;
    -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0.3), rgba(0,0,0,1) 40%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0.3));
}
.dlglock_icon_unlocked{
    position:relative;
    text-shadow:0 2px 0 #666,0 2px 1px rgba(0,0,0,0.8);
    margin:0;
    padding:0;
    width:45px;
    height:45px;
    line-height:45px;
    color:#666;
    font-size:280%;
    -webkit-mask-image:-webkit-linear-gradient(top, rgba(0,0,0,0.4), rgba(0,0,0,1) 40%, rgba(0,0,0,0.8) 90%, rgba(0,0,0,0.4));
}
.dlglock_icon_unlocked_none{
    position:relative;
    margin:0;
    padding:0;
    width:45px;
    height:45px;
    line-height:45px;
    color:#ddd;
    font-size:280%;
}
.dlglock_icon_over{
    position:absolute;
    margin:0;
    padding:0;
    top:10px;
    left:0;
    right:0;
    width:45px;
    height:45px;
    line-height:45px;
    color:#fff;
    font-size:100%;
}
.dlglock_btn_compunlock{
    position:relative;
    width: 80px;
    height:80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size:300%;
    line-height:80px;
    text-align:center;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    color:#fff;
    background:#edb112;
    border:1px solid #fff;
    z-index:9999;
    margin-top:20px;
    box-shadow: 0 0 10px rgba(255,255,0,0.8);
    /*box-shadow: 0px 0px 0px 1px rgba(255,255,255,1.0);*/
    /*box-shadow: 0 0 5px rgba(255,249,196,0.8);*/
}
.dlglock_btn_complock{
    position:absolute;
    width: 80px;
    height:80px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    font-size:280%;
    line-height:160%;
    text-align:center;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
    color:#999;
    background:rgba(255,255,255,0.2);
    background-size:100% 100%;
    border:1px solid #999;
    opacity:0.9;
    z-index:9999;
    /*box-shadow: 0px 0px 0px 1px rgba(255,255,255,1.0);*/
    /*box-shadow: 0 0 5px rgba(255,249,196,0.8);*/
}
.dlglock_complockbtnbox{
    position:relative;
    width:100%;
    height:150px;
    text-align:center;
}
.btn_ripplecircle{
    display: inline-block;
    position: relative;
    z-index: 0;
    width: 80px;
    height: 80px;
    margin: 0 80px;
}
.btn_ripplecircle_mainLight {
    display: block;
    position: absolute;
    top:0;
    z-index:2;
    width: 80px;
    height: 80px;
    line-height:80px;
    color:#ffff00;
    background:#ffaa0c;
    /*background:#edb112;*/
    font-size:300%;
    border-radius: 50%;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    box-shadow: 0 0 5px rgba(255,255,255,1);
}
.btn_ripplecircle_ripple {
    display: block;
    position: absolute;
    top: 0;
    z-index:1;
    width: 80px;
    height: 80px;
    background-color: #fff600;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255,144,0,1);
    animation-name: rippleAnimation;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-name: rippleAnimation;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -moz-animation-name: rippleAnimation;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 2s;
}
.btn_notripplecircle_mainLight {
    display: block;
    position: absolute;
    top:0;
    z-index:2;
    width: 80px;
    height: 80px;
    line-height:80px;
    color:#fff;
    background:#ddd;
    font-size:300%;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(255,255,255,1);
}
.btn_notripplecircle_ripple {
    display: block;
    position: absolute;
    top: 0;
    z-index:1;
    width: 80px;
    height: 80px;
    background-color: #eee;
    border-radius: 50%;
    box-shadow: 0 0 5px rgba(249,223,76,1);
    animation-name: rippleAnimation;
    animation-timing-function: ease-out;
    animation-iteration-count: infinite;
    animation-duration: 2s;
    -webkit-animation-name: rippleAnimation;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 2s;
    -moz-animation-name: rippleAnimation;
    -moz-animation-timing-function: ease-out;
    -moz-animation-iteration-count: infinite;
    -moz-animation-duration: 2s;
}
@keyframes rippleAnimation {
    0% {
        transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        transform: scale(1.5,1.5);
        opacity: 0;
    }
}
@-webkit-keyframes rippleAnimation {
    0% {
        -webkit-transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -webkit-transform: scale(1.5,1.5);
        opacity: 0;
    }
}
@-moz-keyframes rippleAnimation {
    0% {
        -moz-transform: scale(1, 1);
        opacity: 1;
    }
    100% {
        -moz-transform: scale(1.5,1.5);
        opacity: 0;
    }
}

.alert_selectlock_txt{
    padding:10px;
}
.alert_randomlock_txt{
    padding:10px;
}
.dlgselectlock_btn_select{
    width:50px;
    height:50px;
    line-height:50px;
    margin:6px;
    font-weight:bold;
    font-family: Arial;
    background:#f9bf2a;
}
.dlgrandomlock_btn_select{
    width:50px;
    height:50px;
    line-height:50px;
    margin:6px;
    font-weight:bold;
    font-family: Arial;
    background:#f9bf2a;
}
.world_msgbox_timelimit_txt{
    font-size:200%;
    font-weight:bold;
    color:#e22222;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_timelimittimeout_txt{
    font-size:80%;
    font-weight:bold;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_timelimitgoal_txt{
    font-size:80%;
    font-weight:bold;
    color:#0B87C1;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_clearpinclear_txt{
    font-size:80%;
    font-weight:bold;
    color:#0B87C1;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_tourpoint{
  float:left;
  line-height:150%;
  position:absolute;
  top:55px;
  left:5px;
  z-index:999;
  text-align:center;
  padding:5px;
  background:#444;
  color:#fff;
  font-size:60%;
}
.world_msgbox_tourstamp{
  float:left;
  line-height:150%;
  position:absolute;
  top:55px;
  left:5px;
  z-index:999;
  text-align:center;
  padding:5px;
  background:#444;
  color:#fff;
  font-size:60%;
}
.world_msgbox_tourpoint_txt{
    text-align:center;
    font-weight:bold;
}
.world_msgbox_tourstamp_txt{
    text-align:center;
    font-weight:bold;
}
.world_msgbox_tourpoint_point{
    font-size:150%;
    text-align:center;
    font-weight:bold;
}
.world_msgbox_tourstamp_stamp{
    font-size:150%;
    text-align:center;
    font-weight:bold;
}
.world_msgbox_tourpointdisp_txt{
    font-size:100%;
    font-weight:bold;
    color:#e22222;
    margin-left:10px;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_tourstampdisp_txt{
    font-size:100%;
    font-weight:bold;
    color:#e22222;
    margin-left:10px;
    text-shadow: 
-1px -1px 0px #fff,
1px -1px 0px #fff,
1px 1px 0px #fff,
-1px 1px 0px #fff;
}
.world_msgbox_tourpoint_changebtn{
	float:left;
  line-height:150%;
  min-height:10px !important;
  position:absolute;
  top:55px;
  left:4px;
  z-index:999;
  text-align:center;
  padding:5px;
  background:#c64200;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color:#fff;
  border:1px solid #fff;
  font-size:60%;
  font-weight:bold;
}
.world_msgbox_tourstamp_changebtn{
	float:left;
  line-height:150%;
  min-height:10px !important;
  position:absolute;
  top:55px;
  left:4px;
  z-index:999;
  text-align:center;
  padding:5px;
  background:#c64200;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color:#fff;
  border:1px solid #fff;
  font-size:60%;
  font-weight:bold;
}
.world_msgbox_howtoplaybtn{
	float:left;
  line-height:150%;
  min-height:10px !important;
  position:absolute;
  top:102px;
  left:4px;
  z-index:999;
  text-align:center;
  padding:5px;
  background:#0099a8;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  color:#fff;
  border:1px solid #fff;
  font-size:70%;
  font-weight:bold;
  min-width:70px;
}
.mdl_tourpointrank_tank{
    font-size:120%;
    color:#888;
    font-weight:bold;
}
.mdl_tourpointrank_tank1{
    font-size:250%;
    color:#ffd700;
    font-weight:bold;
}
.mdl_tourpointrank_tank2{
    font-size:250%;
    color:#c0c0c0;
    font-weight:bold;
}
.mdl_tourpointrank_tank3{
    font-size:250%;
    color:#c47222;
    font-weight:bold;
}
.mdl_tourpointrank_username123{
    font-size:100%;
    color:#222;
    font-weight:bold;
    text-align:left;
    margin-left:4px;
}
.mdl_tourpointrank_username{
    font-size:90%;
    color:#555;
    text-align:left;
    margin-left:4px;
}
.mdl_tourpointrank_point123{
    font-size:160%;
    font-weight:bold;
    color:#0B87C1;
}
.mdl_tourpointrank_point{
    font-size:120%;
    font-weight:bold;
    color:#0B87C1;
}
.mdl_tourpointrank_profphotobox{
    position:relative;
    height: 26px;
    width: 26px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    float:left;
    background:#fff;
    background-size:100% 100%;
    margin-top:3px;
    
}
/* ------------------------------------------
　取得ポイントリストページ（使用）
 ------------------------------------------*/
#tourpointitemlist-box{
    width:100%;
    margin:0 auto;
    color:#5f5739;
}
.tourpointitem-box{
    width:48%;
    float:left;
    margin-bottom:10px;
    padding-bottom:10px;
    background:#fff;
    border:1px solid #eee;
}
.tourpointitem-box-one{
    width:98%;
    float:left;
    margin-bottom:10px;
    padding-bottom:10px;
    background:#fff;
    border:1px solid #eee;
}
.tourpointitem-changetourpoint-box{
    font-family:Verdana-Bold,Roboto;
    font-size:100%;
    padding:5px;
    text-align:center;
    color:#fff;
    font-weight:900;
    background:#454545;
    border:1px solid #fff;
}
.tourpointitem-photo-box{
    position:relative;
    width:100%;
    float:left;
    text-align:center;
}
.tourpointitem-name-box{
    font-family:Verdana-Bold,Roboto;
    font-size:80%;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    color:#333;
    font-weight:900;
}
.tourpointitem-note-box{
    font-family:Verdana-Bold,Roboto;
    font-size:70%;
    padding:5px;
    text-align:left;
    color:#5f5739;
}
.tourpointitem-limitdate-box{
    padding:6px;
    margin:6px;
    font-size:70%;
    text-align:left;
    color:#333;
    background-color:#efefef;
    border-radius:6px;
}
.tourpointitem-getitem-box{
    padding:6px;
    margin:6px;
    font-size:70%;
    text-align:left;
    color:#333;
}
.tourpointitem-use-box{
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    z-index:9999;
    border:1px solid ff0000;
}
.tourpointitem-use-box i{
    text-align:center;
    font-size:400%;
    color:#00b8b8;
    opacity:0.8;
}
.tourpointitem-expired-box{
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    z-index:9999;
    border:1px solid ff0000;
}
.tourpointitem-expired-box i{
    text-align:center;
    font-size:400%;
    color:#555;
    opacity:0.8;
}
.tourpointitem-bottom-box{
    position:absolute;
    width: 100%;
    height:40px;
    font-size:100%;
    bottom:0;
    background: rgba(95,87,57,0.7);
    z-index:9999;
}
.tourpointitem-bottom-box .havetrophy-cnt{
    font-family:Verdana-Bold,Roboto;
    float:left;
    text-align:left;
    margin-left:5px;
    font-weight:bold;
    font-weight:900;
    color:#fff;
}
.tourpointitem-bottom-box .havetrophy-date{
    font-size:80%;
    text-align:right;
    float:right;
    margin-right:10px;
    color:#ccc;
}

.tourpointitem-amount-box{
    position:absolute;
    z-index:999;
    bottom:2px;
    right:3px;
    font-family:Verdana-Bold,Roboto;
    font-size:90%;
    color:#fff;
    font-weight:bold;
    font-weight:900;
}
.bg-green{
    /*background:#0099a8;*/
    background-color: #00b0bf;
	/*background-image: linear-gradient(135deg, #0099a8 0%, #00b0bf 69%);*/
    color:#fff;
}
.bg-orange{
    /*background:#0099a8;*/
    background-color: #fcb714;
	/*background-image: linear-gradient(135deg, #0099a8 0%, #00b0bf 69%);*/
    color:#fff;
}
/* ------------------------------------------
　取得スタンプリストページ（使用）
 ------------------------------------------*/
#tourstampitemlist-box{
    width:100%;
    margin:0 auto;
    color:#5f5739;
}
.tourstampitem-box{
    width:48%;
    float:left;
    margin-bottom:10px;
    padding-bottom:10px;
    background:#fff;
    border:1px solid #eee;
}
.tourstampitem-box-one{
    width:98%;
    float:left;
    margin-bottom:10px;
    padding-bottom:10px;
    background:#fff;
    border:1px solid #eee;
}
.tourstampitem-changetourstamp-box{
    font-family:Verdana-Bold,Roboto;
    font-size:100%;
    padding:5px;
    text-align:center;
    color:#fff;
    font-weight:900;
    background:#454545;
    border:1px solid #fff;
}
.tourstampitem-photo-box{
    position:relative;
    width:100%;
    float:left;
    text-align:center;
}
.tourstampitem-name-box{
    font-family:Verdana-Bold,Roboto;
    font-size:80%;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
    text-align:center;
    color:#333;
    font-weight:900;
}
.tourstampitem-note-box{
    font-family:Verdana-Bold,Roboto;
    font-size:70%;
    padding:5px;
    text-align:left;
    color:#5f5739;
}
.tourstampitem-limitdate-box{
    padding:6px;
    margin:6px;
    font-size:70%;
    text-align:left;
    color:#333;
    background-color:#efefef;
    border-radius:6px;
}
.tourstampitem-getitem-box{
    padding:6px;
    margin:6px;
    font-size:70%;
    text-align:left;
    color:#333;
}
.tourstampitem-use-box{
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    z-index:9999;
    border:1px solid ff0000;
}
.tourstampitem-use-box i{
    text-align:center;
    font-size:400%;
    color:#00b8b8;
    opacity:0.8;
}
.tourstampitem-expired-box{
    position:absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%); /* Safari用 */
    z-index:9999;
    border:1px solid ff0000;
}
.tourstampitem-expired-box i{
    text-align:center;
    font-size:400%;
    color:#555;
    opacity:0.8;
}
.tourstampitem-bottom-box{
    position:absolute;
    width: 100%;
    height:40px;
    font-size:100%;
    bottom:0;
    background: rgba(95,87,57,0.7);
    z-index:9999;
}
.tourstampitem-bottom-box .havetrophy-cnt{
    font-family:Verdana-Bold,Roboto;
    float:left;
    text-align:left;
    margin-left:5px;
    font-weight:bold;
    font-weight:900;
    color:#fff;
}
.tourstampitem-bottom-box .havetrophy-date{
    font-size:80%;
    text-align:right;
    float:right;
    margin-right:10px;
    color:#ccc;
}

.tourstampitem-amount-box{
    position:absolute;
    z-index:999;
    bottom:2px;
    right:3px;
    font-family:Verdana-Bold,Roboto;
    font-size:90%;
    color:#fff;
    font-weight:bold;
    font-weight:900;
}
/*
.dlglock_headerbox{
    position:relative;
    width: 100%;
    height:34px;
    text-align:left;
    font-family: "HelveticaNeue-Light",sans-serif;
    margin:0 auto;
    overflow: hidden;
    border-bottom:1px solid #ededed;
}
.dlglock_numberbox{
    position:absolute;
    width: 100px;
    height:20px;
    text-align:left;
    font-size:70%;
    left:10px;
    color:#999;
    top:0px;
    border:0px solid #ff0000;
    z-index:9999;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light","HelveticaNeue",sans-serif;
}
.dlglock_datesmall{
    position:absolute;
    width: 100px;
    height:20px;
    text-align:left;
    font-size:70%;
    left:10px;
    color:#999;
    bottom:0px;
    border:0px solid #ff0000;
    z-index:9999;
    font-family:"HelveticaNeue-Light", "Helvetica Neue Light","HelveticaNeue",sans-serif;
}
.dlglock_arbox{
    position:relative;
    width: 100%;
    height:60px;
    text-align:right;
    padding-right:20px;
    z-index:9999;
}
.dlglock_icon_AR{
    color:#0B87C1;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:300%;
}

.dlglock_icon_overAR{
    position:absolute;
    margin:0;
    padding:0;
    top:3px;
    left:0;
    right:0;
    width:45px;
    height:45px;
    line-height:45px;
    font-size:120%;
    color:#e22222;
    z-index:9999;
    font-weight:bold;
    -webkit-text-stroke-color:#fff;
    -webkit-text-stroke-width:1px;
}
.dlglock_unlockcontent{
    position:absolute;
    width:90%;
    top:10px;
    left:0;
    right:0;
    margin:0 auto;
    padding:10px;
    z-index:3;
    background:rgba(255,255,255,0.9);
    -webkit-border-radius: 10px;
}
.dlglock_unlockcontent_txt{
	width:100%;
    text-align:left;
    font-size:50%;
    color:#444;
    padding-top:20px;
    float:left;
}
.dlglock_lockcontent_txt{
    text-align:left;
    padding:5px;
    font-size:80%;
    color:#444;
}
*/
.btnLControlClose{
    position:absolute;
    padding:0;
    margin:0;
    bottom:-28px;
    left:-15px;
    background:#555 !important;
    background-color:#55534
     !important;
    border-radius:50%;
    -webkit-border-radius: 50%;
    color:#fff;
    font-size:150%;
    width:30px;
    height:30px;
    border:0;
    box-shadow:none !important;
    z-index:9999;
    text-align:center !important;
}
/* slick */
.slick-prev {
    left:0px;
    /*left: 15px;*/
    z-index: 100;
}
.slick-next {
    right:19px;
    /*right: 15px;*/
    z-index: 99;
    
}
.slick-prev::before {
    position: relative;
    content: "\f060";
    font-family: FontAwesome;
    background: rgba(255,255,255,0.5);
    padding: 10px;
    opacity: 1;
	border-radius: 50%;
	color:#555;
}
 
.slick-next::before {
    position: relative;
    content: "\f061";
    font-family: FontAwesome;
    background: rgba(255,255,255,0.5);
    padding: 10px;
    opacity: 1;
    border-radius: 50%;
    color:#555;
}