@charset "utf-8";
/*
Theme Name: giant_store_shopsite3
Description: ジャイアントストア用の子テーマです
Template: giant_store_ver03
Author: GIANT
*/

@import url('../giant_store_ver03/style.css');


/* アンカーリンク関連設定 */
html {
    scroll-behavior: smooth;
}
.anchor_link {
    padding-top: 100px;
    margin-top: -100px;
}

/* end アンカーリンク関連設定 */

.page_botom_area {
    padding-top: 20px;
    padding-bottom: 5px;
}

.addtoany_share_save_container.addtoany_content.addtoany_content_bottom {
    margin-bottom: 0!important;
    padding-top: 20px;
}

#colorbox, #cboxOverlay, #cboxWrapper {
    -webkit-box-sizing: content-box!important;
            box-sizing: content-box!important;
}

/* ビジュアルリッチテキストエディタ */
#entry_body h1
{
    font-size:250%;
    line-height:normal;
    padding:5px 0;
}

#entry_body h2
{
    font-size:180%;
    padding:5px 0;
    line-height:normal;
    letter-spacing:-0.1em;
  font-family: inherit!important;
  font-weight: inherit!important;
  color: inherit!important;
  margin: inherit!important;
}

#entry_body h3
{
    font-size:135%;
    line-height:normal;
    background-image:none;
    background-color:none;
}

#entry_body h4
{
    font-size:105%;
    padding:5px 0;
    line-height:normal;
    font-weight:normal;
}

#entry_body h5
{
    font-size:83%;
    padding:5px 0;
    line-height:normal;
    font-weight:normal;
}

#entry_body h6
{
    font-size:72%;
    padding:5px 0;
    line-height:normal;
    font-weight:normal;
}

#entry_body em{
    font-style:oblique;
}

#entry_body ul{
    list-style:disc;
    margin-left:15px;
    margin-top:10px;
    margin-bottom:10px;
}

#entry_body ol{
    list-style:decimal;
    margin-left:15px;
    margin-top:10px;
    margin-bottom:10px;
}
#entry_body ol li,#entry_body ul li{
    line-height:1.5em;
}

#entry_body blockquote{
    padding:0px 30px;
    font-style:oblique;
}

#entry_body div{
    margin-bottom:15px;
}

.alignleft{
    float:left;
    margin-right:10px;
}

.alignright{
    float:right;
}
.aligncenter {
    display:block;
    margin:0 auto;
}

.rent_cycle {
  margin-top: 20px;
  margin-bottom: 20px;
}

#store_sidebar a:hover{
  opacity: 0.7;
}


/* 今治 */
#rental_bike table{
    table-layout:fixed;
    border-collapse:collapse;
    margin-top:20px;
    margin-bottom:10px;
    font-size:10px;
}

#rental_bike th{
    background:#a6d0f3;
    font-weight:normal;
    color:#0070bd;
}

#rental_bike th,#rental_bike td{
    border:1px solid #CCC;
    text-align:center;
    padding:2px 5px;
}


#rental_bike th.num,#rental_bike td.num{
    background:#999;
    text-align:center;
    font-weight:normal;
}

#rental_bike th.num2,#rental_bike td.num2,
#rental_list th.num2,
#shimanami th.num2{
    background:#efefef;
    text-align:center;
    font-weight:normal;
}
#rental_bike table tr:nth-child(even) td {
    background-color: #f8f8f8;   /* 偶数行の背景色 */
}

#rental_bike table td.cate{
    background:#f8f8f8!important;
}

.rental_max{
    background:#FFC;
    padding:2px 5px;
    margin:10px 0;
}

.hoken{
    margin:20px 0;
    background:#FFC;
    padding:5px;
    width:78%;
}

#rental_bike .line{
    border-bottom: solid 1px #ccc;
}

#rental_list table{
    table-layout:fixed;
    border-collapse:collapse;
    font-size:9px;
}


#rental_list th,#rental_list td{
    border:1px solid #CCC;
    text-align:center;
    padding:5px;
    line-height:1.5em;
}

.no-wrap{
    white-space:nowrap;
}

#shimanami table{
    table-layout:fixed;
    border-collapse:collapse;
    font-size:12px;
}

#shimanami th,#shimanami td{
    border:1px solid #CCC;
    text-align:center;
    padding:5px;
    line-height:1.5em;
}

#shimanami_info{
    border:solid 1px #ccc;
    padding-left:50px;
    margin-top:40px;
}

#shimanami_info h4{
    font-size:16px;
    color:#09F;
    margin-top:30px;
    margin-bottom:15px;
}

#shima_info_left{
    width:275px;
    float:left;
    margin-right:50px;
}

#shima_info_left img{
    margin:0 0 20px 20px;
}

#shima_info_right{
    width:300px;
    float:left;
}

#shima_info_right table td{
    text-align:left;
}


#shima_info_right table.inner{
    width:205px;
}

#shima_info_right table.inner td{
    text-align:center;
}

#shima_info_right table td.npd{
    padding:5px 0 0 0!important;
}

#shima_info_right table.inner th.num3{
    background:#b7d9ff;
}

#shima_info_right table.inner td.num3{
    background:#b7f7ff;
    text-align:left;
}

.shimanami_info2{
    width:700px;
    clear:both;
}

th.num4{
    background:#b7d9ff;
}

th.num5{
    background:#b7f7ff;
}


th.b_line{
    border:solid 1px #333!important;
}

th.b_line2,td.b_line{
    border-right:solid 1px #333!important;
}

td.b_bline{
    border-bottom:solid 1px #333!important;
}


th.no_line{
    border:none!important;
}

/* 店舗情報コンテンツ用ボタン（SP） */
#btn-sp-content {
  display: none;
}

@media screen and (max-width: 600px) {
  #btn-sp-content {
    display: block;
    margin-top: -10px;
  }
  #btn-sp-content ul {
   display: -webkit-box;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   -webkit-flex-wrap: wrap;
  }

  #btn-sp-content ul.li3 li {
    width: 33.33333%;
  }
  #btn-sp-content ul.li4 li {
    width: 50%;
  }
  #btn-sp-content ul.li5 li {
    width: 33.33333%;
  }

  #btn-sp-content li {
    background: #eee;
    text-align: center;
    list-style: none;
    border: solid 1px #ddd;
  }
  #btn-sp-content li a {
    display: block;
    width: 100%;
    padding: 5px 0;
  }

  #btn-sp-content li a:hover {
    text-decoration: none;
  }

  #store_info,
  #map_sidebar,
  #test_bike,
  #rent_cycle,
  #store_reserve {
    padding-top : 103px;
    margin-top : -103px!important;
  }
  #store_reserve {
    margin-bottom: 20px;
  }
}

.archive_banner {
    border: solid 1px #07038d;
    width: 100%;
}
.archive_banner a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 20px 30px 20px 20px;
    font-size: 1.4rem;
    line-height: 1.5;
    text-align: center;
    position: relative;
}
.archive_banner a:after {
    content: "";
    position: absolute;
    right: 30px;
    top: 50%;
    width: 8px;
    height: 8px;
    border-top: 2px solid #07038d;
    border-right: 2px solid #07038d;
    transform: translateY(-50%) rotate(45deg);
}
.archive_banner a:hover {
    text-decoration: none;
}