@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/

@media print{
#main_content .post_content, #lp-content .post_content {
    font-size: 1rem!important;
}
/*#fix_header,#sp_menu{display:none;}*/
}
/*header*/
.l-fixHeader {
    box-shadow: 0 1px 4px rgb(0 0 0 / 12%);
}
/*Gtranslate*/
.menu-item-gtranslate::before,
#gtranslate-4::before{
    content:"Google翻訳";
}
#gtranslate-4{
    position:absolute;
    top:15px;right:20px;
    text-align:right;
}
.menu-item-gtranslate #gtranslate_selector,
#custom_html-7 #gtranslate_selector{
    margin-left:3.2em;
}
a.glink img {
opacity:1.0;
}
.c-spnav .menu-item-gtranslate a::before{
    content:none;
}


/*shop一覧*/
@media screen and (max-width:767px){
    table.shop_detail-ichiran{
        border-top:1px solid #e0e0e0!important;
    }
    table.shop_detail td.ichiran_name{
        padding-top:1em;
    }
   .ichiran_midashi{
    display:none;
    }
   .ichiran_name:before{
    content:"名称";
    display:block;
    font-weight:bolder;
    font-size: 0.9em;
   }
   .ichiran_hour:before{
    content:"営業時間";
    display:block;
    font-weight:bolder;
    font-size: 0.9em;
   }
    .ichiran_close:before{
    content:"定休日";
    display:block;
    font-weight:bolder;
    font-size: 0.9em;
   }
}

/*shop表示*/
ul.sub-nav {
    width: 100%;
    max-width:1288px!important;
    margin: 32px auto!important;
    display: flex;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    text-align: center;
    padding:0!important;
   
}
.sub-nav li{
list-style-type: none;
}
.sub-nav a {
    font-size: 14px;
    /*border-bottom: 2px solid #ccc;*/
    padding: 10px 20px;
    display: block;
    text-decoration: none!important;
    color:#fff;
    background-color: #467e94;
    border-radius:22px;
}


@media print, screen and (min-width:960px){
ul.sub-nav {
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
}
.sub-nav a {
       font-size: 16px;
    }
}

.area_img{
width: 100%;
max-width:1288px!important;
margin: 0 auto!important;
}
.area_image img{
    width: 100%;
    height: auto;
}
h2.area_name {
    font-size: 1.4em;
    margin: 6em 0 2em;
    text-align:center;
}

h2.area_name:before{
    content:none;
}

div.area_map{
    position:relative;
    width:98%!important;
    max-width:1200px!important;
    margin: 0 auto!important;
}
/*community*/
.area_map a{
    text-decoration: none;
    /*border:1px solid red;*/
}


.shop_content{
    width:96%;
    max-width:850px;
    margin: 0 auto 100px;
}

.area_name_sub {
    display: block;
    font-size: 0.6em;
}
.shop_logo {
    width: 120px;
}
.post_content h3.shop_name {
    font-size: 20px;
    margin: 1em 0 2em;
    margin: 0 0 0.5em;
    padding:0;
}
h3.shop_name::before{
    content:none!important;
}
h3.shop_name_has_cat {
    margin-bottom: 10px;
}
/* .shop_num {
   display: inline-block;
    width: 1.4em;
    margin: 0 0.5em 0 0;
    padding: 0;
    color: #fff;
    background-color: #999;
    border-radius: 1em;
    text-align: center;
}*/
.shop_cat_s {
    display: inline-block;
    margin-bottom: 1em;
    padding: 0.5em 1em;
    color: #fff;
    background-color: #888;
    font-size: 13px;
}
.shop_txt {
    /*padding-left: 1em;*/
    line-height: 1.8;
    font-size: 15px;
}
.shop_txt-l {
    /*padding-right: 1em;*/
    line-height: 1.8;
    font-size: 15px;
}
.shop_news{color:#c31818;}
a.yoyaku_btn{
    display:block;width:100%;margin:30px auto 0;padding:10px 0;text-align:center;color:#fff;background-color:#555;border-radius:3px;
    font-size: 15px;
}

table.shop_detail{
    border: none;
}

table.shop_detail th{
    display:block;
    border:none;
    padding:1em 1em 0.2em 1em;
    font-weight: bolder;
    font-size: 14px;
    text-align: left;
    width:25%;
}
@media screen and (max-width:767px){
   table.shop_detail th{
    background-color:transparent;
    width:100%;
} 
}
table.shop_detail td{
    display:block;
    border:none;
    padding:0.2em 1em 1em 1em;
    font-size: 14px;
    text-align: left;
}

table.shop_detail tr:first-child {
    border-top: 1px solid #e0e0e0;
}
table.shop_detail tr {
    border-bottom: 1px solid #e0e0e0;
}
table.shop_detail a {
    color:#317dc4;
}


@media print, screen and (min-width:768px){
.shop-columns{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    margin:20px 0 40px;
}
.shop-column-l{
    width: 40%;
}
.shop-column-r{
    width: 56%;
}
table.shop_detail th,
table.shop_detail td{
    display:table-cell;
    border:none;
    padding:1em;
    font-weight: normal;
    font-size: 15px;
    text-align: left;
    vertical-align: top;
}

}

@media print, screen and (min-width:960px){
 .shop-column-l{
    width: 36%;
}
.shop-column-r{
    width: 60%;
}   
}

@media screen and (max-width:959px){
.only_pc{display:none;}
.shop_point{padding:80px 2em 2em 2em;background-position:center top 10px;}
}
@media print, screen and (min-width:960px){
.only_mb{display:none;}
}
@media print{
h2.area_name{font-size:22px;}
h3.shop_name,h3.shop_name_has_cat{font-size:20px;}
.area_name_sub{font-size:14px;}
.shop_txt,.shop_txt-l{font-size:15px;}
a.yoyaku_btn{font-size:16px;}
}
/*shopプレビュー用*/
.article-preview{
    margin:0 auto;
}
.shop_content-preview{
    max-width: 850px;
    margin: 60px auto 100px;
}
@media print, screen and (min-width:960px){
.shop_content-preview{
    width: 850px;
}
}
.shop_content-preview h3.shop_name {
    font-size: 20px;
    margin: 1em 0 2em;
    margin: 0 0 0.5em;
    padding:0;
}
.shop_content-preview .shop_detail{
    width: 100%;
    max-width: 100%;
    line-height: 1.5;
}

@media print, screen and (min-width:768px){
 .shop_content-preview table.shop_detail th{
      width:25%;
      background-color: #f8f8f8;
}    
}
/*サイドバーイベント*/
.xo-event-list dl{
        overflow: hidden;
    border-bottom: 1px dotted #ccc;
    padding: 0.5em 0;
}

.xo-event-list .thumbnail{
    float:left;
    width:25%;
}
.xo-event-list dd{
    float:right;
    width:70%;
}
.xo-event-list .category,
.xo-event-list .date{
display:none;
}
.xo-event-list .event-date{
    font-weight:bolder;
}
.xo-event-list .excerpt{
font-size:13px;
}
.xo-event-list dd a{
    color:#333;
}


/*イベント一覧*/
.event_list_detail .xo-event-list dl{
    box-sizing: border-box;
    overflow: hidden;
    border-bottom: none;
    padding:0 0.5em 4em 0.5em;
}
.event_list_detail .xo-event-list .thumbnail,
.event_list_detail .xo-event-list dd{
    float:none;
    width:100%;
}
.event_list_detail .xo-event-list dd{
    margin-top:0.8em;
    }
.event_list_detail p.title a{
font-size: 16px;
font-weight: bolder;
color:#00385b;
}
.event_list_detail .event-date{
font-weight: normal;
}
.event_list_detail .excerpt a{
color:#00385b;
}
.event_list_detail .xo-event-list .thumbnail{
    display:block;
    overflow: hidden;
}
.event_list_detail .xo-event-list .thumbnail a{
    display:block;
    position:relative;
    overflow:hidden;
     padding-top: 55%;
       transition:0.5s all;
}
.event_list_detail .xo-event-list .thumbnail a:hover{
transform:scale(1.05);
transition:0.5s all;
}
.event_list_detail .xo-event-list .thumbnail img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
  object-fit: cover;

}
@media print, screen and (min-width:600px){
.event_list_detail .xo-event-list{
    margin:0 -0.5em;
    display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.event_list_detail .xo-event-list dl{
    width:50%;
}
}
@media print, screen and (min-width:1020px){
.event_list_detail .xo-event-list dl{
    width:33.333%;
} 
}