@charset "UTF-8";

@media screen and (max-width:1200px) {
    .news-contents{
        flex-direction: column;
    }
    article,
    aside{
        width: 100%;
    }

    div .wrapper{
        /* 罪嫌の恷寄を峺協 */
        max-width: 1200px;
        /* 貧和は嫌ゼロ、恣嘔はautoにすることで嶄刹�Bえ(�H勣殆-徨勣殆) */
        margin: 0 auto;
        /* スマ�`トフォン�鬚韻林牋廚淋O協 */
        padding: 0 0;
    }

    /*タイムライン畠悶の�O協*/
    .timeline{
        display: none;
    }
    .timeline li{
        display: none;
    }
    .timeline dl{
        display: none;
    }
    /*�~��塘崔で��を�O協*/
    .border-line {
        display: none;
    }
    /*タイムラインの��竃し罪の来の了崔と侘彜*/
    .timeline li::after{
        display: none;
    }
    
    /* �兢�冩梢片のタイル */
    .logo{
        /* Logo鮫�颪淋O協 */
        width: 1000px;
        margin-top: 30px;
        margin-left: 20px;
    }

    /* headerの嘘尚亟寔とタイトル猟忖 */
    #news{
        background-image: url(/~sakurai/www_English/picture/General/journal_cover_picture_header_7.jpg);
        background-position: center;
        height: 450px;
        margin-bottom: 40px;
    }
    #news .page-title{
        text-align: center;
        font-size: 7.375rem;
    }
    
    /* member.htmlに��するCSS */
    #member{
        background-image: url(/~sakurai/www_English/picture/General/hiking_tokura.JPG);
        background-position: center;
        height: 450px;
        margin-bottom: 40px;
    }
    #member .page-title{
        text-align: center;
        font-size: 7.375rem;
    }
    .sub-title-member{
        font-size: 2.375rem;
        padding: 0 8px 8px;
        /* 和��の�O協 */
        border-bottom: 5px #0bd solid;
        /* border-bottom: none; */
        font-weight: normal;
    }
    
    /* ��並何蛍 */
    article img{
        /* 互さは峺協していないが�k罪曳を�S隔した彜�Bで燕幣される(罪の
        �Lさは耕協なので互さも匯吭に�Qまる) */
        width: 400px;
        margin-left: 20px;
        margin-bottom: 20px;
    }
    article p{
        margin-left: 20px;
        margin-bottom: 1rem;
        text-align: left;
        text-justify: inter-ideograph;
        font-size: 2.275rem;
    }
    
    .news-contents{
        /* articleとasideを罪�Kびに */
        display: flex;
        /* �H勣殆のflexboxコンテナに��してflexboxアイテムを�I極護り原け */
        justify-content: space-between;
        margin-bottom: 50px;
    }
    .post-info{
        z-index: 1;
        position: relative;
        padding-top: 10px;
        margin-bottom: 10px;
    }
    .post-date{
        background: #0bd;
        border-radius: 50%;
        color: #fff;
        width: 200px;
        height: 200px;
        font-size: 2.625rem;
        text-align: center;
        position: absolute;
        top: 0;
        padding-top: 30px;
    }
    .post-date span{
        font-size: 2rem;
        border-top: 6px rgba(255, 255, 255, .5) solid;
        padding-top: 6px;
        display: block;
        /* widthでサイズを�{屁し、marginで嶄刹に護り原け */
        width: 60%;
        margin: 0 auto;
    }
    .post-title{
        font-size: 2.75rem;
        /* h2タグによる湊忖を盾�� */
        font-weight: bold;
    }
    .post-title{
        margin-left: 20px;
        margin-top: 220px;
    }
    .post-cat{
        margin-left: 20px;
        margin-top: 20px;
    }

    .sub-title-year{
        font-size: 3.375rem;
    }
    .sub-title{
        font-size: 3.375rem;
        padding: 0 8px 8px;
        /* 和��の�O協 */
        border-bottom: 5px #0bd solid;
        font-weight: normal;
    }
    
    aside p{
        padding: 12px 10px;
        font-size: 2.375rem;
    }

    .sub-menu{
        margin-bottom: 60px;
        /* リストの来いマ�`クを掲燕幣に */
        list-style: none;
    }
    .sub-menu li{
        font-size: 2.375rem;
        /* 和��の�O協 */
        border-bottom: 1px #ddd solid;
    }
    .sub-menu a{
        /* リンクの楳弼を販吭の弼に�筝� */
        color: #000;
        padding: 10px;
        /* クリック辛嬬な���譴�ﾚげる */
        display: block;
    }
    .sub-menu a:hover{
        color: #0bd;
    }


    /* フッタ�` */
    footer{
        background: #444;
        text-align: center;
        padding: 56px 0;
    }

    footer p{
        color: #fff;
        font-size: 1.875rem;
    }

    footer table{
        margin: auto;
    }
    

    /* 冱�Z�x�kボタンのCSS */
    /* === ラジオボタンは掲燕幣 ================== */
    #sample1 input[type="radio"]{
        display    : none;
    }

    /* === 光ラジオボタンのラベルをボタンに�筝� == */
    #sample1 label{
        margin: 20px;
        display    : inline-block;
        background: #fff; /* === ボタンの嘘尚弼を易にした == */
        border     : 5cap solid #ccc;
        box-shadow : 10px 10px #999;
        padding    : 30px 80px;
        cursor: hand;
        cursor:pointer;
    }

    /* === �x�kされている冱�Zのラベル弼を�筝� ==== */
    #sample1 input[type="radio"]:checked + label {
        background : #ffa64d;
    }

    /* === フォントの弼とサイズを峺協(廣吭�紺廚砲垢襪髪馨阿藩�晒する) === */
    .langCng{
        color: black; 
        font-size: 3.375rem;
    }
}