/* CSS Document */

#mc_topmain {
	height: 532px;
	width: 960px;
	margin: 0px 0px 60px;
	position: relative;
}

#mc_topmain h1 {
	position: absolute;
	top: 15px;
	right: 0px;
	z-index: 10;
}

#mc_top_slider {
	height: 532px;
	width: 960px;
	overflow: hidden;
}

#mc_top_slider .slides .ultra {
	position: relative;
}
	
#mc_top_slider .slides .ultra .u1 {
	position: absolute;
	top: 50px;
	left: 130px;
}
	
#mc_top_slider .slides .ultra .u2 {
	position: absolute;
	top: 234px;
	left: 139px;
}
	
#mc_top_slider .slides .ultra .u3 {
	position: absolute;
	top: 358px;
	left: 473px;
}

#thum {
	height: 125px;
	width: 1000px;
	padding: 10px 0px 25px;
	background: #FFE100 url("../common/img/bg_obi.png") repeat-x center bottom;
	z-index: 10;
	position: absolute;
	left: 50%;
	top: 512px;
	margin-left: -500px;
}

#thum ul {
	height: 102px;
	width: 800px !important;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}

#thum ul li {
	margin: 0px 50px 0px 50px;
	cursor: pointer;
	width: 232px !important;
}

/*#carousel {
	height: 63px;
	width: 100%;
	background: url(../common/img/bg_obi.png) repeat-x;
	position: absolute;
	left: 0px;
	top: 525px;
	z-index: 10;
	overflow: hidden;
}

#carousel ul li {
	margin: 10px 0px 10px 10px;
	float: left;
	height: 39px;
	width: 70px;
	cursor: pointer;
}*/



#mc_topmain #mc_about {
	position: absolute;
	top: 292px;
	right: 0px;
	z-index: 10;
}

#mc_topmain #mc_nowonsale {
	position: absolute;
	top: 411px;
	right: 0px;
}


#mc_topright {
	width: 195px;
	margin: 0px 0px 30px 765px;
}

#mc_important {
	margin: 0px 0px 25px;	
}

#mc_important li {
	margin: 0px 0px 10px;
}

#mc_whatsnew {
	margin: 0px 0px 25px;	
	
}

#mc_whatsnew li {
	padding: 0px 0px 10px;
	margin: 0px 0px 10px;
	border-bottom: 1px dotted #000;	
}

#mc_whatsnew li strong {
	color: #929247;	
}

.mc_scrool {
	margin: 0px 0px 30px;
	max-height: 350px;
	width: 717px;
	overflow: scroll;
}

#mc_gallery {
	margin: 0px;
	background: #000;
	padding: 30px;
	width: 683px;
	box-sizing: border-box;
}

#mc_gallery li {
	border: solid 3px #999;
	margin: 0px 7px 7px 0px;
	float: left;
	height: 100px;
	width: 150px;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
	background: #FFF;
}

#mc_gallery li:nth-child(4n) {
	margin: 0px 0px 7px 0px;	
}

#mc_gallery li img {
	height: 100px;
}

ul.gl_list {
	background: #888;
	padding: 15px;
	width: 900px;
	min-height: 137px;
	margin: 0px auto;
	color: #FFF;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.2em;
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
}

.gly {
	margin: 0px 0px 30px 0px;
	box-shadow:5px 5px 2px -4px #6d6a6b;
	-moz-box-shadow:5px 5px 2px -4px #6d6a6b;
	-webkit-box-shadow:5px 5px 2px -4px #6d6a6b;
}

ul.gl_list li:nth-child(1) {
	float: right;
}

ul.gl_list li:nth-child(1) img {
	margin: 0px 0px 10px 10px;
}

ul.gl_list li:last-child {
	font-size: 0.8em;
	font-weight: 100;
}



@media screen and (max-width: 639px) {
	
#contents {
	padding: 3%;
}

#mc_contents {
	padding: 3%;
	margin: 0% auto;
	width: 100%;
}

#mc_topmain {
	height: inherit;
	width: 100%;
	margin: 0px 0px 0%;
	position: relative;
	overflow: hidden;
}

#mc_top_slider {
	height: auto;
	width: 100%;
}

#mc_top_slider .slides li {
	float: left;
}


#mc_top_slider .slides li img {
	width: 100%;
	height: auto;
}
	
#mc_top_slider .slides .ultra {
	position: relative;
}
	
#mc_top_slider .slides .ultra .u1 {
	position: absolute;
	top: 13.105%;
	left: 24.162%;
	width: 44.797%;
}
	
#mc_top_slider .slides .ultra .u2 {
	position: absolute;
	top: 43.609%;
	left: 24.338%;
	width: 46.099%;
}
	
#mc_top_slider .slides .ultra .u3 {
	position: absolute;
	top: 43.609%;
	left: 73.192%;
	width: 23.985%;
}

#thum {
	height: auto;
	width: 100%;
	padding: 5% 0px 7%;
	background: #FFE100 url("../common/img/bg_obi.png") repeat-x center bottom;
	z-index: 10;
	position: inherit;
	left: inherit;
	top: inherit;
	margin: 0px auto 10%;
	
}

#thum ul {
	height: auto;
	width: 100% !important;
	margin: 0px auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	transform: none !important;
}

#thum ul li {
	margin: 0px 5% 0px 5%;
	cursor: pointer;
	width: 40% !important;
}

#thum ul li img {
	width: 100% !important;
}
	
	
/*#carousel {
	height: 38px;
	width: 100%;
	background: url(../common/img/bg_obi.png) repeat-x;
	background-size: cover;
	position: absolute;
	left: 0px;
	top: 105vw;
	z-index: 10;
	overflow: hidden;
}

#carousel ul li {
	margin: 5px 0px 5px 5px;
	float: left;
	height: 28px;
	width: 50px !important;
}

#carousel ul li img {
	width: 100% !important;
}*/

#mc_topmain h1 {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 30%;
}

#mc_topmain #mc_about {
	position: absolute;
	top: 63%;
	right: 0px;
	width: 50%;
}

#mc_topmain #mc_nowonsale {
	position: absolute;
	top: 85%;
	right: 0px;
	width: 50%;
}

#mc_topmain h1 img,
#mc_topmain #mc_about img,
#mc_topmain #mc_nowonsale img {
	width: 100%;
}


#mc_topright {
	width: 100%;
	margin: 0px 0px 5%;
}

#mc_topright h3 img {
	width: 100%;
}

#mc_important {
	margin: 0px 0px 10%;
	font-size: 1.2em;
}

#mc_important li {
	margin: 0px 0px 3%;
}


#mc_whatsnew {
	margin: 0px 0px 10%;	
	font-size: 1.2em;
}

#mc_whatsnew li {
	padding: 0px 0px 3%;
	margin: 0px 0px 3%;
	border-bottom: 1px dotted #000;	
}

#mc_whatsnew li strong {
	color: #929247;	
}

.mc_scrool {
	margin: 0px 0px 10%;
	max-height: 350px;
	width: 100%;
	overflow: scroll;
}

#mc_gallery {
	margin: 0px;
	background: #000;
	padding: 5%;
	width: 100%;
	box-sizing: border-box;
}

#mc_gallery li {
	border: solid 3px #999;
	margin: 0px 4% 4% 0px;
	float: left;
	height: auto;
	width: 48%;
	overflow: hidden;
	box-sizing: border-box;
	text-align: center;
}

#mc_gallery li:nth-child(2n) {
	margin: 0px 0px 4% 0px;	
}

#mc_gallery li:nth-child(4n) {
	margin: 0px 0px 4% 0px;	
}

#mc_gallery li img {
	height: 100px;
}

ul.gl_list {
	background: #888;
	padding: 15px;
	min-height: inherit;
	width: 100%;
	margin: 0px auto;
	color: #FFF;
	box-sizing: border-box;
	text-align: left;
	font-size: 1.2em;
	font-family: 'Noto Sans Japanese';
	font-style: normal;
	font-weight: 700;
}

.gly {
	margin: 0px 0px 30px 0px;
	box-shadow:5px 5px 2px -4px #6d6a6b;
	-moz-box-shadow:5px 5px 2px -4px #6d6a6b;
	-webkit-box-shadow:5px 5px 2px -4px #6d6a6b;
	width: 100%;
}

ul.gl_list li:nth-child(1) {
	float: inherit;
	margin: 0px 0px 5% 0px;
}

ul.gl_list li:nth-child(1) img {
	margin: 0px;
}

ul.gl_list li img {
	width: 100%;
}

		
}