@charset "utf-8";
/*
Theme Name: design.sann-it.biz
Theme URI: http://design.sann-it.biz/
Author: laetitien
Author URI: http://design.sann-it.biz/
Description: 
Version: 1.0.0
*/
/************/
/* 共通      */
/************/
#header {
    max-width: 1500px;
    text-align: center;
    margin: 0 auto;
}
.container {
}
section#post,
section#single {
    max-width: 1200px;
    text-align: center;
    margin: 10% auto 0;
}
section#fv,
section#contents,
section#footer-inner {
    max-width: 720px;
    text-align: center;
    margin: 0 auto;
}
#footer {
    text-align: center;
    background: #a0522d;
    padding: 20px 0;
    color: #fff;
}
/************/
/* コンテンツ */
/************/
/* FV */
section#fv ,
section#contents {
    margin-top: 90px;
}
/* スライダー */
.slider-wrap {
    position: relative;
}
.slider-prev,
.slider-next {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    background: #fff;
    padding: 10px 12px;
    border-radius: 50%;
    border: 1px solid #ccc;
    cursor: pointer;
}
ul.slider.slick-initialized.slick-slider.slick-dotted {
    padding: 0;
}
.slider-prev {
    left: -60px;  /* 好きな位置に */
}
.slider-next {
    right: -60px; /* 好きな位置に */
}
.slider img {
    width: 100%;
    height: auto;
    display: block;
}
@media screen and (max-width: 768px) {
    .slider li {
        padding: 0 40px; /* ←余白作成（ボタンが見える） */
    }

    .slider img {
        width: 100%;
        border-radius: 10px;
        overflow: hidden;
    }

    /* ボタン位置も微調整（SP版） */
    .slider-prev {
        left: 5px;
    }
    .slider-next {
        right: 5px;
    }
    .slider-prev, .slider-next {
        padding: 5px 6px;
    }
}

/* 見出し */
img.ttl-img {
    margin: 50px 0 30px;
}
/* 店舗情報 */
.store-tbl {
    width: 100%;
    border-collapse: collapse;
}
.store-tbl tr {
    border-bottom: 1px solid #ccc;
}
.store-tbl tr:first-child {
    border-top: 1px solid #ccc;
}
.store-tbl th {
    text-align: right;
    padding: 10px 12px;
}
.store-tbl td {
    text-align: left;
    padding: 10px 12px;
}

/* 1280px以下　かつ　769px以上に適用されるCSS（タブレット用） */
@media only screen and (max-width: 1280px) and (min-width: 769px){
    /* 共通 */
	.menu_pc {
		width: 80%;
	}
}

/* 768px以下に適用されるCSS（スマホ用） */
@media screen and (max-width: 768px) {
 
}