@charset "UTF-8";
/* CSS Document */
.search_link_btn__sp {
  display: none;
}

.sp-visible {
  display: none;
}

.br-sp {
  display: none;
}

/*============================================================================*/
@media screen and (max-width: 1024px) {
  /*HoverAction reset*/
  #page-top_scroll:hover {
    opacity: 1;
  }
  .buy_btn:hover {
    opacity: 1;
    box-shadow: 0 6px 0 #04414e;
  }
  #cmn_footer .foot_nav ul {
    padding: 0 12px;
  }
  /*./mypage/detail.html*/
  .contact-flow li {
    font-size: 0.875rem;
    padding: 12px 0;
    border-right: 2px solid #2C2E34;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .contact-flow li:last-child {
    border-right: 0;
  }
  .contact-flow li::before, .contact-flow li::after {
    display: none;
  }
  .contact-flow li::after, .contact-flow li.active::after {
    display: block;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 0 10px 10px;
    background: none;
    border-color: transparent transparent transparent #2C2E34;
    transform: rotate(0deg);
    position: absolute;
    top: 29%;
    right: -10px;
    left: auto;
  }
  .contact-flow li:last-child::after {
    display: none;
  }
}
/*============================================================================*/
@media screen and (max-width: 912px) {
  .guide_local-linkbtn {
    max-width: 100%;
  }
  .sec_guide01 p {
    padding-left: 0;
  }
}
/*============================================================================*/
@media screen and (max-width: 820px) {
  #container { /*margin-top: 110px;*/
    margin-top: 0;
    padding-top: 110px;
    font-size: 0.875rem;
  }
  /*header*/
  /*#cmn_header{ position: relative; }*/
  #cmn_header .inner {
    flex-direction: column;
    padding: 10px 0 0;
  }
  #cmn_header .head_logo {
    width: 132px;
    display: inline-block;
    padding-top: 0;
  }
  .follow {
    box-shadow: none;
  }
  ul.head_nav {
    width: 100%;
    padding: 0 12%;
    border-top: 1px solid #2C2E34;
  }
  .after_log ul.head_nav {
    width: 100%;
  }
  /*.after_log ul.head_nav{ padding-left: 12px; }*/
  ul.head_nav li {
    border-right: 1px solid #E1E1E1;
  }
  ul.head_nav li:first-child {
    border-left: 1px solid #E1E1E1;
  }
  /*ul.head_nav li:last-child{ border-right: none; }*/
  ul.head_nav li a {
    padding: 6px 0;
  }
  ul.head_nav li img {
    width: auto;
    height: 20px;
    margin-bottom: 2px;
  }
  ul.head_nav.alert li a {
    font-size: 0.625rem;
  }
  #search_wrap {
    margin: 0 auto;
    padding: 8px 0 12px;
    display: none;
  }
  .search_text {
    width: 277px;
    max-width: initial;
    margin-right: 3px;
  }
  .flex_contenter_sp {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    padding: 0 10px 8px;
    border-bottom: 1px solid #E1E1E1;
  }
  .search_link_btn__sp {
    display: block;
    width: 25px;
    height: 25px;
  }
  .search_text {
    max-width: 180px;
  }
  .lotteries_list h3 {
    padding-right: 0;
    margin-bottom: 24px;
  }
  .lotteries_list .times-view {
    display: block;
  }
  /*modaal*/
  .modaal-gallery-control:focus, .modaal-gallery-control:hover {
    background: rgba(0, 0, 0, 0.7) !important;
  }
  .modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after {
    background: #fff !important;
  }
}
/*============================================================================*/
@media screen and (max-width: 768px) {
  .sp-visible {
    display: block;
  }
  .br-sp {
    display: block;
  }
  .br-pc {
    display: none;
  }
  /*
  #cmn_header .head_logo{ width: 132px; display: inline-block; }
  .flex_contenter_sp{ display: flex; display: -webkit-flex; align-items: center; }
  ul.head_nav{ width: 290px; }
  */
  /**/
  #search_wrap {
    padding-bottom: 8px;
  }
  #cmn_footer .foot_nav ul {
    padding: 0 3%;
  }
  a.common_link_btn.contact::before {
    width: 29px;
    height: 28px;
    top: 33%;
  }
  a.common_link_btn.faq::before {
    width: 38px;
    height: 24px;
    top: 31%;
  }
  /*lotteries_list*/
  span.status {
    top: 0;
    left: 0;
  }
  .lotteries_list {
    margin-right: 0;
  }
  .lotteries_list li {
    width: 48.5%;
    margin-right: 3%;
    box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
  }
  .lotteries_list li:nth-child(2n) {
    margin-right: 0;
  }
  .lotteries_list li:last-child {
    margin-right: 0;
  }
  .lotteries_list li:only-child {
    margin-right: 0;
  }
  .lotteries_list h3 {
    padding-right: 34px;
  }
  .lotteries_list .times-view {
    display: inline-block;
  }
  .contact_container .inner {
    width: 90%;
    flex-direction: column;
  }
  .faq-cont {
    width: 100%;
    margin: 0 auto;
  }
  .form-cont {
    width: 100%;
    margin: 24px auto 0;
  }
  /*guide.html*/
  ul.info_caution {
    flex-direction: column;
  }
  ul.info_caution li {
    width: 100%;
    margin-bottom: 8px;
  }
  ul.info_caution li p {
    padding-left: 0;
  }
  .pagination li {
    margin: 0;
  }
  .pagination li.prev a, .pagination li.next a {
    padding: 8px 2px;
  }
  .pagination a {
    padding: 8px 12px;
  }
  .contact-items.thanks p {
    font-size: 1rem;
  }
  .contact-items.thanks p.memo {
    width: 100%;
    font-size: 0.75rem;
  }
}
/*============================================================================*/
@media screen and (max-width: 480px) {
  body {
    box-sizing: border-box;
  }
  /*comoon*/
  #container { /*margin-top: 110px;*/
    margin-top: 0;
    padding-top: 110px;
    font-size: 0.875rem;
  }
  .breadcrumb {
    margin-top: 24px;
  }
  /*header*/
  #cmn_header {
    background: transparent;
  }
  #cmn_header .inner {
    padding: 0;
    border: none;
  }
  .flex_contenter_sp {
    background: #fff;
    padding-top: 10px;
    z-index: 999;
  }
  #cmn_header #search_wrap {
    width: 100%;
    background: #fff;
    z-index: 999;
    border-bottom: 1px solid #E1E1E1;
  }
  #cmn_header .search_text {
    max-width: 220px;
  }
  ul.head_nav {
    margin-top: -1px;
    padding: 0;
    background: #fff;
    border-bottom: 1px solid #E1E1E1;
  }
  ul.head_nav li:first-child {
    border-left: none;
  }
  ul.head_nav li a {
    font-size: 70%;
  }
  #search_wrap.action_search_cont {
    max-width: initial;
  }
  /*#cmn_header{ position: relative; }
  #cmn_header .inner{ flex-direction: column; padding: 10px 0 0; border-bottom: 1px solid #E1E1E1; }
  #cmn_header .head_logo{ width: 132px; display: inline-block; padding-top: 0; }
  .follow{ box-shadow: none; }

  ul.head_nav{ width: 100%; padding: 0; border-top: 1px solid #E1E1E1; }
  .after_log ul.head_nav{ width: 100%; }
  ul.head_nav li{ border-right: 1px solid #E1E1E1; }
  ul.head_nav li:last-child{ border-right: none; }
  ul.head_nav li a{ padding: 6px 0; }
  ul.head_nav li img{ width: auto; height: 20px; margin-bottom: 2px; }

  ul.head_nav.alert li a{ font-size: .625rem; }

  #search_wrap{ margin: 0 auto; padding: 8px 0 12px; display: none; }
  .search_text { width: 277px; max-width: initial; margin-right: 3px; }
  .flex_contenter_sp{
  	display: flex;
  	display: -webkit-flex;
  	justify-content: space-between;
  	padding: 0 10px 8px;
  	border-bottom: 1px solid #E1E1E1;
  }
  .search_link_btn__sp{ display: block; width: 25px; height: 25px; }*/
  /*上に消えるアニメーション*/
  #cmn_header.UpMove .head_nav {
    animation: UpAnime 0.4s forwards;
  }
  @keyframes UpAnime {
    from {
      opacity: 1;
      transform: translateY(0);
    }
    to {
      opacity: 0;
      transform: translateY(-50px);
    }
  }
  /*下にスクロールした時に現れるアニメーション*/
  #cmn_header.DownMove .head_nav {
    animation: DownAnime 0.4s forwards;
  }
  @keyframes DownAnime {
    from {
      opacity: 0;
      transform: translateY(-50px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }
  /*footer*/
  #cmn_footer .inner {
    padding: 32px 0;
  }
  #cmn_footer ul.sns_links {
    width: 180px;
  }
  #cmn_footer .foot_nav ul {
    padding: 0 8px;
    margin-bottom: 0;
    width: 50%;
    flex-direction: column;
  }
  #cmn_footer .foot_nav ul {
    display: flex;
    display: -webkit-flex;
    border: none;
  }
  #cmn_footer .foot_nav ul li {
    display: inline-block;
    margin: 0;
    padding-bottom: 8px;
    padding-right: 12px;
  }
  #cmn_footer .foot_nav ul li {
    font-size: 90%;
  }
  /*slider*/
  .firstview_slider img {
    width: 95vw;
  }
  .firstview_slider {
    padding-top: 12px;
  }
  .firstview_slider .slick-slide {
    transform: scale(0.9);
  }
  .slick-prev, .slick-next {
    width: 42px !important;
    height: 72px !important;
    top: 50%;
  }
  .slick-prev::before, .slick-next:before {
    width: 42px !important;
    height: 72px !important;
  }
  /*top_contents*/
  .sec_news .inner {
    flex-direction: column;
  }
  .information {
    width: 90%;
    margin: 0 auto 24px;
    padding: 0;
  }
  .information h2 {
    font-size: 1.25rem;
    padding: 0;
  }
  .information h2::before {
    background-size: cover;
    width: 22px;
    height: 22px;
  }
  .information li a {
    font-size: 1rem;
  }
  .twitter_info {
    width: 75%;
    margin: 0 auto;
  }
  .anchor_cont {
    padding-right: 0;
  }
  .information .anchor_cont {
    margin-right: 16px;
  }
  .morechan_linkbtn:hover {
    opacity: 1;
  }
  .sec-morechan h2 {
    font-size: 1.25rem;
  }
  .sec_htp h2 {
    font-size: 1.5rem;
    margin-bottom: 16px;
  }
  .sec_htp p {
    font-size: 0.875rem;
  }
  .htp_flow {
    flex-wrap: wrap;
  }
  .htp_flow li {
    width: 49%;
    margin-bottom: 8px;
  }
  .sec_htp .inner {
    width: 90%;
  }
  .htp_btn {
    width: 230px;
    font-size: 0.875rem;
  }
  .contact_container .inner {
    width: 90%;
    flex-direction: column;
  }
  .faq-cont, .form-cont {
    width: 100%;
  }
  a.common_link_btn {
    max-width: 230px;
    padding: 20px 0;
    font-size: 0.875rem;
  }
  a.common_link_btn.faq, a.common_link_btn.contact {
    max-width: 230px;
  }
  a.common_link_btn.faq::before {
    width: 38px;
    height: 25px;
    top: 30%;
  }
  a.common_link_btn.contact::before {
    width: 22px;
    height: 21px;
    top: 33%;
  }
  /*pages*/
  .page_inner {
    width: 90%;
    margin: 20px auto;
    padding: 0;
  }
  .page_head {
    padding: 1.8em;
  }
  .page_head h1 {
    font-size: 1.5rem;
  }
  /*.page_head h1{ font-size: 1.25rem; margin-bottom: 2px; }
  .page_head span{ font-size: 1rem; }
  .page_inner h2{ font-size: 1.25rem; }
  .page_inner ul,.page_inner ol{ padding: .6em; }*/
  .page_inner.faq h2 {
    font-size: 1.125rem;
  }
  .page_inner.faq h2::before, .page_inner.faq h2::after {
    width: 12px;
    height: 2px;
  }
  .page_inner.faq dl dt {
    font-size: 1rem;
  }
  .pagination {
    margin-bottom: 0;
  }
  a.text_link_style {
    margin: 0;
  }
  .back_link {
    padding-left: 0;
    text-align: center;
  }
  .localmenu-list li {
    font-size: 0.75rem;
  }
  .localmenu-list li a, .localmenu-list li span {
    padding: 16px 0;
    height: 100%;
  }
  /*.localmenu-list li a{ padding: 16px 0; }*/
  #page-top_scroll:hover {
    transition: unset;
    opacity: 1;
  }
  .page_margin {
    margin-bottom: 0;
  }
  /*lotteries_list*/
  #lotteries_list_container::before {
    width: 320px;
    height: 8px;
    top: -8px;
  }
  #lotteries_list_container::after {
    width: 320px;
    height: 8px;
    bottom: -8px;
  }
  #lotteries_list_container .inner {
    width: 95%;
  }
  #lotteries_list_container h2 {
    font-size: 1.5rem;
  }
  #lotteries_list_container h2::before {
    background-size: cover;
    width: 36px;
    height: 36px;
    top: -12px;
    left: -37px;
  }
  #lotteries_list_container p.head-p {
    font-size: 0.875rem;
  }
  #lotteries_list_container a.text_link_style {
    margin-right: 24px;
  }
  .lotteries_list li {
    padding: 8px;
    margin-bottom: 12px;
  }
  .lotteries_list h3 {
    padding: 0;
    font-size: 1em;
    margin-bottom: 0;
  }
  .lotteries_list p {
    font-size: 0.75rem;
    margin-top: 16px;
  }
  .lotteries_list p::before {
    font-size: 0.875rem;
  }
  span.type_change.shared, span.type_change.dedicated {
    width: 24px;
    height: 33px;
    bottom: 8px;
    right: 10px;
  }
  span.status {
    width: 3rem;
    padding: 4px;
    left: 0px;
    top: 0px;
    font-size: 0.75rem;
  }
  span.status::after {
    border-width: 28px 10px 0 0;
  }
  span.times-view {
    display: block;
  }
  #lotteries_list_container .head_cont {
    padding-bottom: 24px;
  }
  #lotteries_list_container .anchor_cont {
    padding-right: 0;
  }
  /*==========================================================================================================*/
  /*./lotteries/show.html*/
  h2.lott_rank_head.ss::before,
  h2.lott_rank_head.a::before,
  h2.lott_rank_head.b::before,
  h2.lott_rank_head.c::before,
  h2.lott_rank_head.d::before,
  h2.lott_rank_head.e::before,
  h2.lott_rank_head.f::before,
  h2.lott_rank_head.g::before,
  h2.lott_rank_head.h::before,
  h2.lott_rank_head.i::before,
  h2.lott_rank_head.lastone::before {
    width: 101px;
    height: 58px;
    top: -10px;
    background-size: cover;
  }
  p.lott_text {
    font-size: 1em;
    margin-top: 0;
    margin-bottom: 16px;
  }
  /*==========================================================================================================*/
  #result_search_wrap {
    max-width: 290px;
  }
  .search-keyword_block {
    flex-direction: column;
    margin-bottom: 0;
    padding-bottom: 8px;
  }
  .search-keyword_block .head {
    font-size: 1.125rem;
  }
  .search-keyword_block .hit {
    font-size: 1rem;
  }
  /*==========================================================================================================*/
  /*./mypage/detail.html*/
  .contact-flow li::after, .contact-flow li.active::after {
    top: 36%;
  }
  /*==========================================================================================================*/
  /*./news*/
  .info-ttl dt {
    font-size: 1.125rem;
  }
  .information li.info-group-item a {
    font-size: 1rem;
  }
  /*archive*/
  /*./Search/result.html*/
  #result_search_wrap {
    max-width: 100%;
  }
  /*==========================================================================================================*/
  /*page*/
  .page_inner p {
    font-size: 0.875rem;
  }
  /*guide.html*/
  h2.guide_layout__head {
    font-size: 1.25rem;
  }
  /*.guide_local-linkbtn{ max-width: 100%; }
  .guide_local-linkbtn a{ min-width: 94px; min-height: 94px; font-size: .875rem; }
  .guide_local-linkbtn a::after{ border-width: 8px 8px 0 8px; bottom: 0; }
  .guide_local-linkbtn a:nth-child(1):hover::after,
  .guide_local-linkbtn a:nth-child(2):hover::after,
  .guide_local-linkbtn a:last-child:hover::after{ bottom: 0; }*/
  .guide_local-linkbtn__var2 {
    flex-direction: column;
  }
  .guide_local-linkbtn__var2 a {
    font-size: 0.875rem;
    width: 100%;
  }
  .guide_local-linkbtn__var2 a:hover {
    color: #2DC5FF;
    background: #fff;
  }
  .guide_local-linkbtn__var2 a:hover:after {
    border-color: #2DC5FF transparent transparent transparent;
  }
  .kuji_type__info {
    flex-direction: column;
  }
  .type_info_block {
    width: 100%;
    padding: 48px 0;
  }
  .type_content {
    width: 90%;
  }
  .type_content p {
    font-size: 1rem;
    padding: 0 24px;
  }
  .mapages_images {
    margin-bottom: 0;
  }
  .mapages_images .image_contents {
    width: 100%;
    margin-bottom: 8px;
  }
  .mapages_images .image_contents h3 {
    font-size: 1.125rem;
    padding: 8px 0;
    position: relative;
    display: block;
    top: 0;
  }
  ul.info_caution li h4 {
    font-size: 1.125rem;
  }
  .Sgoods-name_inner {
    padding: 48px 0;
  }
  .lastwin_cont {
    width: 90%;
    text-align: left;
    padding: 24px;
    margin-bottom: 24px;
  }
  .morechan_cont {
    width: 90%;
    text-align: left;
    padding: 24px;
  }
  h3.Sgoods-name_tit {
    font-size: 1.125rem;
  }
  h3.Sgoods-name_tit img {
    width: 220px;
  }
  /*other*/
  .mypege_inner p.histories_empty {
    margin-top: 16px;
  }
  /*hover action*/
  ul.head_nav li:hover {
    opacity: 1;
  }
  ul.head_nav li:hover::after {
    transform: scale(0, 1); /*X方向0、Y方向1*/
  }
  ul.head_nav li:hover a {
    color: #333D50;
  }
  #cmn_header .head_logo:hover {
    opacity: 1;
  }
  .lotteries_list li:hover {
    opacity: 1;
    transform: scale(1);
  }
  .information li a:hover {
    background: #eaf1ff;
    box-shadow: none;
  }
  .information li a:hover::after {
    right: 16px;
  }
  a.common_link_btn:hover {
    opacity: 1;
  }
  a.common_link_btn:hover::after {
    right: 6%;
  }
}

/*# sourceMappingURL=mobile.css.map */