@media screen and (min-width: 851px){





    body{ letter-spacing: 1px; }





    /* メイン画像

    ========================================================================================================================*/



    .main{ position: relative; }

    .main img{ width: 100%; }











    /* メインテキスト

    ========================================================================================================================*/



    #contentsBox .box01{ margin: 50px auto 60px auto; text-align: center; }

    #contentsBox .box01 .tit{

        display: inline-block;

        background: url(/images/top/tit01.png) no-repeat 0 0;

        width: 690px;

        height: 32px;

        text-indent: -9999px;

        margin-bottom: 35px;

    }

    #contentsBox .box01 .txt{ line-height: 30px; }











    /* バナー

    ========================================================================================================================*/



    .banner{ margin: 15px auto 60px auto; text-align: center; }









    /* メニュー

    ========================================================================================================================*/



    #contentsBox .box02{ margin-bottom: 60px; }

    #contentsBox .box02 .tit{

        display: block;

        background: url(/images/top/tit02.gif) no-repeat 0 0;

        width: 110px;

        height: 33px;

        text-indent: -9999px;

        margin: 0 auto 45px auto;

    }



    #contentsBox .box02 dl{ width: 305px; float: left; margin-right: 32px; margin-bottom: 40px; }

    #contentsBox .box02 dl.under{ margin-bottom: 0; }

    #contentsBox .box02 dl.end{ margin-right: 0; }

    #contentsBox .box02 dl dt{ background: url(/images/top/ph00.png) no-repeat center 0; padding-top: 20px; }

    #contentsBox .box02 dl dd{ margin-top: 20px; letter-spacing: 0; line-height: 22px; height: 110px; }

    #contentsBox .box02 dl dd span{ display: block; text-align: center; margin-bottom: 15px; }

    #contentsBox .box02 dl dd span a img{ display: inline-block; }



    #contentsBox .box02 a{

        -moz-transition-duration: .3s;

        -moz-transition-delay: 0;

        transition-duration: .3s;

        transition-delay: 0;

    }

    #contentsBox .box02 a:hover img{

        filter: alpha(opacity=80);

        -moz-opacity:0.8;

        opacity:0.8;

    }





    /* お知らせ

    ========================================================================================================================*/



    #contentsBox .boxNews{ margin-bottom: 70px; }

    /*-- 見出し --*/

    #contentsBox .boxNews h3.tit{ display: block; background: url(/images/top/tit09.gif) no-repeat center 0; height: 34px; text-indent: -9999px; margin: 0 auto 45px auto; position: relative; }

    /*-- MORE --*/

    #contentsBox .boxNews h3.tit span{ position: absolute; right: 0; bottom: 10px; text-indent: 0; }

    #contentsBox .boxNews h3.tit span img{ position: absolute; bottom: 0; right: 0; }

    /*-- 記事 --*/

    #contentsBox .boxNewsContents a{ display: block; float: left; margin-right: 22px; width: 295px; }

    #contentsBox .boxNewsContents a:hover span.tit{ text-decoration: underline; }

    #contentsBox .boxNewsContents a:last-child{ margin-right: 0; }

    #contentsBox .boxNewsContents a dl{ float: left; }

    #contentsBox .boxNewsContents a dl dt{ float: left; width: 110px; margin-right: 20px; }

    #contentsBox .boxNewsContents a dl dd{ float: left; width: 165px; padding-top: 15px; }

    #contentsBox .boxNewsContents a dl dd span.date{ font-size: 12px; color: #7c7c7c; display: block; line-height: 14px; margin-bottom: 7px; }

    #contentsBox .boxNewsContents a dl dd span.tit{ line-height: 20px; display: block; word-break: break-all; }



}







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

    body{ min-width: auto; }

    #instafeed {
        display: flex;
        flex-wrap: wrap;
		overflow: hidden;
    }

    #instafeed div {
        width: 49%;
        height: auto;
        overflow: hidden;
        margin-bottom: 10px;
    }

    #instafeed div:nth-child(odd){ float: left; margin-right: 1%; }

    #instafeed div:nth-child(even){ float: right; margin-left: 1%; }

    #instafeed div a {
        display: block;
        overflow: hidden;
    }

    #instafeed div a img {
        width: 100%;
        height: auto;
    }

	#instafeed div a img.hover{
		display: none;
	}

    .ContentsWrapper{ margin: 0; }


    /* メイン画像
    ========================================================================================================================*/

    .main{ position: relative; }

    .main img{ width: 100%; }

    #contentsBox{ margin: 0 13px; }


    /* メニュー
    ========================================================================================================================*/
    #contentsBox .box01{ margin: 43px auto 60px auto; text-align: center; }

    #contentsBox .box01 .tit{ background: none; margin-bottom: 30px; font-size: 24px; line-height: 1.6; font-weight: 400; letter-spacing: 2px; }

    #contentsBox .box01 .txt{ font-size: 16px; text-align: left; line-height: 1.6; padding: 0 0; }

    .boxInstagram{ margin-bottom: 50px; }

    .boxInstagram .tit{ text-align: center; font-size: 28px; font-weight: normal; margin-bottom: 25px; }

    .boxInstagram .tit span.icon{ background: url("../images/top/sp/instagram.svg") no-repeat 0 50%; background-size: 27px 27px; color: #1d1d1d; padding-left: 55px; letter-spacing: 0; }

    .boxInstagram .tit span .scale{ transform: scale(1.2, 1); display: inline-block; letter-spacing: -2px; }

    .boxInstagram .btn{ margin: 15px 0 0 0; }

    .boxInstagram .btn a{ font-size: 16px; background-color: #f2f2f0; color: #1d1d1d; padding: 20px 20px; text-align: center; display: block; }

    .boxInstagram .btn a span{ display: block; background: url('../images/top/sp/arrow.svg') no-repeat 100% 50%; margin: 0; background-size: 8px 14px; font-size: 16px; font-weight: 400; }




    /* メニュー
    ========================================================================================================================*/
    #contentsBox .box02{ margin: 46px auto 60px auto; }

    #contentsBox .box02 .tit{ text-align: center; font-size: 28px; margin-bottom: 25px; font-weight: 400; }

    #contentsBox .box02 .tit span{ transform: scale(1.2, 1); display: inline-block; letter-spacing: 0; color: #1d1d1d; }

    /* .line{ display: block; border-bottom: #4c4c4c 1px solid; text-align: center; margin-bottom: 8px; }

    .line span{ border-bottom: #ffffff 5px solid; padding: 0 10px; }

    #contentsBox .box02 dl dt img{ width: 100%; height: auto; }

    #contentsBox .box02 dl.last-child{ margin-bottom: 0; }

    #contentsBox .box02 dl{ margin-bottom: 40px; }

    #contentsBox .box02 dl dt{ text-align: center; }

    #contentsBox .box02 dl dd.txt{ padding: 0 0; }

    #contentsBox .box02 dl dd{ font-size: 16px; }

    #contentsBox .box02 dl dd span{ display: block; font-size: 24px; color: #1d1d1d; text-align: center; margin: 22px 0 15px 0; font-weight: 400; }

    #contentsBox .box02 dl dd.btn{ margin: 15px 0 0 0; }

    #contentsBox .box02 dl dd.btn a{ font-size: 16px; background-color: #f2f2f0; color: #1d1d1d; padding: 20px 20px; text-align: center; display: block; }

    #contentsBox .box02 dl dd.btn a span{ display: block; background: url('../images/top/sp/arrow.svg') no-repeat 100% 50%; margin: 0; background-size: 8px 14px; font-size: 16px; font-weight: 400; }

    span.scale{ transform: scale(1.2, 1); display: inline-block !important; background: none !important; letter-spacing: 0; } */

    .boxNews{ display: none; }

    .contactBox{ display: none; }



    /* ニュース 2021/04/04
    ========================================================================================================================*/

    #contentsBox .sp__boxNews h3.tit{
        margin-bottom: 5px;
        font-size: 28px;
        font-weight: 400;
        text-align: center;
    }
    #contentsBox .sp__boxNews h3.tit span{
        transform: scale(1.2, 1);
        display: inline-block;
        letter-spacing: 0;
        color: #1d1d1d;
    }

    #contentsBox .sp__boxNews .boxNewsContents a{
        display: block;
        padding: 15px 0;
        border-bottom: 1px solid #d6d6d6;
    }

    #contentsBox .sp__boxNews .boxNewsContents a:last-of-type{
        border-bottom: none;
    }

    #contentsBox .sp__boxNews .boxNewsContents a dl dt{
        display: none;
        font-size: 16px;
    }

    #contentsBox .sp__boxNews .boxNewsContents a dl dd .date{
        display: block;
        font-size: 16px;
    }

    #contentsBox .btnMore a{
        display: block;
        background-color: #f2f2f0;
        color: #1d1d1d;
        margin-top: 20px;
        padding: 20px 20px;
        font-size: 16px;
        text-align: center;
    }

    #contentsBox .btnMore a span.arrow{
        display: block;
        color: #1d1d1d;
        background: url(../images/top/sp/arrow.svg) no-repeat 100% 50%;
        margin: 0;
        background-size: 8px 14px;
        font-size: 16px;
        font-weight: 400;
        text-align: center;
    }

    #contentsBox .btnMore a span.scale{
        color: #1d1d1d;
        margin: 0;
        text-align: center;
        font-size: 16px;
        font-weight: 400;
    }



    /* メニュー 2021/04/04
    ========================================================================================================================*/

    #contentsBox .box02 span.line{
        position: relative;
        display: block;
        margin: 30px 0 15px;
        padding-bottom: 2px;
        border-bottom: 1px solid #000;
        font-size: 23px;
        text-align: center;
    }

    #contentsBox .box02 span.line::before{
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        background: url(../images/top/sp/crown.svg) top right / 36px 11px;
        width: 18px;
        height: 11px;
    }

    #contentsBox .box02 span.line::after{
        content: "";
        position: absolute;
        right: 0;
        bottom: 0;
        background: url(../images/top/sp/crown.svg) top left / 36px 11px;
        width: 18px;
        height: 11px;
    }

    #contentsBox .box02 a{
        display: flex;
        align-items: center;
        margin: 0 0 10px;
        border: 1px solid #fff;
        outline: 1px solid #dfded9;
    }

    #contentsBox .box02 a.gold{ background: #f2efe9; }
    #contentsBox .box02 a.pink{ background: #f5ece9; }
    #contentsBox .box02 a.blue{ background: #eee; }

    #contentsBox .box02 a .ph{
        width: 35.82%;
        max-width: 125px;
    }

    #contentsBox .box02 a .ph img{ width: 100%; }

    #contentsBox .box02 a .text{
        width: 64.18%;
        text-align: center;
    }

    #contentsBox .box02 a .text p.wf-mincho{
        font-size: 20px;
        line-height: 1;
        letter-spacing: 0;
    }

    #contentsBox .box02 a .text p.wf-mincho span{ font-size: 15px; }
    #contentsBox .box02 a .text p.wf-mincho span.min-more{ font-size: 11px; }

    #contentsBox .box02 a.gold .text p.wf-mincho{ color: #988339; }
    #contentsBox .box02 a.pink .text p.wf-mincho{ color: #b55d5d; }
    #contentsBox .box02 a.blue .text p.wf-mincho{ color: #5e9499; }

    #contentsBox .box02 a .text p.wf-mincho + p{
        margin-top: 8px;
        font-size: 13px;
        line-height: 1.5;
    }


}