@charset "UTF-8";
    
* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
    }

img {
    max-width: 100%;
    height: auto;
}


body {
    font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
    position: relative;
    background:white; 
    text-align:center; 
    width: auto;
    }
        
        .indexmain {
            width: 60%;
            height: 300px;
            background:#ff7b76;
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            margin:auto;
            padding: 20px 0 10px 0;
            min-width: 360px;
            border: dotted 2px #713433;
            border-radius: 50px;
            }
        
        p {
            font-size:12px; 
        }
        
        .indexmain img {
            position: relative;

        }
        
        .enter_btn{
            display: inline-block;
            padding: 7px 20px;
            border-radius: 25px;
            text-decoration: none;
            color: #FFF;
            background:#811727;
            }

        .enter_btn:hover {
            background:#ffbe58;
            }

@media (max-width: 480px){ /* スマホ用設定*/ 
    
    img { float : none ; }
    p {font-size: 70%;}

    .indexmain {
            width: 90%;
            height: 300px;
            background:#ff7b76;
            position: absolute;
            top: 0px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            margin:auto;
            padding: 20px 10px 10px 10px;
            min-width: 300px;
            border: dotted 2px #713433;
            border-radius: 50px;
            }

}