@charset "utf-8";

#base .navi{
	position:relative;
	width:0;
	height:136px;
	overflow:hidden;
}

#base .navi .subnavi{
	position:relative;
	height:100%;
	background:#444444;
	padding-top:25px;
}

#base .navi .subnavi .subsubnavi{
	width:950px;
	height:100%;
	margin:0 auto;
}


#base .navi .subnavi .backbtn{
	float:left;
	width:97px;
	height:145px;
	border:solid 1px #8F8F8F;
	
	box-sizing: border-box;
	width:145px;
	height:86px;
}

#base .navi .subnavi .backbtn .txt{
	display:table;
	/*border:solid 1px #FF00FF;*/
	width:100%;
	height:100%;
}

#base .navi .subnavi .backbtn .txt li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	position:relative;
}

#base .navi .subnavi .backbtn .txt li p{
	font-size:1.2em;
	line-height:1.83;
	letter-spacing:0.02em;
	color:#FFFFFF;
	padding-left:6px;
}

#base .navi .subnavi .backbtn .txt li .icn img{
	position:absolute;
	left:10px;
	top:0;
	bottom:2px;
	margin:auto;
	/*padding-top:2px;
	padding-bottom:8px;*/
}

#base .navi .subnavi .subnavi_tbl{
	display:table;
	float:right;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr:first-child{
	padding-bottom:15px;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td{
	display:table-cell;
	text-align:left;
	vertical-align:middle;
	color:#FFFFFF;
	width:198px;
	height:66px;
	padding-left:15px;
	position:relative;
	
	width:146px;
	height:86px;
}
#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td:first-child{
	padding-left:0;
}
/*
#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td:first-child{
	width:78px;
	font-size:1.1em;
	letter-spacing:0.05em;
	line-height:1.75;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td:first-child ul{
	display:table;
}
#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td:first-child ul li{
	display:table-cell;
	vertical-align:middle;
}
#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td:first-child ul li img{
	padding-right:5px;
}*/

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn{
	position:relative;
	width:198px;
	height:66px;
	margin:0 0 0 auto;
	background:#000000;
	
	width:100%;
	height:100%;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .photo{
	width:100%;
	height:100%;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .photo img{
	width:198px;
	height:66px;
	
	
	width:100%;
	height:100%;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .txt{
	position:absolute;
	left:0;
	top:0;
	display:table;
	width:198px;
	height:66px;
	
	width:100%;
	height:100%;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .txt li{
	display:table-cell;
	text-align:center;
	vertical-align:middle;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .txt li p{
	font-family:'Josefin Sans',sans-serif;
	font-size:1.3em;
	font-weight:600;
	letter-spacing:0.07em;
	line-height:1.5;
	color:#FFFFFF;
	padding-top:3px;
}

#base .navi .subnavi .subnavi_tbl .subnavi_tr .subnavi_td .btn .now{
	position:absolute;
	left:0;
	top:0;
	width:194px;
	height:62px;
	border:solid 2px #FFFFFF;
	background:rgba(0,0,0,0.5);
	
	box-sizing: border-box;
	width:100%;
	height:100%;
}

/* --------------------------------------------- */

#base .kv div{
	position:relative;
	overflow:hidden;
}

#base .kv div img{
	position:absolute;
	left:0;
	top:0;
}

#base .kv_hoshinooto{
}

#base .kv_hoshinooto ul{
	display:table;
}

#base .kv_hoshinooto ul li{
	display:table-cell;
	position:relative;
	overflow:hidden;
}

#base .kv_hoshinooto ul li .pht{
	background:#000000;
}

#base .kv_hoshinooto ul li .icn{
	position:absolute;
	right:0;
	bottom:0;
	display:none;
}

#base .kv_hoshinooto .logo{
	width:100%;
	text-align:center;
	background:#002060;
}

#base .kv_hoshinooto .detail{
	position:fixed;
	z-index:500;
	left:0;
	top:0;
	width:100%;
	height:100%;
	min-width:980px;
	display:none;
}

#base .kv_hoshinooto .detail .bg{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.85);
}

#base .kv_hoshinooto .detail .pht{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	width:840px;
	height:546px;
	margin:auto;
	display:none;
}

#base .kv_hoshinooto .detail .pht div{
	display:none;
	position:absolute;
	left:0;
	top:0;
}

#base .kv_hoshinooto .detail .arw_p{
	position:absolute;
	left:0;
	right:940px;
	top:0;
	bottom:0;
	margin:auto;
	width:40px;
	height:70px;
}

#base .kv_hoshinooto .detail .arw_n{
	position:absolute;
	left:940px;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:40px;
	height:70px;
}

#base .kv_hoshinooto .detail .close{
	position:absolute;
	right:0;
	top:0;
	width:65px;
	height:65px;
	overflow:hidden;
}

#base .kv_hoshinooto .detail .close .btn{
	position:relative;
	background:#FFFFFF;
}

#base .kv_stadiumhouse{
	position:relative;
}

#base .kv_stadiumhouse .kv{
	position:relative;
	z-index:10;
}

#base .kv_stadiumhouse .kv div{
	position:absolute;
	left:0;
	top:0;
}

#base .kv_stadiumhouse .arw_p{
	position:absolute;
	z-index:11;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	width:70px;
	height:80px;
}

#base .kv_stadiumhouse .arw_n{
	position:absolute;
	z-index:11;
	right:0;
	top:0;
	bottom:0;
	margin:auto;
	width:70px;
	height:80px;
}

/* --------------------------------------------- */

#base .dtl{
	width:950px;
	margin:0 auto;
}

#base .dtl .ttl{
	text-align:center;
	font-family:'Josefin Sans',sans-serif;
	font-size:5.7em;
	font-weight:300;
	letter-spacing:0.08em;
	line-height:1.5;
	color:#888888;
	padding-top:56px;
}
#base .dtl .ttl_hoshinooto{
	text-align:center;
	font-size:4.6em;
	letter-spacing:0.08em;
	line-height:1.5;
	color:#888888;
	padding-top:56px;
	padding-bottom:10px;
}

#base .dtl .dsc{
	text-align:center;
	font-size:1.4em;
	letter-spacing:0.05em;
	line-height:2.5;
	color:#555555;
	padding-top:13px;
	padding-bottom:70px;
}

#base .dtl .dsc .link{
	padding-top:25px;
}

#base .dtl .dsc a{
	text-decoration:underline;
}
#base .dtl .dsc a:hover{
	text-decoration:none;
}
#base .dtl.hoshinooto .dsc a{
	color:rgba(0,32,96,1.0);
}
#base .dtl.hoshinooto .dsc a:hover{
	color:rgba(0,32,96,0.5);
}
#base .dtl.stadiumhouse .dsc a{
	color:rgba(204,0,0,1.0);
}
#base .dtl.stadiumhouse .dsc a:hover{
	color:rgba(204,0,0,0.5);
}

#base .dtl ul{
	height:320px;
	height:350px;
}

#base .dtl ul li{
	float:left;
	text-align:center;
}
#base .dtl.california ul li.li1{
	width:302px;
	margin-left:40px;
}
#base .dtl.california ul li.li2{
	width:190px;
	margin-left:87px;
}
#base .dtl.california ul li.li3{
	width:242px;
	margin-left:57px;
}
#base .dtl.california ul li.li3 .txt{
	padding-bottom:18px;
}
#base .dtl.french ul li.li1{
	width:190px;
}
#base .dtl.french ul li.li2{
	width:181px;
	margin-left:97px;
}
#base .dtl.french ul li.li3{
	width:177px;
	margin-left:67px;
}
#base .dtl.french ul li.li4{
	width:160px;
	margin-left:78px;
}
#base .dtl.japanese ul li.li1{
	width:210px;
	margin-left:140px;
}
#base .dtl.japanese ul li.li2{
	width:310px;
	margin-left:150px;
}
#base .dtl.scandinavian ul li.li1{
	width:280px;
	margin-left:50px;
}
#base .dtl.scandinavian ul li.li2{
	width:143px;
	margin-left:109px;
}
#base .dtl.scandinavian ul li.li3{
	width:198px;
	margin-left:130px;
}
#base .dtl.newyorker ul li.li1{
	width:174px;
}
#base .dtl.newyorker ul li.li2{
	width:210px;
	margin-left:40px;
}
#base .dtl.newyorker ul li.li3{
	width:160px;
	margin-left:40px;
}
#base .dtl.newyorker ul li.li4{
	width:236px;
	margin-left:90px;
}
#base .dtl ul li.clearfix{
	float:none;
}

#base .dtl ul li .photo{
}

#base .dtl ul li .txt{
	font-size:1.5em;
	letter-spacing:0.05em;
	line-height:1.8;
	font-weight:bold;
	padding-top:16px;
}

#base .dtl ul li .btn{
	font-size:1.3em;
	letter-spacing:0.05em;
	line-height:1.7;
	font-weight:bold;
	
	background:url(../img/index/product_arow.png) no-repeat;
	background-size:6px 5px;
	background-position:left center;
	padding-left:12px;
}

#base .dtl .att{
	font-size:1.1em;
	letter-spacing:0.08em;
	line-height:2.0;
	color:#666666;
	padding-bottom:80px;
}

/* --------------------------------------------- */

#base .next{
	background-color:#888888;
}

#base .next .btn{
	float:right;
	height:140px;
	color:#FFFFFF;
	background:#666666;
	background-size:16px 30px;
	position:relative;
}
#base .next .btn:first-child{
	float:left;
	background-size:16px 30px;
}

#base .next .btn ul{
	display:table;
	margin:24px auto;
	position:relative;
	z-index:20;
}

#base .next .btn .arow{
	position:absolute;
	z-index:20;
	right:20px;
	top:0;
	bottom:0;
	width:16px;
	height:30px;
	margin:auto;
}
#base .next .btn:first-child .arow{
	left:20px;
	right:auto;
}

#base .next .btn .bg{
	position:absolute;
	z-index:10;
	left:0;
	top:0;
	width:0;
	height:140px;
	background-color:#777777;
}
#base .next .btn:first-child .bg{
	left:auto;
	right:0;
}

#base .next .btn ul li{
	display:table-cell;
	padding-left:200px;
}

#base .next .btn ul .photo{
	padding-left:0;
	padding-right:50px;
	position:relative;
	width:156px;
	height:92px;
}
#base .next .btn:first-child ul .photo{
	padding-left:50px;
	padding-right:0;
}

#base .next .btn ul .photo .pht1,
#base .next .btn ul .photo .pht2{
	position:absolute;
	left:0;
}
#base .next .btn:first-child ul .photo .pht1,
#base .next .btn:first-child ul .photo .pht2{
	left:auto;
	right:0;
}

#base .next .btn ul .txt{
	text-align:right;
	vertical-align:middle;
	padding-left:0;
	padding-right:35px;
}
#base .next .btn:first-child ul .txt{
	text-align:left;
	padding-left:35px;
	padding-right:0;
}

#base .next .btn ul .txt .txt1{
	font-family:'Oswald',sans-serif;
	font-size:1.2em;
	font-weight:300;
	letter-spacing:0.25em;
	line-height:2.0;
}

#base .next .btn ul .txt .txt2{
	font-family:'Josefin Sans',YuGothic,"游ゴシック体","Yu Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ","Meiryo","Osaka","Osaka－等幅","Osaka-Mono","MS UI Gothic","ＭＳ Ｐゴシック","MS PGothic","ＭＳ ゴシック","MS Gothic",sans-serif;
	font-size:1.7em;
	font-weight:600;
	letter-spacing:0.1em;
	line-height:1.45;
	padding-top:12px;
}