@charset 'UTF-8';

#content {
	margin-top:85px;
}
#content.no-header {
    margin-top: 0;
}

@media screen and (max-width:768px){
#content {
	margin-top:45px;
}
#content.no-header {
    margin-top: 0;
}
}

/* --- 編集用ポップアップ -------------------------------*/

div.popup_edit_windows {
	display: none;
}

div.popup_edit_windows .wrapper {
	padding: 20px 20px 60px;
}
@media screen and (max-width:768px){
div.popup_edit_windows .wrapper {
    padding: 10px;
}
}

div.popup_edit_windows img {
    width: 160px;
    height: auto;
}

/* --- 編集用ポップアップ -------------------------------*/
/* style */
html {
    font-family: 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans', "ヒラギノ角ゴシック", 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ Pro W3',Roboto, 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    font-size: 14px;
    /*line-height: 22px;*/
    color: #333333;
    -webkit-font-smoothing: antialiased;
}

.fixed{
    position:fixed;
    top:0;
    left:0;
    right:0;
    margin:auto;
    z-index: 997;
    width:100%;
}
header{
    /* background-color:#fff; */
}
.header-social-sp{
    display:none;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

.container{
    width: 100%;
    /*max-width: 890px;*/
    max-width:980px;
    margin: auto;
    position:relative;
}
.header-wrap{
    /*max-width:960px;*/
    max-width:none;
}
.heading{
    /* margin-bottom:10px; */
}
.header-logo{
    display:inline-block;
    vertical-align:middle;
}
.header-logo a{
    padding:5px 19px;
    display:block;
}
.header-logo-text{
    display:inline-block;
    vertical-align:middle;
    font-weight:bold;
    font-size:13px;
}
.header-logo-text > a{
    color:#333333;
    text-decoration:none;
}
.header-search-wrapper {
    display:inline-block;
    vertical-align:middle;
}
.nav{
    font-size:13px;
    float:right;
    /* margin-bottom:10px; */
}
.nav-li{
    display:inline-block;
    vertical-align:middle;
    margin-left:5px;
}
.nav-li a{
    text-decoration:none;
    color:#000;
}
.separator{
    /* border-right:1px solid #000; */
}
.header-left{
    float:left;
}
.header-right{
    float:right;
    padding:5px 19px;
}
.head-icon-list{
    letter-spacing:-.4em;
    float:right;
}
.head-icon-li{
    display:inline-block;
    margin-left:3px;;
}
.head-icon-li a{
    position:relative;
    display:block;
    letter-spacing:normal;
    vertical-align:middle;
    border:1px solid #CBCBCB;
    width:30px;
    height:30px;
    border-radius:50%;
    background-color:#fff;
    transition:background-color 0.2s linear;
}
.head-icon-li img{
    width:15px;
}
.head-icon-li a:hover{
    background-color:#F16506;
    border-color:#fff;
    transition:background-color 0.2s linear;
}
.head-icon-li a:hover img{
    -webkit-filter:brightness(200%);
}
.head-icon-li:last-child a{
    background-color:#F1F1F1;
}

.head-icon-li:last-child a:hover{
    border-color:#CBCBCB;
}
.head-icon-li:last-child a:hover img{
    -webkit-filter:none;
}

.head-icon-li img{
    position:absolute;
    display:block;
    top:0;
    left:0;
    right:0;
    bottom:0;
    margin:auto;
}
#searchForm{
    position:relative;
    /*display:inline-block;*/
    /*vertical-align:middle;*/
}
.header-search{
    border:1px solid #CBCBCB;
    border-radius:5px;
    padding: 5px 5px;
    width: 250px;
    font-size: 13px;
}
.spot-header-search{
    margin-left: 19px;
}
.header-search-btn{
    position:absolute;
    right:5px;;
    top:0;
    bottom:0;
    margin:auto;
}
.right-icon{
    display:inline-block;
    vertical-align:middle;
    float:right;
}
.spot-grobal-header{
    border-bottom:4px solid #F2A107;
    padding:3px 0;
    background-color:rgba(255,255,255,0.8);
}
.header-facebook-login a{
    text-decoration:none;
    background-color:#0071B8;
    color:#fff;
    border-radius:5px;
    padding:2px 1em;
}

.header-email-entry a{
    text-decoration:none;
    background-color:#4D4D4D;
    color:#fff;
    border-radius:5px;
    padding:2px 1em;
}
.header-facebook-login a,
.header-email-entry a{
    font-size:13px;
}

.drawer-nav {
    color: #fff;
    background-color: #333333 !important;
    z-index:998 !important;
}
.drawer-nav ul li{
    color:#fff;
    border-bottom:1px solid #4D4D4D;
    padding:20px 1.5em;
}
.drawer-nav ul li a{
    color:#fff;
    text-decoration:none;
    display:block;
    
}
.drawer-nav ul li.logo{
    text-align:center;
}
.drawer-nav ul li.sp-menu-inner-li{
    padding:0;
    border:none;
}
.drawer-hamburger {
    z-index: 1005 !important;
    padding:10px !important;
}
.drawer-nav ul li select{
    width:11em;
}
/* header-sub-nav(tag) */
.header-sub-nav{
    background-color:#F1A007;
    padding:1px 0 4px;
}
.header-sub-nav-list{

}
.header-sub-nav-li{
    display:inline-block;
    font-size:12px;
    border-right:1px solid #fff;
    padding-right:0.4em;
}
.header-sub-nav-li a{
    color:#fff;
    text-decoration:none;
}
/* breadcrumb */
.breadcrumb{
    background-color:#E2D0BA;
}
.breadcrumb-list{

}

.breadcrumb-li{
    display:inline-block;
    font-size:12px;
    color:#717071;
}
.breadcrumb-li a{
    color:#F06506;
    text-decoration:none;
}
.breadcrumb-li + li:before{
    content: ">";
    margin:0 8px;
}
/* === responsive === */
@media screen and (max-width:973px){
.header-wrap{
    /* width:95%; */
    margin:auto;
}
}
@media screen and (max-width:1024px) and (min-width:769px){
.sp-logo{
    text-align:center;
}
.spot-grobal-header > .right ul li{
    float:left;
}
}
@media screen and (max-width:768px){
.sp-logo{
    text-align:center;
    margin-left:60px;
}
.spot-grobal-header > .right ul li{
    display:inline-block;
    vertical-align:middle;
    margin:0 2px;
}
}
@media screen and (max-width:320px){
.sp-logo{
    margin-top:5px;
}
.sp-logo img{
    max-width:100px;
}
}



/* new header style */

.g_header_container {
    max-width:980px;
    margin:auto;
    /* width:95%; */
}

.g_header_container a{
    text-decoration:none;
    color:#404040;
}
.g_header_label {
    background-color:#fff;
    border-bottom:1px solid #dddddd;
}

.g_header_main {
    background-color:#fff;
    border-bottom:2px solid #f2a107;
}

.admin_menu_wrap {
    background-color:#f2a107;
}

.admin_menu_list {
    text-align:center;
}

.admin_menu_list li {
    display:inline-block;
    vertical-align:top;
    margin-right:1em;
    font-size:13px;
}
.admin_menu_list li a {
    display:block;
    padding:5px 0;
    color:#fff;
}

.admin_menu_list li a:hover {
    text-decoration:underline;
}

.header_left {
    float:left;
}

.header_right {
    float:right;
}

.header_list {
    letter-spacing:-.4em;
}
.header_list > li{
    display:inline-block;
    letter-spacing:normal;
    margin-left:1em;
}
.header_list > li:first-child{
    margin-left:0;
}

.header_list > li a:hover {
    text-decoration:underline;
}


.header_logo_left {
    float:left;
    width:300px;
    padding-top:7px;
    padding-bottom:7px;
}

.header_logo_right {
    float:right;
    width:100%;
    margin-left:-310px;
    padding-left:310px;
    box-sizing:border-box;
}

.header_logo_left > h1,
.header_logo_left > h2{
    position:relative;
    display:inline-block;
    vertical-align:middle;
}

.total_number_of_registrations {
    display:inline-block;
    vertical-align:middle;
    background:#f2f2f2;
    width:168px;
    height:36px;
    text-align:center;
    padding:7px;
    box-sizing:border-box;
    margin-left:5px;
    border-radius:5px;
}

.header_search {
    float:left;
    width:100%;
    margin-right:-380px;
    padding-right:380px;
    box-sizing:border-box;
    padding-top:13px;
    padding-bottom:8px;
}

.header_menu {
    float:right;
    width:380px;
}

.header_menu_list {
    letter-spacing:-.4em;
    text-align:right;
}

.header_menu_list > li{
    display:inline-block;
    letter-spacing:normal;
    border-right:1px solid #eeeeee;
    font-size:11px;
    vertical-align: middle;
    line-height:100%;
}

.header_menu_list > li:first-child{
    border-left:1px solid #eeeeee;
}

.header_menu_list > li > a{
    display:block;
    padding:8px 4px;
    text-align: center;
}

.header_menu_list > li > a:hover {
    background-color:#f1f1f1;
    transition:all linear 0.1s;
}

.header_menu_list > li > a:before{
    margin-bottom:3px !important;
}

.header_menu_list > li.area > a:before{
    content:'';
    display:block;
    margin:auto;
    width:13px;
    height:19px;
    background:url(/images/common/search_by_area.png) no-repeat center center;
    background-size:contain;
}

.header_menu_list > li.genre > a:before{
    content:'';
    display:block;
    margin:auto;
    width:21px;
    height:19px;
    background:url(/images/common/search_by_genre.png) no-repeat center center;
    background-size:contain;
}

.header_menu_list > li.area_genre > a:before{
    content:'';
    display:block;
    margin:auto;
    width:54px;
    height:20px;
    background:url(/images/common/search_by_genre_area_genre.png) no-repeat center center;
    background-size:contain;
}

.header_menu_list > li.login > a:before{
    content:'';
    display:block;
    margin:auto;
    width:21px;
    height:19px;
    background:url(/images/common/login.png) no-repeat center center;
    background-size:contain;
}

.header_menu_list > li.login.owner > a:before{
    content:'';
    display:block;
    margin:auto;
    width:21px;
    height:19px;
    background:url(/images/common/login_owner.png) no-repeat center center;
    background-size:contain;
}

.header_menu_list > li.logout > a:before{
    content:'';
    display:block;
    margin:auto;
    width:20px;
    height:23px;
    background:url(/images/common/logout.png) no-repeat center center;
    background-size:contain;
}

.header_search > form >.left{
    float:left;
    width:100%;
    padding-right:70px;
    margin-right:-70px;
    box-sizing:border-box;
}

.header_search > form >.right{
    float:right;
    width:60px;
}

.header_search > form >.left input{
    width:100%;
    border:1px solid #eeeeee;
    padding:4px;
    box-sizing:border-box;
}

.header_search > form >.left input:focus{
    background-color:#FFFFD7;
    border-color:#FBE5B1;
}

.header_search_btn {
    background-color:#eeeeee;
    border:none;
    padding:3px 10px;
    border-radius:5px;
}

@media screen and (max-width:799px){
.header_search {
    display:none;
}
}
@media screen and (max-width:768px){

.header_logo_left {
    /* position:absolute; */
    /* left:0; */
    /* right:0; */
    position:relative;
    float: none;
    width: auto;
    margin:auto;
    text-align:center;
    padding:5px 0;
}
.total_number_of_registrations {
    display:none;
}

.header_menu {
    position:relative;
    z-index:2;
    float:right;
    width:73px;
}
.header_menu_list{
    display:none;
}
.header_menu_list > li{
    border:none;
}
.header_menu_list > li.area {
    display:none;
}

.header_menu_list > li.genre {
    display:none;
}
.header_menu_list > li > a{
    display:block;
    padding:5px 4px;
    font-size:11px;
}

.header_logo_right{
    position:absolute;
    top:0;
    left:0;
    right:0;
    margin:auto;
}

.header_menu_list {
    position:absolute;
    right:3px;;
}

/* header admin menu sp */
.admin_menu_wrap {
    height:30px;
}
#admin_menu_toggle {
    color:#fff;
    position:fixed;
    left:10px;
    top:7px;
    font-size:18px;
}

#admin_menu_list {
    display:none;
    position:fixed;
    top:30px;
    z-index:99;
    width:90%;
    max-width:200px;
    /* overflow-y:scroll; */
    /* height:100%; */
}

#admin_menu_list.open {
    display:block;
}

.admin_menu_list {
    /* overflow:scroll; */
    /* height:100%; */
}

.admin_menu_list li {
    display:block;
    background-color:#333;
    border-top:1px solid #555;
}
.admin_menu_list li a{
    padding:8px 0;
    color:#fff;
}

.admin_menu_list li:first-child{
    border-top:none;
}



}


/* spot detail header */
.about_chibashi {
    display:inline-block;
    margin-left:1em;
    font-weight:bold;
}

.spot_detail_left {
    float:left;
    width:100%;
    margin-right:-80px;
    padding-right:80px;
    box-sizing:border-box;
}

.spot_detail_right {
    float:right;
    width:70px;
}

.spot_detail_genre_wrap {
    overflow-x:scroll;
    -webkit-overflow-scrolling:touch;
    white-space:nowrap;
}

.spot_detail_genre_wrap::-webkit-scrollbar {
    height:3px;
    border-radius:50%;
}
 
.spot_detail_genre_wrap::-webkit-scrollbar-track {
    background-color:#f1f1f1;
    border-radius: 10px;
}
 
.spot_detail_genre_wrap::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color:#ccc;
}
    

.spot_detail_genre_list {
    max-width:none;
    text-align:left;
    display:table;
    padding:5px 0;
    width:100%;
}
.spot_detail_genre_list > li{
    display:table-cell;
    padding:0 0.5em;
    vertical-align:top;
    text-align:center;
    border-bottom:2px solid #fff
}

.spot_detail_genre_list > li:hover{
    border-color:#f15a24;
    font-weight:bold;
}
.spot_detail_right > ul {
    text-align:center;
    letter-spacing:-.4em;
    padding:10px 0;
}

.spot_detail_right > ul > li{
    display:inline-block;
    vertical-align:middle;
    letter-spacing:normal;
    margin:0 5px;

}
.about_chibashi_sp {
    display:none;
}
.spot_deail_right_icon {
    display:none;
}
.spot_deail_left_icon {
    display:none;
}

#spot_detail_fixed_footer_menu {
    display:none;
}

a.spot_detail_preview_button {
    margin:10px;
    display:inline-block;
    color: #fff !important;
    background-color: red;
    padding: 5px;
    border-radius: 5px;
    text-decoration: none;
}

@media screen and (max-width:768px){
.about_chibashi {
    display:none;
}
.detail .header_logo_right {
    position:static;
    float:none;
    width:100%;
    margin-left:0;
    padding-left:0;
    padding:3px 0 0;
    background-color:#FEF8ED;
}
.spot_detail_left {
    float:right;
    width:100%;
    margin-right:0;
    padding-right:0;
    margin-left:-8.5em;
    padding-left:8.5em;
    box-sizing:border-box;
    
}

.spot_detail_right {
    float:left;
    width:8em;
    font-weight:bold;
    color:#666666;
}
.spot_detail_right > ul{
    display:none;
}
.about_chibashi_sp {
    display:block;
    padding:3px 5px;
}
.spot_detail_genre_list {
    padding:5px 0 0;
}
.spot_detail_genre_list > li{
    border-color:#FEF8ED;
    font-weight:bold;
    color:#666;
}

.spot_detail_genre_list > li > a{
    color:#666;
}

.spot_detail_genre_list > li:hover > a{
    color:#f15a24;
}


.g_header_main.detail {
    border-bottom:none;;
}
.g_header_main.detail .header_logo_left{
    border-bottom:2px solid #f2a107;
}
.spot_deail_right_icon {
    display:block;
    position:absolute;
    right:7px;
    top:7px;
}
.spot_deail_right_icon . ul{
    text-align:center;
}
.spot_deail_right_icon > ul > li {
    display:inline-block;
}

.spot_deail_left_icon{
    display:block;
    position:absolute;
    left:7px;
    top:7px;
}

.spot_deail_left_icon . ul{
    text-align:center;
}
.spot_deail_left_icon > ul > li {
    display:inline-block;
}

.drawer.drawer--left.sp.detail {
    /*display:none;*/
    display:block;
}

#spot_detail_fixed_footer_menu {
    display:block;
    position:fixed;
    bottom:0;
    z-index:999;
    width:100%;
}

.spot_detail_footer_menu {}


.spot_detail_footer_menu > ul{
    font-size:0px;
    overflow:hidden;
}
.spot_detail_footer_menu > ul > li{
    display:block;
    float:left;
    width: 20%;
    /*width:33.3333333%;*/
    /*width:20%;*/
    background-color:#fbb03b;
    border-right:1px solid #fff;
    box-sizing:border-box;
    text-align:center;
}

.spot_detail_footer_menu > ul > li:hover{
    background-color:#f15a24;
}

.spot_detail_footer_menu > ul > li:last-child{
    border-color:#fbb03b;
}

.spot_detail_footer_menu > ul > li img {
    max-width:100%;
    width:80px;
}

.spot_detail_footer_menu > ul > li > a{
    display:block;
    /* padding:0 20px; */
}

.spot_detail_footer_menu > ul > li img {
    max-height:50px;
    margin:auto;
}

a.spot_detail_preview_button {
    top: 50px;
    left: 10px;
}

}

#spot-detail-header {
    /* margin-top:74px; */
}

#index_top {
    /* margin-top:74px; */
}

@media screen and (max-width:768px){
#spot-detail-header {
    margin-top:47px;
}
}

/* counter */
#counter {}

#counter .label {
    background-color:#A6A6A6;
    text-align:center;
    color:#fff;
    padding:10px 5px;
    font-size:12px;
}

#counter_list {
    letter-spacing:-.4em;
    margin:8px 10px 8px;
}

#counter_list li {
    display:inline-block;
    vertical-align:top;
    letter-spacing:normal;
    width:33.333333%;
    text-align:center;
    border-right:1px solid #D9D9D9;
    font-size:12px;
}

#counter_list li:last-child {
    border-right:none;
}

#counter_list li b {
    font-size:1.3em;
    font-weight:bold;
}