@charset "UTF-8";
html, body{
margin: 0; /* 余白の削除 */
padding: 0; /* 余白の削除 */
height: 100%; /* 縦の高さを100% */
width: 100%; /* 横の幅を100% */
}
body{
min-height: 100%;
height: auto !important;
height: 100%;
position: relative;
font-size:15px;
font-family: 'Noto Sans JP', sans-serif;
color:#555;
background-color:#fff;/*fe0;*/
}
h1,h2,h3,h4{
font-size:1rem;
margin:0;
padding:0;
}
.col-lg-3,
.col-lg-4,
.col-lg-6,
.col-lg-8,
.col-lg-9,
.col-lg-12{
padding-left:5px;
padding-right:5px;
}
/*========================
全体設定
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Noto Serif JP', sans-serif;
=========================*/
.pdlr0{
padding-left:0px;
padding-right:0px;
}
/*========================
ヘッダー
=========================*/
.site-head{
margin-bottom:10px;
border-top:3px solid #f4a460;
border-bottom:1px solid #f4a460;
background-color:#ffffe0;
}
.header-box-catch{}
.header-box-catch h3{
font-size:0.6rem;
}
.header-box-logo{
display:inline-block;
line-height:70px;
}
.header-box-logo h1{
display:inline-block;
font-size:1.7rem;
font-weight: bold;
}
.header-box-right{
display:inline-block;
float:right;
}
.header-box-right-login{
display:inline-block;
float:right;
margin:0 1px;
margin-top:2px;
}
.header-box-right-login a{
text-decoration: none;
color:#f4a460;
padding:2px 10px;
background-color:#FFF;
border:1px solid #f4a460;
border-radius:3px;
font-size:0.7rem;
}
.header-box-right-login a:hover{
background-color:#f4a460;
color:#FFF;
}
.header-box-right-menu{
display:inline-block;
float:right;
margin:0 1px;
margin-top:2px;
}
.header-box-right-menu a{
text-decoration: none;
color:#f4a460;
padding:2px 10px;
background-color:#FFF;
border:1px solid #f4a460;
border-radius:3px;
font-size:0.7rem;
}
.header-box-right-menu a:hover{
background-color:#f4a460;
color:#FFF;
}
/*========================
スライドショー設定
=========================*/
.top-banner-box{
margin-top:70px;
margin-bottom:10px;
}
.top-banner-box-main{}
.top-banner-box-main img{
width:100%;
}
.top-banner-box-side{
background-color:#CCC;
height:100%;
}
/*========================
グローバルメニュー(サイド)
=========================*/
.global-menu{
padding:5px;
background-color:#f4a460;
}
.global-menu ul,
.global-menu li{
list-style: none;
margin:0;
padding:0;
}
.global-menu li{
background-color:#FFF;
margin-bottom:3px;
line-height:50px;
}
.global-menu li a{
display:block;
}
/*========================
トップ-最新情報
=========================*/
.top-box-news{
margin-top:10px;
min-height:150px;
}
.top-box-news ul,
.top-box-news li{
list-style:none;
margin:0;
padding:0;
}
.top-box-news li{
padding-bottom:2px;
border-bottom:1px dashed #555;
margin-bottom:3px;
padding-left:5px;
font-size:0.9rem;
}
.top-box-news li a{
display:block;
text-decoration: none;
color:#555;
}
.top-box-news li a:hover{
background-color:#fffacd;
}
.top-box-news-date{
display:inline-block;
}
.top-box-news-category{
display:inline-block;
}
.top-box-news-title{
display:inline-block;
}
.top-box-title{
background-color:#f5deb3;
padding:7px 10px;
border-radius:6px;
}
.top-box-title h3{
display:inline-block;
}
.top-box-title-more{
display:inline-block;
float:right;
}
.top-box-entry{
margin-top:10px;
}
.top-box-entry-item{
background-color:#FFF;
margin-bottom:10px;
}
.top-box-entry-item img{
width:100%;
}
.top-main-box .row{
margin-left:0px;
margin-right:0px;
}
/*========================
ぱんくずリスト
=========================*/
.bread-list{
display:block;
padding:5px 8px;
margin:0 5px;
background-color:#FFF;
font-size:0.8rem;
border:1px solid #f4a460;
border-left:4px solid #f4a460;
border-right:4px solid #f4a460;
}
.bread-list a{
text-decoration: none;
color:#555;
}
/*========================
店舗個別ページ
=========================*/
.main-box{
margin-top:70px;
}
.main-box-store{
padding:10px;
}
.store-name{
background-color:#f4a460;
padding:10px;
}
.store-ph{
padding:5px 0px;
}
.store-ph img{
width:100%;
}
.store-catch h3{
font-size:1.1rem;
padding-top:15px;
padding-bottom:3px;
font-weight: bold;
}
.store-text{
font-size:0.9rem;
padding:20px 0px;
text-align: justify;
text-justify: inter-ideograph;
margin-bottom:10px;
}
.store-info{
margin:5px 0px;
}
.store-access{
margin:5px 0px;
}
.store-headline{
padding-left:7px;
padding-bottom:2px;
border-left:3px solid #f4a460;
font-size:0.9rem;
margin:10px 0px;
}
.store-desc{
padding:5px;
}
.store-desc table{
width:100%;
border:1px solid #999;
}
.store-desc td{
font-size:0.8rem;
border:1px solid #999;
padding:8px;
}
.store-desc th{}
.table-item{
width:20%;
text-align: center;
}
.table-desc{
width:80%;
}
/*========================
店舗個別ページ *タブ部分*
=========================*/
/*タブ切り替え全体のスタイル*/
.tabs {
margin-top: 50px;
padding-bottom: 40px;
background-color: #fff;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
width: 100%;
margin: 0 auto;
}
/*タブのスタイル*/
.tab_item {
width: calc(100%/4);
height: 50px;
border-bottom: 3px solid #f4a460;
background-color: #ffffe0;
line-height: 50px;
font-size: 1rem;
text-align: center;
color: #565656;
display: block;
float: left;
text-align: center;
font-weight: bold;
transition: all 0.2s ease;
}
.tab_item:hover {
opacity: 0.75;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
display: none;
}
/*タブ切り替えの中身のスタイル*/
.tab_content {
display: none;
padding: 40px 40px 0;
clear: both;
overflow: hidden;
}
/*選択されているタブのコンテンツのみを表示*/
#blog:checked ~ #blog_content,
#event:checked ~ #event_content,
#gallery:checked ~ #gallery_content,
#price:checked ~ #price_content {
display: block;
}
/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
background-color: #f4a460;
color: #565656;
}
/*========================
=========================*/
/*========================
=========================*/