@charset "UTF-8";

/*----------------------------------------

    - link setting
    - letter spacing
    - font setting
    - color setting
    - listmark setting
    - arrow setting
    - indent setting
    - clearfix
    - header
    - article
    - footer

----------------------------------------*/

* {
    max-height: 999999px;
    /* Android chrome フォントサイズが大きくなる対策 */
}

html {
    font-size: 62.5%;
}

th,h1,h2,h3,h4,h5,h6 {
    margin: 0;
    font-weight: normal;
}

p,dl,dd,ol,ul,figure {
    margin: 0;
    padding: 0;
}

body {
    background-color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", Hiragino Kaku Gothic Pro, "メイリオ", "MS Pゴシック", MS PGothic, Arial, Helvetica, Verdana, sans-serif;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
    /* Safari フォント表示補正 */
    -moz-osx-font-smoothing: grayscale;
    /* Firefox フォント表示補正 */
    -webkit-user-drag: none;
    -webkit-touch-callout: none;
}

@media all and (-ms-high-contrast:none) {
     *::-ms-backdrop, body {
        font-family: "メイリオ", "MS Pゴシック", MS PGothic, Arial, Helvetica, Verdana, sans-serif;
     }
}

body.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}

@media screen and (max-width:600px) {
    body {
        min-width: 320px;
        /*line-height: 1.5;*/
    }
}

img {
    height: auto;
    width: 100%;
    vertical-align: bottom;
}

em {
    font-style: normal;
    font-weight: bold;
}

li {
    list-style: none;
    vertical-align: bottom;
}

li img {
    vertical-align: top;
}

small {
    font-size: 100%;
}

select,input,button,textarea {
    font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴPro W3", Hiragino Kaku Gothic Pro, "メイリオ", "MS Pゴシック", MS PGothic, Arial, Helvetica, Verdana, sans-serif;
}

select::-ms-expand {
    display: none;
}


/*----------------------------------------
    link setting
-----------------------------------------*/

* a,
* a:focus {
    outline: none !important;
}

a:link,
a:visited {
    text-decoration: none;
    opacity: 1;
    transition: all 0.1s ease-out;
}

a:hover,
a:active {
    text-decoration: none;
    opacity: .7;
    transition: all 0.2s ease-out;
}

/* 下線 */
a.underline01:link,
a.underline01:visited {
    text-decoration: none;
    opacity: 1;
}

a.underline01:hover,
a.underline01:active {
    text-decoration: underline;
    opacity: 1;
}

/* moreボタン透過キャンセル */
a.moreBtn01:link,
a.moreBtn01:visited {
    text-decoration: none;
    opacity: 1;
}

a.moreBtn01:hover,
a.moreBtn01:active {
    text-decoration: none;
    opacity: 1;
}

a.moreBtn02:link,
a.moreBtn02:visited {
    text-decoration: none;
    opacity: 1;
}

a.moreBtn02:hover,
a.moreBtn02:active {
    text-decoration: none;
    opacity: 1;
}

/* リンク部テキストカラー 000 */
.aColor_black a:link,
.aColor_black a:visited {
    color: #000;
}

.aColor_black a:hover,
.aColor_black a:active {
    color: #000;
}

/* リンク部テキストカラー fff */
.aColor_white a:link,
.aColor_white a:visited {
    color: #fff;
}

.aColor_white a:hover,
.aColor_white a:active {
    color: #fff;
}

/* リンク部テキストカラー ccc */
.aColor_gray01 a:link,
.aColor_gray01 a:visited {
    color: #ccc;
}

.aColor_gray01 a:hover,
.aColor_gray01 a:active {
    color: #ccc;
}

/* リンク部テキストカラー 999 */
.aColor_gray02 a:link,
.aColor_gray02 a:visited {
    color: #999;
}

.aColor_gray02 a:hover,
.aColor_gray02 a:active {
    color: #999;
}

/* リンク部テキストカラー 333 */
.aColor_gray03 a:link,
.aColor_gray03 a:visited {
    color: #333;
}

.aColor_gray03 a:hover,
.aColor_gray03 a:active {
    color: #333;
}

/* リンク部テキストカラー 666 */
.aColor_gray04 a:link,
.aColor_gray04 a:visited {
    color: #666;
}

.aColor_gray04 a:hover,
.aColor_gray04 a:active {
    color: #666;
}

/* リンク部テキストカラー 999_fff */
.aColor_gray05 a:link,
.aColor_gray05 a:visited {
    color: #999;
    opacity: 1;
}

.aColor_gray05 a:hover,
.aColor_gray05 a:active {
    color: #fff;
    opacity: 1;
}

/* リンク部テキストカラー 333_fff */
.aColor_gray06 a:link,
.aColor_gray06 a:visited {
    color: #333;
    opacity: 1;
}

.aColor_gray06 a:hover,
.aColor_gray06 a:active {
    color: #fff;
    opacity: 1;
}


/* リンク 黒 下線なし */

.scrolltop {
    cursor: pointer;
}

.scrolltop:link,
.scrolltop:visited {
    opacity: 1;
    transition: opacity 0.1s ease-out;
}

.scrolltop:hover,
.scrolltop:active {
    opacity: .7;
    transition: opacity 0.2s ease-out;
}

/*.scrollto {
    cursor: pointer;
}*/


/*----------------------------------------
    letter spacing
        トラッキング（photoshop） / 1000 = letter-spacing（em）
-----------------------------------------*/

.tracking012_005 {
    letter-spacing: 0.12em;
}

@media screen and (max-width:600px) {
    .tracking012_005 {
        letter-spacing: 0.05em;
    }
}

.tracking02,
.tracking02_0,
.tracking02_01,
.tracking02_015 {
    letter-spacing: 0.2em;
}

@media screen and (max-width:600px) {
    .tracking02 {
        letter-spacing: 0.2em;
    }
    .tracking02_0 {
        letter-spacing: 0;
    }
    .tracking02_01 {
        letter-spacing: 0.1em;
    }
    .tracking02_015 {
        letter-spacing: 0.15em;
    }
}

.tracking03 {
    letter-spacing: 0.3em;
}

@media screen and (max-width:600px) {
    .tracking03 {
        letter-spacing: 0.3em;
    }
}

.tracking04 {
    letter-spacing: 0.4em;
}

@media screen and (max-width:600px) {
    .tracking04 {
        letter-spacing: 0.4em;
    }
}

.tracking06,
.tracking06_03 {
    letter-spacing: 0.6em;
}

@media screen and (max-width:600px) {
    .tracking06 {
        letter-spacing: 0.6em;
    }
    .tracking06_03 {
        letter-spacing: 0.3em;
    }
}

.tracking1_06 {
    letter-spacing: 1.0em;
}

@media screen and (max-width:600px) {
    .tracking1_06 {
        letter-spacing: 0.6em;
    }
}


/*----------------------------------------
    Oswald
        400（Regular）
-----------------------------------------*/

.oswald {
    font-family: 'Oswald', sans-serif;
    font-weight: 400;
}

/*----------------------------------------
    YuMincho
        Light 200
        Medium normal
        Bold bold
-----------------------------------------*/

/* 游明朝体 Light/Medium */
/*.YuMinchoLight {
    font-family: "游明朝 Light", "游明朝", YuMincho, serif;
    font-weight: 100;
}*/


/* 游明朝体 Regular/Medium */
.YuMinchoNormal {
    font-family: "游明朝", YuMincho, serif;
    font-weight: normal;
}


/* 游明朝体 Demibold */
.YuMinchoBold {
    font-family: "游明朝", YuMincho, serif;
    font-weight: bold;
}

/*----------------------------------------
    font setting (defauli 14/1.5)
    目標フォントサイズ*100 / defaultサイズで%を算出
-----------------------------------------*/

.font10 {
    font-size: 10px;
    font-size: 1.0rem;
}

.font12 {
    font-size: 12px;
    font-size: 1.2rem;
}

.font14 {
    font-size: 14px;
    font-size: 1.4rem;
}

.font16 {
    font-size: 16px;
    font-size: 1.6rem;
}

.font18,
.font18_14 {
    font-size: 18px;
    font-size: 1.8rem;
}

@media screen and (max-width:600px) {
    .font18_14 {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.font20 {
    font-size: 20px;
    font-size: 2.0rem;
}

.font22,
.font22_14,
.font22_18 {
    font-size: 22px;
    font-size: 2.2rem;
}

@media screen and (max-width:600px) {
    .font22_14 {
        font-size: 14px;
        font-size: 1.4rem;
    }
    .font22_18 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.font26,
.font26_18,
.font26_22 {
    font-size: 26px;
    font-size: 2.6rem;
}

@media screen and (max-width:600px) {
    .font26_18 {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .font26_22 {
        font-size: 22px;
        font-size: 2.2rem;
    }
}

.font30,
.font30_26 {
    font-size: 30px;
    font-size: 3.0rem;
}

@media screen and (max-width:600px) {
    .font30_26 {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

.font34,
.font34_18,
.font34_22  {
    font-size: 34px;
    font-size: 3.4rem;
}

@media screen and (max-width:600px) {
    .font34_18 {
        font-size: 18px;
        font-size: 1.8rem;
    }
    .font34_22 {
        font-size: 22px;
        font-size: 2.2rem;
    }
}

.font38,
.font38_26 {
    font-size: 38px;
    font-size: 3.8rem;
}

@media screen and (max-width:600px) {
    .font38_26 {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

.font42,
.font42_22,
.font42_26,
.font42_30 {
    font-size: 42px;
    font-size: 4.2rem;
}

@media screen and (max-width:600px) {
    .font42_22 {
        font-size: 22px;
        font-size: 2.2rem;
    }
    .font42_26 {
        font-size: 26px;
        font-size: 2.6rem;
    }
    .font42_30 {
        font-size: 30px;
        font-size: 3.0rem;
    }
}

.font46_18 {
    font-size: 46px;
    font-size: 4.6rem;
}

@media screen and (max-width:600px) {
    .font46_18 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.font50_38 {
    font-size: 50px;
    font-size: 5.0rem;
}

@media screen and (max-width:600px) {
    .font50_38 {
        font-size: 38px;
        font-size: 3.8rem;
    }
}

.font62,
.font62_34 {
    font-size: 62px;
    font-size: 6.2rem;
}

@media screen and (max-width:600px) {
    .font62_34 {
        font-size: 34px;
        font-size: 3.4rem;
    }
}

.font66_38 {
    font-size: 66px;
    font-size: 6.6rem;
}

@media screen and (max-width:600px) {
    .font66_38 {
        font-size: 38px;
        font-size: 3.8rem;
    }
}

.font122,
.font122_38 {
    font-size: 122px;
    font-size: 12.2rem;
}

@media screen and (max-width:600px) {
    .font122_38 {
        font-size: 38px;
        font-size: 3.8rem;
    }
}

.clearfsize {
    font-size: 0;
    line-height: 0;
}


/*----------------------------------------
    font weight setting
-----------------------------------------*/

.bold01 {
    font-weight: bold;
}


/*----------------------------------------
    color setting
-----------------------------------------*/

.black01 {
    color: #000;
}

.blue01 {
    color: #3fb7ee;
}

.gray01 {
    color: #666;
}

.gray02 {
    color: #333;
}

.gray03 {
    color: #999;
}

.gray04 {
    color: #ccc;
}

.red01 {
    color: #cc0000;
}

.white01 {
    color: #fff;
}


/*----------------------------------------
    listmark setting
-----------------------------------------*/

/* 左向き ＜ */
.arrow01 {
    padding-left: 16px;
    background: url(../img/c_left_arrow01.png) no-repeat left center;
    background-size: 6px 11px;
}

/* 左向き ＜ 黒 */
.arrow01Black {
    padding-left: 16px;
    background: url(../img/c_left_arrow02.png) no-repeat left center;
    background-size: 6px 11px;
}

/* 右向き ＞ */
.arrow02 {
    padding-right: 16px;
    background: url(../img/c_right_arrow01.png) no-repeat right center;
    background-size: 6px 11px;
}

/* PC消す SP表示 */
.arrow03 {
    background: none;
}

@media screen and (max-width:600px) {
    .arrow03 {
        padding-right: 16px;
        background: url(../img/c_right_arrow01.png) no-repeat right center;
        background-size: 6px 11px;
    }
}

.c_icon01 {
    padding-right: 14px;
    background: url(../img/c_icon_download.png) no-repeat right top 1px;
    background-size: 12px 12px;
}

.cart {
	padding-left:30px;
	background: url(../img/cart.png) no-repeat left top 1px;
	background-size: 15px 15px
}


/*----------------------------------------
    indent setting
-----------------------------------------*/

.indent01 {
    display: block;
    padding-left: 1em;
    text-indent: -1em;
}

.indent025 {
    display: block;
    padding-left: 2.5em;
    text-indent: -2.5em;
}

.indent03 {
    display: block;
    padding-left: 3em;
    text-indent: -3em;
}

.note01 {
    position: relative;
    padding-left: 1em;
}

.note01::before {
    content: "\0203B";
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
}

.disc01 {
    position: relative;
    padding-left: 1em;
}

.disc01::before {
    content: "\30FB";
    position: absolute;
    top: 0;
    left: 0;
    width: 1em;
}


/*----------------------------------------
    clearfix
-----------------------------------------*/

.clearfix:after {
    content: "";
    display: block;
    clear: both;
}


/*----------------------------------------
    header
-----------------------------------------*/

header {
    position: fixed;
    z-index: 1000;
    top: 0;
    width: 100%
}

header div h1 {
    position: absolute;
    top: 20px;
    left: 50%;
    height: 20px;
    width: 160px;
    margin-left: -80px;
}

header div p#menuBtn01 {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 24px;
    width: 36px;
    cursor: pointer;
}

header div p#menuBtn01:hover,
header div p#menuBtn01:active {
    opacity: .7;
    transition: all 0.2s ease-out;
}

@media screen and (max-width:600px) {
    header div h1 {
        top: 10px;
    }
    header div p#menuBtn01 {
        top: 0;
        right: 0;
        height: 50px;
        width: 50px;
        padding: 15px 10px 14px;
        box-sizing: border-box;
        background-color: #000;
    }

    header div p#menuBtn01 img {
        height: 19px;
        width: 30px;
    }
}

/* ナビ */

header nav {
    overflow-y: auto;
    display: none;
    position: fixed;
    z-index: 1001;
    top: 0;
    height: 100vh;
    width: 100%;
}

header nav h1 {
    position: absolute;
    top: 20px;
    right: 0;
    left: 0;
    height: 20px;
    width: 160px;
    margin: auto;
    cursor: pointer;
}

header nav p#menuBtn02 {
    position: absolute;
    top: 20px;
    right: 20px;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

header nav div {
    display: flex;
    align-items: flex-start;
    width: 1000px;
    margin: 0 auto;
    padding: 100px 0;
}

header nav div dl {
    width: 500px;
    padding: 54px 49px 0 0;
    /*padding: 72px 49px 80px 0;*/
    box-sizing: border-box;
    text-align: center;
}

header nav div dl dt {
    padding-bottom: 75px;
    line-height: 1.21;
}

header nav div dl dd {
    line-height: 1.36;
}

header nav div dl dd+dd {
    padding-top: 31px;
}

header nav div dl+dl {
    width: 500px;
    padding: 54px 0 80px 50px;
    border-left: 1px solid #666;
    box-sizing: border-box;
    text-align: center;
}

body#corporate header nav div dl+dl {
    padding-bottom: 140px;
}

@media screen and (max-width:600px) {
    header nav h1 {
        top: 10px;
    }

    header nav p#menuBtn02 {
        position: fixed;
        top: 0;
        right: 0;
        height: 27px;
        width: 27px;
        padding: 14px;
    }

    header div p#menuBtn02 img {
        height: 27px;
        width: 27px;
    }

    header nav div {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding: 106px 0 100px;
    }

    header nav div dl {
        height: auto;
        width: 100%;
        padding: 0 0 58px 0;
        text-align: center;
    }

    header nav div dl dt {
        padding-bottom: 55px;
    }

    header nav div dl dd+dd {
        padding-top: 28px;
    }

    header nav div dl+dl {
        height: auto;
        width: 100%;
        padding: 55px 0 60px;
        border-top: 1px solid #666;
        border-left: none;
    }
}


/*----------------------------------------
    article
-----------------------------------------*/

article {
    min-width: 1200px;
    width: 100%;
}

@media screen and (max-width:600px) {
    article {
        min-width: 320px;
        width: 100%;
    }
}


/*----------------------------------------
    more ボタン
-----------------------------------------*/

.moreBtn01 {
    display: inline-block;
    position: relative;
    height: 36px;
    width: 120px;
    text-align: center;
    text-decoration: none;
    line-height: 36px;
    outline: none;
    -webkit-perspective: 300px;
    perspective: 300px;
    backface-visibility: hidden;
}

.moreBtn01>span {
    display: block;
    position: absolute;
    height: 36px;
    width: 180px;
    text-align: center;
    line-height: 36px;
    box-sizing: border-box;
    transition: all .2s;
    pointer-events: none;
}
.moreBtn01>span:nth-child(1) {
    border-color: rgba(203,82,55,1);
    background-color: none;
    transform: rotateX(90deg);
    transform-origin: 50% 50% -18px;
    opacity: 0;
}
.moreBtn01>span:nth-child(2) {
    border: 1px solid rgba(102,102,102,1);
    transform: rotateX(0deg);
    transform-origin: 50% 50% -18px;
    opacity: 1;
}
.moreBtn01:hover {
    opacity: 1;
}
.moreBtn01:hover>span:nth-child(1) {
    background-color: rgba(203,82,55,1);
    transform: rotateX(0deg);
    opacity: 1;
}
.moreBtn01:hover>span:nth-child(2) {
    transform: rotateX(-90deg);
    opacity: 0;
}


/* カラバリ01 */

.moreBtn01.mBaColor01:link>span,
.moreBtn01.mBaColor01:visited>span {
    color: #333;
}

.moreBtn01.mBaColor01:hover>span,
.moreBtn01.mBaColor01:active>span {
    color: #fff;
}

/* カラバリ02 */

.moreBtn01.mBaColor02:link>span,
.moreBtn01.mBaColor02:visited>span {
    color: #666;
}

.moreBtn01.mBaColor02:hover>span,
.moreBtn01.mBaColor02:active>span {
    color: #fff;
}

/* カラバリ03 */

.moreBtn01.mBaColor03:link>span,
.moreBtn01.mBaColor03:visited>span {
    border-color: rgba(204,204,204,1);
    color: #ccc;
}

.moreBtn01.mBaColor03:hover>span,
.moreBtn01.mBaColor03:active>span {
    color: #fff;
}

/* カラバリ04 */

.moreBtn01.mBaColor04:link>span,
.moreBtn01.mBaColor04:visited>span {
    border-color: rgba(255,255,255,1);
    color: #fff;
}

.moreBtn01.mBaColor04:hover>span,
.moreBtn01.mBaColor04:active>span {
    color: #fff;
}

/* カラバリ05 */

.moreBtn01.mBaColor05:link>span,
.moreBtn01.mBaColor05:visited>span {
    border-color: rgba(153,153,153,1);
    color: #999;
}

.moreBtn01.mBaColor05:hover>span,
.moreBtn01.mBaColor05:active>span {
    color: #fff;
}


/*----------------------------------------
    footer
-----------------------------------------*/

footer {
    display: flex;
    justify-content: space-between;
    min-width: 1200px;
    padding: 20px;
    background-color: #ccc;
    box-sizing: border-box;
}

footer ul#sns {
    display: flex;
}

footer ul#sns li {
    height: 40px;
    width: 40px;
}

footer ul#sns li+li {
    margin-left: 4px;
}

footer ul#sns li a {
    display: block;
    height: inherit;
    width: inherit;
    border-radius: 50%;
}

footer ul#sns li:nth-of-type(1) a {
    background: url(../img/c_sns01.gif) no-repeat center center;
    background-size: 40px 40px;
}

footer ul#sns li:nth-of-type(2) a {
    background: url(../img/c_sns02.gif) no-repeat center center;
    background-size: 40px 40px;
}

footer ul#sns li:nth-of-type(3) a {
    background: url(../img/c_sns03.gif) no-repeat center center;
    background-size: 40px 40px;
}

footer ul#sns li:nth-of-type(4) a {
    background: url(../img/c_sns04.gif) no-repeat center center;
    background-size: 40px 40px;
}

footer ul#sns li:nth-of-type(5) a {
    background: url(../img/c_sns05.gif) no-repeat center center;
    background-size: 40px 40px;
}

footer div ul {
    display: flex;
    padding-bottom: 20px;
}

footer div ul li {
    line-height: 1;
}

footer div ul li+li {
    margin-left: 24px;
}

footer div p {
    text-align: right;
    line-height: 1;
}

@media screen and (max-width:600px) {
    footer {
        display: block;
        min-width: 320px;
        margin: 0 auto;
        padding: 20px 0;
    }

    footer ul#sns {
        width: 280px;
        margin: 0 auto;
    }

    footer ul#sns li+li {
        margin-left: 20px;
    }

    footer div {
        padding-top: 38px;
    }

    footer div ul {
        display: block;
        width: 300px;
        margin: 0 auto;
        padding-bottom: 17px;
    }

    footer div ul li {
        margin-bottom: 24px;
    }

    footer div ul li+li {
        margin-left: 0;
    }

    footer div p {
        text-align: center;
    }
}


/*----------------------------------------
    footer / corporate
-----------------------------------------*/

body#corporate footer {
    display: block;
    min-width: 1200px;
    padding: 0;
    background-color: #fff;
    box-sizing: border-box;
}

body#corporate footer ul#sns {
    display: flex;
    justify-content: center;
    padding: 120px 0 60px;
}

body#corporate footer ul#sns li {
    height: 80px;
    width: 80px;
}

body#corporate footer ul#sns li+li {
    margin-left: 40px;
}

body#corporate footer div {
    display: flex;
    justify-content: space-between;
    padding: 20px 30px;
    background-color: #000;
}

body#corporate footer div ul {
    display: flex;
    padding-bottom: 0;
}

body#corporate footer div ul li {
    line-height: 1;
}

body#corporate footer div ul li+li {
    margin-left: 24px;
}

body#corporate footer ul#sns li:nth-of-type(1) a {
    background: url(../img/i_sns_icon01.gif) no-repeat center center;
    background-size: 80px 80px;
}

body#corporate footer ul#sns li:nth-of-type(2) a {
    background: url(../img/i_sns_icon02.gif) no-repeat center center;
    background-size: 80px 80px;
}

body#corporate footer ul#sns li:nth-of-type(3) a {
    background: url(../img/i_sns_icon03.gif) no-repeat center center;
    background-size: 80px 80px;
}

body#corporate footer ul#sns li:nth-of-type(4) a {
    background: url(../img/i_sns_icon04.gif) no-repeat center center;
    background-size: 80px 80px;
}

body#corporate footer ul#sns li:nth-of-type(5) a {
    background: url(../img/i_sns_icon05.gif) no-repeat center center;
    background-size: 80px 80px;
}

body#corporate footer div p {
    color: #666 !important;
    text-align: right;
    line-height: 1;
}

/* リンク部テキストカラー 000 */
body#corporate footer .aColor_black a:link,
body#corporate footer .aColor_black a:visited {
    color: #999;
}

body#corporate footer .aColor_black a:hover,
body#corporate footer .aColor_black a:active {
    color: #999;
}

@media screen and (max-width:600px) {
    body#corporate footer {
        min-width: 320px;
        width: 100%;
    }

    body#corporate footer ul#sns {
        width: 300px;
        margin: 0 auto;
        padding: 80px 0 21px;
    }

    body#corporate footer ul#sns li {
        height: 40px;
        width: 40px;
    }

    body#corporate footer ul#sns li+li {
        margin-left: 20px;
    }

    body#corporate footer ul#sns li:nth-of-type(1) a {
        background-size: 40px 40px;
    }

    body#corporate footer ul#sns li:nth-of-type(2) a {
        background-size: 40px 40px;
    }

    body#corporate footer ul#sns li:nth-of-type(3) a {
        background-size: 40px 40px;
    }

    body#corporate footer ul#sns li:nth-of-type(4) a {
        background-size: 40px 40px;
    }

    body#corporate footer ul#sns li:nth-of-type(5) a {
        background-size: 40px 40px;
    }

    body#corporate footer div {
        display: block;
        padding-top: 20px;
    }

    body#corporate footer div ul {
        display: block;
        width: 300px;
        margin: 0 auto;
        padding-bottom: 16px;
    }

    body#corporate footer div ul li {
        margin-bottom: 24px;
    }

    body#corporate footer div ul li+li {
        margin-left: 0;
    }

    body#corporate footer div p {
        text-align: center;
    }
}


/*----------------------------------------
    footer / corporate - lower page
-----------------------------------------*/

body#corporate.lowerpage footer ul#sns {
    display: none;
}

@media screen and (max-width:600px) {
}