@charset "utf-8";
.map-area {
    width: 100%;
    height: 100%;
    display: flex;
    position: relative;
    text-align: left;
}

.map-area2 {
    width: 100%;
    height: 100%;
    position: relative;
    text-align: center;
}

.free-map-text-area {
    /* display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center;  */
    /* width: 100%; */
    display: inline-block;
    text-align: left;
    color: yellow;
    padding-top: 50px;
    margin: auto 2%;
}

/* .free-map-text-area1 {
    font-size: 15px;
    margin-top: 30px;
    color: yellow;
}

.free-map-text-area2 {
    font-size: 15px;
    color: yellow;
    margin-left: 103px;
}

.free-map-text-area3 {
    font-size: 15px;
    color: yellow;
    margin-left: 222px;
} */

.free-map-text-area4 {
    margin-top: 30px;
    margin-left: 183px;
}

.free-map-content-area {
    display: flex; 
    flex-direction: column; 
    align-items: center; 
    justify-content: center; 
}

.free-map-text-area5 {
    margin-top: 5px;
    padding-left: 3px;
    margin-right: 100px;
    width: 125px;
    position: relative;
    z-index: 2;
    background-color: #595959;
}

.free-map-select-location-area {
    display: flex;
}

.free-map-select-location-left,
.free-map-select-location-right {
    font-size: 27px;
}

.free-map-select-location-text-area {
    border: 2px solid white;
    width: 140px;
    text-align: center;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 15px;
    padding-bottom: 15px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: translateY(3px);
}


#freeMapSelectLocationTextArea {
    height: 18px;

}

.border-area {
    border: 1px solid white;
    width: 260px;
    height: 90px;
    padding-top: 24px;
    padding-left: 25px;
    border-radius: 10px;
    transform: translateY(-15px);
    position: relative;
    z-index: 1;
}

.map-menu-contents input[type=checkbox] {
    display: none;
}

.menu-and-pain-area input[type=checkbox] {
    display: none;
}

.display-clause {
    display: none;
}

.map-menu input[type=radio] {
    display: none;
}

.map-setting-contents input[type="radio"] {
    display: none;
}

#mapSetting input[type=checkbox] {
    display: none;
}

.map-menu input[type="radio"]:checked + label {
    /* color: #FFFFFF; */
    background: #9dc3e6;
}

.map-menu label {
    /* width: 90%;
    height: 60px;
    display: flex;
    font-size: 20px;
    margin: 5px;
    color: #333333;
    background-color: #deebf7;
    border: 2px solid #000000;
    border-radius: 5px;
    justify-content: center;
    align-items: center;
    cursor: pointer; */
}

/* .map-menu img {
    width: 25px;
    height: 25px;
    margin-left: 5px;
} */

.map-menu img + div {
    width: 120px;
    margin-left: 5px;
}

.map-menu img + div + img {
    width: 30px;
    height: 30px;
    margin-left: auto;
    margin-right: 5px;
}

.map-menu-check-area {
    position: absolute;
    left: 30px;
    top:15px;
    background-color: #595959;
    border: solid 1px #FFFFFF;
    width: 150px;
    height: 50px;
    z-index: 9997;
    display: flex;
}

.map-area-cycle-lable {
    position: absolute;
    z-index: 9996;
    bottom: 0%;
    border: solid 1px #FFFFFF;
    background-color: white;
    color: black;
    width: 154px;
    display: none;
}

.map-area-cycle-lable-text {
    text-align: center;
    margin: 3px 5px 3px 5px;
}

.map-menu-check-area > div {
    margin-left: 5px;
    margin-top: 10px;
    font-size: 20px;
}

#map {
    width: 100%;
    height: calc(100% + 113px);
    margin-left: auto;
    left: 0px;
    bottom: 113px;
    z-index: 900;
}

.map-menu {
    position: fixed;
    /* display: flex; */
    transition: 0.2s;
    z-index: 9997;
    width: calc(100% + 25px);
    height: auto;
    left: 0px;
}

/* 狩猟メニュー表示左利き右利き切替 */
.map-menu-mobile-list {
    display: flex;
    /*justify-content: flex-end;*/
    height: 50px;
}

.map-menu-contents {
    width: calc(100% - 25px);
    border-right: solid 1px #000000;
    height: 50px;
    transition: 0.2s;
    display: flex;
    flex-direction: column;
    align-items: center;
    align-items: flex-start;
    background-color: transparent;
    opacity: 0.8;
}

/* メンバー登録地点表示左利き右利き切替 */
.map-menu-contents-e1 {
    /*align-items: flex-start;*/
    align-items: flex-end;
    background-color: transparent;
    border-bottom: #000000 solid 0px;
}

.map-menu-list-text {
    display: none;
}

.map-pain {
    width: 25px;
    flex: 1;
    align-items: center;
    display: flex;
}

.map-menu-contents-title {
    width: 100%;
    height: 28px;
    min-height: 28px;
    border-bottom: solid 1px #BDC0BC;
    display: flex;
    align-items: center;
    color: #000000;
    border-bottom: solid 1px #000000 ;
    padding-left: 5px;
    text-wrap: nowrap;
    overflow: hidden;
}

.map-menu-layer-label {
    width: 77px;
}

.map-menu-close-unfolding {
    width: 121px;
    /* margin-right: 7px; */
    margin-top: 2px;
    /* border: 1px solid black; */
}

.map-menu-close-unlook,
.map-menu-close-unlook2 {
    display: flex;
}

/* .map-menu-point-button input[type="button"] {
    width: 48%;
    height: 60px;
    margin: 5px 0px;
    font-size: 20px;
    color: #333333;
    border-radius: 5px;
} */

.button-ok {
    background-color: #deebf7;
}

.button-cancel {
    background-color: #fbe5d6;
}

.map-menu-list-area {
    width: 100%;
    flex-direction: column;
    border-bottom: #000000 solid 1px;
    text-align: right;
    height: 50px;
}

#mapMenuUnfoldingCheck1:checked ~ .map-menu-list-area {
    height: 50px;
}

.map-menu-list1 {
    display: flex;
    margin-top: 10px;
    width: auto;
    height: 70px;
}

.map-menu-list2 {
    width: 60px;
}

.map-menu-list2 > div{
    text-align: center;
}

.map-menu-point-button {
    width: 90%;
    display: flex;
    justify-content: space-between;
}

#mapMenuPainCheck[type="checkbox"]:checked + .map-menu {
    left: -247px;
}

/* 地点登録アイコン非表示 */
.map-registration-click {
    display: none;
}

.map-menu-point {
    width: 310px;
    height: auto;
    display: none;
    flex-direction: column;
    align-items: center;
    color: #000000;
    border-bottom: #000000 solid 1px;
    border-right: #000000 solid 1px;
    border-left: #000000 solid 1px;
    background-color: #FFFFFF;
    pointer-events: auto;
}

#mapMenuContentsGroupName {
    width: 182px;
    margin-top: 2px;
    /* padding-left: 26px; */
    /* text-align: center; */
    /* transform: translatex(60px); */
    /* border: 1px solid black; */
}

/* .map-menu-close-unfolding-left {
    display: block;
} */

.map-menu-close-unfolding-right {
    display: none;
}

.map-menu-list-img1 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.map-menu-list-img2 {
    width: 32px;
    height: 32px;
}

.map-menu-list-img3 {
    width: 30px;
    height: 34px;
    object-fit: cover;
}

.map-menu-list-img3-1 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.map-menu-list-img4 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.map-menu-list-img5 {
    width: 32px;
    height: 32px;
    object-fit: cover;
}

.map-new-colose-icon {
    width: 17px;
    height: 17px;
    object-fit: cover;
    transform: translate(4px, 2px);
}

.map-new-colose-icon2 {
    width: 17px;
    height: 17px;
    object-fit: cover;
    transform: translate(4px, 2px);
}

.map-menu-group {
    width: 310px;
    height: auto;
    flex-direction: column;
    align-items: center;
    display: none;
    border-bottom: #000000 solid 1px;
    border-right: #000000 solid 1px;
    border-left: #000000 solid 1px;
    background-color: white;
    pointer-events: auto;
}

.mapMenuUnMarkerIcon1 {
    width: 50px;
    height: 20px;
    object-fit: cover;
}

.mapMenuUnMarkerIcon2 {
    width: 50px;
    height: 20px;
    object-fit: cover;
}

.mapMenuUnfoldingIcon2 {
    width: 17px;
    height: 17px;
    object-fit: cover; 
    transform: translateY(2px);
}

.mapMenuUnfoldingIcon3 {
    width: 17px;
    height: 17px;
    object-fit: cover;
    transform: translateY(2px);
}

.map-menu-group-item {
    width: 100%;
    margin-top: 3px;
    color: #000000;
    display: flex;
    align-items: center;
}

.map-menu-group-item img {
    height: 35px;
    width: auto;
    margin-left: 5px;
}

.map-menu-group-item div {
    /* width: 210px; */
    width: 160px;
    /* border: 1px solid black; */
}

#userLastPosTime {
    width: 50px;
}

.map-menu-point-area {
    width: 100%;
    max-height: calc(100% - 28px);
    overflow-y: scroll;
}

.map-menu-point-title {
    width: 182px;
    margin-top: 2px;
    /* border: 1px solid black; */
}

.map-menu-Registration-item {
    margin-top: 3px;
    display: flex;
    width: 100%;
}

.map-menu-Registration-item:hover {
    opacity: 0.8;
}

.map-menu-Registration-item1 {
    width: 40px;
    margin-left: 5px;
}

.map-menu-Registration-item1 > img {
    width: 32px;
    height: 32px;
    margin-left: 5px;
}

.map-menu-Registration-item2 {
    width: calc(100% - 85px);
}

.map-menu-Registration-item2 > div {
    margin-top: 5px;
    margin-left: 5px;
}

.map-menu-Registration-item3 {
    margin-right: 5px;
    width: 30px;
}

.map-menu-group-area {
    width: 100%;
    max-height: calc(100% - 28px);
    overflow-y: scroll;
}

html {
    --body-height: 850px;
}

.menu-and-pain-area {
    position: absolute;
    top: 50px;
    display: flex;
    z-index: 9997;
    opacity: 0.8;
    pointer-events: none;
}

.menus-noflex-erea {
    height: auto;
}

.pain-area-yposition {
    /* height: 100%; */
    /* position: absolute;
    z-index: 19999;
    top: 50px;
    left: 251px; */
    display: flex;
    align-items: center;
}

.map-menu-pain {
    display: none;
    width: 33px;
    height: 28px;
    pointer-events: auto;
    /* transform: translateY(-37px); */
}

.pain-area-list-overflow {
    width: 309px;
    height: 39px;
    text-align: center;
    padding-top: 2px;
    display: none;
    /* position: absolute; */
    top: 91%;
}

.pain-area-list-event-area {
    width: 309px;
    height: 39px;
    /* font-size: 25px;
    color: #828282; */
    display: none;
}

.map-pain-img {
    height: 28px;
    width: 30px;
    transform: rotate( -180deg );
}

.pain-area-list-overflow-img {
    height: 28px;
    width: 30px;
}

.menu-and-pain-area.moved {
    transform: translateX(-310px); /* 適宜調整 */
    transition: transform 0.3s;
}

.menu-and-pain-area.removed {
    transform: translateX(0px);
    transition: transform 0.3s;
}

.map-pain-img.rotated {
    transform: rotate( -360deg );
}

#mapMenuUnfoldingCheck1:checked ~ .map-menu-list-area > .map-menu-contents-title > label >img {
    transform: rotate( -180deg );
}

#mapMenuUnfoldingCheck1:checked ~ .map-menu-list-area > .map-menu-mobile-list > .map-menu-list1 {
    display: flex;
}

#mapMenuUnfoldingCheck1:checked ~ .map-menu-list-area {
    height: 50px;
}

#mapMenuUnfoldingCheck2:checked ~ .map-menu-group > .map-menu-group-area {
    display: none;
}

#mapMenuUnfoldingCheck2:checked ~ .map-menu-group {
    height: 28px;
}

#mapMenuUnfoldingCheck3:checked ~ .map-menu-point > .map-menu-point-area {
    display: none;
}

#mapMenuUnfoldingCheck3:checked ~ .map-menu-point {
    height: 28px;
}

#mapMenuHuntingCheck:checked ~ .map-menu-check-area{
    display: none;
}


/* #mapMenuHuntingCheck:checked ~ .map-menu{
    display: flex;
    animation-duration: 2.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
} */

#mapMenuHuntingCheck:checked ~ .map-menu-pain-area{
    display: block;
}

.map-menu-pain-img {
    position:absolute;
}

#mapMenuPainCheck {
    display: none;
}

#mapMenuPainCheck:checked ~ .map-menu{
    display: flex;
    animation-duration: 2.5s;
    animation-timing-function: ease-out;
    animation-fill-mode: forwards;
}

#mapMenuPainCheck:checked ~ .map-menu > .map-pain > .map-menu-pain-area > img{
    transform: rotate( -180deg );
}

.map-menu-nowlocation {
    display: none;
}

/* 狩猟地図設定 */
#mapSetting {
    position: fixed;
    display: none;
    top: 200px;
    left: 280px;
    width: 275px;
    height: auto;
    z-index: 9997;
    border: solid #BDC0BC 1px;
    background-color: #595959;
}

.map-setting-title {
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #BDC0BC;
    text-align: center;
}

.map-setting-title-text{
    width: 100%;
    height: 100%;
    padding-top: 5px;
}

.map-setting-title-img {
    margin-top: 7px;
    display: none;
    width: 20px;
}

.map-setting-contents {
    width: 100%;
    height: calc(100% - 30px);
}

.map-setting-menu-title {
    margin-left: 15px;
    padding-top: 11px;
    padding-bottom: 2px;
}

.map-setting-menu-title2 {
    margin-left: 15px;
    /* padding-top: 11px; */
    margin-bottom: 10px;
}

.map-setting-menu-button1 {
    margin-left: 15px;
    margin-top: 5px;
    border: solid #828282 2px;
    color: #828282;
    width: calc(100% - 30px);
    height: 40px;
}

.map-setting-menu-button1 > label  {
    width: 100%;
    height: 100%;
    display: block;
}

.map-setting-menu-button1 > label > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-flex {
    display: flex;
}

.map-setting-menu-button2 {
    display: flex;
    margin-left: 10px;
    width: calc(100% - 30px);
    height: 40px;
}

.map-setting-menu-on-off {
    border: solid #828282 2px;
    color: #828282;
    width: 117px;
    margin-left: 5px;
    height: 100%;
}

.map-setting-menu-on-off > label  {
    width: 100%;
    height: 100%;
    display: block;
}

.map-setting-menu-on-off > label > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.map-setting-clause-button {
    margin-top: 20px;
    margin-left: 15px;
    margin-bottom: 15px;
    width: 238px;
    height: 40px;
    border: solid 2px #7EFFFF;
    color: #7EFFFF;
}

.map-setting-clause-button > label {
    width: 100%;
    height: 100%;
    display: block;
}

.map-setting-clause-button > label > div {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

#mapSettingClauseButton:hover {
    opacity: 0.8;
}

.map-setting-contents input[type="radio"]:checked + div {
    border: solid #FFFF00 2px;
    color: #FFFF00;
}

.map-setting-contents input[type="checkbox"]:checked + div {
    border: solid #FFFF00 2px;
    color: #FFFF00;
}

.map-setting-contents::-webkit-scrollbar {
    width: 12px; /* 幅を指定 */
}

/* スクロールバーのトラック（背景）のスタイル */
.map-setting-contents::-webkit-scrollbar-track {
    background: #f1f1f1; /* 背景色 */
}

/* スクロールバーのつまみのスタイル */
.map-setting-contents::-webkit-scrollbar-thumb {
    background-color: #888; /* つまみの色 */
    border-radius: 10px; /* 丸みを帯びた角 */
    border: 2px solid #ccc; /* 境界線（オプション） */
}

/* コンパス表示左利き右利き切替 */
.map-direction-area {
    position: absolute;
    top: 60px;
    left: initial;
    width: 64px;
    right: 25px;
    z-index: 9997;
    display: none;
}
.map-direction-area-e1 {
    top: 60px;
    /*left: 10px;*/
    width: 50px;
}

.map-setting-menu-location-area {
    display: none;
    align-items: center;
    justify-content: center;
}


.map-setting-menu-location-text-area {
    border: 2px solid white;
    width: 140px;
    text-align: center;
    color: white;
    margin-left: 5px;
    margin-right: 5px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px;
}

#MapSelectLocationTextArea {
    height: 18px;

}

.map-setting-menu-location-left-text,
.map-setting-menu-location-right-text {
    font-size: 30px;
    color: white;
    height: 38px;
    display: flex;
}

/** 更新間隔選択時の三角形要素 */

.select-triangle-1 {
    width: 30px;
    height: auto;
    transform: rotate(-90deg);
}

.select-triangle-2 {
    width: 30px;
    height: auto;
    transform: rotate(90deg);
}

/** 地点登録アイコン選択時の三角形要素 */
.select-triangle-3 {
    width: 30px;
    height: auto;
    transform: rotate(-90deg);
    filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(150deg) brightness(97%) contrast(86%);
    display: none;
}

.select-triangle-4 {
    width: 30px;
    height: auto;
    transform: rotate(90deg);
    filter: brightness(0) saturate(100%) invert(53%) sepia(0%) saturate(0%) hue-rotate(150deg) brightness(97%) contrast(86%);
    display: block;
}

.map-setting-menu-mobile-edition {
    display: none;
}

/* 地点登録 */
#mapRegistrationPoint {
    position: fixed;
    top: 240px;
    left: 140px;
    width: 325px;
    height: auto;
    z-index: 9997;
    border: solid #BDC0BC 1px;
    display: none;
}

.map-registration-point-title {
    width: 100%;
    height: 30px;
    border-bottom: solid 1px #BDC0BC;
}

#mapRegistrationName {
    margin-left: 20px;
    margin-top: 5px;
    width: calc(100% - 45px);
    height: 20px;
}

.map-registration-point-img-area {
    background-color: #FFFFFF;
    width: 100%;
    height: 54px;
    -ms-overflow-style: none;
    display: flex;
}

.map-registration-attachment-area {
    width: 100%;
    height: auto;
}

#mapRegistrationAttachmentText {
    color: #7EFFFF;
    margin-left: 5px;
}

#mapRegistrationAttachmentText:hover {
    opacity: 0.8;
}

#mapRegistrationPhotoText {
    color: #7EFFFF;
    margin-left: 13px;
}

#mapRegistrationPhotoText:hover {
    opacity: 0.8;
}


.map-registration-attachment-img {
    margin-left: 37px;
    margin-top: 5px;
    width: 250px;
    height: 150px;
    background-color: #A5A5A5;
    text-align: center;
}


.map-registration-attachment-img2 {
    margin-left: 37px;
    margin-top: 5px;
    width: 250px;
    height: 150px;
    text-align: center;
}

#mapRegistrationPublic {
    margin-left: 5px;
    display: block;
}

#mapRegistrationPublic2 {
    display: block;
}

.map-public-titele {
    margin-left: 15px;
    padding-top: 11px;
    padding-bottom: 2px;
}

.map-registration-public-area {
    margin-top: 3px;
}

.map-registration-public-area2 {
    margin-top: 3px;
    margin-left: 8px;
}

.map-registration-public-text-area,
.map-registration-public-text-area2 {
    margin-top: 2px;
}

#mapRegistrationButtons {
    width:100%;
    display: flex;
}

.map-registration-button {
    margin-top: 5px;
    margin-left: 7%;
    margin-bottom: 20px;
    width: 40%;
    height: 40px;
    text-align: center;
    border: solid 2px #4169e1;
    background-color: #4169e1;
    color: white;
}

.map-registration-button.click {
    color: white;
    border: none;
    background-color: #4169e1;
    padding-top: 2px;
}

.map-registration-close-button {
    margin-top: 5px;
    margin-left: 5%;
    margin-bottom: 20px;
    width: 40%;
    height: 40px;
    text-align: center;
    border: solid 2px #7EFFFF;
    color: #7EFFFF;
}

.map-registration-repoint-button {
    margin-top: 5px;
    margin-left: 24px;
    margin-bottom: 15px;
    width: 273px;
    height: 40px;
    text-align: center;
    border: solid 2px #578a3d;
    background-color: #578a3d;
    color: white;
}

.map-registration-button:hover,
.map-registration-close-button:hover,
.map-registration-repoint-button:hover,
.map-registration-repreview-button:hover {
    opacity: 0.8;
}

.map-registration-button > label > div,
.map-registration-close-button > label > div,
.map-registration-repoint-button > label > div {
    margin-top: 8px;
}

.map-registration-repreview-button > label > div {
    margin-top: 20px;
}

.map-registration-repreview-button {
    position: fixed;
    top : 107px;
    z-index: 9997;
    width: 100%;
    height: 60px;
    text-align: center;
    /* border: solid 2px #7EFFFF; */
    color: white;
    background-color: #578a3d;
    display: none;
}

.map-registration-attachment-img-text1 {
    padding-top: 50px;
}

.map-registration-point-items {
    display: flex;
    margin: 1px 1px 1px 1px;
    padding-left: 1px;
    overflow-x: scroll;
    overflow-y: hidden;
    white-space: nowrap;
    -ms-overflow-style: none;
    -webkit-overflow-scrolling: touch;
}

.map-registration-point-items img {
    height: 50px;
    width: auto;
    /*margin-right: 10px;*/
}

.selected-image {
    border: #0000FF solid 2px;
}

.map-item {
    padding: 0 8px;
    width: 60px;
    height: 50px;
}

.map-item > div > img {
    border: #ffffff solid 2px;
}

.map-registration-point-items::-webkit-scrollbar {
    display: none;
}

.map-registration-point-img-button {
    width: 40px;
    display: flex;
    align-items: center;
    /* color: #828282; */
}

.map-registration-point-img-button > div {
    /* margin-top: 9px; */
    margin-left: 8px;
    font-size: 25px;
    width: 32px;
}

/* 地点登録ダイアログ */
#mapRegistrationPointstartCheckArea {
    position: fixed;
    top: 10%;
    left: 38%;
    width: 268px;
    height: 78px;
    z-index: 9997;
    border: solid #BDC0BC 1px;
    display: none;
}

/* 地点登録確認ダイアログ */
#mapRegistrationPointCheckArea,
/* 地点登録確認ダイアログ */
#mapRegistrationUpdateInformationCheckArea,
/* 地点名未入力確認ダイアログ */
#mapRegistrationPointNameCheckArea,
/* アイコン未選択確認ダイアログ */
#mapRegistrationPointIconCheckArea,
/* 地点登録ウィンドウ終了確認画面 */
#mapRegistrationPointendselectCheckArea,
/* 地点情報削除確認ダイアログ */
#mapRegistrationPointDeleteCheckArea {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 210px;
    height: auto;
    z-index: 9999;
    border: solid #BDC0BC 1px;
    display: none;
}

.map-registration-check-text {
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: center;
}

.map-registration-check-start-text {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}

.map-registration-check-button {
    margin-bottom: 10px;
    text-align: center;
}

#mapRegistrationCheckButton,
#mapRegistrationCheckCancelButton,
#mapRegistrationUpdateInformationButton,
#mapRegistrationUpdateInformationCancelButton,
#mapRegistrationCheckNameButton,
#mapRegistrationCheckIconButton,
#mapRegistrationCheckendselectButton1,
#mapRegistrationCheckendselectButton2,
#mapRegistrationCheckDeleteButton,
#mapRegistrationCheckDeleteCancelButton {
    width: 185px;
    height: 40px;
    background-color: #595959;
    border: solid 2px #7EFFFF;
    color: #7EFFFF;
}

#mapRegistrationCheckButton:hover,
#mapRegistrationCheckCancelButton:hover,
#mapRegistrationCheckNameButton:hover,
#mapRegistrationCheckIconButton:hover,
#mapRegistrationPointCheck > div > button:hover,
#mapRegistrationUpdateInformationCheck > div > button:hover,
#mapRegistrationCheckendselectButton1:hover,
#mapRegistrationCheckendselectButton2:hover,
#mapRegistrationCheckDeleteButton:hover,
#mapRegistrationCheckDeleteCancelButton:hover {
    opacity: 0.8;
}

#mapRegistrationPointCheck {
    display: none;
}

#mapRegistrationUpdateInformationCheck {
    display: none;
}

/* 地点登録情報画面 */

#mapRegistrationPointInformation {
    position: fixed;
    top: 240px;
    left: 280px;
    width: 325px;
    height: auto;
    z-index: 9997;
    border: solid #BDC0BC 1px;
    display: none;
}

.map-registration-information-flexbuttons {
    width: 100%;
    height: auto;
    display: flex;
}

#mapRegistrationInformationUpdate {
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 43%;
    height: 40px;
    text-align: center;
    background-color: #4169e1;
    border: solid 2px #4169e1;
    color: #FFFFFF;
    font-size: 15px;
}

#mapRegistrationInformationDelete {
    margin-left: 5%;
    margin-top: 5%;
    margin-bottom: 5%;
    width: 43%;
    height: 40px;
    text-align: center;
    background-color: #FF0000;
    border: solid 2px #FF0000;
    color: #FFFFFF;
    font-size: 15px;
}

#mapRegistrationInformationClause {
    margin-left: 15px;
    margin-bottom: 15px;
    width: 295px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    border: solid 2px #7EFFFF;
    color: #7EFFFF;
}

#mapRegistrationInformationClause > div {
    margin-top: 7px;
}

#mapRegistrationInformationImg {
    width: 100%;
    height: 100%;
}

.map-registration-information-img-area {
    width: 100%;
    height: auto;
}

#mapRegistrationInformationTitle {
    height: 100%;
    padding-top: 5px;
}

.layer-radio {
    width: 100%;
    display: flex;
    justify-content: center;
}

.map-menu-ex:active {
    background-color: lightgray;
}

/* 地点登録ポップアップ */
.leaflet-popup-user .leaflet-popup-content-wrapper {
    border-color: coral !important;
}

.leaflet-popup-human .leaflet-popup-content-wrapper {
    border-color: skyblue !important;
}

.leaflet-popup-dog .leaflet-popup-content-wrapper {
    border-color: lawngreen !important;
}

.leaflet-popup-registration{

}

.leaflet-popup-content-wrapper,
.leaflet-popup-tip {
    background-color: rgba(255, 255, 255, 0.6) !important;
    box-shadow: none !important;
    border-radius: 0px !important;
}

.leaflet-popup-content {
    margin: 0px !important;
    padding-top: 2px;
    color: black !important;
    font-size: 12px;
    display: flex;
    justify-content: center;
    opacity: 1;
}

a.leaflet-popup-close-button {
    display: none;
}
/* 枠線表示 */
.leaflet-popup-content-wrapper {
    /* border-width: 1px;
    border-style: solid; */
}
/* ポップアップ下▼設定 */
.leaflet-popup-tip-container {
    margin-top: -3px;
    height: 0px;
}

/* .leaflet-popup-tip {
    width: 14px !important;
    height: 14px !important;
    border-style: solid;
    border-width: 0 1px 1px 0
} */

.leaflet-popup-user .leaflet-popup-tip {
    background: coral !important;
    border-color: coral !important;
    border-style: solid;
    border-width: 0 3px 3px 0
}

.leaflet-popup-human .leaflet-popup-tip {
    background: skyblue !important;
    border-color: skyblue !important;
    border-style: solid;
    border-width: 0 3px 3px 0
}

.leaflet-popup-dog .leaflet-popup-tip {
    background: lawngreen !important;
    border-color: lawngreen !important;
    border-style: solid;
    border-width: 0 3px 3px 0
}

/* オーバーレイのスタイル */
.map-overlay {
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5); /* 薄暗くする */
    z-index: 9998; /* アラートより一つ下の層 */
}

/* 画像プレビュー表示 */
.img-preview-area {
    font-size: 15px;
    width: auto;
    height: auto;
    position: fixed;
    top: 53%;
    left: 50%;
    transform: translate(-50%, -50%);
    border: solid #BDC0BC 1px;
    z-index: 9999;
    background-color: #595959;
    text-align: center;
    display: none;
}

.img-preview-title {
    width: 100%;
    height: 30px;
    line-height: 30px;
    padding-left: 5px;
    border-bottom: solid 1px #BDC0BC;
    background-color: #9CC3E5;
    color: #000;
}

.img-preview-main {
    margin: 10px 10px;
}

.img-preview-check {
    margin-bottom: 10px;
    text-align: center;
}

#img-preview-clouse {
    width: 185px;
    height: 40px;
    background-color: #595959;
    border: solid 2px #7EFFFF;
    color: #7EFFFF;
}

#img-preview-clouse:hover {
    opacity: 0.8;
}

@media screen and (min-width:0px) and (max-width:768px) {

    #mapRegistrationPointstartCheckArea {
        top: 19%;
        left: 8%;
    }

    .map-registration-public-area,
    .map-registration-public-area2 {
        margin-top: 1px;
    }

    input[type="checkbox" i] {
        margin: 0px 3px 3px 4px;
    }

    #mapMenuHuntingCheck {
        display: none;
    }

    .map-pain {
        display: none;
    }

    .map-menu-contents-title-hunting {
        display: none;
    }

    .map-menu-check-area {
        display: none;
    }

    .map-menu-list-area {
        height: 50px;
        border-bottom: #000000 solid 1px;
        text-align: right;
    }

    .map-menu-close-unfolding {
        width: 74px;
    /* margin-right: 7px; */
    margin-top: 0px;
    /* border: 1px solid black;*/
    }

    .map-menu-layer-text {
        padding-bottom: 1px;
    }
    
    /* 狩猟メニュー表示左利き右利き切替 */
    .map-menu-mobile-list {
        display: flex;
        justify-content: flex-start;
    }

    .map-menu-mobile-list-e1 {
        display: flex;
        justify-content: flex-end;
    }

    .map-menu-list-text {
        display: none;
    }

    .map-menu-list2 {
        width: 60px;
    }

    .map-menu-point {
        width: 250px;
        border-bottom: #000000 solid 1px;
        border-right: #000000 solid 1px;
        border-left: #000000 solid 1px;
        border-top: solid 0px #000000;
    }

    .pain-area-list-overflow {
        width: 250px;
    }

    .pain-area-list-event-area {
        width: 250px;
    }

    .map-registration-clause {
        display: none;
    }

    .map-menu-group {
        width: 250px;
        border-bottom: #000000 solid 1px;
        border-right: #000000 solid 1px;
        border-left: #000000 solid 1px;
        border-top: solid 0px #000000;
        max-height: 450px;
    }

    #mapMenuContentsGroupName {
        width: 167px;
        text-align: center;
        transform: translatex(0px);
        /* padding-left: 4px; */
        /* border: 1px solid black;*/
    }

    .map-menu-group-item div {
        /* width: 158px; */
        width: 108px;
        /* border: 1px solid black; */
    }

    #userLastPosTime {
        width: 50px;
    }

    .map-menu-point {
        width: 250px;
        border-bottom: #000000 solid 1px;
        border-right: #000000 solid 1px;
        border-left: #000000 solid 1px;
        border-top: solid 0px #000000;
    }

    .map-menu-point-title {
        width: 100px;
        text-align: center;
        transform: translatex(0px);
        padding-left: 0px;
    }

    .pain-area-yposition {
        display: none;
    }

    .map-menu-button-clause {
        display: none;
    }

    /* コンパス表示左利き右利き切替 */
    .map-direction-area {
        top: 60px;
        left: initial;
        width: 50px;
        right: 0px;
    }

    .map-direction-area-e1 {
        top: 60px;
        /*left: 10px;*/
        width: 50px;
    }



    #mapMenuPainCheck[type="checkbox"]:checked + .map-menu {
        left: 0px;
    }

    .free-map-text-area1 {
        margin-top: 30px;
        margin-left: 5px;
        width: 90%;
    }

    .free-map-text-area2 {
        margin-left: 5px;
        width: 90%;
    }

    .free-map-text-area3 {
        margin-left: 5px;
        width: 90%;
    }

    .free-map-text-area4 {
        text-align: left;
        padding-top: 20px;
        margin: auto 2%;
    }

    .free-map-select-location-text-area {
        margin-left: 5px;
        margin-right: 5px;
    }

    .map-registration-attachment-img-text1 {
        position: absolute;
        top: calc(50% + 15px);
        bottom: 50%;
        left: calc(50% - 50px);
        padding-top: 0px;
    }

    /* #map {
        width: calc(100% - 30px);
        height: 100%;
        left: 30px;
    }

    .map-menu {
        width: 100%;
        height: 100%;
    }

   .map-menu-open {
        width: 100% !important;
    }

    .map-menu-close {
        width: 30px;
    }

    
    .map-menu-close .map-menu-contents {
        width: 0px !important;
    }

    .map-menu-close .map-menu-contents .button {
        display: none !important;
    }

    map-menu-close .map-menu-contents div {
        display: none !important;
    }
    
    .map-menu-ex {
        width: 30px;
        height: 100%;
        border-left: solid 1px #000000;
        background-color: #EEEEEE;
        justify-content: center;
        align-items: center;
        transition: 0.2s;
        display: flex;
    }

    input[type=checkbox]:checked ~ #mapMenuPointButtonRegister::before,
    #mapMenuPointButtonDelete::before {
        content: "地点"
    } */
}

@media screen and (min-width:768px) {
    /* #map {
        width: calc(100% - 250px);
        height: 100%;
        margin-left: auto;
        left: 0px;
    } */
/* 
    .map-menu {
        width: 250px;
        height: 100%;
        overflow-y: auto;
    }

    .map-menu-ex {
        display: none;
    } */
}