@CHARSET "UTF-8";

/*スマホ用*/
@media screen and (max-width: 750px) {

/*---全体-------------------------*/

    html{
        scroll-padding-top: 140px;
        font-family: "HG丸ｺﾞｼｯｸM-PRO", sans-serif;
    }
    
/*---ロゴ部分----------*/
    #little-headerCon-sp {　　　
        width: 100%;
        background: #ffe4e1;
        border-top: solid 15px;
        border-bottom: solid 15px;
        border-top-color: #FAB27B;
        border-bottom-color: #FAB27B;

    }
    .back-spTitle{
        background-color: #ffe4e1;
        padding: 5px 15px;
        display: flex;
        justify-content: space-between;
        padding-bottom: 10px;
    }
    .rogo1-sp{
        margin-left: -20px;
    }
    .rogo1-sp img{
        width: 270px;
    }
    spTitle2{
        display: flex;
        flex-direction: column;
    }

    .back-orange-box02-sp p{
        font-size:2.5vw;
    }
    .back-orange-box02-sp{

    }
    .rogo2-sp{
        margin-right: -20px;
    }
    .rogo2-sp img{
        width: 250px;
}

/*----- main -----*/
   /*段目*/    
    .newCon-sp{
        padding-top: 50px;
        background-color: #ffe4e1;
        display: block;
        width: 90%;
        margin: auto;
        flex-wrap: wrap;
    }

    /*　文章部分の構成　*/
    .message-sp{
        width:100%;
        align-content: center;
    }

    /*　文章のタイトル部　*/
    .message-title-sp{
        background-color: #FFD700; 
        padding: 0 5px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: auto;
        text-align: center;
    }

    /*　文章　*/
    .message-sentence-sp{
        width: 100%;          /* 親要素に合わせる */
        font-size: clamp(14px, 4vw, 20px);  /* 画面に合わせて可変 */
        line-height: 1.6;     /* 行間 */
        word-wrap: break-word; /* 長い英単語やURLも折り返す */
        font-weight:600;
        color: #333333;
        letter-spacing: 0.1em;
    }
    
    /*スライド背景部*/
    .spSlider{
        width: 100%;
        margin-top: 10px;       
        display: flex;
        justify-content: center; 
        align-items: center; 
    }
    
    /* spスライド　*/
    .slide-sp{
        width: 80%;
        padding: 20px;
        background-color: #ffe4e1;
        justify-content: center;   
    }

    /*　spスライド内の画像　*/
    .slide img {
        width: 330px;
        height: 330px;
        border: none;
        margin: 0;
        padding: 0;
        display: block;
        background: none;
        object-fit: contain
    }
    
    /* 最終段　写真 */
    .lastPicture-box-sp{
        width: 100%;
        margin-top: 10px;
        margin-bottom: 50px;       
        display: flex;
        justify-content: center; /* 横方向の中央揃え */
        align-items: center;     /* 縦方向の中央揃え */
    }
    .lastPicture-box-sp img{
        width: 85%;
    }
        
 /*-- けいきの一日--*/
    /* スケジュール配置 */
    .daySche-sp{
        width: 100%;
        margin: 0 auto;
    }

    .daySche-sp img{
        width: 100%;
        display: block;
    }

    /*直接表示*/
    /*　1日スケジュールの枠　*/
    .title-box-sp{
        border: 3px solid #000;
        font-size: clamp(15px,3vw,25px);
        padding: 10px;
        margin: 1em 3em;
        overflow: hidden;
        white-space: nowrap;
    }
    .title-box-sp legend{
        font-size: 150%; 
        font-weight: bold;
    }
    .inSchedule1-sp{
        margin: 0 0px;
        font-size: 120%;
        line-height: 1.6;
        font-weight:600;
        color: #333333;
        letter-spacing: 0.1em;
    }
    
    .contentSlide-sp{
        padding-bottom: 50px;
    }
    
 /*-- けいきグループ--*/
    .newCon4{
        background-color: #ffe4e1;
        width: 95%;
        padding: 20px;
    }
    .kIllust-sp{
        width: 90%;
        margin: 0 auto;
        margin-top: 30px;
        margin-bottom: 50px;
    }
    .kIllust-sp img{
        width:100%;
        border-radius:3rem;
        opacity: 0.9;
    }


/*-- けいきlittleのスタッフ--*/
    .newCon5-sp{
        background-color: #ffe4e1;
        width: 100%;
        margin: 10px 5px;
        padding: 5px;
    }

    /*けいきのスタッフ*/
    .normalbox1-sp{
        margin: 5px 20px;

    }

    .normalbox2-sp{
        margin-top: 5px;  
        text-align: center;
    }
    .normalbox2-sp img{
        margin-top:20px; 
        margin-bottom: 30px;
        width: 55%; 
    }  

/*--  アクセス  --*/
    .map-sp{
        border: 1px solid darkgray;
        margin-top: -25px;
    }
    /*下部写真*/
    .lastPicture-box2{
        width: 100%;
        margin: 0;
        display: flex;
        justify-content: center; /* 横方向の中央揃え */
        align-items: center;     /* 縦方向の中央揃え */
    }
    .lastPicture-box2 img{
        width: 90%;
        margin-top: 30px;
    }
    
/*-- フッター　--*/
    .footBox-sp{
        margin:10px auto;
        padding-left: 30px;
    }
    .footBox-sp img{
        margin-bottom: 2px;
        margin-left: -5px;
    }
    .footBox-sp p{
        font-size: clamp(16px,3vw,20px);
        line-height: 1.2em;
        margin-top: 0;
        margin-left: -10px;
    }
    .footBox01-sp{
        margin-left: -20px;
    }
    .footBox01-sp img{
        width: 700px;
        height: auto;
    }
        
/*---表示/非表示-------------------------*/
    
    .little-sp,
    #setsumei-sp{
        display: block;
    }
    
    /*PC用を非表示にする。*/
    .pcpcMain,
    .little-pc,
	#little-headerCon-pc,
    #setsumei,
    {
		display:none;
    }
    
    #little-headerCon{
        border-top: none;
    }
    
}

/* IE用css */
@media all and (-ms-high-contrast: none){
    .b-yellow-sp,
    .ltl-sp-guide th{
        padding-bottom: 15px 0 10px;
    }
    .right-text-sp,
    .ltl-sp-guide td{
        line-height: 1.5;
    }
}