* , *::before , *::after{
    font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif;
}

body{
    margin : 0px;
    margin: 0;
    display: flex;
    flex-flow: column;
    min-height: 100vh;
}

.head_oya{
    max-width : 1920;
    width : 100%;
    height : 80px;
    background-color: rgba(15, 15, 15, 0.87);
    position : fixed;
    top : 0px;
    z-index : 10;
}

.logo{
    /* float : left; */
    /* width : 250px; */
    max-width : 100%;
    max-height : 100%;
    /* width : 138px;
    height : 150px; */
    margin-top : 2px;
    /* position: absolute; */
}

.koumoku_oya{
    float : right;
    margin : 0px;
    margin-right : -18px;
}

.koumoku_child{
    display : inline-block;
}

.koumoku_child2{
    display : inline-block;

}

.koumoku_child3{
    display : inline-block;
    display : none;
    /* max-width : 100%; */
}

.mail{
    max-width : 100%;
    max-height : 100%;
    width : 30px;
    height : 30px;
    padding-top : 6px;
}

.kesu{
    clear : both;
}

.takasa{
    height : 80px;
}

.koumoku_oya li ul {
    width : 150px;
    display : none;
    margin-left : -40px;
    position : absolute;
}

.koumoku_oya li a {
    display : block;
    width : 150px;
    height : 80px;
    line-height : 80px;
    text-align : center;
    color : #fff;
    font-size : 14px;
    text-decoration : none;
    box-sizing : border-box;
}

.koumoku_oya > li li:hover > a {
    background-color : grey;
}

.koumoku_mago{
    background-color : rgba(15, 15, 15, 0.87);
    text-decoration : none;
}

.koumoku_oya li {
    list-style : none;
}

.img-size{
    position: relative;
    z-index : 0;
    font-size : 50px;
    /* max-height : 100%;*/
    max-width : 100%;
    width : 100%;
    height: 400px;
    /* background-color: blue; */
}

.img{
    /* max-height : 100%; */
    /* position:absolute;
    top:0;
    bottom: 0;
    left: 0;
    right: 0; */
    width : 100%;
    height : 100%;
    /* height : 400px; */
    object-fit :scale-down;
    /*width : 100%; */
}

.bun1{
    position : absolute;
    top : 50%;
    left : 50%;
    -ms-transform : translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    margin : 0;
    padding : 0;
    color : white;
    font-size : 100%;
    word-break : keep-all;
    font-weight : bold;
    text-shadow : 5px 5px 6px rgb(32, 32, 32);
    letter-spacing : 6px;                /* 文字間 */
    font-family : BIZ UD明朝 Medium;
  
}

.bun2{
    position : absolute;
    top : 50%;
    left : 50%;
    -ms-transform : translate(-50%,-50%);
    -webkit-transform : translate(-50%,-50%);
    transform : translate(-50%,-50%);
    margin : 0;
    padding-top : 13%;
    color : white;
    font-size : 70%;
    word-break : keep-all;
    font-weight : bold;
    text-shadow : 5px 5px 6px rgb(32, 32, 32);
    letter-spacing : 6px;                /* 文字間 */
    font-family : BIZ UD明朝 Medium;
}

/*---------------------------------------------------コンテンツ-------------------------------------------------------*/

#contents{
    max-width : 1401px;
    width : 100%;
    height : 100%;
    padding : 0 10px;
    margin : 0 auto;
    box-sizing : border-box;
}

.flex{
    display: flex;
    flex-wrap: wrap;
}

.tyousei{
    margin-top : 30px;
    box-sizing : border-box;
}

.tyousei2{
    margin-top : 70px;
    box-sizing : border-box;
}

.kesu{
    clear : both;
}

.link-t-a {
    position : relative;
    top : -100px;
    display : block;
}
.itida{
    text-align : center;
    position : relative;
    box-sizing : border-box;
    padding-bottom :5px;
    margin-top : -10px;
    opacity : 1;
    transition : 1s;
}

.itida.show{
    opacity : 0;
}

/*スクロール*/
.itidaze{
    position : absolute;
    top : 15px;
    left : 50%;
    width : 24px;
    height : 24px;
    margin-left : -12px;
    border-left : 1px solid black;
    border-bottom : 1px solid black;
    -webkit-transform : rotate(-45deg);
    transform : rotate(-45deg);
    -webkit-animation : sdb 2s infinite;
    animation : sdb 2s infinite;
    box-sizing : border-box;
}

/*スクロールのアニメ*/
@-webkit-keyframes sdb {
    0% {
      -webkit-transform : rotate(-45deg) translate(0, 0);
    }
    20% {
      -webkit-transform : rotate(-45deg) translate(-10px, 10px);
    }
    40% {
      -webkit-transform : rotate(-45deg) translate(0, 0);
    }
}
  
@keyframes sdb {
    0% {
      transform : rotate(-45deg) translate(0, 0);
    }
    20% {
      transform : rotate(-45deg) translate(-10px, 10px);
    }
    40% {
      transform : rotate(-45deg) translate(0, 0);
    }
}

/*---------------------------------------------------アイドル-------------------------------------------------------*/

.idol-naiyou{
    float : left;
    width : 60%;
    /* height : 480px; */
    padding-right : 20px;
    box-sizing : border-box;
    opacity : 0;
    transition: 1s;
    transform :translateY(50px);
}

.idol-img-oya{
    float : right;
    width : 40%;
    height : 100%;
    max-height : 100%;
    max-width : 100%;
    box-sizing : border-box;
    opacity : 0;
    transition: 1s;
    transform :translateY(-50px);
}

.idol-img{
    width : 100%;
    height : 100%;
    box-sizing : border-box;
}

.idol-naiyou.show{
    opacity : 1;
    transform: none;
}

.idol-img-oya.show{
    opacity : 1;
    transform: none;
}

.sen1{
    margin : 10px auto;
    border-bottom : solid 2px #333 ;
    box-sizing : border-box;
}

/*---------------------------------------------------エンタメ-------------------------------------------------------*/

.entame-img-oya{
    float : left;
    max-height : 100%;
    max-width : 100%;
    width : 40%;
    height : 100%;
    box-sizing : border-box;
    margin-top : 100px;
    opacity: 0;
    transition: 1s;
    transform :translateX(-50px);
}

.entame-img{
    width : 100%;
    height : 100%;
    box-sizing : border-box;
}

.entame-naiyou{
    float : right;
    width : 60%;
    /* height : 480px; */
    padding-left : 20px;
    box-sizing : border-box;
    margin-top : 100px;
    opacity: 0;
    transition: 1s;
    transform :translateX(50px);
}

.entame-img-oya.show{
    opacity : 1;
    transform: none;
}

.entame-naiyou.show{
    opacity: 1;
    transform: none;
}

/*---------------------------------------------------飲食-------------------------------------------------------*/

.dietary-img{
    width : 100%;
    height : 100%;
    box-sizing : border-box;
    
}

.dietary-naiyou{
    float : left;
    width : 60%;
    /* height : 480px; */
    padding-right : 20px;
    box-sizing : border-box;
    margin-top : 100px;
    opacity : 0;
    transition: 1s;
    transform :translateY(50px);
}

.dietary-img-oya{
    float : right;
    max-height : 100%;
    max-width : 100%;
    width : 40%;
    height : 100%;
    box-sizing : border-box;
    margin-top : 100px;
    opacity : 0;
    transition: 1s;
    transform :translateY(-50px);
}

.dietary-naiyou.show{
    opacity : 1;
    transform: none;
}

.dietary-img-oya.show{
    opacity : 1;
    transform: none;
}

/*---------------------------------------------------app-------------------------------------------------------*/

.app-img-oya{
    float : left;
    width : 40%;
    max-height : 100%;
    max-width : 100%;
    height : 100%;
    box-sizing : border-box;
    margin-top : 100px;
    opacity : 0;
    transition: 1s;
    transform :translateX(-50px);
}

.app-img{
    width : 100%;
    height : 100%;
    box-sizing : border-box;
}

.app-naiyou{
    float : right;
    width : 60%;
    /* height : 480px; */
    padding-left : 20px;
    box-sizing : border-box;
    margin-top : 100px;
    opacity : 0;
    transition: 1s;
    transform :translateX(50px);
}

.app-naiyou.show{
    opacity : 1;
    transform: none;
}

.app-img-oya.show{
    opacity : 1;
    transform: none;
}

/*---------------------------------------------------会社-------------------------------------------------------*/

.kaisya-max{
    max-width : 1920px;
}

.kaisya-img-oya{
    float : left;
    width : 50%;
    max-height : 100%;
    max-width : 100%;
    height : 100%;
    padding-left : 10px;
    box-sizing : border-box;
    margin-top : 100px;
}

.kaisya-img{
    width : 100%;
    height : 100%;
    box-sizing : border-box;
}

.kaisya-naiyou{
    float : right;
    width : 50%;
    /* height : 300px; */
    padding : 0 20px;
    box-sizing : border-box;
    margin-top : 100px;
}

.sen2{
    margin : 10px auto;
    border-bottom : dotted 2px #333 ;
    box-sizing : border-box;
}

/*---------------------------------------------------プライバシー-------------------------------------------------------*/

#contents2{
    max-width : 1000px;
    width : 100%;
    height : 100%;
    padding : 0 10px;
    margin : 0 auto;
    box-sizing : border-box;
    flex: 1;
}

.policy{
    text-align : center;
    font-size : 20px;
}

.kojin1{
    padding-top : 40px;
    font-size: 20px;
}

.kojin2{
    padding-top : 40px;
    font-size: 20px;
}

.privacy{
    padding-top : 100px;
}

.p_sen1{
    border-bottom : solid 2px #333 ;
    margin-bottom : 10px;
}

.p_tyousei{
    padding-bottom : 15px;
}

.modoru{
    width : 100px;
    margin : 0 auto;
}

.modoru2{
    padding-top : 30px;
    padding-bottom : 10px;
    font-size : 20px;
    text-align : center;
    cursor : pointer;
}

/*---------------------------------------------------メール-------------------------------------------------------*/

#contents3{
    max-width : 700px;
    width : 100%;
    height : 100%;
    padding : 0 10px;
    margin : 0 auto;
    box-sizing : border-box;
    flex: 1;
}

.habatyousei{
    padding-top : 100px;
}

.contact-box{
    float : left;
    width : 20%;
    /* text-align : center; */
    margin : 0 auto;
}

.text-box{
    float : right;
    width : 75%;
    /* margin : 0 auto; */
}

.area{
    float : right;
    width : 75%;
}

.oyadesu{
    align-items: center;
}

.aida{
    margin-top : 20px;
}

.toi{
    text-align: center;
    font-size: 20px;
    padding-bottom : 10px;
}

.toi2{
    text-align: center;
    padding-bottom : 20px;
}
.toi3{
    text-align: center;
    padding-bottom : 10px;
}

/*インラインブロック要素の親センター*/
.submit-center{
    text-align: center;
    color: white;
    /* padding-bottom : 40px; */
}

/*送信1ボタン*/
.sousin1{
    display: inline-block;
    width : 20%;
}

/*送信2ボタン*/
.sousin2{
    color: white;
    cursor : pointer;
    height : 25%;
    line-height : 25px;
    text-align : center;
    font-size : 15px;
    width : 100%;
    border-radius : 5px;
    background-color : rgba(60, 57, 57, 0.713);
    margin-bottom : 20px;
}

.douibun{
    text-align: center;
    padding-bottom : 10px;
}

.check{
    text-align: center;
    padding-bottom : 20px;
}

/*---------------------------------------------------コンタクト_e-------------------------------------------------------*/

.flex{
    display: flex;
}

.contact-box-e{
    width : 28%;
    /* background-color: blue; */
    /* margin : 0 auto; */
    margin-right : 5px;
    box-sizing : border-box;
    margin-bottom : 10px;
    border-bottom : dotted 1px #333 ;
    word-wrap : break-word; /*アルファベットとかが改行するようになる*/
}

.text-box-e{
    width : 69%;
    /* background-color: red; */
    margin-bottom : 10px;
    margin-left : 5px;
    box-sizing : border-box;
    border-bottom : dotted 1px #333 ;
    word-wrap : break-word; /*アルファベットとかが改行するようになる*/
}

.homehe1{
    padding-top : 30px;
    font-size : 20px;
    width : 100px;
    margin : 0 auto;
    text-align : center;
    cursor : pointer;
}

.homehe2{
    text-decoration: none;
    color: black;
}

.seikou{
    color: black;
    text-align: center;
    padding-top : 20px;
}

/*---------------------------------------------------ハンバーガー-------------------------------------------------------*/

.menubutton{
    display : block;
    height : 50px;
    width : 50px;
    background-color: blue;
    position: fixed;
    top : 10px;
    right : 10px;
    z-index: 50;
}

.menubutton div{
    height : 1px;
    width : 60%;
    background-color: white;
}


/*---------------------------------------------------フッター-------------------------------------------------------*/

footer{
    max-width : 1920px;
    width : 100%;
    height : 100px;
    background-color : rgba(60, 57, 57);;
    text-align : center;
    /* margin-top : 10px; */
    box-sizing : border-box;
    font-size : 15px;
}
.footer-item{
    color : white;
    padding-top : 10px;
    box-sizing : border-box;
    font-size : 100%;
}

.twitter2{
    max-width : 100%;
    max-height : 100%;
    width : 40px;
    height : 40px;
    margin-top : 10px;
    box-sizing : border-box;
}

.twitter3{
    display : inline-block;
    color : white;
}

