﻿body {
    background: #FFFBFA;
}

p {
  color: #333333;
}

/*見出し*/

.headerheading {
  color: #FFFF;
}

.heading {
  background-color: #9C3C3C;
  color: #9C3C3C8;
  background-size: cover;
}


/*見出し*/

/*ハンバーガーメニュー*/


#drawer {
  background-color: #FCCF4B;
}

#drawer .nav-link {
  color: #000 !important;
}

.menucolorbtn {
  border: solid 2px #FCCF4B;
  background-color: #FCCF4B;
  border-radius: 6px;
  color: #FFF;
  padding-right: 0.9rem;
  padding-left: 0.9rem;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
}

.menucolorbtn_close {
  border: solid 2px #FCCF4B;
  background-color: #FFF;
  border-radius: 6px;
  color: #FCCF4B;
  padding-top: 0.8rem;
  padding-bottom: 0.8rem;
  padding-right: 1.05rem;
  padding-left: 1.05rem;
}

.menucontact {
  font-size: 9px;
}
/*ハンバーガーメニュー*/

/*トップページ*/

.eventfont p {
  color: #333333;
  font-weight: bold;
  font-size: 1.25rem;
  text-align: center;
}

.eventfont p:nth-child(2) {
  font-size: 1.5rem;
  color: #006992;
}

.eventdate {
  color: #0B689E;
}

.eventday {
  color: #F07707;
}

.linkbtn a {
  background: #FFF;
  border: solid 1px #006992;
  color: #006992!important;
}

.linkbtn a::before {
  border-top: 3px solid #006992;
  border-right: 3px solid #006992
}

.logoimg {
  width: 30%;
  margin-top: -3rem;
  padding-bottom: 6rem;
  mix-blend-mode: multiply;
}

/*トップページ*/

/*フォームスクロールバー*/

.logbox::-webkit-scrollbar-thumb {
  background: #C4C4C4;
  border-radius: 5px;
}


.logbox::-webkit-scrollbar-track {
  background: #EDEFF0;
  border-radius: 5px;
}

/*フォームスクロールバー*/

/*フッター*/

.cameraicon_menu {
  background-color: #3CAB84;
  border-radius: 500px 500px 0 0;
  width: 24%!important;
  padding-bottom: 3rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  height: 70px;
  vertical-align: bottom;
  margin: 0 -1px;
  padding-top: 0.8rem;
}

.cameraicon_menu .iconstyle {
  font-size: 2.2rem;
}

.faqicon_menu {
  background-color: #3CAB84;
  border-radius: 500px 500px 0 0;
  width: 19%;
  padding-left: 1rem;
  padding-top: 0.7rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  height: 59px;
  vertical-align: bottom;
  margin: 0 -1px;
}

.mypage_menu {
  background-color: #3CAB84;
  border-radius: 500px 500px 0 0;
  width: 19.4%;
  padding-left: 1rem;
  padding-top: 0.7rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  height: 59px;
  vertical-align: bottom;
  margin-bottom: 0;
}

.presenticon_menu {
  background-color: #3CAB84;
  border-radius: 500px 500px 0 0;
  width: 19%;
  padding-left: 1rem;
  padding-top: 0.7rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  padding-bottom: 0;
  height: 59px;
  vertical-align: bottom;
  margin: 0 -1px;
}

.spotlist_menu {
  background-color: #3CAB84;
  border-radius: 500px 500px 0 0;
  width: 19.4%;
  padding-left: 1rem;
  padding-top: 0.7rem;
  padding-right: 0.5rem;
  padding-left: 0.5rem;
  height: 59px;
  vertical-align: bottom;
  margin-bottom: 0;
}

.cameraicon_menu.active,.spotlist_menu.active,.presenticon_menu.active,.faqicon_menu.active,.mypage_menu.active {
 background-color: #006992!important;
}

/*フッターアイコン*/

.iconstyle {
  font-size: 1.55rem;
  color: #FFFF;
}

.iconfont {
  font-size: 10px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0.2rem!important;
  margin-bottom: 0;
}

/*フッターアイコン*/

/**/

/* 見出し*/

.border-head {
  font-size: 1.125rem;
  padding-bottom: 0.5rem;
}

.verticall-color {
  border-bottom: solid 3px #325B99;
  color: #325B99;
  display: block;
  padding-bottom: 0.3rem;
}

/* 見出し*/

/*フォーム見出し*/

.form-group h6,.form-group h5 {
  color: #333333;
}

/*フォーム見出し*/

/*リスト*/

.abouttextlist li {
  color: #0B689E;
}

/*リスト*/

/*マイページ*/

.applicationbtn a {
  background-color: #006992;
  border: solid 1px #006992;
  color: #FFF;
}

.applicationbtn a:hover {
  color: #FFF!important;
}

.logoutbtn a {
  background: #FFF;
  border: solid 1px #006992;
  color: #006992;
  line-height: 1;
}

.logoutbtn a:hover {
  color: #006992;
}

.mypagebtn {
  background-color: #FFF;
  border: solid 1px #006992;
  border-radius: 37px;
  color: #006992;
}

.namesmallfont {
  color: #333333;
}

.pointnumber span,.pointtext span {
  color: #325B99;
}

. h5 {
 color: #835268;
 font-size: 0.875rem;
 font-weight: bold;
}

.pointcolor span {
 font-weight: bold;
 margin-top: 1rem;
}

.pointcolor span:nth-child(2n) {
 font-size: 1.25rem;
 font-weight: bold;
}

/*マイページ*/

/*FAQ調整*/

.qaContainer dt,.qaContainer dd {
  color: #333333;
}

.qaContainer dt:before {
  background: #FCCF4B;
  color: #FFF;
}

.qaContainer dd {
  border-bottom: solid 1px #CCCC;
}

.qaContainer dd a {
  color: #333333;
  text-decoration: underline!important;
}

.qaContainer dd:before {
  background: #EB5E4D;
  color: #FFF;
}
/*FAQ調整*/

/*プレゼントページ*/

.danger_text {
  color: #D60505;
  font-size: 0.875em;
}

.transitionbtn a {
  background: #006992;
  border: solid 1px #006992;
  color: #FFF!important;
}

.transitionbtn a::before {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}

.transitionbtn button {
  background: #006992;
  border: solid 1px #006992;
  color: #FFF!important;
}

.transitionbtn button::before {
  border-top: 3px solid #FFF;
  border-right: 3px solid #FFF;
}

.blueballoons {
  background: #fff;
  border: solid 1px #333;
  border-radius: 29px;
  color: #333;
}

.blueballoons:before {
  border: 7px solid transparent;
  border-top: 15px solid #fff;
}

.blueballoons:after {
  border: 7px solid transparent;
  border-top: 14px solid #333;
  color: #333!important;
}

.blueballoons a {
  color: #000;
}

.darkblue {
  color: #006FAE;
  font-weight: bold;
}

.presentbtncolor {
  background: #333333;
}

.presentbtncolor p {
   color: #FFF;
}

.presentbtncolor: p {
   color: #FFF;
}

.presentbtncolor:before {
   border-top: 12px solid #333333;
}

.present_head p {
  font-size: 1.125rem;
  border-bottom: solid 5px #9C3C3C;
  font-weight: bold;
  padding-bottom: 0.5rem;
}

.present_title:before,
.present_title:after {
  background: #FEF200;
}

.warninglist li {
  font-size: 0.875rem;
}

.warningtext,.warningtext h5 {
  color: #333333;
}

.warningtext li {
  list-style: disc;
  padding-bottom: 0.5rem;
  font-size: 0.875rem;
}

.warningfont:before,
.warningfont:after {
  background: #E8EAED;
}

.presentbox {
  background: #FFF;
  color: #2c2c2f;
}

/*プレゼントページ*/

/*プレゼント応募フォーム*/

.logbox {
  background: #FFF;
  border: solid 1px #E8EAED;
  border-radius: 10px;
}

.linkzipbtn {
  background-color: #FFF;
  border: solid 1px #006992;
  color: #006992;
}

.linkzipbtn:hover {
  color: #269ED1;
}

.form-control {
  border-radius: 10px;
}

.formborder {
  border-bottom: solid 5px #9C3C3C;
}

.custom-select {
  border-radius: 10px;
}

.badge-danger {
  background-color: #D60505;
}

.badge-reddanger h5 span,.badge-reddanger h6 small,.badge-reddanger h5 small {
  background-color: #D60505;
  margin-left: 0.5rem;
}

.danger_text p {
  color: #D60505;
}

/*プレゼント応募フォーム*/

/*スタンプラリー概要*/

.border-position h2 {
  border-bottom: solid 5px #9C3C3C;
  font-weight: bold;
  padding-bottom: 0.8rem;
}

.border-position h3 {
  border-bottom: solid 1px #9C3C3C;
  padding-bottom: 1rem;
  margin-top: 3rem;
  margin-bottom: 1rem;
  font-weight: bold;
}

.blueborder {
  border-bottom: solid #006FAE!important;
  color: #006FAE;
}

.goldborder {
  border-bottom: solid #C4AE62!important;
  color: #C4AE62;
}

.presentlistborder {
  color: #325B99;
  border-bottom: solid 1px #325B99;
}

.pinkcolor {
  color: #EB5578;
  font-size: 1rem;
}

.pinkborder {
  border-bottom: solid #EB5578!important;
  color: #EB5578;
}

.textparagraph {
  color: #333333;
}

.textprivacy label {
  color: #333333;
  font-weight: bold;
}


.yellowborder,.blueborder,.pinkborder,.goldborder {
  border-bottom: solid #FEF200;
}

/*スタンプラリー概要*/

/*ポイントゲット カメラ*/

.dark-pinkcolor {
  color: #D60505;
}

#qr-reader {
  background-color: transparent;
}

.readerflame {
  background-color: #FFF;
  border: solid 3px #9C3C3C;
}

/*ポイントゲット カメラ*/

/*スポット一覧*/

.accessdata {
  border-top: solid 1px #9C3C3C;
  border-bottom: solid 1px #9C3C3C;
}

#genrecheck label input:checked + span {
  background: #000;
  color: #FFF
}

#genreeat label input:checked + span {
  background: #000;
  color: #FFF
}

#genrebuy label input:checked + span {
  background: #000;
  color: #FFF
}


.list20point {
   background-color: #D4AB4F;
}

.list5point {
   background-color: #006992;
}

.list10point {
   background-color: #EB5E4D;
}

.listgenre {
  font-size: 0.625rem;
}

label span {
  background-color: #FFF;
  border: solid #9C3C3C 1px;
  border-radius: 20px;
  color: #9C3C3C;
  display: inline-block;
  width: 6.4em;
}

label input.active + span {
  background: #9C3C3C;
  border: 1px solid  #9C3C3C;
  color: #FFF;
}

.mapflame {
  border: solid 3px #9C3C3C;
  margin-bottom: 3.5rem;
}

.maplongflame {
  border: solid 3px #9C3C3C;
  border-radius: 5px;
}

.maplongflame iframe {
  border-radius: 16px;
}

.pointspotlist label input:checked + span {
  background: #000;
  color: #FFF
}

.pointspotlist label input:checked + span:before {
  border-right: solid 2px #FFF;
  border-top: solid 2px #FFF;
}

.pointbox {
  border: solid 3px #9C3C3C;
  border-radius: 20px;
  background-color: #FFF;
  margin-top: 2rem;
}

.pointbox h5,.pointbox span {
  color: #9C3C3C;
}

.listbox {
  background-color: #FFF;
  border: solid 3px #9C3C3C;
  border-radius: 20px;
  margin-top: 2rem;
}

.spotslidearrow:before, .eatarrow:before {
  border-right: solid 2px #000;
  border-top: solid 2px #000;
}

.spotimgtable a {
  color: #333;
}

.spotimgtable span:nth-of-type(2) {
  background-color: #FFF!important;
}

.spotbox {
  border-radius: 10px;
  margin-top: 2rem;
}

.spotitem ul,ol,li{
  font-size: 15px;
}

.spotitem li a{
  color: #000;
}

.spotitem li a{
  color: #000;
}

.spotitem li {
  border-bottom: solid  1px #CCCCCC;
  padding-bottom: 1.5rem;
}

.spotitem p {
  font-weight: bold;
  font-size: 1rem;
  margin-top: 0.5rem;
}

.spotitem p:nth-of-type(2) {
  font-size: 0.875rem;
  margin-top: -0.4rem;
}

.spotitem span {
  font-size: 0.625rem;
  font-weight: bold;
  padding: 2px 11px;
  border: transparent;
  border-radius: 20px;
  color: #FFF;
}

.spotitem span:nth-of-type(2) {
  background-color: #3CAB84;
  font-size: 0.625rem;
  font-weight: bold;
  margin-left: 0.3rem !important;
  padding: 2px 11px;
}

.spotlistitem span:nth-of-type(2) {
  background-color: #3CAB84;
  font-size: 0.625rem;
  font-weight: bold;
  margin-left: 0.3rem !important;
  padding: 2px 11px;
  border-radius: 20px;
  color: #FFF;
}


.spotborder {
  border-bottom: solid 1px #E8EAED;
}

.spotbottom_border {
  border-bottom: solid 5px #9C3C3C;
}

/*スポット一覧*/

/*プレゼント応募履歴*/

.pointdata div {
  border-bottom: solid  1px #CCCCCC;
}

.pointdata div dt {
  width: 67%;
}

.pointdata dd {
  color: #D60505;
}

/*プレゼント応募履歴*/

/*ページネーション*/

.pre span,.next span {
  color: #9C3C3C;
  font-size: 2rem!important;
}

.pager .pagination li {
  background: #FFF;
  border-radius: 50px;
}

.pager .pagination li a{
  color: #000;
}

.pager .pagination li a.active{
  background: #9C3C3C;
  border-radius: 50px;
  color: #FFFF;
}

/*ページネーション*/

/*告知ページ*/

.notice_bottom {
  font-weight: bold;
  display: inline-block;
  border-bottom: solid 2px #000;
}

/*告知ページ*/
