@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format("opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format("woff2"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format("woff"), url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format("opentype"); }

/* ==========================================================================
 　株主優待制度
   ========================================================================== */
#hospitality {
  word-wrap: break-word;
  /*しまねもりづくり*/
  /*  sections   */
  /* 横 */ }
  #hospitality div[id^="cont"] {
    margin-bottom: 50px; }
  #hospitality .nav-anchor {
    margin: 0 20px 40px -20px !important;
    padding: 6px 0 5px 30px !important;
    line-height: 2.4; }
    #hospitality .nav-anchor li {
      margin-right: 35px; }
  #hospitality .main_title {
    color: #92c708;
    font-size: 32px;
    font-size: 3.2rem;
    text-align: center;
    margin: 10px 0; }
  #hospitality .intro {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }
  #hospitality #shimanenomori {
    margin-bottom: 6%; }
    #hospitality #shimanenomori h3 {
      color: #92c708;
      font-size: 26px;
      font-size: 2.6rem; }
  #hospitality .grid-group {
    /*padding: 0px;
  margin: 0px;*/ }
    #hospitality .grid-group .grid-col {
      display: block;
      border: 1px solid #92c708;
      text-align: center; }
      #hospitality .grid-group .grid-col h3.present {
        color: #fb0000;
        font-size: 18px;
        font-size: 1.8rem; }
      #hospitality .grid-group .grid-col h4 {
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.4;
        font-weight: 600;
        margin: 5px 0; }
        #hospitality .grid-group .grid-col h4 span {
          font-size: 16px;
          font-size: 1.6rem;
          background: linear-gradient(transparent 75%, #fff100 0%);
          /*background: linear-gradient(transparent 75%, #e2ff95 0%);*/ }
      #hospitality .grid-group .grid-col .notes {
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 1.4; }
  #hospitality .base {
    /*width:100%;*/
    padding: 2% 6% 5% 6%;
    font-size: 0; }
    #hospitality .base li {
      width: 30%;
      display: inline-block;
      vertical-align: top;
      margin: 0 -webkit-calc((100% - 60%)/4);
      margin: 0 calc((100% - 60%) / 4); }
      #hospitality .base li img {
        width: 100%; }
    #hospitality .base p {
      font-size: 15px; }
  #hospitality .base_col4 {
    padding: 2% 6% 5% 6%;
    font-size: 0; }
    #hospitality .base_col4 li {
      width: 24%;
      display: inline-block;
      vertical-align: top;
      margin: 0 -webkit-calc((100% - 96%)/8);
      margin: 0 calc((100% - 96%) / 8);
      margin-top: 2%; }
      #hospitality .base_col4 li img {
        width: 100%; }
    #hospitality .base_col4 p {
      font-size: 15px; }
  #hospitality .base_col3 {
    padding: 2% 6% 5% 6%;
    font-size: 0; }
    #hospitality .base_col3 li {
      width: 28%;
      display: inline-block;
      vertical-align: top;
      margin: 0 -webkit-calc((100% - 84%)/6);
      margin: 0 calc((100% - 84%) / 6);
      margin-top: 2%; }
      #hospitality .base_col3 li img {
        width: 100%; }
    #hospitality .base_col3 p {
      font-size: 15px; }
  #hospitality .base_col2 {
    padding: 2% 6% 5% 6%;
    font-size: 0; }
    #hospitality .base_col2 li {
      width: 28%;
      display: inline-block;
      vertical-align: top;
      margin: 0 -webkit-calc((100% - 84%)/4);
      margin: 0 calc((100% - 84%) / 4);
      margin-top: 2%; }
      #hospitality .base_col2 li img {
        width: 100%; }
    #hospitality .base_col2 p {
      font-size: 15px; }
  #hospitality .select {
    padding: 2%;
    font-size: 0; }
    #hospitality .select li {
      display: inline-block;
      vertical-align: top;
      margin-right: 6%; }
      #hospitality .select li:nth-child(1) {
        width: 23%; }
      #hospitality .select li:nth-child(2) {
        width: 18%; }
      #hospitality .select li:nth-child(3) {
        width: 17%; }
      #hospitality .select li:last-child {
        width: 17%;
        margin-right: 0; }
    #hospitality .select img {
      width: 100%; }
  #hospitality .plus {
    text-align: center;
    margin: 2% auto 4%;
    position: relative;
    height: 1.2em; }
  #hospitality .plus_mark {
    font-size: 30px;
    position: relative;
    width: 0.1em;
    height: 1.2em;
    background-color: #92c708;
    position: absolute;
    margin-left: 50%; }
  #hospitality .plus_mark::before {
    position: absolute;
    top: 0.55em;
    left: -0.55em;
    width: 1.2em;
    height: 0.1em;
    content: "";
    background-color: #92c708; }
  #hospitality .select_two {
    padding: 2%;
    font-size: 0; }
    #hospitality .select_two li {
      display: inline-block;
      vertical-align: top;
      margin-right: 4%; }
      #hospitality .select_two li:nth-child(1) {
        width: 26%;
        margin-top: 4%; }
      #hospitality .select_two li:nth-child(2) {
        width: 16%;
        margin-top: 10%; }
      #hospitality .select_two li:last-child {
        width: 16%; }
  @media screen and (max-width: 767px) {
    #hospitality {
      /*  sections   */
      /*しまねもりづくり*/ }
      #hospitality .main_title {
        font-size: 28px !important;
        line-height: 1.2; }
      #hospitality .intro {
        font-size: 14px !important;
        text-align: center; }
      #hospitality .nav-anchor {
        margin: 0 0 20px 0 !important;
        padding: 8px 32px 8px 16px !important;
        line-height: normal; }
      #hospitality .grid-group .grid-group {
        display: block;
        padding: 0; }
      #hospitality .grid-group .base,
      #hospitality .grid-group .select,
      #hospitality .grid-group .plus {
        float: none;
        width: 96%; }
      #hospitality .grid-group .plus {
        margin: 2% auto 9%; }
      #hospitality .grid-group .base,
      #hospitality .grid-group .base_col4, #hospitality .grid-group .base_col3, #hospitality .grid-group .base_col2 {
        padding: 2%; }
        #hospitality .grid-group .base li,
        #hospitality .grid-group .base_col4 li, #hospitality .grid-group .base_col3 li, #hospitality .grid-group .base_col2 li {
          width: 46%;
          margin: 0 -webkit-calc((100% - 92%)/4);
          margin: 0 calc((100% - 92%) / 4);
          margin-top: 2%; }
        #hospitality .grid-group .base p,
        #hospitality .grid-group .base_col4 p, #hospitality .grid-group .base_col3 p, #hospitality .grid-group .base_col2 p {
          font-size: 12px; }
      #hospitality .grid-group .select {
        padding: 2%; }
        #hospitality .grid-group .select li {
          width: 46%;
          /*&:last-child {
					img {
						width: 66%;
					}
				}*/ }
          #hospitality .grid-group .select li:nth-child(2n+1) {
            margin-right: 4%; }
          #hospitality .grid-group .select li:nth-child(2n) {
            margin-right: 0; }
          #hospitality .grid-group .select li img {
            width: 67%; }
          #hospitality .grid-group .select li:nth-child(3) img {
            width: 66%; }
      #hospitality .grid-group .grid-col h4 {
        font-size: 12px;
        font-size: 1.2rem; }
        #hospitality .grid-group .grid-col h4 span {
          font-size: 13px;
          font-size: 1.3rem; }
      #hospitality .grid-group .grid-col .notes {
        font-size: 10px;
        font-size: 1rem; }
      #hospitality .select_two {
        padding: 2%; }
        #hospitality .select_two li {
          display: block;
          margin-right: 0;
          width: 100%; }
          #hospitality .select_two li:nth-child(1), #hospitality .select_two li:nth-child(2), #hospitality .select_two li:last-child {
            width: 100%; }
          #hospitality .select_two li:nth-child(1) img {
            width: 60%; }
          #hospitality .select_two li:nth-child(2) {
            margin-top: 1%; }
          #hospitality .select_two li:last-child img {
            width: 30%; }
      #hospitality #shimanenomori h3 {
        color: #92c708;
        font-size: 18px;
        font-size: 1.8rem; } }
  #hospitality .select_pre span.sub {
    font-size: 90% !important;
    background: none !important; }
  #hospitality sub {
    font-weight: normal;
    font-size: 10px;
    vertical-align: sub; }

select {
  -webkit-appearance: none;
  appearance: none;
  border: 1px solid rgba(230, 230, 230, 0.6);
  border-radius: 5px; }