@charset "utf-8";

*{ margin :0; padding :0; }

body,textarea{ font-family:"YakuHanJPs","Roboto",-apple-system,BlinkMacSystemFont,"Noto Sans","Noto Sans CJK JP","Helvetica Neue","Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3",Meiryo,sans-serif; }      

body{
        margin : 0 auto;
        font-size :14px;
        letter-spacing :1px;
        text-align :center;

        -webkit-user-select: none;
           -moz-user-select: none;
            -ms-user-select: none;
                user-select: none;
}


                #time
                {
                    position : fixed;
                    right  : 5px;
                    bottom : 5px;
                    color : red;
                }

                .ad_box{ margin : 50px auto 60px; }
                .ad_line{ margin : 0 auto 40px; }



#out{ width :360px; margin : 0 auto; }

    h1{
        background : #dfdfdf;
        margin-bottom : 0;
        padding : 5px;
        box-shadow : 0 4px 7px #aaa;
        color : #555;
        text-shadow : 2px 1px 1px #bbb;
    }

        h1 a,a:visited
        {
            color : #555;
            text-decoration :none;
        }

        h2{
            margin-top : 40px;
        }

            .tit{ text-shadow :2px 2px 3px #aaa; }


        h3{
            font-size : 20px;
            color : #888;
            margin : 20px auto;
            text-align :center;
        }


#contents
{ 
    margin :0 auto;
    padding :30px 2% 0;
}
    
    
    .box
    {
        text-align :left;
        margin : 0 auto;
        width : 98%;
        padding : 1%;
    }


    .w30,.w50,.w80{ width : 98%; margin :0 auto; }

    .ft{ font-weight :bold; }
    
    .bl{ display : inline-block; }

    .cen{ text-align :center; }

    .space{ height : 30px; }

    .over{ 
            clear ：both； overflow ：hidden；
            width :100%;
            height :30px;
            text-align :center;
        }

      
                p{
                    margin :0 2% 25px;
                    line-height :150%;
                }

                
                    select{ padding :1px 5px; }


                    input{ vertical-align :top; }

                    input[type="checkbox"],input[type="radio"],input[type="submit"],select,button
                    {
                        cursor :pointer;
                    }


                    input[type="checkbox"],input[type="radio"]
                    {
                        width : 20px;
                        height : 20px;
                        margin : 0 7px 20px 0;
                    }


                        input[type="submit"],button
                        {
                            padding : 0 5px;
                            letter-spacing :2px;
                        }
                        input[type="submit"]:hover,button:hover
                        { background : #aaa; color : #fff; }

                        button,select{ border : 2px solid #666; }
                        select:hover{ box-shadow :0 0 3px #000; }
                    
                        button
                        { 
                            display :inline-block;
                            vertical-align :middle;
                            font-size : 140%;
                            margin :0 10px;
                            padding :0 10px;
                        }

                       
                            .c3,input[type="submit"],button,select
                            {
                                border-radius           :3px;
                                -moz-border-radius      :3px;
                                -webkit-border-radius   :3px;                   
                            }

                            .c6,.setsumei,.set
                            {
                                border-radius           :6px;
                                -moz-border-radius      :6px;
                                -webkit-border-radius   :6px;                   
                            }

                            .c25
                            {
                                border-radius           :25px;
                                -moz-border-radius      :25px;
                                -webkit-border-radius   :25px;
                            }
                            



                .setsumei
                {
                    margin : 10px auto 30px;
                    width : 96%;
                    padding :1%;
                    background : #f4f4f4;
                    border :3px dashed #aaa;
                    text-align :left;
                }
                    .setsumei p{ margin : 15px 2% 20px; }
    
                    .setsumei img
                    {
                        display : block;
                        width : 80%;
                        margin : 20px auto 60px;
                        border : 1px solid #000;
                    }


                        
    #vol
    {
        display: flex;
        justify-content: center;
        align-items: center;
        font-weight :bold;
    }
        #volume
        { 
            margin :5px 0 0 10px;
            width: 230px;
            cursor :pointer;
        }




#footer
{
    text-align :center;
    margin : 70px auto 15px;
    font-weight :normal;
    font-size : 14px;
}
    #footer a{ margin : 0 10px; }

/* **************************************************************** */

a,a:visited{ color :#00f; }
a:hover{ color :red; }


.ya
{
    background-image: url("img/ya.png");
    width  :75px;
    height :75px;
    margin : -40px auto 0;
}



        @media all and ( max-width :319px )
        {

                body{ width :319px; }
        }                   
        @media all and ( min-width :415px )
        {

            .w30{ width : 30%; }
            .w50{ width : 50%; }
            .w80{ width : 80%; }
               
            select
            {
                font-size : 120%;
                padding : 2px 10px;
            }

            input[type="submit"]{ font-size : 110%; padding :0 10px; }
         }
 
         @media all and ( min-width :500px )
         { 
            .ad_box{ width : 460px; }
            .setsumei{ width : 490px; }
            .ad_line{ width : 496px; }
         }


#promotion{ margin : 30px auto 0; }

#time
{
    position :fixed;
    top  :0;
    right:0;
    height : 20px;
    letter-spacing :2px;
    background :#000;
    border :1px solid #aaa;
    color :#fff;
    font-size :12px;
    padding :0 5px;
    opacity :0.75;
    color: red;
}