html,body{
    position: relative;
    display: block;
    width:100%;
    height: auto;
    font-size: 18px;
    line-height: 1.7em;
    font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
    background:#777;
}

.container{
    position:relative;
    display: block;
    width:96vw;
    min-width: calc( 320px - 2vw );
    max-width: calc( 750px - 2vw );
    min-height:586px;
    margin:48px auto;
    padding:2vw;
    background:#eee;
    color:#111;
}

h1{font-size:26px;font-weight: bold;margin:32px auto;display: block;text-align: center;text-align-last: center;}
h2{font-size:22px;margin:16px auto;display: block;text-align: center;text-align-last: center;}
h3{position: relative;font-size:18px;font-weight: bold;margin:32px 0 12px 0;background: #333;color:#fff;padding:4px;}

.button1{width:280px;height:48px;line-height: 0;margin:48px auto 0 auto;display: block;padding:16px;font-size:18px;}
.button2{width:48px;height:48px;line-height: 0;margin:0 4px;display: block;padding:0px;font-size:12px;}


.list{width:100%;display: block;margin:32px auto;}
.list td{border:1px solid #aaa;padding:4px;font-size:16px;}
.list td:first-child{width:50px;font-size:14px;}
.list td:nth-child(2){width:90px;font-size:14px;}


.text1{
    position: relative;
    width:92vw;
    max-width: calc( 632px - 4vw );
    height:48px;font-size:18px;
}

.text2{
    position: relative;
    width:92vw;
    max-width: calc( 632px - 4vw );
    min-height:192px;
    font-size:18px;
}

.select1{
    position: relative;
    width:92vw;
    max-width: calc( 632px - 4vw );
    height:48px;font-size:18px;
}


.hcanvas{
    position: absolute;
    display: block;
    margin:auto;
    width:280px;
    height:auto;
    top:0;bottom:0;
}


.wcanvas{
    position: absolute;
    display: block;
    margin:auto;
    width:280px;
    height:auto;
    top:0;
}


.thumbbox{width:280px;height:280px;display: block;margin:32px auto;border:1px solid #fff;overflow: hidden;background:#999;position: relative;}
.thumbtext{width:272px;height:120px;position: absolute;background: linear-gradient(rgba(0,0,0,0.6),rgba(0,0,0,0.9));bottom: 0;color:#fff;padding:4px;word-break: break-all;word-wrap: break-word;}

.noview{display: none;}

.ttitle{color:#fff;height: 52px;line-height: 1.4em;overflow: hidden;}
.tlead{font-size:14px;line-height: 1.6em;display: block;}
.header_menu{
    position: fixed;
    display: block;
    width:100%;
    height:48px;
    background:#f00;
    top:0;
    left:auto;
    right:auto;
}

.header_menu_in{
    position: relative;
    display: block;
    width:100%;
    height:48px;
    max-width: 375px;
    background:#00f;
    margin:0 auto;
}



.footer_menu{
    position: fixed;
    display: block;
    width:100%;
    height:48px;
    background:#f00;
    bottom:0;
    left:auto;
    right:auto;
}

.footer_menu_in{
    position: relative;
    display: block;
    width:100%;
    height:48px;
    max-width: 375px;
    background:#00f;
    margin:0 auto;
}