.m0{margin:0}
.p0{padding:0}
.mp0{margin:0;padding:0}
.mauto{margin:0 auto}
.w100{width:100%}
.w980{width:92%;margin:0 auto;padding:0}
.box_size{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
.clear{content:"";display:block;clear:both}
ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,p,figure,figcaption{margin:0;padding:0;list-style:none}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}
body{font-size:.8em;line-height:1.5;color:#333;margin:0;padding:0;background:#f6f1ea;font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","ＭＳ Ｐゴシック","sans-serif",'icomoon';-webkit-text-size-adjust:none}
img{vertical-align:bottom;max-width:100%;width:100%}
a{text-decoration:none;display:block}
h2.title{
	margin:0;
	padding:15px 0 10px 25px;
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left;
	background-position-x:2px;
	background-position-y:18px;
	background-size:18px;
	font-weight:bold;
}
h2.orange{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_1.png);
	border-bottom:2px solid #ff6600;
}
h2.yellow{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_2.png);
	border-bottom:2px solid #ffcc00;
}
h2.green{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_3.png);
	border-bottom:2px solid #92d050;
}
h2.blue{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_4.png);
	border-bottom:2px solid #00b0f0;
}
h2.pink{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_5.png);
	border-bottom:2px solid #cc99ff;
}
h2.pink2{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_2.png);
	border-bottom:2px solid #ff99cc;
}



.link-more{margin:0 10px 0 20px}
.link-more a{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;color:#3c3c3c;background-size:16px;padding:15px 0;font-size:13px;font-weight:bold}
.link-more a:nth-child(2){border-top:2px solid #c4bfb9}
.return{background:#f6f1ea;margin-bottom:0px;border-bottom:2px solid #c4bfb9}
.return a{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow-left.png) no-repeat 15px;color:#3c3c3c;background-size:16px;font-weight:bold;display:block;padding:16px 15px;padding-left:30px;height:50px}
.reload{padding-bottom:10px}
.reload a{text-align:center;font-size:13px;color:#3c3c3c;padding:10px;font-weight:bold}
.reload a:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/circle-arrow.png) no-repeat center 5px;color:#3c3c3c;background-size:20px;display:block;content:"";height:30px;margin:0 auto}
.load{margin-bottom:10px}
.load div{float:left;width:50%;height:65px}
.load div:first-child{border-right:2px solid #c4bfb9}
.load:after{content:"";display:block;clear:both}
.tab{padding:10px 20px}
.tab ul{border:2px solid #f78e3b;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.tab ul:after{content:"";display:block;clear:both}
.tab ul li{float:left;width:50%;text-align:center}
.tab ul li a{display:block;padding:5px;color:#f78e3b;font-size:13px}
.tab ul .active{background:#f78e3b}
.tab ul .active a{color:#e3ddd6}
.tab ul.col3 li{width:33.33%}
.tab ul.col3 li a{font-size:13px}
.tab ul.col3 li:nth-child(2){background:#f78e3b}
.tab ul.col3 li:nth-child(2) a{color:#e3ddd6; border-left:1px solid #f78e3b; border-right:1px solid #f78e3b;}
.attention{display:block;width:92%;margin:0 auto;padding:0;margin:10px auto;text-align:center;background:#bebebe;color:#e3ddd6;padding:3px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;font-size:13px}
.button{border:2px solid #f78e3b;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;color:#f78e3b;padding:5px;margin:15px;text-align:center;font-size:13px}
.video{width:100%;min-width:100%;max-width:100%;background:#000;text-align:center}
.video video{width:100%;min-width:100%;max-width:100%}
.ch-size{color:#a0a0a0;margin-bottom:15px;font-size:12px}
.ch-size:after{content:"";display:block;clear:both}
.ch-size span{float:left;padding:8px 0 0 0;display:inline-block}
.ch-size ol{float:right;border:2px solid #a0a0a0;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;width:186px;height:30px}
.ch-size ol li{float:left;width:60px;text-align:center;color:#a0a0a0;padding:5px;cursor:pointer}
.ch-size ol li:nth-child(2){border-left:1px solid #a0a0a0;border-right:1px solid #a0a0a0;width:62px}
.ch-size ol li.current{background:#a0a0a0;color:#fff}
header{background:#fff;width:100%;padding:0 0 0 10px;font-size:16px;}
header h1{margin:0;padding:0;margin:0 auto;text-align:center;padding-top:-3px;position:relative;height:40px;color:#fff;display:table;}
header h1 .common{width:100%;text-align:center;color:#fff;font-size:18px;letter-spacing:1.1; height:40px;vertical-align:middle; display:table-cell;width:100%;}
header h1 .common img{width:auto;height:25px;position:relative;}
.header-nav {background:#282828;position:fixed;bottom:0;width:100%;z-index:10;}
.header-nav ul{padding:0}
.header-nav ul:after{content:"";display:block;clear:both}
.header-nav ul li{width:25%;float:left}
.header-nav ul li a{text-align:center;color:#fff;padding-top:40px;padding-bottom:5px;font-size:10px}
.header-nav ul li .top{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-home.png) no-repeat center 5px;background-size:30px}
.header-nav ul li .search{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-search.png) no-repeat center 5px;background-size:30px}
.header-nav ul li .ranking{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-ranking.png) no-repeat center 5px;background-size:30px}
.header-nav ul li .mypage{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-mypage.png) no-repeat center 5px;background-size:30px}
.contents{background:#f6f1ea;padding-top:15px;margin-bottom:15px;border-bottom:0px}
.contents #contents .explain{font-size:1.2em;}
.ranking ol{padding:5px 0 0 15px}
.ranking ol li{margin-bottom:10px;background-color:#fff;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;padding:10px;background-repeat:no-repeat;background-position:5px 15px;background-size:50px}
.ranking ol li:after{content:"";display:block;clear:both}
.ranking ol li a{display:block}
.ranking ol li a .left{float:left;width:35%;padding-top:55px;position:relative}
.ranking ol li a .left span{position:absolute;right:0;width:45px;text-align:center;font-size:10px;padding:5px 0 0 0;display:inline-block}
.ranking ol li a .left .new{border-bottom:1px solid #a0a0a0;border-top:1px solid #a0a0a0;top:7px;padding-top:2px;color:#fa5a0b}
.ranking ol li a .left .played{border-bottom:1px solid #a0a0a0;top:21px;color:#44c6e8}
.ranking ol li a .left img{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.ranking ol li a .right{float:right;width:60%;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:10px;padding-right:30px}
.ranking ol li a .right h3{color:#3c3c3c;line-height:1.3;font-size:14px;margin-bottom:14px}
.ranking ol li a .right h4{color:#a0a0a0;font-size:12px}
.ranking ol li a .right p{color:#a0a0a0;font-size:12px}
.ranking ol li:nth-child(1){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num01.png);background-position:10px 15px}
.ranking ol li:nth-child(2){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num02.png)}
.ranking ol li:nth-child(3){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num03.png)}
.ranking ol li:nth-child(4){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num04.png)}
.ranking ol li:nth-child(5){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num05.png)}
.ranking ol li:nth-child(6){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num06.png)}
.ranking ol li:nth-child(7){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num07.png)}
.ranking ol li:nth-child(8){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num08.png)}
.ranking ol li:nth-child(9){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num09.png)}
.ranking ol li:nth-child(10){background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/ranking/num10.png)}
.feature ul{margin:0 0 0 15px}
.feature ul:after{content:"";display:block;clear:both}
.feature ul li{float:left;width:50%;padding:0 15px 15px 0}
.feature ul li a figure{overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff}
.feature ul li a figure .photo{height:81px;position:relative;overflow:hidden;}
.feature ul li a figure .photo img{width:100%;height:auto;position:absolute;bottom:0;top:0;bottom:0;left:0;right:0;margin:auto;}
.feature ul li a figcaption{color:#3c3c3c;padding:6px 10px 10px 10px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:12px;margin-right:5px}
.feature ul li a figcaption h2{line-height:1.3;font-size:15px;margin-bottom:3px}
.feature ul li a figcaption p{line-height:1.2;font-size:8px;font-family:Arial,Helvetica,sans-serif;font-weight:bold}
.feature ul li:last-child{width:100%}
.feature ul li:last-child a .photo{background:#282828;height:150px;text-align:left;padding:0px}
/*
.feature ul li:last-child a .photo img{height:60px;width:auto;bottom:auto;position:static}
*/
.feature ul li:last-child a figcaption{padding:10px}
.feature ul li:last-child a figcaption h2{min-height:1em}
.feature ul li:last-child a figcaption p{font-size:10px}
.feature ul li:first-child{width:100%;float:none}
.feanture ul li:first-child a figure .photo{height:150px;overflow:hidden;}
.feature ul li:first-child a figcaption h2{font-size:15px}
.feature ul .line1 a figcaption{padding:10px}
.feature ul .line1 a figcaption h2{min-height:1em}
.feature ul .line1 a figcaption p{font-size:8px;font-family:Arial,Helvetica,sans-serif}

.feature-list ul{margin:0 0 0 0}
.feature-list ul:after{content:"";display:block;clear:both}
.feature-list ul li{width:100%;padding:0 5px 0 0;display:none; margin-bottom:5px;clear:both}
.feature-list ul li a figure{overflow:hidden;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff;width:100%;}
.feature-list ul li a figure .photo{overflow:hidden;width:100px;float:left;}
.feature-list ul li a figure .photo .photo-inner{vertical-align:middle; padding-left:10px; padding-top:13px;}
.feature-list ul li a figure .photo img{width:100%;}
.feature-list ul li a figure .cap{margin-left:100px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.svg) no-repeat right;background-size:8px;}
.feature-list ul li a figure .cap-inner{padding:10px 10px 10px 5px; color:#3c3c3c;}
.feature-list ul li a figure .cap-inner h2{min-height:1em}
.feature-list ul li a figure .cap-inner p{font-size:8px;font-family:Arial,Helvetica,sans-serif}
.feature-list ul li a figure .cap-inner .inner-line{background-color:#3c3c3c;height:1px;width:100%;margin:5px 0;padding:0;}
.feature-list ul li a figure .cap-inner .explain{color:#888;}
.feature-list ul li a figcaption{color:#3c3c3c;padding:6px 10px 10px 10px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.svg) no-repeat right;background-size:8px;margin-right:5px; height:81px;width:35%;}
.feature-list ul li a figcaption h2{line-height:1.3;font-size:15px;margin-bottom:3px}
.feature-list ul li a figcaption p{line-height:1.2;font-size:8px;font-family:Arial,Helvetica,sans-serif;font-weight:bold}
.feature-list ul li a figure .line{background-color:#ccc;height:1px;width:94%;margin:7px 3%;clear:both}
.feature-list ul li a figure .arrow{display:table;width:3%; float:right; padding-right:3px;}
.feature-list ul li a figure .arrow div{display:table-cell; vertical-align:middle;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.svg) no-repeat right;}


.recommended-lecture ul{margin:0 0 0 15px}
.recommended-lecture ul:after{content:"";display:block;clear:both}
.recommended-lecture ul li{float:left;width:50%;padding:0 15px 15px 0}
.recommended-lecture ul li a{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff;overflow:hidden;display:block}
.recommended-lecture ul li a figure .photo img{width:auto}
.recommended-lecture ul li a figure .photo.new{position:relative}
.recommended-lecture ul li a figure .photo.new:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-news.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.recommended-lecture ul li a figure .photo.new1{position:relative}
.recommended-lecture ul li a figure .photo.new1:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-new.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.recommended-lecture ul li a figure .photo.played{position:relative}
.recommended-lecture ul li a figure .photo.played:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-played.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:25px;z-index:2;width:100px;height:100px;content:""}
.recommended-lecture ul li a figcaption{color:#3c3c3c;padding:10px 12px}
.recommended-lecture ul li a figcaption h3{min-height:5.2em;font-size:15px;line-height:1.3}
.recommended-lecture ul li a figcaption h4{color:#a8a8a8;font-size:12px;padding-bottom:4px}
.recommended-lecture ul li a figcaption p{color:#a8a8a8;min-height:4em;border-bottom:1px solid #a8a8a8;line-height:1.2;font-size:12px;margin-bottom:0}
.recommended-lecture ul li a figcaption time{padding:5px 0;display:block;color:#a8a8a8}
.recommended-lecture ul li a figcaption time span{display:block;font-size:12px}
.recommended-lecture ul li a figcaption div.tag{border-top:1px solid #a8a8a8;color:#a8a8a8;padding:6px 10px 0 20px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/tag.png) no-repeat left 5px;background-size:15px;font-size:12px}
#.column ul li:first-child{border-top:1px solid #dcdcdc}
.column ul li a{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:16px;padding:10px;border-bottom:1px solid #dcdcdc;margin:0 10px;}
.column ul li a h3{color:#3c3c3c;font-size:14px;padding-right:15px; padding-left:15px;}
.column ul li a time{color:#a8a8a8;font-weight:bold;font-size:10px}
.sp-column ul{padding-top:0}
.sp-column ul li{padding-right:15px; padding-left:15px; border-bottom:1px solid #dcdcdc;height:85px}
.sp-column ul li:first-child{border-top:1px solid #dcdcdc}
.sp-column ul li a{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:16px}
.sp-column ul li a h3{color:#3c3c3c;font-size:14px;padding-right:15px;vertical-align:middle;display:table-cell;height:85px}
.sp-column ul li a span{height:100%;display:block;float:left;width:35%;width:115px;margin-right:15px;padding-top:5px}
.sp-column ul li a span img{border-radius:0 4px 4px 0;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;margin-right:5px;width:115px}
.sp-column ul li a:after{content:"";display:block;clear:both}
.visual{overflow:hidden;height:200px;max-height:250px;vertical-align:bottom;position:relative}
.visual img{min-width:100%;position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;max-width:100%;max-height:100%;}
.tokushu{padding:15px}
.tokushu h2{font-size:2em;font-weight:bold;line-height:1.2;border-bottom:1px solid #3c3c3c;margin-bottom:10px}
.tokushu h2 span{font-size:.3em;display:block;font-weight:normal;margin-bottom:5px}
.tokushu p{font-size:1em}
.search-box{position:relative;margin:10px 15px}
.search-box input[type="search"]{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.search-box .icon_search{position:absolute;width:30px;height:30px;color:#a8a8a8;margin-top:4px;margin-left:5px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.search-box .text{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;background:#fff;border:none;padding:10px;width:100%;padding-left:35px;font-size:13px}
.search-keyword h2{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/line.png) bottom repeat-x;margin:0 15px;padding-bottom:5px}
.search-keyword ul{margin:0 0 0 15px;padding:15px 0}
.search-keyword ul:after{content:"";display:block;clear:both}
.search-keyword ul li{float:left;width:30%;margin-right:3%;margin-bottom:3%}
.search-keyword ul li.active a{background:#f78e3b;color:#fff;}
.search-keyword ul li a{border:2px solid #f78e3b;color:#f78e3b;text-align:center;padding:5px;border-radius:30px;-webkit-border-radius:30px;-moz-border-radius:30px;font-size:12px}
.search-keyword .link-more{border-top:2px solid #c4bfb9;margin:0}
.search-keyword .link-more a{margin:0 15px}
.search-result{padding-bottom:5px;}
.search-result div{position:relative;}
.search-result div h2{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/line.png) bottom repeat-x;margin:0 15px 10px;padding-bottom:5px}
.search-result div .hit-count{position:absolute; top:6px; right:15px; font-weight:bold;}
.search-result ul{padding:5px 0 0 0}
.search-result ul li{margin-bottom:10px;background-color:#fff;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;padding:10px;background-repeat:no-repeat;background-position:5px 15px;background-size:75px}
.search-result ul li:after{content:"";display:block;clear:both}
.search-result ul li a{display:block;position:relative}
.search-result ul li a .left{float:left;width:117px;position:relative}
.search-result ul li a .left time{padding:5px 0;display:block;color:#a8a8a8}
.search-result ul li a .left time span{display:block;font-size:11px}
.search-result ul li a .left div.tag{border-top:1px solid #a8a8a8;color:#a8a8a8;padding:5px 10px 0 15px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/tag.png) no-repeat left 5px;background-size:12px;font-size:12px}
.search-result ul li a .left img{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.search-result ul li a .left .photo.new{position:relative}
.search-result ul li a .left .photo.new:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-news.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.search-result ul li a .left .photo.played{position:relative}
.search-result ul li a .left .photo.played:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-played.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.search-result ul li a .right{float:right;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:8px;padding-right:10px;position:absolute;left:0;top:0;padding-left:127px;}
.search-result ul li a .right h3{color:#3c3c3c;line-height:1.4;font-size:15px;margin-bottom:4px}
.search-result ul li a .right h4{color:#a0a0a0;font-size:12px}
.search-result ul li a .right p{color:#a0a0a0;font-size:12px}
.detail{padding-bottom:15px}
.detail h2{margin:0 15px 5px;font-size:16px}
.detail h3{margin:0 0px 5px 15px;font-size:14px}
.detail article{margin:0 15px 15px;position:relative}
.detail article .registered{color:#f78e3b;font-size:10px;position:absolute;right:10px;top:0;text-align:center;cursor:pointer}
.detail article .registered img{width:60px;}

.detail article .info{color:#a8a8a8;margin-right:90px}
.detail article .info:after{content:"";display:block;clear:both}
.detail article .info h4{font-size:12px}
.detail article .info p{border-bottom:1px solid #a8a8a8;font-size:12px}
.detail article .info time{padding:8px 0;display:inline-block;color:#a8a8a8;font-size:12px}
.detail article .info div.tag{color:#a8a8a8;padding:8px 0 0 16px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/tag.png) no-repeat left 8px;background-size:14px;display:inline-block;float:right;font-size:10px}
.detail ul{border-top:2px solid #dcdcdc;border-bottom:2px solid #dcdcdc;padding:0 0 0 0}
.detail ul li{padding:0 0 0 15px}
.detail ul li a{padding:15px 0;padding-right:45px;color:#3c3c3c;border-bottom:2px solid #dcdcdc;position:relative}
.detail ul li a:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-play.png) no-repeat right;background-size:20px;position:absolute;right:15px;top:50%;margin-top:-15px;display:block;width:30px;height:30px;content:""}
.detail ul li a h3{font-size:14px}
.detail ul li a time{font-size:12px}
.detail ul li:last-child a{border-bottom:none}
.detail ul .active{background:#fff}
.detail ul .active a{background:none}
.detail ul .active a:after{background:none}
.detail #contents{padding:0 15px;font-size:.8em}
.detail #contents p.read{font-size:1.2em;margin-bottom:20px}
.detail #contents .accordion dt{border-bottom:1px solid #3c3c3c;font-weight:bold;padding-bottom:5px;margin-bottom:10px;font-size:1em;position:relative;padding-right:50px}
.detail #contents .accordion dt:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:10px;position:absolute;right:15px;top:50%;margin-top:-25px;display:block;width:30px;height:30px;content:"";-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
.detail #contents .accordion dt strong{display:block}
.detail #contents .accordion dt.open:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);margin-top:-10px}
.detail #contents .accordion dd{font-size:1.2em;padding-bottom:15px;display:none}
.detail #contents .accordion dd.block{display:block}
.detail #contents span.sub_title{border-bottom:1px solid #3c3c3c;font-weight:bold;padding-bottom:5px;margin-bottom:10px;font-size:1 em;display:block}
footer .retop a{text-align:center;font-size:13px;color:#3c3c3c;padding:5px 20px 20px 20px;font-weight:bold;height:75px;font-size:10px}
footer .retop a:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat top center;color:#3c3c3c;background-size:20px;-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);display:block;content:"";height:30px;margin:0 auto}
footer .reload a{padding-left:0;padding-top:5px;height:75px;font-size:10px}
footer .submenu{background:#fff;border-top:0;padding-bottom:1px}
footer .submenu:after{content:"";display:block;clear:both}
footer .submenu li{float:left;width:48%;padding-right:10px;border-bottom:1px solid #dcdcdc}
footer .submenu li:nth-child(odd){margin-right:2%}
footer .submenu li:nth-child(even){margin-left:2%}
/*footer .submenu li a{color:#3c3c3c;padding:23px 16px;height:66px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:16px}*/
footer .submenu li a{color:#3c3c3c;padding:11px 16px;height:66px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:16px;display: table-cell;vertical-align: middle;width: inherit;}
footer .submenu .full{width:100%;}

footer .copyright{background:#282828;padding-bottom:0;line-height:30px}
footer .copyright p{text-align:center;color:#fff;padding:10px;font-family:Arial,Helvetica,sans-serif;font-weight:200}


/*************************** 以下、イマジニアにて追加した分 **************************/
.display-none{display:none;}
.clear-both{clear:both;}


#lecturer{width:100%;}
#lecturer .photo{float:left;width:130px;padding:0 10px 15px 10px;}
#lecturer .photo img{width:100%;}
#lecturer .info{padding-right:10px; padding-left:140px;}
#lecturer .info .name{font-size:18px;font-weight:bold;}
#lecturer .info .name-kana{font-size:13px; border-bottom:1px solid #a8a8a8; padding-bottom:5px; margin-bottom:5px;}
#lecturer .info .line{border-bottom:1px solid #a8a8a8;}
#lecturer .info .title{font-size:14px; color:#666;}


#lecturer .accordion{clear:both; margin:10px 10px 0 10px; font-size:14px;}
#lecturer .accordion dt{border-bottom:1px solid #3c3c3c;font-weight:bold;padding-bottom:5px;margin-bottom:10px;font-size:1.2em;position:relative;padding-right:50px}
#lecturer .accordion dt:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:10px;position:absolute;right:15px;top:50%;margin-top:-25px;display:block;width:30px;height:30px;content:"";-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg)}
#lecturer .accordion dt.open:after{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);margin-top:-10px}
#lecturer .accordion dd{font-size:1em;padding-bottom:15px;display:none}
#lecturer .accordion dd.block{display:block}
#lecturer .add-border{border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8; margin:0 10px 0 10px !important;}
#lecturer .add-border a{padding-left:10px;}

.lecturer-list {background:#e3ddd6;padding:10px;}
.lecturer-list .kana{width:100%;border-top:1px solid #ff852d;padding:10px 0px;text-align:center;}
.lecturer-list .kana img{width:38px;margin:5px 8px;}

.lecturer-list .lecturer{display:inline-block;clear:both;width:100%;background:#fff;margin-bottom:5px; background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:15px; background-color:#fff;}
.lecturer-list .lecturer .photo{float:left;width:130px;padding:0;}
.lecturer-list .lecturer .info{padding:5px 10px 10px 140px;}
.lecturer-list .lecturer .info .name{font-size:18px;font-weight:bold;}
.lecturer-list .lecturer .info .name-kana{font-size:13px;}
.lecturer-list .lecturer .info .line{border-bottom:1px solid #a8a8a8;}
.lecturer-list .lecturer .info .title{font-size:14px; color:#666; line-height:1.2em;}


/* 画像のトリミング関連 */
.type:after { display:table; clear:both; content:''; margin-bottom:30px;}
.img {margin-right:30px; float:left; }
.thumbnail a{display:block; overflow: hidden;}
.thumbnail .trimming130x100 {width:130px; height:100px;}
.thumbnail .trimming130x130 {width:130px; height:130px;}
.thumbnail .trimming110x110 {width:110px; height:110px;}
.thumbnail .trimming120x110 {width:120px; height:110px;}
.thumbnail .radius{border-radius:5px; -webkit-border-radius:5px;-moz-border-radius:5px;}


.lecture-list .title{margin-bottom:0px;}
.lecture-list ul li {margin:0px 15px 0px 15px; padding-top:5px;border-bottom:1px solid #a0a0a0;}
.lecture-list ul li a{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:10px;padding-right:13px;}
.lecture-list ul li a .status{width:60px;height:10px;float:left}
.lecture-list ul li a .new{position:relative;}
.lecture-list ul li a .new:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-news.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:-3px;z-index:2;width:100px;height:100px;content:""}
.lecture-list ul li a .played{position:relative}
.lecture-list ul li a .played:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-played.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:-3px;z-index:2;width:100px;height:100px;content:""}
.lecture-list ul li a time{float:left;width:110px;margin:5px 0; padding:3px 0;display:block;color:#a8a8a8;clear:both;border-top:1px solid #a8a8a8;border-bottom:1px solid #a8a8a8;}
.lecture-list ul li a time span{display:block;font-size:10px}
.lecture-list ul li a div.tag{clear:both;color:#a8a8a8;padding:5px 10px 0 15px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/tag.png) no-repeat left 5px;background-size:12px;font-size:10px}
.lecture-list ul li a .lecturer{padding-left:130px;}
.lecture-list ul li a img{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.lecture-list ul li a h3{color:#3c3c3c;line-height:1.4;font-size:13px;clear:both; padding-top:5px;padding-bottom:5px;}
.lecture-list ul li a div h4{color:#a0a0a0;font-size:10px}
.lecture-list ul li a div p{color:#a0a0a0;font-size:10px}

.column .title img{width:50%;}
.column ul li a h4{color:#a0a0a0;font-size:10px;padding-right:15px}
.column-article{padding:10px;background:#f6f1ea;}
.column-article .ch-size{padding:0px 10px; text-align:center;}
.column-article .date{color:#a0a0a0;font-size:.9em;}
.column-article h2{border-bottom:1px solid #a0a0a0;}
.column-article .content{padding:25px 0px 10px 0px; font-size:1.2em;}
.column-article .content .signature{padding:10px; margin-bottom:10px;};

.column-lecture{padding-bottom:5px}
.column-lecture h2{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/line.png) bottom no-repeat;margin:0 15px 10px;padding-bottom:5px}
.column-lecture ul{padding:5px 0 0 0}
.column-lecture ul li{margin-bottom:10px;background-color:#fff;border-radius:4px 0 0 4px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;padding:10px;background-repeat:no-repeat;background-position:5px 15px;background-size:75px}
.column-lecture ul li:after{content:"";display:block;clear:both}
.column-lecture ul li a{display:block;position:relative}
.column-lecture ul li a .left{float:left;width:97px;position:relative}
.column-lecture ul li a .left time{padding:5px 0;display:block;color:#a8a8a8}
.column-lecture ul li a .left time span{display:block;font-size:10px}
.column-lecture ul li a .left div.tag{border-top:1px solid #a8a8a8;color:#a8a8a8;padding:5px 10px 0 15px;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/tag.png) no-repeat left 5px;background-size:12px;font-size:10px}
.column-lecture ul li a .left img{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px}
.column-lecture ul li a .left .photo.new{position:relative}
.column-lecture ul li a .left .photo.new:before{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-news.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.column-lecture ul li a .left .photo.played{position:relative}
.column-lecture ul li a .left .photo.played:after{background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-played.png) no-repeat;background-size:50%;position:absolute;left:-1px;top:5px;z-index:2;width:100px;height:100px;content:""}
.column-lecture ul li a .right{float:right;background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;background-size:8px;padding-right:10px;position:absolute;left:0;top:0;padding-left:107px}
.column-lecture ul li a .right h3{color:#3c3c3c;line-height:1.4;font-size:13px;margin-bottom:14px}
.column-lecture ul li a .right h4{color:#a0a0a0;font-size:10px}
.column-lecture ul li a .right p{color:#a0a0a0;font-size:10px}

.config{padding:10px 20px;border-bottom:1px solid #a8a8a8; display:inline-table;width:100%;background:#f6f1ea;}
.config .label{float:left; font-size:14px; padding-top:3px;}
.config .label span{font-size:11px;}
.config .controller{float:right;}

.reset{padding:3px 5px;width:100%;background:#f6f1ea;}
.button-blue{border:2px solid #0079fe;color:#0079fe; padding:5px; margin:10px 15px;}
.not-found{padding:0px 20px 20px 20px; font-size:16px;}

.video .message{background-color:#000; color:#fff; font-size:16px; padding:25px 20px; text-align:left;}

.movie-caution{margin:6px auto 6px auto; background-color:#a0a0a0; color:#fff; text-align:center; padding:5px; width:260px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;}

.content-not-found{background:#fff; padding:30px; font-size:18px;}

.width-100per{width:100% !important;}
.width-90per{width:90% !important;}
.width-60per{width:60% !important;}
.width-50per{width:50% !important;}
.width-48per{width:48% !important;}
.width-45per{width:45% !important;}
.width-40per{width:40% !important;}
.width-30per{width:30% !important;}

.top-column-tab{text-align:center; width:96%; margin-left:3%;}
.top-column-tab div{ text-align:center; float:left;font-size:16px; font-weight:bold; width:48%; padding:5px 0; background-color:#fff; color:#3c3c3c; border:2px solid #f6f1ea;}
.top-column-tab .active{background-color:#f78e3b; color:#fff; border:2px solid #f6f1ea;}
.top-column-tab .left{margin-right:0.5%;}
.top-column-tab .right{margin-left:0.5%;}

.top-column-newer{
	width:100%;
	clear:both;
}

.top-column-newer a{
	background:none !important;
	display:inline-table;
	width:100%;
	padding:10px 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

.top-column-newer a .image{
	width:30%;
	float:right;
	vertical-align:top;
	display:table;
}

.top-column-newer a .image img{
}

.top-column-newer a h3{
	width:70%;
	position:relative;
	padding-bottom:25px;
	float:left;
	padding-left:0px !important;
}

.top-column-newer a h3 .tag{
	#position:absolute;
	#bottom:3px;
	left:3px;
	font-size:13px;
	height:100%;
}

.top-column-newer a h3 .time{
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px;
}



.top-column-newer a h3 .tag .mark{
	height:13px;
	width:7px;
	margin-top:2px;
	float:left;
	margin-right:5px;
}

#column-recommend{
	#display:none;
}

.top-column-recommend{
	position:relative;
	padding-bottom:5px;
	width:100%;
}

.top-column-recommend a{
	background:none !important;
	width:100%;
	padding:10px 0 !important;
	margin-left:0 !important;
	margin-right:0 !important;
}

.top-column-recommend a h3{
	position:relative;
	padding-bottom:25px;
	width:100%;
}

.top-column-recommend a h3 time{
	position:absolute;
	bottom:3px;
	right:10px;
	font-size:12px !important;
}



.top-column-recommend a h3 .tag{
	position:absolute;
	bottom:3px;
	left:3px;
	font-size:13px;
}

.top-column-recommend a h3 .tag .mark{
	height:13px;
	width:7px;
	margin-top:2px;
	float:left;
	margin-right:5px;
}

#column-newer .title,
#column-recommend .title{ position:relative; }

#column-newer .title .comment,
#column-recommend .title .comment{
	position:absolute;
	top:19px;
	right:10px;
	color:#f78e3b;
	font-weight:bold;
	font-size:14px;
}

.column-content{
	position:relative;
}

.column-content{
	position:relative;
}
.column-content #hide-point{
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	position:absolute;
	z-index:1;
	background-image: -webkit-linear-gradient(
		top,
		rgba(255, 255, 255, 0)   0%,
		rgba(246, 241, 234, 0) 70%,
		rgba(246, 241, 234, 1) 100%
	);
}

#contents .action-button{
	margin:10px 30px;
	background-color:#e50023;
	font-size:16px;
	padding:15px;
	text-align:center;
	color:#fff;
	font-weight:bold;
}

.retop {
	position: fixed;
	display:none;
	z-index:1000;
	width: 120px !important;
	height: 50px !important;
	bottom: 65px !important;
	right: 5px !important;
	padding-right: 15px;
	background: #cfc9c2;
	border-radius: 4px 0 0 4px;
	-webkit-border-radius: 4px 0 0 4px;
	-moz-border-radius: 4px 0 0 4px;
}

.retop a {
  text-align: left;
  font-size: 13px;
  color: #3c3c3c;
  padding: 18px;
  font-weight: bold;
  font-size: 10px;
  position: relative;
  background: url(https://imagineer.edmode.com/sugotoku/v2/images/common/icon-up.png) no-repeat right 20px;
  background-size: 20px;
}

.retop a:before {
  background: url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat;
  color: #3c3c3c;
  background-size: 20px;
  display: block;
  content: "";
  z-index: 100;
  height: 30px;
  position: absolute;
}
		

.feature ul li:first-child a figure .photo{height:150px;overflow:hidden;}

.menu-tab{
	width:95%;
	text-align:center;
	margin:0px auto 10px auto;
	padding:3px 0 0 0;
	border-bottom:1px solid #ccc;
	height:35px;
	background:#e8e8e8;
	line-height:120%;
}


.menu-tab div{
	width:20%;
	float:left;
	padding:7px 0 5px 0;
	height:30px;
	margin:0 0 5px 0;
	font-size:14px;
	border-right:1px solid #ccc;
	line-height:120%;
}

.menu-tab div a{
	color:#000;
}


.menu-tab div:last-child{
	border-right:0;
}

.column-genre-box{
	margin: 10px 20px 20px 20px;
}

.column-genre-box h2{
	font-size:18px;

}
.column-genre-box div{
	text-align:center;
	margin-top:10px;
}

.column-genre-box div img{
	max-width:31%;
	margin:3px 1px;
	border:1px solid #ccc;
}

.border-space{
	border-top:2px solid #beb9b3;
	background:#e3ddd6;
	height:18px;
	clear:both;
}

.column-ranking{
	width:100%;
	padding:0 10px 10px 10px;
}


.column-ranking table{}

.column-ranking table tr{
	border-bottom:1px solid #ccc;
}

.column-ranking table tr .rank{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	width:35px;
	height:65px;
	display:table;
	vertical-align:middle;
}
.column-ranking table tr .rank div{
	display:table-cell;
	vertical-align:middle;
}

.column-ranking table tr .thumbnail{
	width:100px;
	padding:1px 0 0 2px;
}
.column-ranking table tr .thumbnail img{
	width:100%;
}
.column-ranking table tr .column-name{
	font-size:14px;
	font-weight:bold;
	padding:1px 0 0 10px;
	color:#3c3c3c;
	vertical-align:top;
}


.column-ranking .ranking-border{
	margin:5px 0 0 0;
	border-top:1px solid #ccc;
	padding:5px 0 0 0;
}

.column-feature{
	padding:0 10px;
}

.column-feature a section{
	background:#fff;
	margin:10px 0 0 0;
}
.column-feature a section h3{
	padding:5px 5px 0 5px;
	margin:5px 5px 0 5px;
	color:#000;
	font-weight:bold;
	font-size:17px;
}

.column-feature a section h4{
	font-size:13px;
	font-weight:normal;
	padding:0 0 10px 0;
	margin:0 10px 10px 10px;
	color:#3c3c3c;
	
}


.column-feature a:last-child{
	border-bottom:1px solid #ccc;
}

.column-feature-detail{
	background:#fff;
	padding:10px 10px 10px 10px;
	margin:0 0 10px 0;
}

.column-feature-detail .title{
	font-weight:bold;
	font-size:17px;
	margin: 0 0 10px 0;
}

.column-feature-detail .content{
	font-size:13px;
}

.column-feature-list{
	margin:0;
}

.column-feature-list section{
	padding:0;
	margin:3px 5px;
}

.column-feature-list section table{
	width:100%;
	border-bottom:1px solid #ccc;
	padding-bottom:3px;
}

.column-feature-list section table .column-name{
	padding:8px 8px;
	vertical-align:top;
	color:#3c3c3c;
	font-size:14px;
	font-weight:bold;
}

.column-feature-list section table .thumbnail{
	width:150px;
}



/******************* 猫コラム ******************/
.cat-column{
	padding:0 10px;
}

.cat-column .cat-column-panel{
	margin:10px 0 10px 0;
	background:#fff;
}

.cat-column .cat-column-panel .title{
	padding:10px;
	color:#000;
	font-weight:bold;
	
}

/******************* マンガ ******************/
.cartoon{
	padding:0 10px;
}

.cartoon table{
	margin:0 0 5px 0;
}
.cartoon table tr .thumbnail{
	width:150px;
}
.cartoon table tr .thumbnail img{
	width:100%;
}

.cartoon table tr .title{
	vertical-align:top;
	padding:5px 10px;
	#font-weight:bold;
	color:#000;
}

.cartoon .cartoon-top{
	font-size:14px;
	margin:10px 0;
}

.cartoon .cartoon-img{
	max-width:640px;
	margin:0 auto;
}

.cartoon .cartoon-bottom{
	font-size:14px;
	margin:10px 0;
}

.cartoon-title-related{
	font-weight:bold;
	font-size:16px;
	margin:0 0 5px 0;
}



/******************* 専門家のオピニオン ******************/
.opinion{
	padding:0 10px;
}

.opinion table,
.opinion table tr{
	width: 100%;
}

.opinion table tr .movie-name{
	font-size:14px;
	font-weight:bold;
	padding:5px 0 0 0;
	margin:0;
	color:#000;
}

.opinion table tr .thumbnail{
	width:60px;
	vertical-align:top;
}
.opinion table tr .thumbnail img{
	width:100%;
	vertical-align:top;
}
.opinion table tr .lecturer{
	vertical-align:top;
	padding:2px 0 0 5px;
}
.opinion table tr .lecturer .lecturer-name{
	font-size:13px;
	color:#000;
}
.opinion table tr .lecturer .title{
	font-size:12px;
	color:#7f7f7f;
	padding:0;
	margin:0;
}
.opinion  .opinion-border{
	margin:5px 0 0 0;
	border-top:1px solid #ccc;
	#padding:5px 0 0 0;
}


/******************* みんなのホントの話 ******************/
.hanashi{
	padding:0 10px;
}

.hanashi a{
	background:url(https://imagineer.edmode.com/sugotoku/v2/images/common/arrow.png) no-repeat right;
	background-size:16px;
	color:#000;
	text-decoration:none;
}

.hanashi .hanashi-panel{
	margin:0;
	border-bottom:1px solid #ccc;
	padding:10px 20px 10px 10px;
}

.hanashi .hanashi-panel .title{
	color:#000;
	font-size:14px;
	font-weight:bold;
}


.hanashi .hanashi-panel .status{
	width:70px;
	padding:5px 0 3px 0;
	font-size:13px;
	color:#fff;
	font-weight:bold;
	text-align:center;
	margin:3px 0 0 0;
	line-height:140%;
	float:left;
}
.hanashi .hanashi-panel .date{
	width:150px;
	padding:5px 5px 3px 0;
	font-size:13px;
	color:#000;
	text-align:right;
	margin:3px 0 0 0;
	line-height:140%;
	float:right;
}

/********************小泉元総理特集ページ用***************/
a.koizumi_movie_article{
	display:block;
	margin:10px 0;
	border:solid 1px #C5C5C5;
}
a.koizumi_movie_article img{
	vertical-align:bottom;
}


/******************連載コラム（list.php）******************/
.series_column_list{
	padding: 0 10px;
}
.series_column_list h1.title{
	margin:0;
	padding:15px 0 10px 25px;
	margin:0 0 10px 0;
	font-size:18px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:left;
	background-position-x:2px;
	background-position-y:18px;
	background-size:18px;
	font-weight:bold;
}
.series_column_list h1.green{
	background-image:url(https://imagineer.edmode.com/sugotoku/v2/images/honto/corner_3.png);
	border-bottom:2px solid #92d050;
}

.series_column_list section.series_column{
	background:#FFF;
}
.series_column_list section.series_column a{
	display:block;
	color:#000;
}
.series_column_list section.series_column .series_title{
	margin-bottom:10px;
}
.series_column_list section.series_column .series_info{
	padding:10px;
}
.series_column_list section.series_column .series_info h2{
	padding:0 0 5px;
	font-size:18px;
}
.series_column_list section.series_column .series_info p{
	font-size:13px;
	color:#3c3c3c;
}
.series_column_list section.series_column article{
	border:1px solid #ccc;
	border-right:none;
	border-left:none;
	border-bottom:none;
	padding:10px 0;
	font-size:14px;
	position:relative;
}

.series_column_list section.series_column div article:nth-child(1){
	border:none;
}
.series_column_list section.series_column article .thumbnail{
	float:right;
	margin-left:10px;
}
.series_column_list section.series_column article .start_date{
	position:absolute;
	bottom:5px;
	left:0;
	font-weight:bold;
	color:#f00;
}
.series_column_list section.series_column article:after{
	display:block;
	content:"";
	clear:both;
}

.what_day_top{margin:0 10px 10px;position: relative;text-align: center;}
.what_day_top img{max-width: 100%;width: 100%;}
.what_day_top div{position: absolute;left: 50%;top: 10%;font-size: 4.5vw;color: #fff;font-weight: bold;transform: translateX(-50%);-webkit- transform: translateX(-50%);white-space: nowrap;}