@charset "utf-8";
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }
main{
    box-sizing:border-box;
    padding:5px;
}
main p{
    text-indent:1em;
}
article{
    position:relative;
    box-sizing: border-box;
    width:100%;
    background-color:white;
    margin-bottom:30px;
}
.page1,.page2{
    position:relative;
    box-sizing: border-box;
    padding:20px;
}
.profile_header{
    box-sizing:border-box;
    position:relative;
    width:100%;
    display:flex;
    flex-direction:row;
}
.header_str{
    display:flex;
    flex-direction:column;
    justify-content: center;
    margin-right:10px;
    width:100%;
}
.header_str h2{
    font-weight:normal;
    font-size:1.2em;
}
.header_str .name{
    display:flex;
    box-sizing: border-box;
    flex-direction:column;
    justify-content: center;
    padding:0 5px;
    height:100%;
    border:solid 0.5px black;
    font-weight:bold;
    font-size:1.5em;
    font-family: 'mincho';
}
.header_str .name .beforeName{
    font-weight:normal;
    font-size:0.8em;
}
.header_img{
    width:120px;
    height:160px;
    background-color:palegreen;
    display:block;
}
.header_img img{
    width:120px;
    height:160px;
}
section{
    position:relative;
    box-sizing:border-box;
    padding:5px;
}
section header{
    border-bottom:solid 0.5px black;
}
ul{
    box-sizing:border-box;
    padding-left:2em;
}
#leftfooter{
    display:none;
    position:absolute;
    left:5px;
    bottom:5px;
    color:green;
}
#rightfooter{
    display:none;
    position:absolute;
    right:5px;
    bottom:5px;
    color:green;
}
.importantLink{
    position:relative;
}
.importantLink::after{
    position:absolute;
    content:url(img/Click.png);
    top:-45px;
    left:0px;
}
.importantLink_side::after{
    content:url(img/Click2.png);
    vertical-align: middle;
}
/*

個別データ用

*/
.big_photo{
    width:100%;
    display:flex;
    flex-direction: row;
}
.big_photo a{
    display:block;
    width:100%;
    height:100%;

}
.big_photo img{
    width:100%;
}
.big_photo .img_margin_right{
    margin-right:10px;
}
.big_photo .blank_img{
    width:50%;
}
.profile_mori .comment{
    text-indent:1em;
}
.proflle_nagata.content_img2{
    width:80%;
    height:50%;
}
#panclub_head{
    position:relative;
    display:flex;
    flex-direction:row;
}
#panclub_head img{
    display:block;
    width:100%;
}
.stuff_1 header,.stuff_2 header{
    border:none;
}
#panclub_imgs td{
    width:calc(100%/4);
}
#panclub_imgs img{
     width:100%;
}
.panclub_title{
    font-size:1.5em;
    font-weight:bold;
}
/**/
#minna_header_h2{
    text-align:center;
    font-size:1.5em;
    font-weight:bold;
}
.minna_header_img{
    width:50%;
}
.minna_header_img img{
    width:100%;
}
#minna_club .header_img{
    background-color:white;
}
.minna_imgs_row{
    width:100%;
}
.minna_imgs_row img{
    width:32%;
}
#kyouwa .profile_header .header_img{
    position:relative;
    box-sizing:border-box;
    width:200px;
    height:160px;
    background-color:white;
}
#kyouwa .profile_header .header_img img{
    position:absolute;
    width:100%;
    bottom:0;
}
#kyouwa ul{
    list-style-type:  cjk-ideographic;
}
#kyouwa .photo{
    display:flex;
    flex-direction:row;
}
#kyouwa .photo .rightarea,#kyouwa .photo .leftarea{
    width:50%;
}
#kyouwa .photo img{
    width:100%;
}
#kyouwa .photo .rightarea{
    display:flex;
    flex-direction: column;
}
#kyouwa .photo .rightarea a{
    width:90%;
    margin: 0 auto;
}
#kyouwa .photo .rightarea p{
    font-size:0.7em;
    line-height:1.0em;
}
#kyouwa .rinen{
    margin-bottom:0em;
}
#kyouwa .rinen_img img{
    width:100%;
}
#kyouwa .rinen_img{
    width:100%;
    box-sizing:border-box;
    margin-top:0px;
}
#mokuji{
    width:100%;
    background-color:white;
    margin-bottom:1em;
}
#mokuji h3{
    font-weight:bold;
    font-size:1.1em;
    text-decoration:underline,black,0.5px;
}
#mokuji ul{
    list-style-type: none;
}
#kyouwa .on_mobile{
    display:flex;
}
#kyouwa .on_pc{
    display:none;
}
#toyota_nagasaki .header_str{
    width:60%;
}
#toyota_nagasaki .header_img{
    height:auto;
    width:40%;
    background-color:white;
}
#toyota_nagasaki .header_img img{
    position:relative;
    height:auto;
    width:100%;
    bottom:0px;
}
#toyota_nagasaki .profile_header{
    height:auto;
}
#toyota_nagasaki .name div{
    display:flex;
    flex-direction: column;
}
#toyota_nagasaki .read_img{
    box-sizing:border-box;
    padding:0px;
    width:100%;
}
#toyota_nagasaki .read_img img{
    width:100%;
}
#toyota_nagasaki #headerh2{
    font-weight:normal;
    font-size:1.2em;
}
@media screen and (min-width:600px){
    #toyota_nagasaki .name div{
        display:flex;
        flex-direction: row;
    }
}
@media screen and (min-width:1024px){
    article{
        display:flex;
        flex-direction:row;
        background-color:green;
    }
    .page1,.page2{
        box-sizing:border-box;
        background-color:white;
        width:50%;
    }
    .page1{
        margin-right:2px;
    }
    #leftfooter{
        display:block;
    }
    #rightfooter{
        display:block;
    }
    #kyouwa .rinen{
        margin-bottom:1em;
    }
    #kyouwa .on_mobile{
        display:none;
    }
    #kyouwa .on_pc{
        display:flex;
    }
}
