@media screen and (max-width:640px){ img{max-width: 100%;height: auto;width /***/:auto;@} #container{width:100%;} /* -------------------------------- reset -------------------------------- */ html,body,p,h1,h2,table,th,td,ul,li,dl,dt,dd {margin: 0; padding: 0;font-family: "meiryo", "Hiragino Kaku Gothic Pro", "qMmpS Pro W3";} li {list-style: none;} img {border: 0;vertical-align: bottom;} table {border-collapse: collapse;} /* -------------------------------- layout -------------------------------- */ .wrap{width: 100%;margin: 0 auto;} /* -------------------------------- #head -------------------------------- */ /* .wraptop #head {height: 52px;padding: 0 12px 0 0;} .wraptop #head {height: 150px;padding: 0 12px 0 0;} .wraptop #head {height: 80px;padding: 0 12px 0 0;} */ .wraptop #head {height: 80px;padding: 0 12px 0 0;} .wraptop #head .sp{height: 135px;padding: 0 12px 0 0;} .wraptop #head h1, #head h2 {float: left;} .wraptop #head h1 .large, .wraptop #head h2, .wraptop #head ul{display:none;} /* -------------------------------- .wraptop #head h1 .sp{width: 120px;height: 33px;margin: 0 0 3px 10px;} .wraptop #head h1 .sp{width: 180px;height: 33px;margin: 0 0 3px 10px;} .wraptop #head h1 .sp{width: 450px;height: 80px;margin: 0 0 3px 10px;} .wraptop #head h1 .sp{width: 450px;height: 120px;margin: 0 0 3px 10px;} .wraptop #head h1 .sp{width: 300px;height: 54px;margin: 0 0 3px 10px;} -------------------------------- */ .wraptop #head h1 .sp{width: 300px;height: 54px;margin: 0 0 3px 10px;} /* -------------------------------- #foot -------------------------------- */ .pageTop a {display: none;position: fixed;right: 10px;bottom: 10px;width: 46px;height: 46px;} #foot {clear: both;padding: 10px 0 0 0;border-top: 1px solid #D2D2D5;} #foot ul{margin:10px 0 0 12px;width:95%;} #foot li {font-size: 14px;text-align:center;padding-bottom:10px;} #foot .note_s{font-size:12px;} #foot h2{text-align:center;} #copy {display:none;} #copy_s{text-align:center;margin:0;padding:0 0 35px 0;} /* topttl */ .wrap .topttl{background: linear-gradient(to right, #da7b4b, #c06b42) fixed;width: 100%;} .wrap .topttl .mainttl{width:320px;height: 180px; margin: 0 auto;padding: 0px 0;background:url(../img/ttl_ulsemi_s.jpg) no-repeat 50% 0%;} .wrap .topttl .mainttl .subttl{color: #FFF;font-size: 16px; margin-left: 15px;padding-top:20px; display:block;text-shadow: 0px 0px 10px #666;} .wrap .topttl .mainttl .host{display:none;} .wrap .topttl .mainttl .ttl{color: #FFF;display: inline-block;font-size: 21px;line-height: 26px;margin: 15px 0 0 15px;text-shadow: 0px 0px 10px #666;} .wrap .topttl .mainttl .ttl span{font-size: 17px;font-weight: normal;} .wrap .topttl .mainttl .note{border-radius: 7px;background-color: #6fa188;color: #FFF;display: block;float: left;margin: 10px 0 0 15px;padding: 3px 10px;font-size: 15px;text-align: center;} .wrap .topttl .mainttl .note span{font-size: 15px;} /* topread */ .wrap .topread {padding: 10px 0 40px 0;margin: 0 10px;width: 96%;} .wrap .topread .stxt{border-bottom:1px solid #7b131a;padding-bottom:10px;text-align:center;} .wrap .topread .stxt p{color:#7b131a;font-size:15px;font-weight:bold;} .wrap .topread .stxt p span{font-size:small;font-weight:normal;} .wrap .topread .txt{margin:10px 0;width:100%;} .wrap .topread .preface .note li{border-radius: 5px;background-color: #6fa188;color: #FFF;float:left;margin:0px 15px 15px 0;padding:5px 8px;} .wrap .topread .img{text-align:center;} /* Firefox, Safari, Chrome, Opera fluid Image */ img.fluid-image {max-width: 100%;} /* fin */ #contents p.fin{color:#E62A1E;font-size:16px;font-weight:bold;line-height:18px;margin:15px 0 10px 0;display:inline-block;border:1px solid #E62A1E;padding:10px 15px;} #top #contents{width:96%;padding:0 10px;} #contents p{font-size:medium;line-height:180%;} /* linetype */ #contents .imgline { background: transparent url(/tmd/shared/images/itemend.gif) no-repeat 0 0; } #contents .section2colum .sidettl{font-size:28px;color:#666;line-height:50px;margin:30px 0 0 0;padding:10px 0;} /* program */ #contents .section2colum .program{width:100%;} #contents .section2colum .program{margin:5px 0 15px 0;} #contents .section2colum .program .term{background:#F3F3F3;color:#7b131a;font-size:16px;font-weight:bold;} #contents .section2colum .program .speakerIMG{margin: 0 15px 15px 0;display: block;} #contents .section2colum .program td{border:1px solid #CCC;vertical-align:top;padding:15px;font-size:16px;margin-left:30px;line-height:150%;} #contents .section2colum .program td{font-weight:bold;} #contents .section2colum .program span{font-size: 13px;display: block;font-weight: normal;} #contents .section2colum .program b{display: block;margin-top: -20px;} #contents .section2colum dl {margin: 10px 0 0 0;border-top: 1px solid #CCC;} #contents .section2colum dt {padding: 11px 20px 10px 20px;border-bottom: 1px solid #CCC;background: #b1663b;color: #FFF;font-size: 14px;} #contents .section2colum dd {padding: 15px ;background: #F3F3F3;} #contents .section2colum .toggle dt {background: #b1663b url(../img/on.png) no-repeat 100% 50%;;} #contents .section2colum .toggle dt.hide {background: #cb8558 url(../img/off.png) no-repeat 100% 50%;} #contents .section2colum .toggle dt.hide span{font-size:10px;} #contents .section2colum .close {margin-top: 15px;} #contents .section2colum .close a {display: block;padding: 10px 0;border-top: 1px solid #CCC;text-align: center;font-size: 1px;line-height: 1;} #contents .section2colum .pt {position: fixed;right: 5px;bottom: 10px;width: 50px;height: 50px;} #contents .section2colum .outline .imgS{margin-top: 10px;text-align: center;} #contents .section2colum .display{margin-top:10px;} #contents .section2colum .display li{float:left;margin:0 10px 10px 0;text-align:center;} #contents .section2colum .display li img{margin-bottom:5px;border: 1px solid #CCC;} /* place */ #contents .section2colum .placenote{font-size:12px;margin-bottom:10px;} #contents .section2colum .place{width:100%;margin:0px;} .place th{color:#FFF;background:#666;border:1px solid #CCC;font-weight:normal;padding:5px;font-size:14px;} .place td{border:1px solid #CCC;vertical-align:top;padding:10px;font-size:14px;} .place td p{font-weight:bold;} .place .venue{background:#F3F3F3;font-weight:bold;} .place .pdf {background: transparent url(/tmd/shared/images/pdf.gif) no-repeat 2px 3px;padding: 0 1px 0 18px;} #contents .section2colum .map { position: relative; padding-top: 75%; height: 0; overflow: hidden; } #contents .section2colum .map iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* outline */ .outline{width:100%;margin:0;} .outline td{border:1px solid #CCC;vertical-align:top;padding:15px;font-size:14px;line-height:180%;} .outline .term{background:#F3F3F3;font-weight:bold;width:25%;} .outline strong{font-weight:bold;display:block;} .outline .filled{margin:10px 0;} #contents .section2colum .outline td .notehanson{font-size:14px;margin-left:14px;text-indent:-14px;} .outline .filled li{font-size:16px;} .outline .note li{margin:3px 0 0 14px;list-style:disc;} .outline .host li{margin-bottom:10px;border:1px solid #FFF;} .outline .host li img{margin-bottom:5px;} .outline span{font-size:12px;display:block;margin-top:5px;} .map{margin:15px 0;} /* entry */ #contents .fee{font-weight:bold;color:red;font-size:14px;margin:5px 0 15px 0;} #contents .entry {background:#333;margin-bottom:35px;} #contents .entry a:hover img {opacity: 0.7;filter: alpha(opacity=70);-ms-filter: "alpha(opacity=70)";} /* clearfix -------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;} /* ?*/ * html .clearfix { height: 1%; } .clearfix { display: block; } /* */ }