@charset "UTF-8"; div.user_form{width:100%;} @media(min-width:766px){ img.header_img{width:450px; float:left; margin:0px;} } @media(min-width:650px) and (max-width:765px){ img.header_img{ width:48% ; /* IE8以下とAndroid4.3以下用フォールバック */ width:-webkit-calc(100% - 310px); width:calc(100% - 310px); float:left; margin:0px; } } @media(min-width:650px){ div.siteseal{width:310px; margin:10px 0px 0px 0px; float:right;} } @media(min-width:451px) and (max-width:649px){ img.header_img{width:450px; margin:0px auto 0px auto;} div.siteseal{width:310px; margin:5px auto 0px auto; border:solid 0px #000;} } @media(min-width:300px) and (max-width:450px){ img.header_img{width:100%; margin:0px auto 0px auto;} div.siteseal{width:310px; margin:5px auto 0px auto; border:solid 0px #000;} } /* フォーム */ p.title{background-color:#DADADE; border:solid 1px #B9B9B5; padding:10px; font-size:14px; text-align:left;} div.user_form{ margin:0px auto 0px auto; padding:0px; width:100%; } dl.user_form{ font-size:14px; width:98%; padding:0px; border-bottom:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7; border-right:solid 1px #C7C7C7; } dl.user_form dt{ clear:left; margin:0px; padding:15px 7px; border-top:solid 1px #C7C7C7; text-align:left; } dl.user_form dd{ margin:0px; padding:15px 8px; background-color:#fff; border-top:solid 1px #C7C7C7; border-left:solid 1px #C7C7C7; text-align:left; } dl.user_form dt:first-child{ clear:left; margin:0px; padding:15px 7px; border-top:solid 1px #C7C7C7; text-align:left; } dl.user_form dd input{ margin:0px 0px 0px 5px; padding:3px; font-size:14px; } dl.user_form dd select{ margin:0px 0px 5px 5px; padding:2px; } .comfrim_btn{} @media(min-width:591px){ dl.user_form{ background-image:-moz-linear-gradient(rgb(244,245,245)0%,rgb(244,245,245)25%,rgb(255,255,255)50%,rgb(255,255,255)100%); background-image:-webkit-linear-gradient(rgb(244,245,245)0%,rgb(244,245,245)25%,rgb(255,255,255)50%,rgb(255,255,255)100%); background-image:linear-gradient(90deg,rgb(244,245,245)0%,rgb(244,245,245)25%,rgb(255,255,255)50%,rgb(255,255,255)100%); } dl.user_form dt{width:25%; float:left;} dl.user_form dt:first-child{width:25%; float:left;} dl.user_form dd{width:70%;float:left;} } @media(max-width:590px){ dl.user_form dt{width:100%; background-color:rgb(244,245,245);} dl.user_form dt:first-child{width:100%; background-color:rgb(244,245,245);} dl.user_form dd{width:100%;} br.fm_br{display:none;} }