@charset "EUC-JP";
/* バグの時はバグで検索*/
body table#full{
	padding:0;
	margin:0;
	width:100%;
}
iframe#headerIframe {
	width:100%;
	height: 297px /* バグ時 357px / 通常時 297px */;
	vertical-align:bottom;
}
div#title {
	float:left;
}
#wrapper {
	height:100%;
	min-height:100%;
	text-align:center;
	width:100%;
}
#wrapper iframe[name="header"], body.category #full iframe[name="header"], #pagebody iframe[name="header"]{
	min-width: 1025px;
}
#content{
	width:880px/*1130px  up2015 11/12*/;
	text-align:left;
	margin:0 auto;
	height:auto;
	overflow:visible;
}
#left {
	background-color: #fff;
	width:880px;
	float:left;
	min-height:650px;
	position:relative;
}
#center {	
	width:630px;
	float:left;
	position:relative;
}
#centerW {
	background-color: #fff;
	width:670px;
	float:left;
}
div.left ul.cat, div.left ul.ul2{
	padding-bottom:4em;
}
div.left ul li #cse-search-box{
	padding-bottom:15px;
	font-size:12px;
}
div.left .brand li{
	display:block;
	height:40px;
}
div.left ul li img{
	border:none;
}

div.left ul.cat li a:link,
div.left ul.cat li a:visited,
div.left ul.cat li a:active{
	color:#333333;
}
div.left .cat a:hover {
	background:url(/gold/scope/img/nav_hover.gif) left top no-repeat;
}
div.left ul.cat li img.now{
	filter:Alpha(opacity=0);
	-moz-opacity:.0;
	opacity:.0;
}
div.left{
	float:right;
	width:200px;
}
div.left ul.cat{
	float:left;
	clear:both;
	padding-left:0;
}
div.left ul.sch{
	padding-bottom:2.5em;
}
div.left ul.cat li,.left ul.ul2 li,div.left ul.ul3 li,div.left ul.comu li{
	background-image:url(/gold/scope/img/nav_ico201305.gif?2);
}
ul.cat .objet{background-position:0 900px}
ul.cat .mobile{background-position:0 870px;}
ul.cat .ceramic{background-position:0 840px;}
ul.cat .glass{background-position:0 810px;}
ul.cat .glassware{background-position:0 780px;}
ul.cat .cutlery{background-position:0 750px;}
ul.cat .kitchen{background-position:0 720px;}
ul.cat .cushion{background-position:0 690px;}
ul.cat .fabric{background-position:0 660px;}
ul.cat .vase{background-position:0 630px;}
ul.cat .electric{background-position:0 600px;}
ul.cat .lighting{background-position:0 570px;}
ul.cat .clock{background-position:0 540px;}
ul.cat .stationery{background-position:0 510px;}
ul.cat .bag{background-position:0 480px;}
ul.cat .accessories{background-position:0 450px;}
ul.cat .other{background-position:0 420px;}
ul.cat .table{background-position:0 390px;}
ul.cat .cabinet{background-position:0 360px;}
ul.cat .kids{background-position:0 330px;}
ul.cat .rug{background-position:0 300px;}
ul.cat .blanket{background-position:0 270px;}
ul.cat .book{background-position:0 240px;}
ul.ul2 .sale{background-position:0 60px;}
ul.ul2 .shippingfree{background-position:0 30px;}
ul.ul3 .siruscope{background-position:0 150px;}
ul.ul3 .hannan_pj{background-position:0 120px;}
ul.ul3 .susumeru{background-position:0 90px;}
ul.comu .blog{background-position:0 210px;}
ul.comu .bbs{background-position:0 180px;}
.sidrMenu {
    display: none;
}
.about div.left ul.sch {
	margin-top:25px;
}
.about div.left a {
	width:165px;
	height:20px;
	display:block;
}
.about div.left a:hover {
	background:url(/gold/scope/about/img/nav_hover.gif) left top no-repeat;
}
.about div.left ul.ab li{
	height:20px;
	margin-top:2px;
	clear:right;
}

/*********** searchbutton ************/
	
#cse-search-box input {
	height:15px;
	vertical-align:bottom;
	margin-left:1em;
	padding-top:2px;
	width:50%;
}

#cse-search-box input:focus {
        background-color: #eee;
        border-color: #ccc;
}


.search {
	background: url(/gold/scope/img/search_btn.gif) no-repeat 0 0;
	height: 21px;
	width: 37px;
	margin: 0;        /* any value is OK */
	padding: 0;
	display: -moz-inline-box;  /* just for Firefox 2.x below */
	display: inline-block;
	zoom: 1; *display: inline;  /* just for IE */
}

.search button  {
	background: url(/gold/scope/img/search_btn.gif) no-repeat top left;
	height: 21px;
	width:37px;
	line-height: 21px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible; /* just for IE */
}


.mailadd {
	background: url(/gold/scope/img/btn_mailadd.gif) no-repeat 0 0;
	height: 20px;
	width: 70px;
	margin: 0;        /* any value is OK */
	padding: 0;
	display: -moz-inline-box;  /* just for Firefox 2.x below */
	display: inline-block;
	zoom: 1; *display: inline;  /* just for IE */
}

.mailadd button  {
	background: url(/gold/scope/img/btn_mailadd.gif) no-repeat top left;
	height: 20px;
	width:70px;
	line-height: 21px;
	cursor: pointer;
	padding: 0;
	margin: 0;
	border: none;
	overflow: visible; /* just for IE */
}


.nyuWrap {padding:10px 0 70px 0;}
.nyuWrap h3, .nyuFormWrap h3 {font-size:1.4em; font-weight:normal; margin:0 0 10px 0; text-align:center;}
.nyuLine { height:1px; background:#ddd; margin:25px auto; width:93%;}
.nyuWrap .nyuFormWrap {width:70%; margin:0 auto;}  
.nyuFormWrap .itemName {font-size:1.4em; line-height:1em; text-align:center; font-weight:bold; margin-bottom:10px;}
.nyuCom {padding-top:5px; text-align:left;}
.nyuCom p {font-size:1em; line-height:1.2em; color:#333;}
.nyuCom .wl-no {line-height:1.2em;}

.nyuFormWrap .inputBtn{
	width:100%;
	display:block;
    background-color: #444;
	cursor:pointer;
	padding:6px;
	color:#FFF;
	text-aline: center;
	margin:0 auto;
	text-decoration:none;
	font-size:1.2em;
	letter-spacing:0.1em;
	border-radius: 3px;
	border:none;
}
.nyuFormWrap .inputBtn:hover {
    background-color: #555;
}


@media only screen
 and (min-device-width: 320px)
 and (max-device-width: 736px)
{
.inputBtn{background-color:#444;}
}
/*********** right ************/
div#right {
	display:none;
}
/*********** right ad ************/

#right img {
	vertical-align:bottom;
}
.navi #window {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 50px;
}
#right #project {
	margin:0 0 23px 20px;
}
#right #project img {
	margin-bottom: 30px;
}

/*********** bottom ad ************/

#promotion {margin:0 auto; clear:both; width:1180px; text-align:left; overflow: hidden;}
div.book2 {margin: 20px 20px 20px 0; float: left;}
div.book2 img{margin-bottom:10px;}
div.book2 p{font-size:1em; line-height:1.2em;}
div.book2 .txtS{line-height:1.2em; display:block; margin-top:7px;}

#fAdreco, #fAdcon {clear:both; width:630px; border:double 4px #8d8d8d; background: #FFF; padding-bottom:1.5em; margin:2em 0; box-sizing: border-box;}
#fAdreco + #fAdcon {margin-top: -2.4em; border-top:solid 1px #eaeaea;}
#fAdreco p, .fAdcontxt {font-family:ヒラギノ明朝 ProN W6,HiraMinProN-W6,HG明朝E,ＭＳ Ｐ明朝,MS PMincho,MS 明朝,serif}
h4.fAdti {font-weight:normal;font-family:"EB Garamond"; font-size:1.25em; margin-bottom:0.5em; letter-spacing:0.03em; color:#8a8a8a;}
#fAdreco .fAdline {width:100%; height:1px; background-color:#e7e7e7;}
#fAdreco ul, #fAdcon p.fAdti {padding:1.5em;}
#fAdreco li {float:left; width:32.2%;margin-right:1.5%; text-align:center;}
#fAdreco li img{width:100%;}
#fAdreco li a:hover, #fAdcon li a:hover {opacity:0.75;}
#fAdreco li:last-child {margin-right:0px;}
#fAdreco .recotxtXS {font-size:1.2em; font-weight:bold; letter-spacing:0.01em; margin:8px 0; text-align:center;}
#fAdreco .recotxt {font-size:0.8em; line-height:1.2em; text-align:center; color:#666;}
#fAdWrap .fAdline {background:#eaeaea; height:1px; width:100%; margin-top:25px;}


#fAdcon {margin-top: -2.4em;border-top: solid 1px #eaeaea; padding: 15px 0;}
#fAdcon .fAdconday {
	font-size:0.85rem;
	/*padding-top:14px;*/
}
#fAdcon li:last-child {margin-right:0px;}

#fAdcon {padding: 0;}
#fAdcon ul {
	padding:1.5em 1.5em 0 1.5em;
	clear:both;
}
#fAdcon ul:last-child {
	padding:1.5em;
}
#fAdcon ul li {float:left; margin-right:20px; display:inline-block;text-align: left; }
#fAdcon ul li:nth-child(2n) {
	width:80%;
	margin-right:0;
}
#fAdcon li.conWrap {display:table-row; float:none; font-size:1.5em; height:53px; margin-bottom:8px;}
#fAdcon li.conWrap:last-child {margin-bottom:0px;}
#fAdcon li.conWrap img {margin-right:0.6em; vertical-align:middle;}
#fAdcon li.conWrap .fAdconday {font-size:0.85rem; padding-top:0px;}
#fAdcon li.conWrap a {color:#232323;}
#fAdcon li.conWrap a:hover {color:#CD0003; text-decoration:none;}
#fAdcon .conImg {padding-top:0}
#fAdcon .fAdcontxt {
	font-size:1.5em;
	letter-spacing:0.01em;
	/*padding-top:7px;*/
}
#fAdcon .fAdcontxt a {
	color:#232323;
	line-height:1.2em;
}
#fAdcon .fAdcontxt a:hover {color:#CD0003; text-decoration:none;}

/*************sub ad***************/

.navi #sub, .navi #column, .navi #report, .navi #special {
	width:210px;
	margin-left:40px;
}

.navi #sub li, .navi #column li, .navi #report li, .navi #special li {
	margin-bottom:40px;
}


/*********** footer ************/

#bottom {
	clear:both;
	height:25px;
	width:100%;
}
footer iframe {
	width:100%;
	height:1600px;
	clear:both;
}
#footer,#footer .footer {
	clear:both;
	width:100%;
	min-height:100px;
}
#footer #footerinfo {
	background:url(/gold/scope/img/bg_twig_footer.png) center center repeat-x;
}
#footer #footerinfo #info {
	width:100%;
	margin:0 auto;
	box-sizing: border-box;
}
#topics {
	width:1125px;
	margin:0 auto;
}

/******************* campaign *******************/
.page-lineup #cam-wrap {
	text-align: center;
	background-color: #a7a7a7;
}
.page-lineup #cam-wrap #page-cam {
	width: 1120px;
}
.page-lineup #cam-wrap #page-cam img {
	vertical-align: middle;
}
.page-lineup #cam-wrap #page-cam .cam-title {
	width: 45%;
	box-sizing: border-box;
	padding-right: 3%;
	margin: 0.6em 0 0.6em 0;
}
.page-lineup #cam-wrap #page-cam .cam-syousai {
	width: 18%;
	box-sizing: border-box;
}
.page-lineup #cam-wrap #page-cam .cam-img {
	width: 26%;
	box-sizing: border-box;
	padding-left: 5%;
	vertical-align: bottom
}

/******************* page lineup *******************/
.page-lineup nav {
	height: /*90*/100px;
	overflow: hidden;
	background-color:#FFF;
}
.page-lineup nav a:hover {
	text-decoration: none;
}
.page-lineup nav li {
	font-family: 'Montserrat', sans-serif;
	margin: 0;
	font-size: 0.95em;
	letter-spacing: 0.1em;
	color: #333;
}
.page-lineup nav ul {
	display: -webkit-flex;/*PC safari用*/
	display: -ms-flexbox;/*IE10*/
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	padding-top:1.2em;
	width: 1120px;
}
.page-lineup nav li {
	float: left;
	margin: 1em 2.5% 3em 0;
	width: 10.31%;
	text-align: center;
	position: relative;
}
.page-lineup nav li img.label {
	position: absolute;
	top: 5px;
	left: 0px;
	width: 30%;
	height:auto;
}

.lineupBtn-wrap {
	width: 1120px;
}
.lineupBtn {
	border: none;
	cursor: pointer;
	float: right;
	outline: none;
width: 200px;
	
}

.page-lineup nav li img {
	width: 100%;
	height: auto;
}

/******************* main 2015 11 *******************/
main {
	width: 900px;
	float: left;
}
#breadcrumb {
	width:100%;
	margin-bottom:2em;
	margin-top:0.8em;
}
#breadcrumb li {
	float: left;
	display: inline-block;
	font-size:0.6rem;
}
#breadcrumb li h1 {
	font-size:0.6rem;
	display:inline;
}
#breadcrumb li:after {
	content: " | ";
	margin-right:0.5em;
}
#breadcrumb li:last-child:after {
	content: "";
}
#content-header .content-title h3 {
	line-height:1.2em;
	margin-bottom:0;
}
#content-header .content-nav ul li {
	padding-left:2em;
	box-sizing:border-box;
	margin-bottom:1em;
}
#content-header .content-nav ul li:last-child {
	margin-bottom:0;
}
#content-header .content-nav a.selected {
    position: relative;
	text-decoration:underline;
}
#content-header .content-nav a.selected:before {
	position: absolute;
	display: block;
	content: "";
	width: 5px;
	height: 10px;
	left: -15px;
	border: solid 2.5px #333;
	border-left: 0;
	border-top: 0;
	-webkit-transform: rotate(45deg);  
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
}

/******************* navi 2015 11 *******************/


iframe[name="Lnavi"] {
	height:900px;
}
nav#g-nav {
	width:200px;
	float:right;
}


@media only screen and (min-width: 737px) {
.page-lineup nav li:nth-child(8n) {
	margin: 1em 0 3em 0;
}
.lineupBtn {
width: 200px;

}
}
@media only screen and (max-width: 1024px) {
	main {
		width:75%;
	}
	nav#g-nav {
		width:24%;
	}
	div#sidr {
		float:right;
	}
	#content-header,
	iframe[name="Lnavi"],
	.lineupBtn-wrap,
	.page-lineup nav ul,
	.page-lineup #cam-wrap #page-cam,
	#centerW
	 {
		width:100%;
	}
	#content-header {
		padding:30px 1.5em 0 1.5em;
		box-sizing:border-box;
	}
	.page-lineup nav {
		height:80px;
	}
}
@media only screen and (max-width: 736px) {
footer iframe {
	height: 3000px;
}
#content {
	background-color:#f0f0f0;
}
#wrapper, table#full, #center, #content, main, #left, .lineupBtn-wrap, .page-lineup #cam-wrap #page-cam, .page-lineup nav ul {
	width:100%;
}
iframe#headerIframe {
	height: 187px /* バグ時 247px / goldコンテンツのヘッダーの高さ 187px */;
}
body.category #left {
	padding: 4em;
    box-sizing: border-box;
}
#breadcrumb, #content-header {
	width:100%;
	box-sizing:border-box;
	padding:0 1.5em;
}
.page-lineup nav {
	height: 80px;
}
.lineupBtn {
width: 100px;

}
/************ sidemenu **************/
/*.mHead, */.sidrMenu, .spThm, .tenpoInfo, .pickArea, .mFoot, .mSnsicons, .catKugiri {
    display: block;
}
nav#g-nav {
	width:200px;
	float:none;
	margin-top: 0;
	position:absolute;
	right:0;
	top:0;
	z-index:999;
}
.about p,.about li{ font-size:1.3em;}
.about #sidr{
	background-color:#f0f0f0;
	width:75%;
}
.about #sidr li:first-child{ margin:2em 0 0 2em;}
.about #sidr li{ line-height:2em;}
.sidrBtn, #sidr {
	top: 147px /* バグ時 207px / 通常時 147px */
}
.sidrBtn {position:absolute; right:0; display:block;}
.sidrBtn img {width:40px;}
#sidr{
	background-color:#f0f0f0;
	width:45%;
	height:100%;
	position: fixed;
	right:-1200px;
	z-index: 10000;
    margin-top: 40px;
}
div.left{
	float:none;
	width:100%;
}
#sidr.on{
	display:block;
	-moz-transform: translate(-1200px);
	-webkit-transform: translate(-1200px);
	-o-transform: translate(-1200px);
	transform: translate(-1200px);
	transition-duration:0.2s;
	
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#sidr.off{
	display:none;
	right:-1200px;
}

#sidr iframe {
	width:100%;
	min-height:100%;
	display:block;
	height:2700px;
}

ul.sch {padding:0 5%; margin:0}


#cse-search-box input[type="text"] {
	width:75%;
	height:2em;
	margin:8px 0;
}
#cse-search-box input[type="image"] {width:auto; height:3.6em; padding:1%;}

#promotion { padding-right:0px;}

#sidr {
    width: 85%;
	max-width:300px;
	box-sizing:border-box;
	background-color:rgba(45,45,45,0.6)
}
#sidr.on{
	display:block;
	-moz-transform: translate(-1200px);
	-webkit-transform: translate(-1200px);
	-o-transform: translate(-1200px);
	transform: translate(-1200px);
	transition-duration:0.2s;
	
	overflow:auto;
	-webkit-overflow-scrolling: touch;
}
#sidr.off{
	display:none;
	right:-1200px;
}


/*******************pagelineup*******************/
.page-lineup #cam-wrap #page-cam {
	padding: 0.3em 5% 0 5%;
	box-sizing: border-box;
}
.page-lineup #cam-wrap #page-cam .cam-title {
	width: 100%;
	padding-right: 0;
	margin: 0;
}
.page-lineup #cam-wrap #page-cam .cam-syousai {
	width: 44%;
	margin-bottom: 0.3em;
}
.page-lineup #cam-wrap #page-cam .cam-img {
	width: 46%;
	padding-left: 0em;
	vertical-align: bottom;
	margin-left: 10%;
}
.page-lineup nav {
	border-bottom: 1px solid #ebebeb;
	height: 65px;
}
.page-lineup nav li {
	margin: 0em 0 2em 0;
	width: 21%;
	padding: 0 2%;
	font-size: 0.8em;
	letter-spacing: 0;
	line-height: 1em;
	box-sizing:content-box;
}
.lineup-btn button {
	padding: 0.2em 1em;
	font-size: 1.2em;
}
#breadcrumb {
	margin-top:2em;
}

#content-header .content-title {
	margin-bottom:2em;
}
#content-header .content-nav {
	margin-bottom:2em;
}
#copyright img {
	display:none;
}
}