@charset "utf-8";
/* CSS Document */

.spsp{
	width:994px;
	margin:0 auto;
}
@media screen and (max-width: 1425px) {
.head {width:1130px;}
.head02{ display:none;}
.head03{ position:absolute; top:17px; left:265px;width:181px; display:block;}
.head04{ position:absolute; top:17px; left:485px;width:97px; display:block;}
.head05{ position:absolute; top:17px; left:619px;width:83px; display:block;}
.head06{ position:absolute; top:17px; left:732px;width:64px; display:block;}

.head001{left:465px;}
.head002{left:600px;}
.head003{left:715px;}

.foot08{ display:none;}
.foot09{ position:absolute; top:0px; left:800px; width:344px; display:block;}


}

@media screen and (max-width: 1340px) {
.second03,
.second04,
.second05,
.second06,
.second07
{display:none;}

.hd01 {margin-left:80px;}
.second{width:1100px;}

}

@media screen and (max-width: 1306px) {
.head {width:910px;}
.head03{ display:none;}
.head04{ position:absolute; top:17px; left:265px;width:97px; display:block;}
.head05{ position:absolute; top:17px; left:399px;width:83px; display:block;}
.head06{ position:absolute; top:17px; left:512px;width:64px; display:block;}

.head001{display:none;}
.head002{left:380px;}
.head003{left:495px;}



}


@media screen and (max-width: 1300px) {

.item.side01,
.item.side02,
.item.side03{ display:none !important;}
.second{width:1100px; margin-top:0px;}

.second07{ display:none;}



.bt{left:800px;}

.item.side04-2 ,
.item.side05,
.item.side06{display:none;}
.item.sp09 {
	width: 185px;
	padding:0px 0px 5px 10px;}
.item.sp10 {
	width: 380px;
	padding:0px 0px 5px 10px;}
	
.head-second-in{width:1024px; margin:0 auto; height:auto;}	
}



@media screen and (max-width: 1270px) {
.headnew60{
	margin:0 auto;
	width:98%;
	height:60px;
	z-index:9999 !important;
	position:relative;
	
}



}

@media screen and (max-width: 1237px) {
body {
	width:100%;
	background-size:
	1600px,
	auto ;
	background-position:35% 110px;
	
}


	



}

@media screen and (max-width: 1174px) {
	
.bt{left:700px;}

.head04{ display:none;}

}

@media screen and (max-width: 1140px) {
.foot09{display:none;}

}


@media screen and (max-width: 1091px) {
.head {width:680px;}
.head07{ display:none;}
.hd-form{ display:none;}

}

@media screen and (max-width: 1024px) {
    .bx500,.bx1000 {
        display: none;
    }
}

@media screen and (max-width: 1023px) {
	
.head-second-in{width:768px;}	
.item.global { display:none;}
.bt{left:500px;}	
.item.sp08{ display:none;}
.head01{ width:289px; padding-right:0px; padding-left:0px;}

.second01,
.second02,
.second03,
.second04{ display:none;}

.second{width:690px; margin-top:-150px;}

.item.sp02,
.item.sp06{ display:none !important;}

.item.side02,
.item.side03{ display: block !important;}

.item.sp07{display:none;}
.item.sp09 {
	width: 146px;
	padding:0px 0px 5px 5px;
	height:200px;
}

.item.sp10 {
	width: 302px;
	padding:0px 0px 5px 5px;
	height:200px;
}

}



@media screen and (max-width: 895px) {

.bt{left:480px; top:30px;}

}

@media screen and (max-width: 868px) {

body {background-size:1400px,auto ;background-position: center 0px;}
.head {width:100%; height:40px;}
.head04,.head05,.head002,.head003,.head06{ display:none;}
.head01{ top:2px; left:20px;width:200px; display:block;height:40px;}
.head08{ top:5px; right:100px; width:30px; height:35px; display:block;}
.head09{ top:6px; right:60px; width:30px; height:35px; padding:0; display:block;}
.head10{ position:absolute; top:4px; right:20px; width:31px; height:35px; padding:0; display:block;}
.rakuten img{ width:0px;}

.rakuten img.scroll{ width:0px;}
.head01.scroll{ top:2px; left:20px;width:200px; display:block;height:40px;}
.head08.scroll{ top:5px; right:100px; width:30px; height:35px; display:block;}
.head09.scroll{ top:6px; right:60px; width:30px; height:35px; padding:0; display:block;}
.head10.scroll{ position:absolute; top:4px; right:20px; width:31px; height:35px; padding:0; display:block;}

.base .jqm-list .ui-li-divider {
	font-size:21px;
}

.base .jqm-content {
	padding-top:0px;
	margin-top:180px;}
}


@media screen and (max-width: 794px) {		
.foot07{ position:absolute; top:0px; left:500px; width:92px; display:block;}
.foot05,.foot06{display:none;}


}


@media screen and (max-width: 786px) {
.sp01{ display:none;}
.bt{left:470px; top:30px;}
.head-second-in{margin:0 auto; height:auto;}
}


@media screen and (max-width: 767px) {

.jqm-footer{ display:none;}
}


@media screen and (max-width: 740px) {
	.hd01 { margin-right:0px;}
	.hd01{ position:relative; right:20px;}
	.rakuten{ display:none;}

	
.second{ display:none;}
.hd08,.hd09{ position:relative;  right:10px;}
}


@media screen and (max-width: 720px) {

.bt{ display:none;}

.jqm-demos .jqm-header {
	margin:0;
	padding:0;
	background-color:#371804;
	height:50px;
	width:100%;
}


.headnew60{
	margin:0 auto;
	width:100%;
	height:50px;
	z-index:9999 !important;
	position:relative;
}


.jqm-header{height:50px;}	
	




.head01{ width:190px; padding:0px; margin-left:10px; margin-right:20px; margin-top:5px;}
.head02{ display:none;}
.head03{ display:none;}
.head04{ display:none;}
.head05{ display:none;}
.head06{ display:none;}
.head07{ display:none;}
.head08{ width:30px; position:absolute; top:13px; right:50px;  display:block; }
.head09{ width:28px; position:absolute; top:10px; right:10px; display:block; }
	

.item.sp03{ margin-top:0px;}




body {
	width:100%;
	color: #555;
	font-size: 14px;
	line-height: 1.5em;

	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-rendering: optimizeLegibility;
	background-image:url(https://www.rakuten.ne.jp/gold/kyunan/img/top_spring.png),url(https://www.rakuten.ne.jp/gold/kyunan//img03/bg01.png);
	
    background-repeat:
	repeat-x,
	repeat;
	background-size:
	800px,
	auto ;
	  
    background-position: 
	center 20px;
	margin: 0;
	padding: 0;
}






	
#jqm-demos,
.ui-content,
.head-second,
.head-second-in,
.side02,
.side03,
.side04,
.side05,
.side06,
.sp03,
.sp04,
.sp05,
.sp06,
.sp07,
.sp08,
.sp09{width:100%;
margin:0 auto;
padding:0;
float:none;}
	
	
.head-second-in{margin-top:0px;}	
		
	
.bt,
.second,
.global,
.side01,
.item.side02,
.item.side03,
.sp01{ display:none !important;}	
	
	
.line03{width:100%;}
	
.title{
	width:256px;}	





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

.item.sp02 {
	width: 100%;
	padding: 0px;
	height:auto;
	display: block !important;
	
}



.sp02-01 {
	width: 30px;
	padding-top:28px;
	margin-left:10px;
	margin-right:5px;
	height: auto;
	float:left;
}

.sp02-02 {
	width: 80%;
	padding:13px 0;
	height: auto;
	float:left;
	border-bottom:1px dotted #371804;
}

.sp02-01 img {
	width: 24px;
	height: auto;
}

.sp02-02 img {
	width: 196px;
	height: auto;
}


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

.sp02-03 {
	width: 196px;
	padding:13px 0;
	height: auto;
	float:left;
}

.sp02-03 img {
	width: 196px;
	height: auto;
}

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

.item.sp03 {
	width: 100%;
	padding:0px;
	height:auto;
	float:none;
	margin-top:560px;
	display:block;
}

.sp03-1{
	width:59%;
	margin:0 5px;
	padding:0;
	float:left;}
	
.sp03-2{
	width:34%;
	margin:0 2px;
	margin-top:5px;
	float:left;}



.text04{
	width:100%;
	height:auto;
	text-align:left;
	padding-top:0px;
	padding-bottom:5px;
	font-size:20%;
	line-height:0em;
	margin:0 auto;
	border-bottom:1px dotted #371804;
}


.text04-01{
	width:100%;
	height:auto;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20%;
	line-height:0em;
	margin:0 auto;
	border-bottom:1px dotted #371804;
}

.text04-02{
	width:100%;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	font-size:20%;
	line-height:0em;
	margin:0 auto;
	border-bottom:1px dotted #371804;
}

.text05{
	width:100%;
	height:auto;
	text-align:left;
	font-size:20%;
	line-height:0em;
	margin:0 auto;
	margin-bottom:21px;
	background-color:#333;
}
/* ------------------------ */

.item.sp04 {
	width: 100%;
	padding:0px;
	height:auto;
	margin-bottom:15px;
	
}


.sp04-title{
	width:226px;
	margin-top:-2px;
	height:65px;
	margin:0;
}



.text02{
	width:100%;
	height:auto;
	text-align:left;
	padding:8px 10px;
	letter-spacing: 0.01em;
	font-size:14px;
	line-height:1.7em;
	margin:0 auto;
	border-bottom:1px dotted #371804;
	
}


.text02 a {color:#6F5E3F; }



.text02-left{
	width:60%;
	height:auto;
	float:left;
	padding:0px;
	
}

.text02-right{
	width:100px;
	height:auto;
	float:left;
}





.brand{
	width:226px;
	height:auto;
	margin:0 auto;
	border-bottom:1px dotted #371804;
}

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

.item.sp05 {
	width: 100%;
	padding:0px;
	height:auto;
}


.sp05-01 {
	width: 100%;
	margin-bottom:20px;
	height: auto;
	float:left;
}

.sp05-01-in {
	width: 46.5%;
	margin:0 5px;
	height: auto;

	float:left;
}

.sp05-02 {
	width: 100%;
	height: auto;
	float:left;
}

.sp05-02-in {
	width: 30.2%;
	margin:0 5px;
	height: auto;
	float:left;
}

.sp05-03-a {
	width: 100%;
	height: auto;
	float:left;
}
.sp05-03-b {
	width: 226px;
	height: auto;
	margin:0px auto;
	padding-top:15px;
	float:none;
}


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

.item.sp06 {
	width: 100%;
	padding:0px;
	height:auto;
	margin:0 auto;
	display: block !important;
	
}


.brand02{
	width:130px;
	height:auto;
	margin:0 15px;
	border-bottom:1px dotted #371804;
	padding:2px 0px 1px 0px;
	float:left;
}

.brand03{
	width:130px;
	height:auto;
	margin:0 15px;
	padding:2px 0px 1px 0px;
	border-bottom:1px dotted #371804;
	float:left;
}


.brand021{
	width:130px;
	height:auto;
	margin:0 15px;
	border-bottom:1px solid #333;
	float:left;
	padding-bottom:1px;
}

.brand031{
	width:130px;
	height:auto;
	margin:0 15px;
	border-bottom:1px solid #333;
	float:left;
	padding-bottom:1px;
}

.brand04{
	width:226px;
	height:auto;
	margin:0 auto;
	margin-top:34px;
}


.brand05{
	width:226px;
	height:auto;
	margin:0 auto;
	margin-top:15px;
}
/* ------------------------ */


.item.sp07 {
	width: 100%;
	padding:0px;
	height:auto;
	
}


.sp07-title{
	width:226px;
	margin-top:0px;
	height:50px;
	margin:0;
}

.sp07-title02{
	width:226px;
	margin-top:0px;
	height:60px;
	margin:0;
}


.slide-01{
	margin-left:0;
	text-align:left;
	width:100px;
}

.slide-02{
	margin-left:0;
	margin-bottom:10px;
}





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

.item.sp08 {
	width: 100%;
	padding:0px;
	height:auto;
}


.sp08-title{
	width:385px;
	margin-top:0px;
	height:50px;
	margin:0;
}
.sp08-title02{
	width:280px;
	height:50px;
	margin-top:0px;
	margin:0;
}
/* ------------------------ */

.item.sp09 {
	width: 226px;
	padding:0px;
	height:auto;
	margin-top:15px;
}

.item.sp10 {
	width: 300px;
	padding:0px;
	height:auto;
	float:none;
	margin:15px auto;
}

*{margin:0;padding:0;}

}



@media screen and (max-width: 650px) {
.foot01{display:none;}
.foot02{ position:absolute; top:0px; left:30px; width:94px; display:block;}
.foot03{ position:absolute; top:0px; left:124px; width:71px; display:block;}
.foot04{ position:absolute; top:0px; left:195px; width:82px; display:block;}
.foot07{ position:absolute; top:0px; left:277px; width:92px; display:block;}
}


@media screen and (max-width: 400px) {
.foot02{ position:absolute; top:0px; left:30px; width:94px; display:block;}
.foot03{ display:none;}
.foot04{ position:absolute; top:0px; left:124px; width:82px; display:block;}
.foot07{ position:absolute; top:0px; left:206px; width:92px; display:block;}
}




@media screen and (max-width: 370px) {
.head01{ top:5px; left:10px; width:160px; display:block;height:40px;}
.head08{ top:5px; right:90px; width:30px; height:35px; display:block;}
.head09{ top:6px; right:50px; width:30px; height:35px; padding:0; display:block;}
.head10{ position:absolute; top:4px; right:10px; width:31px; height:35px; padding:0; display:block;}

.head01.scroll{ top:5px; left:10px; width:160px; display:block;height:40px;}
.head08.scroll{ top:5px; right:90px; width:30px; height:35px; display:block;}
.head09.scroll{ top:6px; right:50px; width:30px; height:35px; padding:0; display:block;}
.head10.scroll{ position:absolute; top:4px; right:10px; width:31px; height:35px; padding:0; display:block;}

}


.ui-content {
    overflow-x:inherit!important;
}