@charset "UTF-8";
.header_1{
    padding-left: 10px;
    padding-right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgb(1, 0, 26);
    width: 100%;
    height: 60px;
    .nisezon_logo{
        display: flex;
        align-items: center;
        width: 150px;
        height: 100%;
        .nisezon_logo_image{
            width: 100%;
            height: auto;
        }
    }
    .todoke{
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 150px;
        height: 100%;
        .todoke_image{
            width: 100%;
            height: auto;
        }
    }
    .textbox{
        margin-left: 15px;
        display: flex;
        height: 40px;
        .subete_box{
            display: grid;
            justify-content: center;
            background-color: rgb(212, 212, 212);
            border-radius: 5px 0 0 5px;
            border-right: solid 1px rgb(176, 176, 176);
            width: 70px;
            .subete{
                display: flex;
                align-items: center;
                width: 50px;
                height: 100%;
                .subete_image{
                    width: 100%;
                    height: auto;
                }
            }
        }
        .kensaku{
            background-color: white;
            width: 550px;
            height: 40px;
            padding-left: 10px;
        }
        .musimegane_box{
            display: grid;
            justify-content: center;
            background-color: rgb(248, 171, 72);
            border-radius: 0 5px 5px 0;
            width: 45px;
            height: 40px;
            .musimegane{
                display: flex;
                align-items: center;
                width: 20px;
                height: 100%;
                .musimegane_image{
                    width: 100%;
                    height: auto;
                }
            }
        }
    }
    .nihon{
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 75px;
        height: 100%;
        .nihon_image{
            width: 100%;
            height: auto;
        }
    }
    .akaunto{
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 175px;
        height: 100%;
        .akaunto_image{
            width: 100%;
            height: auto;
        }
    }
    .rireki{
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 100px;
        height: 100%;
        .rireki_image{
            width: 100%;
            height: auto;
        }
    }
    .ka-to{
        margin-left: 15px;
        display: flex;
        align-items: center;
        width: 75px;
        height: 100%;
        .ka-to_image{
            width: 100%;
            height: auto;
        }
    }
}
.header_2{
    padding-left: 27.5px;
    padding-right: 27.5px;
    display: flex;
    align-items: center;
    background-color: rgb(0, 41, 82);
    width: 100%;
    height: 40px;
    .header_2_ul_li ul li{
        display: inline-block;
        list-style: none;
        font-size: 15px;
        color: white;
    }
    .subete_hum{
        width: 15px;
        height: 100%;
        .subete_hum_image{
            width: 100%;
            height: auto;
        }
    }
    .header_link_1{
        font-weight: 600;
    }
    .header_link_2{
        margin-left: 10px;
    }
    .header_link_3{
        margin-left: 10px;
    }
    .header_link_4{
        margin-left: 10px;
    }
    .header_link_5{
        margin-left: 10px;
    }
    .header_link_6{
        margin-left: 10px;
    }
    .header_link_7{
        margin-left: 10px;
    }
    .header_link_8{
        margin-left: 10px;
    }
    .header_link_9{
        margin-left: 10px;
    }
    .header_link_10{
        margin-left: 10px;
    }
    .koukoku_box{
        display: grid;
        align-items: center;
        position: absolute;
        right: 0;
    }
}
.header_3{
    padding-left: 25px;
    padding-right: 25px;
    display: grid;
    align-items: center;
    width: 100%;
    height: 32.5px;
    background-color: rgb(247, 247, 247);
    border-bottom: solid 1px rgb(227, 227, 227);
    .header_3_ul_li ul li{
        display: inline-block;
        list-style: none;
        font-size: 12.5px;
        color: black;
    }
    .header_3_link_1{
        font-weight: 600;
    }
    .header_3_link_2{
        margin-left: 12.5px;
    }
    .header_3_link_3{
        margin-left: 12.5px;
    }
    .header_3_link_4{
        margin-left: 12.5px;
    }
    .header_3_link_5{
        margin-left: 12.5px;
    }
}
main{
    margin-top: 25px;
    padding-left: 25px;
    padding-right: 25px;
    .main_nav{
        display: flex;
        .mylist{
            display: grid;
            justify-content: center;
            align-items: center;
            width: 175px;
            height: 50px;
            font-weight: 400;
            border-bottom: solid 4px rgb(255, 255, 255);
        }
        .frend{
            display: grid;
            justify-content: center;
            align-items: center;
            width: 100px;
            height: 50px;
            color: rgb(45, 125, 183);
            border-bottom: solid 4px rgb(45, 125, 183);
        }
    }
    .main_box{
        width: 100%;
        height: 500px;
        border: solid 1px rgb(200, 200, 200);
        .main_box_box{
            display: flex;
            float: left;
            margin-left: 15px;
            padding: 10px 10px 10px 0;
            .main_left{
                padding-top: 10px;
                border-bottom: solid 2px rgb(200, 200, 200);
                width: 275px;
                height: 150px;
                .ue_box{
                    display: flex;
                    align-items: center;
                    .ue_p{
                        font-size: 120%;
                        font-weight: 600;
                        margin-right: 50px;
                    }
                    .ue{
                        width: 18px;
                        height: 100%;
                        .ue_image{
                            width: 100%;
                            height: auto;
                        }
                    }
                }
                .hozon{
                    margin-top: 20px;
                    display: grid;
                    justify-content: center;
                    align-items: center;
                    background-color: rgb(255, 221, 0);
                    width: 225px;
                    height: 30px;
                    border-radius: 15px;
                    .hozon_p{
                        color: black;
                        font-size: 80%;
                    }
                }
                .list_name{
                    margin-top: 15px;
                    margin-bottom: 15px;
                    background-color: rgb(235, 235, 235);
                    width: 225px;
                    height: 25px;
                    .list_name_p{
                        padding-left: 15px;
                        padding-top: 2.5px;
                        font-weight: 600;
                        font-size: 90%;
                    }
                }
            }
            .main_right{
                padding-top: 10px;
                margin-left: 30px;
                .main_right_top{
                    display: flex;
                    width: 100%;
                    height: 75px;
                    border-bottom: solid 1px rgb(200, 200, 200);
                    .main_right_top_p{
                        .main_right_top_p_tittle{
                            font-weight: 600;
                            font-size: 130%;
                        }
                        .main_right_top_p_sub{
                            margin-top: 5px;
                            color: rgb(67, 67, 67);
                        }
                    }
                    .ten_box{
                        position: absolute;
                        right: 50px;
                        display: grid;
                        justify-content: center;
                        align-items: center;
                        background-color: white;
                        width: 50px;
                        height: 30px;
                        border: solid 1px rgb(203, 203, 203);
                        border-radius: 15px;
                        .ten{
                            width: 25px;
                            height: 100%;
                            .ten_image{
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                }
                .right_more{
                    margin-top: 10px;
                    margin-bottom: 10px;
                    display: flex;
                    .tairu_box{
                        display: grid;
                        justify-content: center;
                        background-color: white;
                        width: 30px;
                        height: 30px;
                        .tairu{
                            width: 15px;
                            height: 100%;
                            .tairu_image{
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                    .retu_box{
                        display: grid;
                        justify-content: center;
                        background-color: white;
                        width: 30px;
                        height: 30px;
                        border-bottom: solid 2px orangered;
                        .retu{
                            width: 15px;
                            height: 100%;
                            .retu_image{
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                    .right_right{
                        display: flex;
                        position: absolute;
                        right: 50px;
                        .r_textbox{
                            display: flex;
                            align-items: center;
                            border: solid 1px rgb(129, 129, 129);
                            border-radius: 5px;
                            width: 200px;
                            height: 30px;
                            .r_musimegane_box{
                                display: grid;
                                justify-content: center;
                                margin-top: 5px;
                                margin-left: 10px;
                                width: 25px;
                                height: 25px;
                                .r_musimegane{
                                    width: 15px;
                                    height: 100%;
                                    .r_musimegane_image{
                                        width: 100%;
                                        height: auto;
                                    }
                                }
                            }
                            .r_kensaku{
                                margin-left: 5px;
                            }
                        }
                        .sibori_box{
                            margin-left: 15px;
                            border-left: solid 1px rgb(198, 198, 198);
                            height: 30px;
                            .sibori{
                                margin-left: 15px;
                            }
                        }
                        .r_sita{
                            margin-left: 10px;
                            width: 10px;
                            height: 100%;
                            .r_sita_image{
                                width: 100%;
                                height: auto;
                            }
                        }
                    }
                }
                .content{
                    display: grid;
                    justify-content: center;
                    align-items: center;
                    border: solid 1px rgb(227, 227, 227);
                    border-radius: 5px;
                    width: 1125px;
                    height: 300px;
                    .kokoro{
                        font-size: 150%;
                    }
                }
            }
        }
    }
}
@media(max-width:800px){
}