/*
* style2.css	COPYRIGHT FCNT LIMITED 2022
*/
.box{
    border:1px solid gray;
    width:100%;
    min-height:100px;
    padding:10px;
}
.box .rakuraku-point{
    display:flex;
    justify-content:space-between;
}
.correct-msg{
    font-size: 1.3em;
    color: teal;
}


/* 20210624 ログインボタン部分のアイコンを削除 */

.login-btn.nologin a::before,
.login-btn.logind a::before,
.login-btn.logout a::before{
    display:none;
}


/* 20210624 header.phpより移動 */

.dmyBtn{
    margin: 2em 0 0 0;
    text-align: center;
  }
  .dmyBtn p{
    margin-bottom: 1em;
    text-align: center;
  }
  .dmyBtn input{
    padding:0.5em 5em;
    background: #fff;
    border: none;
    border-radius: 20px;
  }
  .button-open {
    display: block;
    margin: 0 auto;
    width: 20rem;
    padding: 1em;
    background-color: #3140c9;
    color: #eaeaea;
    border-radius: 20rem;
    cursor: pointer;
    }
.text-center{
  text-align:center !important;
}
.m0{
  margin:0;
}
.m1{
  margin-bottom:1em;
}
.m05{
  margin-bottom:5px;
}
.p0{
  padding:0 0 0 1em !important;
}
.what{
  text-align:center;
  font-size:0.9em;
}

.btn-link-after{
  background:#666 !important;
  border:none !important;
}
.btn-link-after a{
  color:#fff !important;
}
.btn-link-after a:hover{
  text-decoration:none;
}
.md-overlay{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: .7;
  z-index: 9999;
}

.md-contents{
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  overflow: hidden;
  z-index: 10000;
}
 
.md-inner{
  margin: 10px;
  padding: 24px 40px;
  background: #fff;
  height: auto;
  border-radius: 5px;
}
.md-inner h3{
  font-size:1.2em;
  margin-bottom:1em;
  padding-bottom:10px;
  border-bottom:2px solid #333;
  text-align:center !important;
}
.md-inner p{
  text-align:center !important;
  margin:0 auto;
  margin-bottom:1em;
}
 
.md-xmark{
  position: absolute;
  top: 20px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9999;
  cursor: pointer;
}
.md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
} 
.md-xmark span:nth-of-type(1) {
  top: 0;
  -webkit-transform: translateY(10px) rotate(-45deg);
      -ms-transform: translateY(10px) rotate(-45deg);
          transform: translateY(10px) rotate(-45deg);
}
.md-xmark span:nth-of-type(2) {
  bottom: 0;
  -webkit-transform: translateY(-10px) rotate(45deg);
      -ms-transform: translateY(-10px) rotate(45deg);
          transform: translateY(-10px) rotate(45deg);
}
.md-inner a{
  display:inline-block;
  width:auto;
  height:auto;
  color:#fff;
  padding:12px 30px;
  line-height:1;
}

.md-close-btn .md-close {
  display: inline-block;
  padding: 12px 30px;
  line-height: 1;
  font-weight: 700;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  background: #333;
}

#loop-get header{
  display:none;
}

#loop-get.news-secondary::before{
  display:none;
}
#loop-get.news-secondary{
  padding-top:0;
}
.get-selection::before{
  display:none;
}
.get-selection{
    padding-top:1.5rem !important;
}


/* 20210624 マイページ部分を上書き */

.mypage-container{
    padding:5px 1rem;
}
.mypage-medal-rank{
    margin-bottom:5px;
}
.mypage-medal-rankmedal{
    /* padding:5px 1rem; */
    padding: 5px;
}
.mypage-medal-rankmedal .label {
    padding: 0.5rem 0;
    font-size: 1.8rem;
}


/* 20210624 占いページ追加 */

.uranai_view_omedeto{
  font-weight:bold;
}
.uranai_view_omedeto span{
  color:#FFC926;
  padding:0 5px;
}

.please-join{
  line-height:1.3 !important;
}


/* 20210702 */

.userpoint .userpoint-counter{
  padding: 0.5rem;
}
.medal .mypage-container{
  display:flex;
}
.medal #current-rank{
  font-size:0.75em;
  
}
.medal #current-rank p{
  font-weight:bold;
  margin-bottom:0.5rem;
}
.medal .userpoint-text{
  text-align:left;
  padding-left:1em;
  font-size:0.95em;
  flex:auto;
}
.nowMedaltxt{
  padding-bottom: 0.5rem;
  margin-bottom: 0.5rem;
  text-align:center;
  font-weight:bold;
  border-bottom: 1px dotted #00a99d;
}
.nowMedaltxt span{
font-size:1.1em;
}
.what a{
  background:#fff;
  border-radius: 20px;
  padding:5px 13px;
}
#next-rank{ display:block; color:#996441; font-weight:bold;}


/* 20210705 */

.searchBox{
  background:#fff7ac;
  border-bottom:3px solid #EED700;
}

.search-cateogry .news-img::before{display:block;}
.category-tane .news-img::after{display:block;background-image:url(../images/light.svg)}
  .category-tane .news-img::before{border-top-color:#60c294}
  .category-tane .news-title a{ border-color:#60c294}

.category-shopping .news-img::after{display:block;background-image:url(../images/shoppingbag.svg)}
  .category-shopping .news-img::before{border-top-color:#ff8c00}
  .category-shopping .news-title a{ border-color:#ff8c00}

.category-quiz .news-img::after{display:block;background-image:url(../images/owl.svg)}
  .category-quiz .news-img::before{border-top-color:#5cc0d2}
  .category-quiz .news-title a{ border-color:#5cc0d2}

.category-get .news-img::after{display:block;background-image:url(../images/pointget.svg)}
  .category-get .news-img::before{border-top-color:#efdbec}
  .category-get .news-title a{ border-color:#efdbec}


.morePoint{
  margin:2em 0;
}
.morePoint a{
  display: block;
}
.morePoint p{
  line-height:2;
}
.morePoint p img{
  margin-right:10px;
}
.contentsList p{
  font-weight:bold !important;
  padding:0 1em;
  line-height:1.5;
  color:#fff;
  font-size:1.1em;
}
.contentsList{
  margin-bottom:1.5rem !important;
}

/* 2021/07/07 kouji*/

.userpoint-reload a::before{
  width:22px;
  height:22px;
}

.text-left{
  text-align:left !important;
}

/* 20210713 kouji*/
.osusume-tag-post{
  margin: 2rem 0;
}
.osusume-tag-post h2{
  position: relative;
  font-size:1.5em;
  padding:0.5rem;
  margin-bottom:4px;
  text-align:center;
  background:#ff8c00;
  color:#fff;
  border-radius: 1rem 1rem 0 0;
}

.osusume-tag-post h2 span::before,
.osusume-tag-post h2 span::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-radius: 100%;
  background-color: #fff;
  
}
.osusume-tag-post h2 span::before{left: 1.5rem;}
.osusume-tag-post h2 span::after{right: 1.5rem;}

.osusume-tag-post-container{
  background:#fff7ac;
  padding:1rem;
}

.osusume-tag-post li{
  display:flex;
  background:#fff;
  margin-bottom: 1rem;
}
.osusume-tag-post img:hover{
  opacity: 0.8;
}
.osusume-tag-post li:last-child{
  margin-bottom:0;
}
.osusume-tag-post-img{
  -ms-flex-item-align: center;
  -ms-grid-row-align: center;
  align-self: center;
  position: relative;
  min-width: 90px;
  max-height: 90px;
}
.osusume-tag-post-img::before{
  display: block;
  content: '';
  padding-top: 100%;
}
.osusume-tag-post-img img{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.osusume-tag-post-title{
display: -webkit-box;
display: -ms-flexbox;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.osusume-tag-post-title a{
display: block;
padding:1rem 1.5rem;
color:#000;
font-weight:bold;
}
.osusume-tag-post-title a:hover{
text-decoration:none;
color:#ff8c00;
}

.quiz-hint .quiz-tips-heading::before,
.quiz-tips-heading::before{
  display:none;
}

#quizNav a{
  background-color: #3790df;
  -webkit-transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, -webkit-box-shadow;
  transition-property: background-color, box-shadow;
  transition-property: background-color, box-shadow, -webkit-box-shadow;
  -webkit-transition-duration: .3s;
  transition-duration: .3s;
  position: relative;
  color:#fff;
}

#quizNav a:hover{
  opacity: 0.8;
}
#quizPrev{ padding-right:2rem;}
#quizNext{ padding-left:2rem;}
#quizList{ padding-left:3rem; padding-right:3rem;}

#quizPrev:before {
  border-right: 18px solid #3790df; /* 右向きの三角形を作るため左のボーダーに色を付ける */
  border-top: 18px solid transparent; /* 上のボーダーを透過に指定 */
  border-bottom: 18px solid transparent; /* 下のボーダーを透過に指定 */
  content: "";
  position: absolute;
  left: -18px;
  top: 0;
}
#quizNext:after {
    border-left: 18px solid #3790df; /* 右向きの三角形を作るため左のボーダーに色を付ける */
    border-top: 18px solid transparent; /* 上のボーダーを透過に指定 */
    border-bottom: 18px solid transparent; /* 下のボーダーを透過に指定 */
    content: "";
    position: absolute;
    right: -18px;
    top: 0;
}

/******************************************
2021/08/24
********************************************/
/* 
.dpoint-mainvisual {
  margin: 0 -1rem 2rem;
  padding: 5px;
  background: #996441;
}
@media screen and(min-width:375px),
print {
  .dpoint-mainvisual {
      padding: 0.5rem;
  }
}
@media screen and(min-width:768px),
print {
  .dpoint-mainvisual {
      margin: 0 0 3rem;
  }
}
.dpoint-mainvisual-container {
  border-radius: 1rem;
  background: #FBCB3B;
}
@media screen and(min-width:768px),
print {
  .dpoint-mainvisual-container {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
  }
}
.dpoint-mainvisual-title {
  padding: 0 1.5rem;
}
@media screen and(min-width:768px),
print {
  .dpoint-mainvisual-title {
      -webkit-box-flex: 1;
      -ms-flex: 1;
      flex: 1;
      min-width: 0;
  }
}
.dpoint-mainvisual-title img {
  width: auto;
  height: auto;
}
.dpoint-mainvisual-img {
  display: none;
}
@media screen and(min-width:768px),
print {
  .dpoint-mainvisual-img {
      display: block;
      width: 40%;
  }
}
.dpoint-mainvisual-img img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 1rem;
} */

/**************************************************
2021/09/06
***************************************************/
#progress{
  display:none;
}
.progress{
  background:rgba(0,0,0,0.8);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1000000;
}
.progress p{
  text-align:center;
  margin-top:150px;
  line-height:1.5em;
  font-size: 1.5em;
  color:#fff;
  font-weight: bold;
}
.progress p img{
  margin-bottom: 1.5em;
}

@media screen and (min-width: 768px){
  .spbr {display: none; }
}

.ptoku::before{
  display: none !important;
}
.ptoku-txt{
  position: absolute;
  left:0;
  bottom:0;
  width: 100%;
  background:rgba(255,255,255,0.9);
  padding: 10px 15px;
  color:#333;
  font-size: 0.95em;
  font-weight: bold;
}
.ptoku-txt strong{
  font-size:1.2em;
  color:#f60;
  padding: 0 3px;
}
.ptoku-txt img{
  width: auto;
  height: 1em;
  display: inline;
  margin: 7px 5px 0 0;
}

/**************************************************
2021/09/22
***************************************************/
.fun-content-heading img{
  max-width: 100%;
}

.lapoint-logo{
  padding: 0px 10px;
}

.dpoint-tabs a{
  background-color:#996441;
}

.dpoint-tabs a:hover,
.dpoint-tabs a.current{
  background-color:#fff;
}
.news-tabs a path{
  fill:#fff;
}
.dpoint-tabs a.current path,
.dpoint-tabs a:hover path{
  fill:#996441;
}

.dtab{
  height: 1.2em;
  max-width:90%;
}


/**************************************************
2021/09/29
***************************************************/

@media screen and (min-width: 768px){
  .category-dpoint .news-title a{
    border-left:5px solid #fbcb3b;
  }
  .category-dpoint .news-title a:hover{
    color:#fbcb3b;
  }
}

/**************************************************
2021/10/26
***************************************************/

/* --------------------------
     スマホ端末用
-------------------------- */
.google-ads{
  margin: 0 auto !important;
  text-align: center !important;
  min-width:100% !important;
  max-width:100% !important;
  width:100% !important;
  padding:0 !important;
}
.google-ads ins,
.google-ads iframe{
  min-width:99.5% !important;
  max-width:99.5% !important;
  width:99.5% !important;
  margin: 0 auto !important;
  text-align:center!important;
}

/**************************************************
2021/11/01
***************************************************/
.viewButtonErr{
  display: inline-block;
  background:#eee; padding:15px 30px; border-radius:50px;
}

/**************************************************
2021/11/12
***************************************************/

.dmyBtn2{
  margin: 0.5em 0 0 0;
  text-align: center;
}

/*エンハンス #37*/
.uranai-box{
  display: flex;
  justify-content:center;
  margin: 0 auto;
}
.uranai-box-txt{
  padding-top:10px;
}
.uranai-result-character-special,
.uranai-result-character-normal {
    width: 130px;
    height: 130px;
}
.uranai-result-character{
  margin: 0;
}
.uranai-result-label .result{
  width:80px;
  height:80px;
}
.uranai-result-text{
  margin-top: 0.75em;
}

/*エンハンス #39*/
.quiz-tips{
  margin-top:1em;
}
.quiz-tips .quiz-tips-heading{
  font-size: 1.2em;
}
.quiz-more-list li::before{
  content:"";
}

/*エンハンス #40*/
.quiz-answers-heading img {
  max-width:100%;
}
.quiz-answers,
.quiz-answers:not(:first-child){
  margin-top: 1em;
}
.quiz-tips-list li::before {
  content: "";
  display: none;
}
.quiz-answers-list a{
  font-size: 1.08em;
  padding: 1.35rem 1rem 1.35rem 4.25rem;
}
.quiz-answers-list a::before{
  top:auto;
}

/**************************************************
2021/11/18
***************************************************/

.quiz-answers-heading img {
  width: 260px;
}
.quiz-answers .quiz-answers-heading {
  text-align: right;
}
@media screen and (min-width: 375px){
  .quiz-answers .quiz-answers-heading {
    text-align: center;
  }
  .quiz-answers-heading img {
    width: 320px;
  }
}

/**************************************************
2021/12/15
***************************************************/
.rensai_badge{
  position:absolute;
  bottom:0;
  left:0;
  z-index:99;
  padding:3px 10px 1px 10px;
  color:#fff;
  font-size:1.2em;
  line-height:1.5;
}

.rensai_badge_tane{
  background:#62be6b;
}
.rensai_badge_shopping{
  background:#f80;
}

/**************************************************
2022/1/13　
***************************************************/

/*アドセンス見やすく（ローカル専用）
ins.adsbygoogle {
  background: #000;
}
ins.adsbygoogle[data-full-width-responsive="true"]{
  background:#f00;
} */

.tane-mainvisual, .quiz-mainvisual {
  margin: 0;
}
 
.corner_titles{
  margin: 10px 0;
}

/**************************************************
2022/2/22　
***************************************************/
.justify-center{
  justify-content: center;
}
.pl-1{
  padding:10px 15px 0 15px;
}
.uranai-mainvisual { margin: 0; }

.news-title h3{
  font-size: 1em;
}

/**************************************************
2022/3/10
***************************************************/

.scroll_list{
  margin: 0 auto;
  padding: 0;
  width: 100%;
  overflow-x: auto;
  white-space: nowrap; 
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.scroll_list::-webkit-scrollbar {
  display: none;
  height: 0 !important;
}
.scroll_list li{
  display: inline-block;
  list-style: none;
  margin-right:5px;
  font-size: 1em;
}
.scroll_list li a{
  display: block;
  padding: 6px 18px;
  border-radius: 5px;
  background: #FAB220;
  color:#222;
  text-decoration: none;
  font-weight: bold;
  margin-bottom: 5px;
}
.scroll_list li a:hover{
  background:#FFD544;
  color:#222;
}

.scroll_list li a:active{
  background: orange;
}

.menu-open .global-nav{
  padding: 12px 0  !important;
}
.scroll_title{
  margin-bottom: 5px;
  font-size: 0.8em;
}

@media screen and (max-width: 1100px){
  .scroll_list,
  .scroll_title{
    padding: 0 1rem;
  }  
}

@media screen and (min-width: 1100px){
  .scroll_list{
    display: -webkit-flex;
    display:flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    
  }
  .scroll_list li{
    display: block;
    flex-basis: auto;
    flex-grow: 1;
    text-align: center;
    line-height: 1.5;
  }
  .global-nav{
    padding: 12px 0 8px 0  !important;
  }  
}

/*2022/03/15*/
.pagination span:not(.current){
  color:white;
  background-color: #666;
}

.readmore{
  margin: 0em 0 0.5em 0;
}

/*2022/03/22*/
.shouldercatch{
  display: none;
}
@media screen and (min-width: 1100px){
  .shouldercatch{
    display: block;
    position: relative;
    top:30px;
    left:200px;
    font-weight: bold;
    color: #666;
  }
}

.front-first-post{
  margin-bottom:-1rem;
  margin-right: -1rem;
  margin-left: -1rem;
  min-width: 100%;
}
@media screen and (min-width: 768px), print{
  .front-first-post{
    margin-bottom:0;
    margin-right: 0;
    margin-left: 0;
  }
}

.front-post-link{
  display:block;
  margin-top: 1rem;
  padding: 20px 0 0 0;
  background-repeat: no-repeat;
  background-size:cover;
  background-position: 50% 50%;
}
@media screen and (min-width: 412px), print{
  .front-post-link{
    padding: 90px 0 0 0;
  }
}
@media screen and (min-width: 768px), print{
  .front-post-link{
    padding: 250px 0 0 0;
  }
}
@media screen and (min-width: 1100px), print{
  .front-post-link{
    padding: 200px 0 0 0;
  }
}

.front-post-link:hover{
  text-decoration: none;
  opacity: 0.9;
}
.front-post-txt{
  width: 100%;
  padding: 3em 20px 20px 20px;
  color: #fff;
}


.front-post-txt .rensai_badge{
  position: relative;
  width: 100%;
}
.front-post-txt p{
  margin-bottom: 5px;
}
.front-post-data,
.front-post-data a{
  width: 100%;
  text-shadow: 0 0 3px rgb(0 0 0 / 50%), 0 0 3px rgb(0 0 0 / 50%);
  color: #fff;
}
.bold{
  font-weight: bold !important;
}
.front-post-txt {
    width: 100%;
    height: 100%;
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), color-stop(50%, rgba(0,0,0,0.35)), to(rgba(0,0,0,0.75)));
    background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.35) 50%, rgba(0,0,0,0.75) 100%);
}
.front-page .header-menu-btn,.menu-open .nav-guide,
.header-menu-btn, .nav-close-icon,.nav-screen{display:block}

.menu-open .nav-search{
  display: block;
}
@media screen and (min-width: 768px){
  .header-menu-btn{
    top:2rem;
    right:130px;
    height: 4rem;
  }
}

@media screen and (min-width: 768px), print{
  .header-container::before{
    right:23rem;
  }
}
.new-menu{
  display: block;
  clear: both;
  padding-top: 1rem;
}
.new-menu h3{
  color: #fff;
  padding: 1rem;
  margin-bottom: 0 !important;
  background: #0AA249;
}
.new-menu ul{
  padding: 0;
  margin-bottom: 1rem;
  list-style-type: none;
}
.new-menu ul li{
  margin: 0;
}
.new-menu ul li:not(:last-child){
  border-bottom:1px dotted #ccc;
}
.new-menu ul li a{
  display: block;
  padding: 0.8rem;
  color: #000;
  background-color: #fff;
  text-decoration: none;
  font-weight: bold;
  font-size: 0.9em;
}
.new-menu ul li a:hover{
  background:#FAB220;
  color:#fff;
}

.nav-close-icon::before, .nav-close-icon::after{
  background: #333;
}
.nav-close-icon{
  z-index: 999;
  border: 2px solid #333;
}
.menu-open .nav-screen{
  min-height: 90px;
  background: none;
  display: none;
}


h2.front-post-data{
  font-weight: bold;
}
@media screen and (max-width: 768px), print{
  p.front-post-data{
    font-size: 0.8em;
  }
  h2.front-post-data{
    font-size: 1.1em;
    font-weight: bold;
  }
  
}

.pointget-text .point{
  display: inline-block;
}

.pointget-img {
  margin: 1rem auto 0;
  text-align: center;
}
.pointget-head{
  margin-bottom: 1rem;
}

@media screen and (min-width: 1100px), print{
  .pointget-text .point span {
      font-size: 7rem;
  }
}

.pointget-body {
  margin-top: 0rem;
}

@media screen and (min-width: 1100px), print{
  .pointget-body {
    margin-top: 5rem;
  }
}

.dn{ display: none;}

.site-search{
  padding-top: 0;
}

@media screen and (min-width: 1100px), print{
  .menu-open nav .nav-search{
    padding-top: 15px;
  }
}

.header-menu-btn{
  border:1px solid #FAB220;
  background:#FAB220;
}
.menu-open .header-menu-btn{
  border:1px solid #FAB220;
  background:#fff;
}

/* 2022/03/25 */

.popular-tags{
  margin: 1em 0;
}
.popular-tags h2{
  position:relative;
  font-size: 2.2rem;
  font-weight: bold;
}
@media screen and (max-width: 640px), print{
  .popular-tags h2{
    font-size: 1.8rem;
  }
}

.popular-tags h2 span{
  display: block;
  background:#0AA249;
  color: #fff;
  border-radius: 0.75rem 0.75rem 0 0;
  padding: 0.75rem 2rem;
  text-align: center;
  font-weight: bold;
}
.popular-tags h2 a{
  display: block;
  text-decoration: none;
  color: #fff;
  font-weight: bold;

}
.popular-tags h2 span::before,
.popular-tags h2 span::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 6px;
  height: 6px;
  margin: auto;
  border-radius: 100%;
background-color: #fff;
}
.popular-tags h2 span::before{ left: 2rem;}
.popular-tags h2 span::after {right: 2rem;}
.popular-tags h2 span.link:hover{
  display: block;
  background:#FAB220;
}

.popular-tags .tag-filter{
  position: relative;
  padding: 1rem;
  border-radius: 0 0 0.75rem 0.75rem;
  background: fff;
  border: 1px solid #ccc;
}

.news-text-cut{
  padding: 0.5rem 0;
}

.rensai h2 span{
  background-color: #996441;
}


@media screen and (min-width: 375px), print{
  .front-page .global-nav {
      padding-top: 1rem;
  }
}

.front-page .global-nav {
  height: auto;
  padding-bottom: 5px;
  padding-left: 0px;
}

.pointget-section{
  margin-bottom: 2rem;
}
@media screen and (max-width: 375px), print{
  .pointget-section {
    margin-top: 7.5rem;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    padding: 1rem;
  }
  .pointget-head {
    margin-bottom: 0.5rem;
  }
  .pointget-text {
    max-width: 90%;
    padding: 0.5rem 0 0.5rem;
    border-radius: 0.5rem;
  }
  .pointget-text .point {
    font-size: 2.5rem;
  }
  .pointget-text .point span {
    font-size: 5rem;
  }
  .pointget-text img{
    width: 38px;
    padding-top: 5px;
  }
  .pointget-img {
    margin: 0.5rem auto;
  }
  .front-page .global-nav {
    padding-top: 0.8rem;
    padding-left: 0rem;
    padding-bottom: 0.5rem;
  }
  .mametoku-info-notice {
    padding: 0 0 1rem 0;
    margin-top: -0.25rem;
  }
}
.header-menu-btn::before{
  filter: drop-shadow(1px 1px 0 rgba(0,0,0,0.4));
}
.menu-open .header-menu-btn::before{
  filter: none;
}
@media screen and (min-width: 1100px), print{
  .scroll_list li a{
    padding: 5px 18px 3px 18px;
  }
  .mametoku-info-notice {
    margin-top: -0.5rem;
  }
}

.post_type_shopping h3 a {
  border-color: #f80 !important;
}

/* .site-logo img  {
 image-rendering: -webkit-optimize-contrast;
} */

/*20220930 記事TOP広告枠*/
.single-hedding-ad{
  text-align: center;
  margin-bottom: 2rem;
}

/*2022/12/15 kouji じゃんけん*/
.janken-result-main{
  text-align: center;
  margin-bottom:2rem;
}
.janken-result-main h3{
  color: #0AA249;
  font-weight: bold;
  margin: 1rem 0;
}
.janken-result-main .row{
  display: flex;
}
.janken-result-main .row .col{
  padding: 5px;
  width: calc(100%/3);
}
.janken-result-main .row .col input{
  width: 100%;
}
.janken-result-main .row .col input:hover{
  cursor: pointer;
  opacity: 0.8;
}

.janken-result-txt{
  margin: 2rem 0;
}
.janken-result-txt dt{
  color: #0AA249;
  font-size: 1.8rem;
  font-weight: bold;
}
.janken-result-txt dd{
  color: #FF8C00;
  font-size: 2rem;
  font-weight: bold;
}

/*2022/12/15 popup広告*/

.popup_posts{
  max-width:800px;
  margin:0 auto;
}
.popup_posts h2{
  margin-bottom:0px;
}
.popup_posts figure{
  max-width:480px;
  margin:0 auto;
}
.popup_posts figure a{
padding:5px 0 !important;
}
.popup_posts dt a{
  margin-bottom:0;
  color:#000;
  padding:0;
}  
.popup_post_txt p{
  margin:10px 0;
}
.md-inner .article-tags{
  margin-bottom:10px;
}
.md-inner .article-tags a{
  padding:8px 10px 5px 10px;
}

/*CTA 2022/12/08*/

.cta-box{
  display: flex;
  margin: 1em 0;
  padding: 1em;
  border-radius: 10px;
  align-items: center;
}
.cta-box small{
  font-size: 1.6rem;
}
  .cta-box figure{
      max-width: 160px;
      margin-right: 1em;
  }
  .cta-box-body{
      width: 100%;
  }
  .cta-box-body p{
      line-height: 1.4;
      margin-bottom: 5px;
  }
  .cta-box-body p:last-child{
      margin: 0;
  }

.cta-color-orange{
  background-color: #FFFFEB;
}
  .cta-color-orange .cta-btn a{
      display: block;
      background: #f80;
      margin-bottom: 10px;
      padding: 6px 10px;
      font-weight: bold;
      color:#fff;
      text-align: center;
      text-decoration: none;
      border-radius: 100px;
      text-decoration: none;
  }

  .cta-color-orange .cta-btn a:hover{
      opacity: 0.8;
  }

.cta-color-blue{
  background-color: #E5F3FF;
}
  .cta-color-blue .cta-btn a{
      display: block;
      background: #3990DF;
      margin-bottom: 5px;
      padding: 6px 15px 2px 15px;
      font-size: 2.5rem;
      font-weight: bold;
      color:#fff;
      text-align: center;
      text-decoration: none;
      border-radius: 100px;
      text-decoration: none;
  }

  .cta-color-blue .cta-btn a:hover{
      opacity: 0.8;
  }
  .tel-caption{
      color: #3990DF;
      text-align: center;
      font-weight: bold;
      margin-bottom: 5px;
      font-size: 1.5rem !important;
  }
  
@media screen and (max-width:768px){
  .cta-box{
      display: block;
  }
  .cta-box figure{
      max-width: 100%;
      margin:0 0 10px 0;
  }

}

/*クローズボタンをオレンジへ*/

.md-close-btn2 .md-close {
  color: #ff8c00;
  background: #fff;
  border-radius: 100px;
  border: 2px solid #ff8c00;
  width: 132px;
}

.sppr{
  display: none;
}
@media screen and (max-width:768px){
  .sppr{
    display: block;
  }
}

.pointget-section-already{
  padding:0;
  margin: 5rem 0 0 0;
}

.gad{
  margin: 1em auto !important;
  text-align: center !important;
}

#footer-ad {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  color: #000;
  z-index: 1000;
  display: flex;
  justify-content: center;
}

#footer-ad .ad-content {
  position: relative;
  width: 100%;
  text-align: center;
}
#footer-ad .ad-content div{
  position: relative !important;
}
.ma-close-button-accessory{
  display: none !important;
}
#footer-ad .ad-content div iframe{
  transform: none !important;
}

#footer-ad .close-btn {
  position: absolute;
  top: -25px;
  right: 5px;
  background: none;
  color: #000;
  border: none;
  font-size: 20px;
  font-weight: bold;
  cursor: pointer;
  padding: 5px;
}

#footer-ad .close-btn:hover {
  color: #ff6b6b;
}

#footer-ad .ad-placeholder {
  margin-top: 10px;
  background: rgba(0,0,0,0.5);
  font-size: 14px;
  padding: 10px;
}