.abcbox{
	width:450px;
	margin:35px 0 0 45px;
	position:relative;
	z-index:5;
}
h2{
	margin:0 0 0 0px;
	padding:25px 0;
}
div.topnews{
	padding:0;
}
div.topnews a{
	color:#c0ae6a;
	font-size:140%;
	line-height:150%;
}
div.topnews a img{
	max-width:100%;
}
div.topnews a:hover{
	color:#fff;
	text-decoration:none;
}
h3.topmds{
	padding:25px 0;
}
ul.name{
	text-align:center;
	letter-spacing: -.40em; /* display:inline-block用CSS */
	width:100%;
}
ul.name li{
	display:inline-block;
	letter-spacing: normal; /* display:inline-block用CSS */
	vertical-align:top;
	width:20%;
}
ul.name li img{
	max-width:100%;
}
ul.name li a:hover img{
	opacity:0.8;
}
ul.name li p{
	width:110%;
}
ul.name li p span{
	font-size:11px;
	display:block;
}
/*
h4.topfootlogo{
	padding-top:80px;
	padding-bottom:40px;
}
*/
div.btn{
	padding-top:23px;
}
div.btn img{
	max-width:100%;
}
div.btn a:hover img{
	opacity:0.7;
}
h4.topfootlogo{
	padding-top:23px;
	padding-bottom:40px;
}
h4.topfootlogo img{
	max-width:100%;
}

.sliderouter{
	position:absolute;
	width:100% !important;
	z-index:1;
}
.slider img {
	max-width:70%;
	margin-left:auto;
}

.news{
	position:absolute;
	bottom:45px;
	right:45px;
	z-index:9;
	background-color: rgba(0,0,0,0.4);
	border:1px solid #c0ae6a;
	width:47%;
	padding:10px 10px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
    -moz-border-radius:5px 5px 5px 5px;  
    border-radius:5px 5px 5px 5px;
	
	box-shadow: 0px 0px 10px 2px #c0ae6a;
	-webkit-box-shadow: 0px 0px 10px 2px #c0ae6a;
	-moz-box-shadow: 0px 0px 10px 2px #c0ae6a;
}
.news h3{
	background:#c0ae6a;
	margin:-10px -10px 10px;
	color:#000;
	letter-spacing:2px;
	font-weight:bold;
	font-size:15px;
	padding:5px 10px;
	-webkit-border-radius:4px 4px 0px 0px;
    -moz-border-radius:4px 4px 0px 0px;  
    border-radius:4px 4px 0px 0px;
}
.news ul{
	height:120px;
	overflow:scroll;
	overflow-x: hidden;
}

.news ul li{
	margin:5px 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.news ul li span{
	margin-right:10px;
}
.news ul li a{
	color:#c0ae6a;
}
.news ul li a:hover{
	color:#fff;
	text-decoration:none;
}

@media screen and (max-width:1230px) {
.abcbox{
	width:40%;
	margin:35px 0 0 55px;
}
h2 img{
	max-width:100%;
}
}

@media screen and (max-width:1100px) {
.sliderouter{
	right:-150px;
}
.slider img {
	max-width:80%;
}
}

@media screen and (max-width:900px) {
.abcbox{
	width:34%;
	margin:35px 0 0 45px;
}
.sliderouter{
	right:-150px;
}
.slider img {
	max-width:90%;
}
}

@media screen and (max-width:800px) {
.sliderouter{
	right:-150px;
}
.slider img {
	max-width:100%;
}
}

@media screen and (max-width:760px) {
.abcbox{
	width:88%;
	margin:57px auto;
}
h2{
	margin:0 auto;
	text-align:center;
	padding:25px 0;
}
h3.topmds{
	padding:25px 0px;
	word-break: break-all;
}
ul.name{
	text-align:center;
}
ul.name li{
	display:block;
	margin:0 auto;
	vertical-align:top;
	width:100%;
}
ul.name li p{
	width:100%;
}
div.btn{
	padding-top:40px;
	width:110%;
	margin-left:-5%;
}
div.btn a:hover img{
	opacity:1;
}
div.btn img{
	max-width:100%;
}
h4.topfootlogo{
	padding-top:10px;
	padding-bottom:0px;
	text-align:center;
}

.news{
	box-sizing:border-box;
	position: static;
	bottom:0px;
	right:0px;
	z-index:9;
	background-color: rgba(0,0,0,0.4);
	border:1px solid #c0ae6a;
	width:110%;
	padding:10px 10px 5px;
	margin:35px 0 0 -5%;
}
.news h3{
	background:#c0ae6a;
	margin:-10px -10px 5px;
	color:#000;
	letter-spacing:2px;
	font-weight:bold;
	font-size:15px;
	padding:5px 10px;
}
.news ul{
	height:170px;
}
.news ul li span{
	margin-right:0px;
	display:block;
}

.news ul{
	overflow:auto;
	
}
.news ul::-webkit-scrollbar{ /* スクロールバー本体 */
	width: 5px;
	background: #FFF;
}
.news ul::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
	background: #c0ae6a;
}
.news ul::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
	background: #CCC;
}
.news ul::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
	background: #CCC;
}
.news ul::-webkit-scrollbar-corner{ /* スクロールバー角 */
	background: transparent;
}
.news ul::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
	display:none;
}
}