@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : common.css
Description : 共通レイアウトCSS
===================================================================== */


/*-----------------------------------------------------
	general　
-----------------------------------------------------*/

html {
    font-family: "メイリオ", "ＭＳ Ｐゴシック", "小塚ゴシック Pro R", "ヒラギノ角ゴ Pro W3", "Meiryo", "MS PGothic", "KozGoPro-Regular", "Hiragino Kaku Gothic Pro", "MS UI Gothic", Osaka, sans-serif;
    font-size: 62.5%;
    width: 100%;
}

body {
    width: 100%;
    color: #282221;
}

a:link {
    text-decoration: underline;
    color: #6bb7ce;
}

a:visited {
    text-decoration: underline;
    color: #6bb7ce;
}

a:hover {
    text-decoration: underline;
    color: #e56b7e;
}

#wrapper {
    width: 100%;
    min-width: 1020px;
    margin: 0;
    position: relative;
    font-size: 13px;
    line-height: 1.5;
}

#wrapper * {
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
}

#gDefSide {
    top: 220px;
}

@media screen and (max-width: 700px) {
    #wrapper {
        font-size: 12px;
    }
}


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

.subpage header {
    height: 350px;
    background: url(../images/bg_mainvisual_sub.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91e5f8), color-stop(46%, #e4f7fe));
    /* Chrome,Safari4+ */
    background: url(../images/bg_mainvisual_sub.png), -webkit-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
    /* Chrome10+,Safari5.1+ */
    background: url(../images/bg_mainvisual_sub.png), -o-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
    /* Opera 11.10+ */
    background: url(../images/bg_mainvisual_sub.png), -ms-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
    /* IE10+ */
    background: url(../images/bg_mainvisual_sub.png), linear-gradient(to bottom, #91e5f8 0%, #e4f7fe 46%);
    /* W3C */
    background-repeat: no-repeat;
    background-position: top center;
    position: relative;
}

.subpage header h2 {
    width: 258px;
    height: 149px;
    position: absolute;
    top: 18px;
    left: 50%;
    margin-left: -510px;
}

.subpage header h2 a:hover {
    opacity: 0.8;
}

.subpage header #next_oa {
    width: 241px;
    height: 38px;
    position: absolute;
    top: 123px;
    left: 50%;
    margin-left: -256px;
}


/* gnavi  */

@media screen and (min-width: 701px) {
    header nav {
        width: 100%;
        height: 180px;
        background: url(../images/bg_gnavi.png) repeat-x top;
        position: absolute;
        bottom: 0;
    }
    header nav ul {
        width: 700px;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -510px;
        position: relative;
    }
    header nav li {
        position: absolute;
    }
    header nav .gnavi_01 {
        top: 26px;
        left: 10px;
    }
    header nav .gnavi_02 {
        top: 26px;
        left: 270px;
    }
    header nav .gnavi_03 {
        top: 94px;
        left: 106px;
    }
    header nav .gnavi_04 {
        top: 94px;
        left: 374px;
    }
    header nav .gnavi_05 {
        top: 26px;
        left: 526px;
    }
    /* header nav .gnavi_01 {
		top: 26px;
		left: 10px;
	}

	header nav .gnavi_02 {
		top: 26px;
		left: 270px;
	}

	header nav .gnavi_03 {
		top: 26px;
		left: 556px;
	}

	header nav .gnavi_04 {
		top: 94px;
		left: 106px;
	}

	header nav .gnavi_05 {
		top: 94px;
		left: 374px;
	} */
    header nav a {
        height: 42px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        position: relative;
    }
    header nav .gnavi_01 a {
        width: 93px;
        background: url(../images/gnavi_01.png) no-repeat 0px 0px;
        background-size: 93px auto;
    }
    header nav .gnavi_02 a {
        width: 116px;
        background: url(../images/gnavi_02.png) no-repeat 0px 0px;
        background-size: 116px auto;
    }
    header nav .gnavi_03 a {
        width: 130px;
        background: url(../images/gnavi_03.png) no-repeat 0px 0px;
        background-size: 130px auto;
    }
    header nav .gnavi_04 a {
        width: 155px;
        background: url(../images/gnavi_04.png) no-repeat 0px 0px;
        background-size: 155px auto;
    }
    header nav .gnavi_05 a {
        width: 108px;
        /* width: 210px; */
        background: url(../images/gnavi_05.png) no-repeat 0px 0px;
        background-size: 108px auto;
    }
    header nav a::after {
        transform: scale(0, 1);
        -webkit-transform: scale(0, 1);
        -moz-transform: scale(0, 1);
        height: 1px;
        content: '';
        background: #6bb7ce;
        display: block;
        position: absolute;
        top: 25px;
        left: 0px;
        -webkit-transition: all .3s;
        transition: all .3s;
    }
    header nav li:hover a::after {
        transform: scale(1, 1);
        -webkit-transform: scale(1, 1);
        -moz-transform: scale(1, 1);
    }
    header nav .gnavi_01 a::after {
        width: 92px;
    }
    header nav .gnavi_02 a::after {
        width: 114px;
    }
    header nav .gnavi_03 a::after {
        width: 130px;
    }
    header nav .gnavi_04 a::after {
        width: 155px;
    }
    header nav .gnavi_05 a::after {
        /* width: 210px; */
        width: 108px;
    }
}


/* sns  */

.sns {
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: 25px;
    z-index: 10;
}

.sns li {
    float: left;
}

.sns li.global_twitter {
    margin: 0 5px 0 0;
}


/*-----------------------------------------------------
	contents　
-----------------------------------------------------*/

.sect_inner {
    width: 1020px;
    margin: 0 auto;
    padding-right: 320px;
}

section h1 {
    margin: 70px auto 0;
}

section h1 img {
    width: 100%;
}

section h2 {
    margin: 0 auto;
}

section h2 img {
    width: 100%;
}

#post {
    width: 100%;
    height: 249px;
    background: url(../images/bg_post.jpg) no-repeat center center;
    position: relative;
    z-index: 99;
}

#post a {
    width: 700px;
    height: 135px;
    display: block;
    position: absolute;
    top: 57px;
    left: 50%;
    margin-left: -510px;
    background: url(../images/btn_post.png) no-repeat 0px 0px;
    box-shadow: 0px 6px 6px #948d82;
    -moz-box-shadow: 0px 6px 6px #948d82;
    -webkit-box-shadow: 0px 6px 6px #948d82;
}

#post a:hover {
    background-position: 0px -135px;
}

#post span {
    width: 700px;
    height: 135px;
    display: block;
    position: absolute;
    top: 57px;
    left: 50%;
    margin-left: -510px;
    background: url(../images/btn_post.png) no-repeat 0px 0px;
    box-shadow: 0px 6px 6px #948d82;
    -moz-box-shadow: 0px 6px 6px #948d82;
    -webkit-box-shadow: 0px 6px 6px #948d82;
}

#album {
    width: 100%;
    background: url(../images/bg_album_border.png) repeat-x bottom #f6f3f1;
    padding-bottom: 208px;
    position: relative;
}

#album .sect_inner {
    padding-top: 84px;
}

#album h2 {
    width: 277px;
    margin: 0 auto;
}

#album p {
    font-size: 1.1em;
    color: #998c8a;
    text-align: center;
    margin-top: 12px;
}

#album h3 {
    text-align: center;
    font-size: 1.6em;
    font-weight: bold;
    color: #282221;
    padding: 60px 0 10px;
    background: url(../images/icon_instagram.png) no-repeat center 10px;
    background-size: 31px auto;
}

#album h3 span.font_pink {
    color: #e7556a;
    padding-right: 10px;
    font-weight: bold;
}

#album h3 a:link {
    text-decoration: none;
    color: #282221;
}

#album h3 a:visited {
    text-decoration: none;
    color: #282221;
}

#album h3 a:hover {
    text-decoration: none;
    color: #282221;
    opacity: 0.8;
}

#album .sect_inner img {
    width: 100%;
    text-align: center;
    margin: 0 auto;
}


/* 2022.0201　追記 こぼれ話バナー */

#director_bnr {
    width: 100%;
    margin: 0 auto 4rem;
}

#director_bnr a {
    width: 90%;
    height: auto;
    display: block;
    background: url(../images/btn_director.jpg) no-repeat 0px 0px;
    box-shadow: 0px 6px 6px #948d82;
    -moz-box-shadow: 0px 6px 6px #948d82;
    -webkit-box-shadow: 0px 6px 6px #948d82;
    margin: 0 auto;
}

#director_bnr a:hover {
    background-position: 0px 0px;
    opacity: 0.7;
    transition: 0.3s;
}


/* 2022.0201　TOP Instagram */

#insta {
    background-color: #f6f3f1;
    padding: 4rem 0;
}

#insta h2 {
    width: 203px;
    margin: 0 auto;
}

#insta p {
    font-size: 1.2em;
    color: #998c8a;
    text-align: center;
    margin-top: 12px;
}

.instabox {
    width: 90%;
    margin: 3rem auto;
}

.instabox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 2rem 2rem;
    background-color: #fff;
    box-shadow: 0px 6px 6px #948d82;
    -moz-box-shadow: 0px 6px 6px #948d82;
    -webkit-box-shadow: 0px 6px 6px #948d82;
}

.instabox li {
    position: relative;
    width: calc(340 / 700 * 100%);
    padding-bottom: calc(340 / 700 * 100%);
    text-align: center;
    margin-bottom: 1em;
}

.instabox li img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
    top: 0;
    left: 0;
}

#sponcer-bnr {
    position: relative;
    padding-bottom: 150px !important;
}

#sponcer-bnr .bg_album_l {
    width: 128px;
    height: 83px;
    left: -34px;
    margin-left: 0;
    background-size: 128px auto!important;
    background: url(../images/bg_album_l.png) no-repeat center center;
    position: absolute;
    bottom: 0;
}

#sponcer-bnr .bg_album_r {
    width: 156px;
    height: 82px;
    left: inherit;
    right: -59px;
    margin-left: 0;
    background-size: 156px auto!important;
    background: url(../images/bg_album_r.png) no-repeat center center;
    position: absolute;
    bottom: 0;
}

#sponcer-bnr a {
    display: block;
    width: 40%;
    height: auto;
    display: block;
    position: relative;
    top: 40px !important;
    left: inherit;
    margin: 0 auto 0;
}

@media screen and (min-width: 701px) {
    /* 2022.0201　追記 こぼれ話バナー */
    #director_bnr {
        width: 100%;
        height: 249px;
        position: relative;
        z-index: 99;
        margin: 0 auto;
    }
    #director_bnr a {
        width: 700px;
        height: 135px;
        display: block;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -510px;
        background: url(../images/btn_director.jpg) no-repeat 0px 0px;
        box-shadow: 0px 6px 6px #948d82;
        -moz-box-shadow: 0px 6px 6px #948d82;
        -webkit-box-shadow: 0px 6px 6px #948d82;
    }
    #director_bnr a:hover {
        background-position: 0px 0px;
        opacity: 0.7;
        transition: 0.3s;
    }
    /* 2022.0201　TOP Instagram */
    #insta {
        padding: 10rem 0;
    }
    #insta h2 {
        width: 333px;
        margin: 0 auto;
    }
    .instabox {
        max-width: 1024px;
        margin: 3rem auto;
    }
    .instabox ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        background-color: #fff;
        padding: 2rem 2rem;
        box-shadow: 0px 6px 6px #948d82;
        -moz-box-shadow: 0px 6px 6px #948d82;
        -webkit-box-shadow: 0px 6px 6px #948d82;
        width: 700px;
    }
    .instabox li {
        position: relative;
        width: 32%;
        padding-bottom: 32%;
        text-align: center;
        margin-bottom: 1em;
    }
    .instabox li img {
        position: absolute;
        width: 100%;
        height: 100%;
        object-fit: cover;
        top: 0;
        left: 0;
    }
    .instabox ul::after {
        content: "";
        display: block;
        width: 32%;
    }
    /* 2022.0201　TOP sponcer */
    #sponcer-bnr {
        padding-bottom: 360px!important;
    }
    #sponcer-bnr a {
        display: block;
        width: 250px;
        background-color: #fff;
        margin-left: -280px;
        border: 1px solid #999;
        position: absolute;
        left: 50%;
        top: 80px!important;
        z-index: 3;
    }
    #sponcer-bnr {
        background-color: #f6f3f1;
        position: relative;
        padding-bottom: 350px;
    }
    #sponcer-bnr .bg_album_l {
        width: 255px;
        height: 167px;
        background: url(../images/bg_album_l.png) no-repeat center center;
        position: absolute;
        bottom: 0;
        left: 50%;
        margin-left: -710px;
        background-size: auto!important;
    }
    #sponcer-bnr .bg_album_r {
        width: 312px;
        height: 165px;
        background: url(../images/bg_album_r.png) no-repeat center center;
        position: absolute;
        bottom: 0;
        left: 50%;
        right: 80px;
        background-size: auto!important;
    }
}

@media screen and (min-width: 701px) {
    #album #instagram_area ul {
        width: 700px;
        border: solid 10px #fff;
        margin-left: -10px;
        overflow: hidden;
    }
    #album #instagram_area li {
        width: 175px;
        height: 175px;
        background: #282221;
        position: relative;
        float: left;
        overflow: hidden;
    }
    #album #instagram_area li:first-child {
        width: 350px;
        height: 350px;
    }
    #album #instagram_area li:last-child {
        display: none;
    }
    #album #instagram_area ul>*:first-child+*+*+*+*+* {
        display: none;
    }
    #album #instagram_area li img {
        width: 175px;
        height: 175px;
        /*		object-fit: cover; */
    }
    #album #instagram_area li:first-child img {
        width: auto;
        height: 350px;
        position: relative;
        left: 50%;
        transform: translateX(-50%);
    }
    #album #instagram_area * {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
        -o-box-sizing: content-box;
        -ms-box-sizing: content-box;
    }
}

#album .bg_album_l {
    width: 255px;
    height: 167px;
    background: url(../images/bg_album_l.png) no-repeat center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -710px;
}

#album .bg_album_r {
    width: 312px;
    height: 165px;
    background: url(../images/bg_album_r.png) no-repeat center center;
    position: absolute;
    bottom: 0;
    left: 50%;
    right: 80px;
}

.line_plane {
    position: relative;
}

.line_plane::before {
    width: 700px;
    height: 27px;
    content: '';
    display: block;
    position: absolute;
    top: -27px;
    left: 0px;
    background: url(../images/bg_line_plane_pc.png)
}

.line_plane::after {
    width: 700px;
    height: 1px;
    content: '';
    display: block;
    position: absolute;
    bottom: 1px;
    left: 0px;
    background: url(../images/bg_line_bottom_pc.png)
}


/*-----------------------------------------------------
	right　
-----------------------------------------------------*/

#right_column {
    width: 310px;
    position: absolute;
    top: 20px;
    left: 50%;
    margin-left: 210px;
    z-index: 9999;
}

#right_column * {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
}

#right_column .sidebnr_box {
    background: #fff;
}


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

footer {
    width: 100%;
    height: 180px;
    padding-top: 125px;
    text-align: center;
    background: #282221;
    position: relative;
}

#pagetop {
    width: 162px;
    height: 160px;
    position: absolute;
    top: -78px;
    left: 50%;
    margin-left: -240px;
}

#pagetop a {
    display: block;
    width: 162px;
    height: 160px;
    background: url(../images/btn_pagetop.png) no-repeat 0px 0px;
    position: relative;
}

#pagetop a::after {
    width: 41px;
    height: 27px;
    content: '';
    background: url(../images/ico_airplane.png) no-repeat 0px 0px;
    display: block;
    position: absolute;
    top: 23px;
    left: 120px;
    -webkit-transition: all .3s;
    transition: all .3s;
}

#pagetop:hover a::after {
    top: 0px;
    left: 0px;
}


/*-----------------------------------------------------
	Responsive
-----------------------------------------------------*/

.onlyPC {
    display: block !important;
}

.onlySP {
    display: none !important;
}

@media screen and (max-width: 700px) {
    .onlyPC {
        display: none !important;
    }
    .onlySP {
        display: block !important;
    }
}

@media screen and (max-width: 768px) {
    #gDefSide {
        display: none;
    }
}


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

	SP layout

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

@media screen and (max-width: 700px) {
    html {
        min-width: inherit;
    }
    body {
        width: 100%;
    }
    img {
        width: 100%;
    }
    span.kaigyou {
        display: block;
    }
    #wrapper {
        width: 100%;
        min-width: inherit;
    }
    /* MENU  */
    .btn_menu {
        width: 55px;
        height: 60px;
        position: absolute;
        top: 0;
        right: 0;
        z-index: 9999;
        background: #282221;
        display: block;
    }
    .btn_menu.active {
        background: #282221;
    }
    .fixed {
        position: fixed;
    }
    #menuButton {
        display: block;
        width: 25px;
        height: 25px;
        position: absolute;
        top: 19px;
        right: 15px;
        z-index: 3;
        color: #fff;
    }
    #menuButton span {
        display: block;
        background: #6bb7ce;
        width: 25px;
        height: 3px;
        position: absolute;
        left: 0;
        transition: all 0.4s;
        -webkit-transition: all 0.4s;
        -moz-transition: all 0.4s;
    }
    #menuButton span:first-child {
        top: 0px;
    }
    #menuButton span:nth-child(2) {
        margin-top: -4px;
        top: 50%;
    }
    #menuButton span:last-child {
        bottom: 4px;
    }
    #menuButton.active span:first-child {
        top: 4px;
        -webkit-transform: translateY(7px) rotate(45deg);
        -moz-transform: translateY(7px) rotate(45deg);
        -ms-transform: translateY(7px) rotate(45deg);
        transform: translateY(7px) rotate(45deg);
    }
    #menuButton.active span:nth-child(2) {
        opacity: 0;
    }
    #menuButton.active span:last-child {
        bottom: 4px;
        -webkit-transform: translateY(-7px) rotate(-45deg);
        -moz-transform: translateY(-7px) rotate(-45deg);
        -ms-transform: translateY(-7px) rotate(-45deg);
        transform: translateY(-7px) rotate(-45deg);
    }
    .btn_menu p {
        width: 100%;
        position: absolute;
        bottom: 15px;
        text-align: center;
        font-size: 1rem;
        color: #fff;
        line-height: 1;
        letter-spacing: 1px;
    }
    #menu_open_cover.active {
        display: block;
    }
    #menu_open_cover {
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: rgba(0, 0, 0, 0.5);
        display: none;
        z-index: 9999;
    }
    #menu_open_cover.active {
        display: block;
    }
    header {}
    header nav {
        width: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: #282221;
        padding: 60px 0 10px;
        display: none;
        z-index: 9999;
        box-shadow: 0px 0px 6px #000;
        -moz-box-shadow: 0px 0px 6px #000;
        -webkit-box-shadow: 0px 0px 6px #000;
    }
    header nav .navi_stripe {
        width: 100%;
        height: 3px;
        background: url(../images/bg_stripe_sp.png);
        background-size: 10px auto;
    }
    header nav ul {
        width: 90.625%;
        margin: 0 auto;
        letter-spacing: -.40em;
        background: url(../images/bg_dotline.png) no-repeat center top;
        background-size: auto 120px;
        text-align: center;
    }
    header nav li {
        width: 49%;
        height: 60px;
        display: inline-block;
        letter-spacing: normal;
        vertical-align: bottom;
    }
    /* header nav li:last-child {
		width: 100%;
	} */
    header nav li a {
        width: 100%;
        height: 100%;
        display: block;
        text-indent: -9999px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
    }
    header nav .gnavi_01 a {
        background-image: url(../images/gnavi_01.png);
        background-size: 70px auto;
    }
    header nav .gnavi_02 a {
        background-image: url(../images/gnavi_02.png);
        background-size: 86px auto;
    }
    header nav .gnavi_03 a {
        background-image: url(../images/gnavi_03.png);
        background-size: 99px auto;
    }
    header nav .gnavi_04 a {
        background-image: url(../images/gnavi_04.png);
        background-size: 117px auto;
    }
    header nav .gnavi_05 a {
        background-image: url(../images/gnavi_05.png);
        background-size: 79px auto;
    }
    /* sns  */
    .sns {
        position: absolute;
        top: 220px;
        height: 25px;
        left: inherit;
        right: 4.6875%;
        margin: 0;
    }
    .sns ul {
        width: 220px;
        text-align: right;
        margin-right: -10px !important;
        line-height: 1;
        letter-spacing: -.40em;
    }
    .sns li {
        float: none;
        display: inline-block;
        vertical-align: top;
        letter-spacing: normal;
    }
    .subpage .sns {
        top: inherit;
        bottom: -45px;
    }
    .sns li.global_twitter {
        margin-right: 1px;
    }
    /*-----------------------------------------------------
	sub page　
-----------------------------------------------------*/
    .subpage header {
        height: 60px;
        background: url(../images/bg_mainvisual_sub_sp.png), -webkit-gradient(linear, left top, left bottom, color-stop(0%, #91e5f8), color-stop(46%, #e4f7fe));
        background: url(../images/bg_mainvisual_sub_sp.png), -webkit-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
        background: url(../images/bg_mainvisual_sub_sp.png), -o-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
        background: url(../images/bg_mainvisual_sub_sp.png), -ms-linear-gradient(top, #91e5f8 0%, #e4f7fe 46%);
        background: url(../images/bg_mainvisual_sub_sp.png), linear-gradient(to bottom, #91e5f8 0%, #e4f7fe 46%);
        background-size: auto 60px;
        background-position: right top;
        background-repeat: no-repeat;
    }
    .subpage header #next_oa {
        width: 74px;
        height: 38px;
        top: 19px;
        left: 112px;
        margin-left: 0;
    }
    .subpage header h2 {
        width: 101px;
        height: 59px;
        top: 2px;
        left: 10px;
        margin-left: 0;
    }
    .subpage header .header_stripe {
        width: 100%;
        height: 10px;
        background: url(../images/bg_stripe_sp.png);
        background-size: 10px 10px;
        position: absolute;
        bottom: -10px;
    }
    .sect_inner {
        width: 90.625%;
        padding: 0;
    }
    .subpage #contents {
        padding-top: 20px;
    }
    #contents section {
        overflow: hidden;
    }
    section h1 {
        margin: 45px auto 0;
    }
    .line_plane::before {
        width: 100%;
        height: 19px;
        background: url(../images/bg_line_plane_sp.png) no-repeat left top;
        background-size: auto 19px;
        top: -19px;
    }
    .line_plane::after {
        width: 100%;
        height: 1px;
        background: url(../images/bg_line_bottom_sp.png) no-repeat left top;
        background-size: auto 1px;
    }
    #right_column {
        display: none;
    }
    #post {
        width: 100%;
        height: auto;
        padding: 30px 0;
        background: url(../images/bg_post_sp.jpg) no-repeat center center;
        background-size: cover;
    }
    #post a {
        width: 90.625%;
        height: auto;
        display: block;
        position: relative;
        top: inherit;
        left: inherit;
        margin: 0 auto;
        background: none;
        box-shadow: 0px 6px 6px #948d82;
        -moz-box-shadow: 0px 6px 6px #948d82;
        -webkit-box-shadow: 0px 6px 6px #948d82;
    }
    #post span {
        width: 90.625%;
        height: auto;
        display: block;
        position: relative;
        top: inherit;
        left: inherit;
        margin: 0 auto;
        background: none;
        box-shadow: 0px 6px 6px #948d82;
        -moz-box-shadow: 0px 6px 6px #948d82;
        -webkit-box-shadow: 0px 6px 6px #948d82;
    }
    #album {
        background-size: auto 10px;
        padding-bottom: 100px;
    }
    #album h2 {
        width: 194px;
    }
    #album .sect_inner {
        padding-top: 35px;
    }
    #album p {
        line-height: 1.63;
    }
    #album p span {
        display: block;
    }
    #album h3 {
        font-size: 1.1rem;
        background-position: center 15px;
        background-size: 41px auto;
        padding: 75px 0 10px;
    }
    #album #instagram_area ul {
        width: 100%;
        margin: 0 auto;
        overflow: hidden;
        border: solid 10px #fff;
    }
    #album #instagram_area li {
        width: 50%;
        height: auto;
    }
    #album #instagram_area li:first-child {
        width: 50%;
        height: auto;
    }
    #album #instagram_area li {
        position: relative;
        float: left;
    }
    #album #instagram_area li:before {
        content: '';
        display: block;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
    }
    #album #instagram_area li img {
        position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        /*		object-fit: cover; */
    }
    #album #instagram_area li:first-child img {
        width: auto;
        left: 50%;
        transform: translateX(-50%);
    }
    #album .bg_album_l {
        width: 128px;
        height: 83px;
        left: -34px;
        margin-left: 0;
        background-size: 128px auto;
    }
    #album .bg_album_r {
        width: 156px;
        height: 82px;
        left: inherit;
        right: -59px;
        margin-left: 0;
        background-size: 156px auto;
    }
    #pagetop {
        width: 113px;
        height: 112px;
        top: -50px;
        left: 50%;
        margin-left: -56px;
    }
    #pagetop a {
        width: 113px;
        height: 112px;
        background-image: url(../images/btn_pagetop_sp.png);
        background-size: 113px auto;
    }
    #pagetop a::after {
        display: none;
    }
    footer {
        height: 120px;
        padding-top: 86px;
    }
    footer img {
        width: 290px;
        margin: 0 auto;
    }
}