/*JOURNAL SP*/


#single_journal{
position: relative;
width: 80%;
margin: 0 auto;
padding: 100px 0 70px 0;
text-align:left;
}


#single_journal .kaku_kiji{

}



#single_journal h1{
margin: 0 0 0 0;
padding: 0 0 15px 0;

/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666666vw;
font-size: clamp(15px, 4.2666666vw, 17.0px);
line-height: 1.6;
}





#single_journal h2{
margin: 0 0 0 0;
padding: 0 0 15px 0;
/*FONT 375px計算*/
font-size: 16px;
font-size: 4.2666666vw;
font-size: clamp(15px, 4.2666666vw, 17.0px);
line-height: 1.6;
}

#single_journal h3{
margin: 0 0 0 0;
padding: 0 0 15px 0;
/*FONT 375px計算*/
font-size: 14px;
font-size: 3.7333333vw;
font-size: clamp(13px, 3.7333333vw, 15.0px);
line-height: 1.6;
}

#single_journal h4{
margin: 0 0 0 0;
padding: 0 0 15px 0;
/*FONT 375px計算*/
font-size: 14px;
font-size: 3.7333333vw;
font-size: clamp(13px, 3.7333333vw, 15.0px);
line-height: 1.6;
}


/*日付*/
#single_journal .single-date{
margin: 0 0 0 0;
padding: 0 0 60px 0;

/*FONT 375px計算*/
font-size: 11px;
font-size: 2.9333333vw;
font-size: clamp(10px, 2.9333333vw, 12.0px);
}


#single_journal .kiji_area{

}


#single_journal .kiji_area p{
margin: 0 0 30px 0;

/*FONT 375px計算*/
font-size: 13px;
font-size: 3.4666666vw;
font-size: clamp(12px, 3.4666666vw, 14.0px);
line-height: 1.9;
}


#single_journal .kiji_area img{
width: 100%;
height: auto;
margin: 0 0 40px 0;
}



/*Back to Index SP*/
#single_journal .back_to_index{
position: fixed;
width: 100%;
height: 30px;
line-height: 30px;

bottom: 0px;
left: 0px;

text-align: left;

margin: 0;
padding: 10px;

background: #fff;
border-top: 1px solid #ccc;

/*FONT 375px計算*/
font-size: 12px;
font-size: 2.9333333vw;
font-size: clamp(10px, 2.9333333vw, 12.0px);
}

#single_journal .back_to_index_layout:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#single_journal .back_to_index .back_to_index_layout{
margin: 0 0 0 30px;
opacity: 1;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}



/*スマホ終了
--------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 768px) {




#single_journal{
width: 750px;
margin: 0 0 0 100px;
padding: 150px 0 130px 0;
}

#single_journal .kaku_kiji{
margin: 0 0 0 0;
padding: 0 0 0 0;
}





#single_journal h1{
margin: 0 0 0 0;
padding: 0 0 15px 0;

font-size: 18px;
line-height: 1.5;
}

#single_journal h2{
margin: 0 0 0 0;
padding: 0 0 15px 0;

font-size: 18px;
line-height: 1.5;
}

#single_journal h3{
margin: 0 0 0 0;
padding: 0 0 15px 0;

font-size: 16px;
}


#single_journal h4{
margin: 0 0 0 0;
padding: 0 0 15px 0;

font-size: 16px;
}




/*日付*/
#single_journal .single-date{
margin: 0 0 0 0;
padding: 0 0 50px 0;

font-size: 12px;
}

#single_journal .kiji_area{

}

#single_journal .kiji_area p{
margin: 0 0 30px 0;
padding: 0 0 0 0;

font-size: 15px;
line-height: 1.8;
letter-spacing: 0;
}




#single_journal .kiji_area img{
width: 100%;
height: auto;
margin: 0 0 40px 0;
}




#single_journal .back_to_index{
position: fixed;
bottom: 40px;
left: 40px;
width: auto;
margin: 0;
padding: 0;

border: none;
border-bottom: 1px solid #ccc;

font-size: 13px;
opacity: 1;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#single_journal .back_to_index:hover{
opacity: 0.6;
transition: opacity 0.5s;
-webkit-transition: opacity 0.5s;
}

#single_journal .back_to_index .back_to_index_layout{
margin: 0 0 0 0;
}




}/*タブレット以上向け終了括弧*/