/*
共通
*/

body{
    margin:0;
    padding:0;
}

header{
    display:block;
    background-color: cadetblue;
    margin-bottom:10px;
    padding:15px 15px;
}


footer{
    display:block;
    border-top:solid 0.5px #000;
}

.center{
    text-align: center;
}


.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}

.inline{
    display: inline-block;
}

.p5{
    padding:5px;
}

.va-top .inline{
    vertical-align: top;
}

a{
    color:black;
    text-decoration: none;
}



.store_card{
    border: solid 1px #ccc;
    border-radius: 10px;
    margin:10px 20px;
    padding:15px;
}

.store_card .store_name{
    font-weight: 700;
}

.store_card .store_desc{
    margin:15px 5px;
}

.store_card .store_icon div{
    border: solid 0.5px #ccc;
    border-radius: 10px;
    margin-right:10px;
    padding:5px;
}

.store_card .store_price{
    margin-top:10px;
    text-align: right;
}


/*
menu-select
*/

#menu-select{
    margin-left:50px;
    margin-right:50px;
}

#menu-select a{
    text-decoration: underline;
}

.ms-header{
    border:solid 1px #ccc;
    border-radius: 10px;
    padding:10px;
    margin:20px;
}

.ms-icon div{
    border: solid 0.5px #ccc;
    border-radius: 10px;
    margin-right:10px;
    padding:5px;
}

.ms-name{
    text-align: center;
    font-size:1.3em;
}


.ms-image{
    margin:20px;
}
.ms-image img{
    width:100%;
}

.ms-desc{
    margin:20px;
}

.ms-button{
    margin:20px;
}


.ms3-store-logo,.ms3-store-name{
    display: inline-block;
    vertical-align: middle;
}

.underlink{
    color:#00F;
    text-decoration: underline;
}

.ms3-step2{
    padding:15px;
}


.ms3-store-icon{
    border-bottom:solid 1px #404040;
    padding:10px;
}

.ms3-store-logo img{
    border-radius: 10px;
}



 .small{
    font-size: small;
 }
.f30{font-size:30px;}
.red{color:red;}
.blue{color:blue;}
.color1{color:rgb(226,80,65);font-weight: bold;}
.bgc1{background-color: #f7da64;}
/*
PC
*/
@media (min-width : 980px) {
    header{
        min-height:60px;
    }

    .header-logo{

    }

    .header-login-button{
        position:absolute;
        right:100px;
    }

    main{
        min-height: 500px;
        max-width: 980px;
        margin-left: auto;
        margin-right: auto;
    }


    .contents{
        /*background-color: aqua;*/
    }


    .ms3-header{
        background-color: rgb(244,244,244);
    }
    .ms3-header div{
        font-size:small;
        width:130px;
        display:inline-block;
        padding:10px;
        text-align:center;
        margin:5px;
    }
    .p-s-900{
        width:900px;
    }
    .p-s-w96{
        width:96%;
    }

    .ms3-step3 table{
    width:600px;
    margin:20px auto;
    font-size:small;
    border-radius: 10px;
    padding-top:10px;
    border-collapse:collapse;
}



.ms3-step3 th{
    border: solid 1px #404040;
}

.ms3-step3 td{
    width:75px;
    height:40px;
    text-align: center;
    border: solid 1px #404040;
}

.ms3-step3 td:nth-child(n+2){
    font-weight: bold;
}

.ms3-step3 td.available{
    color:#44F;
}

.ms3-step3 td.available:hover{
    background-color:#eee;
}

.ms3-step3 td.unavailable{
    background-color: #ccc;
}



.ms3-step4-form{
    width:600px;
    border: solid 1px #444;
    margin:15px auto;
}

 .ms3-step4-form-td{
    padding:10px 0px;
 }

 .ms3-step4-form-td input,.ms3-step4-form-td select{
    display:block;
    line-height:40px;
    height:40px;
 }

 .step4-500{
    width:500px;
    border-radius:10px;
 }


 .ms3-step5-form{
    width:600px;
    border: solid 1px #444;
    margin:15px auto;
}

 .ms3-step5-form-td{
    padding:10px 0px;
 }

 .ms3-step5-form-td input,.ms3-step5-form-td textarea{
    display:block;
    line-height:40px;
    height:120px;
 }

 .step5-textarea{
    width:600px;
 }

 .step6-select{
    width:500px;
 }

  .ms3-step6-form{
    width:600px;
    border: solid 1px #444;
    margin:15px auto;
}

 .ms3-step6-form-td{
    padding:10px 0px;
 }

 .ms3-step6-form-td input,.ms3-step6-form-td select{
    display:block;
    line-height:40px;
    height:40px;
 }

/*    .ms3-header div:hover{background-color: rgb(200,200,200);}*/
}

/*
スマホ
*/

@media (max-width : 980px) {

    body.noscroll{
        //overflow: hidden;
    }


    header{
        min-height:60px;
    }

    .header-logo{

    }

    .header-login-button{
        position:absolute;
        right:20px;
    }

        main{
        min-height: 500px;
        padding:5px;
    }

    .ms3-header{
        display: none;
    }

    .sm-pad15{
        padding-left:15px;
        padding-right:15px;
    }

    .mg-t-15{
        margin-top:15px;
    }

    .w100{
        width:100%;
    }

    .sm-w100{
        width:100%;
    }

    .ms3-step3 table{
    width:90%;
    margin:20px auto;
    font-size:small;
    border-radius: 10px;
    padding-top:10px;
    border-collapse:collapse;
    }


.ms3-step3 th{
    border: solid 1px #404040;
}

.ms3-step3 td{
    width:12%;
    height:40px;
    text-align: center;
    border: solid 1px #404040;
}

.ms3-step3 td:nth-child(n+2){
    font-weight: bold;
}

.ms3-step3 td.available{
    color:#44F;
}

.ms3-step3 td.available:hover{
    background-color:#eee;
}

.ms3-step3 td.unavailable{
    background-color: #ccc;
}


.ms3-step4-form{
    width:100%;
    margin:15px 0;
}

 .ms3-step4-form-td{
    padding:10px 0px;
 }

 .ms3-step4-form-td input,.ms3-step4-form-td select{
    display:block;
    line-height:40px;
    height:40px;
 }

 .step4-500{
    width:100%;
    border-radius:10px;
 }


  .ms3-step5-form{
    width:100%;
    margin:15px auto;
}

 .ms3-step5-form-td{
    padding:10px 0px;
 }

 .ms3-step5-form-td input,.ms3-step5-form-td textarea{
    display:block;
    line-height:40px;
    height:120px;
 }

 .step5-textarea{
    width:100%;
 }

  .step6-select{
    width:100%;
 }


  .ms3-step6-form{
    width:100%;

    margin:15px auto;
}

 .ms3-step6-form-td{
    padding:10px 0px;
 }

 .ms3-step6-form-td input,.ms3-step6-form-td select{
    display:block;
    line-height:40px;
    height:40px;
 }
}