@charset 'UTF-8';
/* slick Slider用
----------------------------------- */
* {
    padding:0;
    /* Reset `padding` and `margin` of all elements */
    margin:0;
}

/* Remove the default button styling in all browsers */
button,
input,
select,
textarea {
    background-color:transparent;
    border-style:none;
    color:inherit;
}

/*　パターン　管理画面用基本設定
=============================================================== */
html {
    font-size:62.5%;
}

body {
    font-size:1.6rem;
}

@media screen and (max-width: 765px) {
    body {
        font-size:1.45rem;
    }
}
body * *,
body * *:before,
body * *:after {
    -webkit-box-sizing:border-box;
       -moz-box-sizing:border-box;
         -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
            box-sizing:border-box;
}

.post,
.page {
    margin:0 0 0;
}

/*スライドイン対策*/
body {
    position:relative;
    width:100%;
    overflow-x:hidden;
}

h1 {
    font-size:20px;
}

h2 {
    font-size:24px;
    /* IE8以下とAndroid4.3以下用フォールバック */
    font-size:calc(2rem + (1vw - 0.64rem) * 0.7143);
    /* 20px~24pxで可変*/
    line-height:1.3;
}

.cf::after {
    content:'';
    display:block;
    clear:both;
}

@media (min-width: 768px) {
    h1 {
        font-size:26px;
    }
}
@media (min-width: 1080px) {
    h1 {
        font-size:30px;
    }
}
/* コンテンツ幅用
=============================================================== */
.site-main {
    width:100%;
}
.site-main .container {
    max-width:1140px;
    width:100%;
    margin:0 auto;
    position:relative;
    /* 子要素の幅調整のため */
}
.site-main .container img {
    max-width:100%;
}
.site-main .contentWrap {
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding:10px;
}
.site-main .contentWrap img {
    max-width:100%;
}
@media (min-width: 1080px) {
    .site-main .contentWrap {
        max-width:1080px;
    }
}
.site-main .full-width {
    width:100vw;
    /* ビューポート幅いっぱいに */
    position:relative;
    left:50%;
    transform:translateX(-50%);
}

/*　_font
--------------------------------------------------------------- */
.size10 {
    font-size:1rem !important;
}

.size11 {
    font-size:1.1rem !important;
}

.size12 {
    font-size:1.2rem !important;
}

.size13 {
    font-size:1.3rem !important;
}

.size14 {
    font-size:1.4rem !important;
}

.size15 {
    font-size:1.5rem !important;
}

.size16 {
    font-size:1.6rem !important;
}

.size17 {
    font-size:1.7rem !important;
}

.size18 {
    font-size:1.8rem !important;
}

.size19 {
    font-size:1.9rem !important;
}

.size20 {
    font-size:2rem !important;
}

.size21 {
    font-size:2.1rem !important;
}

.size22 {
    font-size:2.2rem !important;
}

.size23 {
    font-size:2.3rem !important;
}

.size24 {
    font-size:2.4rem !important;
}

/*　_image
--------------------------------------------------------------- */
img.alignleft {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

img.alignright {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

img.aligncenter {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
}

figure.alignleft {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

figure.alignright {
    clear:both;
    display:block;
    margin-left:auto;
    margin-right:auto;
    width:100%;
}

figure.aligncenter {
    clear:both;
    display:block;
    margin:1.5em auto;
}

figcaption {
    text-align:center;
    font-size:80%;
}

img.imgRound {
    border-radius:8px;
}

@media (min-width: 768px) {
    img.alignleft {
        display:inline;
        float:left;
        margin-right:1.5em;
        width:auto;
    }
    img.alignright {
        display:inline;
        float:right;
        margin-left:1.5em;
        width:auto;
    }
    img.aligncenter {
        clear:both;
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:auto;
    }
    figure.alignleft {
        display:inline;
        float:left;
        margin-right:1.5em;
        width:auto;
    }
    figure.alignright {
        display:inline;
        float:right;
        margin-left:1.5em;
        width:auto;
    }
    figure.aligncenter {
        clear:both;
        display:block;
        margin-left:auto;
        margin-right:auto;
        width:auto;
    }
}
/*　_inner
--------------------------------------------------------------- */
@media (min-width: 1080px) {
    .inner60 {
        width:60%;
        margin:0 auto;
    }
    .inner70 {
        width:70%;
        margin:0 auto;
    }
    .inner80 {
        width:80%;
        margin:0 auto;
    }
    .inner90 {
        width:90%;
        margin:0 auto;
    }
}
/*　_margin
--------------------------------------------------------------- */
.mt0 {
    margin-top:0 !important;
}

.mt5 {
    margin-top:5px !important;
}

.mt10 {
    margin-top:10px !important;
}

.mt15 {
    margin-top:15px !important;
}

.mt20 {
    margin-top:20px !important;
}

.mt25 {
    margin-top:25px !important;
}

.mt30 {
    margin-top:30px !important;
}

.mt35 {
    margin-top:35px !important;
}

.mt40 {
    margin-top:40px !important;
}

.mt45 {
    margin-top:45px !important;
}

.mt50 {
    margin-top:50px !important;
}

.mt55 {
    margin-top:55px !important;
}

.mt60 {
    margin-top:60px !important;
}

.mt65 {
    margin-top:65px !important;
}

.mt70 {
    margin-top:70px !important;
}

.mt75 {
    margin-top:75px !important;
}

.mt80 {
    margin-top:80px !important;
}

.mt85 {
    margin-top:85px !important;
}

.mt90 {
    margin-top:90px !important;
}

.mt95 {
    margin-top:95px !important;
}

.mb0 {
    margin-bottom:0 !important;
}

.mb5 {
    margin-bottom:5px !important;
}

.mb10 {
    margin-bottom:10px !important;
}

.mb15 {
    margin-bottom:15px !important;
}

.mb20 {
    margin-bottom:20px !important;
}

.mb25 {
    margin-bottom:25px !important;
}

.mb30 {
    margin-bottom:30px !important;
}

.mb35 {
    margin-bottom:35px !important;
}

.mb40 {
    margin-bottom:40px !important;
}

.mb45 {
    margin-bottom:45px !important;
}

.mb50 {
    margin-bottom:50px !important;
}

.mb55 {
    margin-bottom:55px !important;
}

.mb60 {
    margin-bottom:60px !important;
}

.mb65 {
    margin-bottom:65px !important;
}

.mb70 {
    margin-bottom:70px !important;
}

.mb75 {
    margin-bottom:75px !important;
}

.mb80 {
    margin-bottom:80px !important;
}

.mb85 {
    margin-bottom:85px !important;
}

.mb90 {
    margin-bottom:90px !important;
}

.mb95 {
    margin-bottom:90px !important;
}

.ml0 {
    margin-left:0 !important;
}

.ml5 {
    margin-left:5px !important;
}

.ml10 {
    margin-left:10px !important;
}

.ml15 {
    margin-left:15px !important;
}

.ml20 {
    margin-left:20px !important;
}

.mr0 {
    margin-right:0 !important;
}

.mr5 {
    margin-right:5px !important;
}

.mr10 {
    margin-right:10px !important;
}

.mr15 {
    margin-right:15px !important;
}

.mr20 {
    margin-right:20px !important;
}

/*　_padding
--------------------------------------------------------------- */
.pT0 {
    padding-top:0 !important;
}

.pT5 {
    padding-top:5px !important;
}

.pT10 {
    padding-top:10px !important;
}

.pT15 {
    padding-top:15px !important;
}

.pT20 {
    padding-top:20px !important;
}

.pT25 {
    padding-top:25px !important;
}

.pT30 {
    padding-top:30px !important;
}

.pT35 {
    padding-top:35px !important;
}

.pT40 {
    padding-top:40px !important;
}

.pT45 {
    padding-top:45px !important;
}

.pB0 {
    padding-bottom:0 !important;
}

.pB5 {
    padding-bottom:5px !important;
}

.pB10 {
    padding-bottom:10px !important;
}

.pB15 {
    padding-bottom:15px !important;
}

.pB20 {
    padding-bottom:20px !important;
}

/*　_text
--------------------------------------------------------------- */
.center {
    text-align:center !important;
}

.left {
    text-align:left !important;
}

.right {
    text-align:right !important;
}

.vAT {
    vertical-align:top !important;
}

.vAM {
    vertical-align:middle !important;
}

.vAB {
    vertical-align:bottom !important;
}

/*　_width
--------------------------------------------------------------- */
.w5 {
    width:5% !important;
}

.w10 {
    width:10% !important;
}

.w15 {
    width:15% !important;
}

.w18 {
    width:18% !important;
}

.w20 {
    width:20% !important;
}

.w25 {
    width:25% !important;
}

.w30 {
    width:30% !important;
}

.w35 {
    width:35% !important;
}

.w40 {
    width:40% !important;
}

.w45 {
    width:45% !important;
}

.w50 {
    width:50% !important;
}

.w55 {
    width:55% !important;
}

.w60 {
    width:60% !important;
}

.w65 {
    width:65% !important;
}

.w70 {
    width:70% !important;
}

.w75 {
    width:75% !important;
}

.w80 {
    width:80% !important;
}

.w85 {
    width:85% !important;
}

.w90 {
    width:90% !important;
}

.w95 {
    width:95% !important;
}

.wFull {
    width:100% !important;
    height:auto;
}
