@charset "UTF-8";
@import "reset.css";
@import "form.css";
@import "mmaga.css";
/**
@import "blog.css";
@import "calendar.css";
@import "reserv.css";
@import "quest.css";
**/
@import "sns.css";
@import "common.css";

/* CSS Document */

/*==================== 基本設定 ====================*/
html{}
body{min-width: 1080px;font-family:"HiraKakuProN W3",Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;font-size:15px;line-height:1.7;letter-spacing: 0.12em;color:#000;}
table{font-size:1em;}
img{max-width:100%;}

/********** container **********/
.center_box{max-width: 1188px;padding-left: 20px !important;padding-right: 20px !important;margin-left: auto;margin-right: auto;}
.center_second{width: 1020px;margin-left: auto;margin-right: auto;}

/********** バー **********/
.layout_bar{background: #1f2226;color: #fff;padding: 0 0 0 28px;min-height: 58px;position:fixed;z-index:200;top:0;left:0;width:100%;
-webkit-box-sizing: border-box;box-sizing: border-box;}
.layout_bar > .left{width: calc(100% - 366px - 5px);padding: 0 0 6px;}
.layout_bar h1{font-size: 10px;margin: 10px 0 5px;line-height: 1.1;letter-spacing: 0;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.layout_bar .link{float: right;}
.layout_bar .link li{float: right;}
.layout_bar .link a{padding: 12px 26px;display: inline-block;}
.layout_bar .link .origin a{background: #d48a00;}
.layout_bar .link .yahoo a{background: #cc3a27;}

/********** ヘッダー **********/
.layout_header{text-align: center;/** padding: 54px 0 0; **/padding:113px 0 0;position:relative;}
.layout_header .logo{width: 100%;border-bottom: 1px solid #d9d9d9;padding: 0 0 107px;min-height:50px;}
.layout_header .l_navi{position:absolute;top:183px;left:0;width:100%;padding:11px 0 11px;min-height:30px;z-index:200;background-color:#fff;}
.layout_header .l_navi.on{position:fixed;top:58px;border-bottom:1px solid #d9d9d9;}
.layout_header .gnav{font-size: 13px;letter-spacing: -.40em;}
.layout_header .gnav li{display: inline;letter-spacing: 1px;}
.layout_header .gnav a{padding: 4px 16px;display: inline-block;-webkit-transition: all .2s ease;transition: all .2s ease;-webkit-border-radius: 15px;border-radius: 15px;-webkit-box-shadow: 3px 0 #fff inset,-3px 0 #fff inset;box-shadow: 3px 0 #fff inset,-3px 0 #fff inset;}
.layout_header .gnav a:link,
.layout_header .gnav a:hover,
.layout_header .gnav a:visited{text-decoration: none;}
.layout_header .gnav a:hover{background: #000;color: #fff;}
.layout_header_cul{padding-top:60px;}
.layout_header_cul .bg_title{background: url(../images/cal_visual_2.jpg) center;}

/********** フッター **********/
.layout_footer .in{letter-spacing: 1px;font-size: 13px;line-height: 1.5;border-top: 1px solid #d9d9d9;padding: 45px 0 40px !important;margin-top: 45px;position: relative;}
.layout_footer .nav_wrap{position: absolute;right: 0;bottom: 40px;}
.layout_footer .nav{float: right;margin: 0 0 0 30px;}
.layout_footer .nav a{padding: 0 0 0 10px;background: url(../images/ico_tri.png) no-repeat 0 center;}
.layout_footer .nav a:hover,
.layout_footer .in a:hover{text-decoration: underline;}
#copyright{background: #f5f5f5;text-align: center;line-height: 40px;font-size: 13px;}

#gotop{opacity: 0;transition: all .3s ease;bottom: 100px;right: 0;position: fixed;width: 49px;height: 49px;background: url(../images/ico_top.png) center no-repeat #1f2226;z-index: 101;}
#gotop.on{opacity: 1;}

/********** ログインフォーム **********/
.login {margin-bottom:10px;}
.login p{padding-left:10px;}
.login .form {padding:3px 0 0 10px;}
.login .form dt{font-weight:bold;}
.login .form dd{padding-bottom:5px;}

/*****************************************************************************
						▼ここから書き加えてください▼
******************************************************************************/
.mb_cont{margin-bottom: 90px;}

.bg_img{-webkit-background-size: cover;background-size: cover;background-position: center;background-color: #eee;text-indent:100%;overflow:hidden;white-space:nowrap;font-size: 0;}

.rendering{/*image-rendering: pixelated;*/}

.columns_3{letter-spacing: -.40em;text-align: left;max-width: 1188px;margin-bottom: -35px;display: flex;flex-wrap: wrap;}
.columns_3 .column{width: 31.81%;margin: 0 2.27% 35px 0;vertical-align: top;background: #fff;letter-spacing: normal;display: inline-block;text-align: left;}
.columns_3 .column:nth-of-type(3n){margin-right: 0;}
.columns_3 .column:nth-of-type(3n+1){clear: both;}

.columns_4{letter-spacing: -.40em;text-align: left;max-width: 1188px;margin-bottom: -35px;display: flex;flex-wrap: wrap;}
.columns_4 .column{width: 23.23%;margin: 0 2.35% 35px 0;vertical-align: top;background: #fff;letter-spacing: normal;display: inline-block;text-align: left;}
.columns_4 .column:nth-of-type(4n){margin-right: 0;}
.columns_4 .column:nth-of-type(4n+1){clear: both;}

.columns_5{letter-spacing: -.40em;text-align: left;max-width: 1188px;margin-bottom: -35px;display: flex;flex-wrap: wrap;}
.columns_5 .column{width: 18.51%;margin: 0 1.85% 35px 0;vertical-align: top;background: #fff;letter-spacing: normal;display: inline-block;text-align: left;}
.columns_5 .column:nth-of-type(5n){margin-right: 0;}
.columns_5 .column:nth-of-type(5n+1){clear: both;}

.columns_6{letter-spacing: -.40em;text-align: left;max-width: 1188px;margin-bottom: -35px;display: flex;flex-wrap: wrap;}
.columns_6 .column{width: 15.83%;margin: 0 1% 20px 0;vertical-align: top;background: #fff;letter-spacing: normal;display: inline-block;text-align: left;}
.columns_6 .column:nth-of-type(6n){margin-right: 0;}
.columns_6 .column:nth-of-type(6n+1){clear: both;}

.columns_3 .column > a,
.columns_4 .column > a,
.columns_5 .column > a,
.columns_6 .column > a{display: block;height: 100%;}

.columns_event .column,
.store_culture li,
.columns_shop .column,
.columns_youtube .column,
.brightness2 a{transition: all .25s ease;cursor: pointer;}
.columns_event .column:hover,
.store_culture li:hover,
.columns_shop .column:hover,
.columns_youtube .column:hover,
.brightness2 a:hover{filter: brightness(112%);box-shadow: 0 0 16px rgba(0,0,0,.2);}

.brightness a{transition: all .25s ease;}
.brightness a:hover{filter: brightness(112%);}

.columns_shop .column > a{display: block;height: auto;}

.week.sat{background: #0030e3 !important;}
.week.sun{background: #cb0009 !important;}

.column img{max-width: 100%;}
.column_more a{display: flex !important;height: 100%;justify-content: center;align-items: center;font-size: 15px;}
.column_more a span{padding: 0 17px 0 0;background: url(../images/ico_arrow_r_s.png) right center no-repeat;}

.link_detail{font-size: 13px;padding: 0 18px 0 0;text-decoration: underline;background: url(../images/ico_arrow_r.png) no-repeat right center;}
.link_detail:link{text-decoration: underline;}
.rela .link_detail{right: 0;bottom: 0;position: absolute;}

.com_search{background: #fff;border: 1px solid #d2d2d2;padding: 0 0 32px 0;}
.com_search h2{background: #e5a100;text-align: center;padding: 23px 0;}
.com_search dl{padding: 35px 40px 30px;}
.com_search dt{letter-spacing: 1px;font-size: 15px;margin-top: 10px;background: #000;color: #fff;border-radius: 13px;line-height: 24px;width: 117px;text-align: center;float: left;clear: both;}
.com_search dd{padding: 10px 0 10px 146px;border-bottom: 1px solid #e4e4e4;}
.com_search select{border: 1px solid #bdbdbd;font-size: 15px;}
.com_search input[type="checkbox"]{margin-right: 5px;}
.com_search input[type="text"]{font-size: 16px;padding: 6px;border-radius: 4px;border: 1px solid #bdbdbd;max-width: 100%;}
.com_search label{margin-right: 21px;display: inline-block;}
/**/

.insta_list{}

.columns_event{}
.columns_event .column{background: #f5f5f5;border: 1px solid #e6e8e8;box-sizing: border-box;position: relative;}
.columns_event .bg_img{padding-top: 75%;}
.columns_event .txt{padding: 19px 14px 24px;}
.columns_event .date{line-height: 24px;}
.columns_event .date > span{margin-right: 3px;}
.columns_event .date .day{font-size: 19px;vertical-align: middle;font-weight: bold;}
.columns_event .date .week{font-size: 14px;display: inline-block;text-align: center;width: 24px;line-height: 24px;border-radius: 50%;background: #000;color: #fff;}
.columns_event .date .time{font-size: 13px;}
.columns_event .date .new,.columns_event .date .end{position: absolute; top: 5px; right: 0px; display: inline-block; text-align: center; color: #fff; padding: 2px 5px;}
.columns_event .date .new{min-width: 54px;background-color: rgb(204, 58, 39);}
.columns_event .date .end{min-width: 100px;background-color:#d48a00;}
.columns_event h3{font-size: 19px;font-weight: bold;padding: 2px 0 15px;line-height: 1.4;}
.columns_event .tag{font-size: 13px;line-height: 21px;background: #000;color: #fff;border-radius: 11px;padding: 0 20px;display: inline-block;}
.columns_event .tag.show_{display: none;}

.columns_event.columns_5 .date .day{font-size: 17px;}
.columns_event.columns_5 .date .week{font-size: 13px;width: 23px;line-height: 23px;}
.columns_event.columns_5 .date .time{font-size: 13px;}
.columns_event.columns_5 h3{font-size: 17px;padding:2px 0 13px;}

.columns_event .pickup{background: #ba1a22;color: #fff;border-radius: 50%;width: 62px;line-height: 62px;display: inline-block;position: absolute;left: -11px;top: -11px;text-align: center;}
.columns_event .pickup.none{display: none;}

.columns_youtube{margin-bottom:-65px;}
.columns_youtube a{display:block;text-decoration:none;border:5px solid #fff;}
.columns_youtube a > span{display:block;}
.columns_youtube .image{width:100%;position: relative;}
.columns_youtube .image:before{content:"";display: block;padding-top: 55%;}
.columns_youtube .image span{display:block;background:none 50% 50% no-repeat;position: absolute;top: 0;left: 0;bottom: 0;right: 0;
-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;-ms-background-size:cover;background-size:cover;}
.columns_youtube .title{font-weight:bold;padding-top:10px;line-height:1.4;font-size:14px;}
.columns_youtube .date{font-size:13px;text-align:right;padding-bottom:20px;}

.tag_list{background: #f5f5f5;border-bottom: 1px solid #e2e2e2;padding: 15px 10px;}
.tag_list li{display: inline;padding: 0 5px;}
.tag_list form{display: inline;}
.tag_list a,
.tag_list button{cursor: pointer;border: 0;font-size: 13px;line-height: 21px;background: #000;color: #fff;border-radius: 11px;padding: 0 12px;min-width: 70px;display: inline-block;text-align: center;}
.tag_list input{display: none;}
.tag_list + .tag_list{margin-top: -30px;}
.tag_list a:hover,
.tag_list button:hover{}

.insta_list{letter-spacing: -.40em;text-align: center;max-width: 1190px;margin: 0 auto;}
.insta_list .column{width: 16.66%;border: 1px solid #fff;letter-spacing: normal;display: inline-block;box-sizing: border-box;}
.insta_list .column img{width: 100%;}
.insta_list .column:nth-child(6n+1){clear: both;}

.columns_shop{}
.columns_shop .column{background: #f5f5f5;border: 1px solid #e6e8e8;box-sizing: border-box;}
.columns_shop .bg_img{padding-top: 62%;}
.columns_shop .txt{padding: 19px 14px 24px;}
.columns_shop .txt > a{display: block;padding: 19px 14px 10px;margin: -19px -14px -10px;}
.columns_shop h3{font-size: 20px;line-height: 1.2;}
.columns_shop h3 .min{font-size: 10px;margin: 0 0 0 5px;}
.columns_shop .address{font-size: 11px;color: #4c4c4c;line-height: 1.1;}
.columns_shop .sns{border-top: 1px solid #e0e0e0;padding: 8px 0 0 0;margin: 10px 0 0 0;}
.columns_shop .sns a{margin-right: 3px;}
.columns_shop .sns a img{transition: all .25s ease;}
.columns_shop .sns a:hover img{transform: scale(1.2);}
.columns_shop .arrow{position: relative;}
.columns_shop .arrow::before{content: "";position: absolute;right: 0;top: 50%;margin-top: -7px;width: 8px;height: 13px;background: url(../images/ico_arrow_r.png) no-repeat;}

.clear_btn{position: absolute;right: 45px;top: 14px;padding: 5px 15px;line-height: 15px;font-size: 13px;border-radius: 5px;
box-shadow: inset 0px -2px 0px 0px rgba(0, 0, 0, 0.15);transition: all .25s ease;cursor: pointer;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;}
.clear_btn:hover{background: #ba1a22;color: #fff;}

@media screen and (max-width: 1315px) {
   .center_second{width:100%;max-width: 1020px;}
   #gotop{bottom: 0px;}
}
@media screen and (max-width: 1079px) {
   .layout_bar .link a{padding: 12px 16px}
   .layout_bar > .left{width: calc(100% - 326px - 10px);}

   .columns_5 .column{width: 23.23%;margin: 0 2.35% 35px 0;}
   .columns_5 .column:nth-of-type(5n){margin-right: 1.85%;}
   .columns_5 .column:nth-of-type(5n+1){clear: none;}
   .columns_5 .column:nth-of-type(4n){margin-right: 0;}
   .columns_5 .column:nth-of-type(4n+1){clear: both;}
}



/********** サイトマップ **********/

.site_map {
    padding-bottom: 30px;
    padding-top: 30px;
}
.site_map li {
	border-bottom:2px solid #eee;
    padding: 20px;
}
.site_map li.shop_title{
    padding-left: 40px;
}

.site_map li.main_title{
   font-weight:bold;
}
.site_map .min_title{
   font-size:13px;
}