/* Global */
* {margin:0;padding:0}

body {
    font-family:"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , Osaka, "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", "san-serif";
	font-weight:normal;
	font-size:13px;
    line-height:1.3em;
	color:#383838;
	background-color:#ffffff;
    width:100%
}

html {
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
  text-size-adjust: 100%;
  }
  
br {letter-spacing: 0; }

img.mx{max-width:100%;}
img.mx2{max-width:100%;}

a:link {
    border:none;
    color:#000;
	text-decoration: none;
}

a:hover {
    border:none;
    color:#5f5f5f;
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}

a:visited {
    border:none;
    color:#2c2c2c;
	text-decoration: none;
}

a:active {
    border:none;
    color:#888;
	text-decoration: none;
}

a img{border:none}
a:hover img{
    opacity:0.9;
    filter: alpha(opacity=90);
    -ms-filter: "alpha( opacity=90 )";
    
    *opacity:none;
    *filter: none;
    *-ms-filter: "none";
    opacity:none\9;
    filter: none\9;
    -ms-filter: "none"\9;    
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
        }

h1{font-size:14px}
h2,h3{font-size:14px;margin-bottom:10px}
 
/* Header */

.dp,.dp3,.dp5{display:none}

#header{
    height:130px;
    width:100%;
    background:#fff;

}


.head{
    height:130px;
    background:url(../img2/head/topback.png) repeat-x #fff;
    margin:0;
    padding:0;
    
}
    
    
.top{
    width:950px;
    height:130px;
	text-align:left;
    margin:0 auto;
    background:url(../img2/head/topline.png) repeat-x #fff;

}


.logo{
    margin-top:23px;
    float:left;
    }

.logo a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";

}


.top ul{float:right;margin-top:40px;padding:0}
.top li{float:left;list-style:none;margin-left:40px}



li.t1 a{width:119px;height:50px;display:block;background:url(../img2/head/bridal.png)}
li.t1 a:hover {width:119px;height:50px;display:block;background:url(../img2/head/bridal2.png)}

li.t2 a{width:90px;height:50px;display:block;background:url(../img2/head/watch.png)}
li.t2 a:hover {width:90px;height:50px;display:block;background:url(../img2/head/watch2.png)}

li.t3 a{width:106px;height:50px;display:block;background:url(../img2/head/jewelry.png)}
li.t3 a:hover {width:106px;height:50px;display:block;background:url(../img2/head/jewelry2.png)}


li.ton1 a{width:119px;height:50px;display:block;background:url(../img2/head/bridal2.png)}
li.ton2 a{width:90px;height:50px;display:block;background:url(../img2/head/watch2.png)}
li.ton3 a{width:106px;height:50px;display:block;background:url(../img2/head/jewelry2.png)}


/* Navigation */

.menubtn {
    display:none;
	}
    

.togmenu {
    display:block;
	}
    

    
#menu{
    width:100%;

	color:rgba(255, 255, 255, 0);
	background: #6c605a;
	background: -moz-linear-gradient(left, #534a45 0%, #b0a593 25%, #413d3a 95%);
	background: -webkit-linear-gradient(left, #534a45 0%,#b0a593 25%,#413d3a 95%);
	background: linear-gradient(to right, #534a45 0%,#b0a593 25%,#413d3a 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534a45', endColorstr='#413d3a',GradientType=1 );
	
    border-bottom:1px solid #fff
    }
    
    
.menu ul {
	margin: 0;
	padding: 0;	
	overflow: hidden
    }
    

.menu li {
    list-style: none;
    float:left;
    border:none;
	color:rgba(255, 255, 255, 0)!important;
	height:40px;
	}
	
.menu li span{ color:rgba(255, 255, 255, 0)!important;width:auto;line-height: 40px;display: none}	


.menu li a {display:block;}


.menu{
    width:950px;
    margin:0 auto;
    }
    


li.m1 a{width:56px;height:40px;display:block;background:url(../img2/head/top.png) left center no-repeat;padding:0 7px 0 0}
li.m1 a:hover {width:56px;height:40px;display:block;background:url(../img2/head/top2.png) left center no-repeat;padding:0 7px 0 0}

li.m2 a{width:69px;height:40px;display:block;background:url(../img2/head/news.png) center center no-repeat;padding:0 7px;padding:0 7px}
li.m2 a:hover{width:69px;height:40px;display:block;background:url(../img2/head/news2.png) center center no-repeat;padding:0 7px}

li.m3 a{width:57px;height:40px;display:block;background:url(../img2/head/blog.png) center center no-repeat;padding:0 7px}
li.m3 a:hover{width:57px;height:40px;display:block;background:url(../img2/head/blog2.png) center center no-repeat;padding:0 7px}

li.m4 a{width:78px;height:40px;display:block;background:url(../img2/head/access.png) center center no-repeat;padding:0 7px}
li.m4 a:hover{width:78px;height:40px;display:block;background:url(../img2/head/access2.png) center center no-repeat;padding:0 7px}

li.m5 a{width:169px;height:40px;display:block;background:url(../img2/head/cp.png) center center no-repeat;padding:0 7px}
li.m5 a:hover{width:169px;height:40px;display:block;background:url(../img2/head/cp2.png) center center no-repeat;padding:0 7px}

li.m6 a{width:93px;height:40px;display:block;background:url(../img2/head/contact.png) center center no-repeat;padding:0 7px}
li.m6 a:hover{width:93px;height:40px;display:block;background:url(../img2/head/contact2.png) center center no-repeat;padding:0 7px}


li.m11 a{width:20px;height:40px;display:block;background:url(../img2/head/fb.png) center center no-repeat;padding:0 11px}
li.m11 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/fb_on.png) center center no-repeat;padding:0 11px}

li.m12 a{width:20px;height:40px;display:block;background:url(../img2/head/tw.png) center center no-repeat;padding:0 11px}
li.m12 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/tw_on.png) center center no-repeat;padding:0 11px}


li.m13 a{width:20px;height:40px;display:block;background:url(../img2/head/insta.png) center center no-repeat;padding:0 11px}
li.m13 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/insta_on.png) center center no-repeat;padding:0 11px}






li.m8 a{width:78px;height:40px;display:block;background:url(../img2/head/bridalm.png) center center no-repeat;padding:0 7px}
li.m8 a:hover{width:78px;height:40px;display:block;background:url(../img2/head/bridalm2.png) center center no-repeat;padding:0 7px}
li.m9 a{width:79px;height:40px;display:block;background:url(../img2/head/watchm.png) center center no-repeat;padding:0 7px}
li.m9 a:hover{width:79px;height:40px;display:block;background:url(../img2/head/watchm2.png) center center no-repeat;padding:0 7px}
li.m10 a{width:92px;height:40px;display:block;background:url(../img2/head/jewelrym.png) center center no-repeat;padding:0 7px}
li.m10 a:hover{width:92px;height:40px;display:block;background:url(../img2/head/jewelrym2.png) center center no-repeat;padding:0 7px}


li.mon2 a{width:69px;height:40px;display:block;background:url(../img2/head/news2.png) center center no-repeat;padding:0 7px}
li.mon4 a{width:78px;height:40px;display:block;background:url(../img2/head/access2.png) center center no-repeat;padding:0 7px}
li.mon5 a{width:169px;height:40px;display:block;background:url(../img2/head/cp2.png) center center no-repeat;padding:0 7px}
li.mon6 a{width:93px;height:40px;display:block;background:url(../img2/head/contact2.png) center center no-repeat;padding:0 7px}
li.mon8 a{width:78px;height:40px;display:block;background:url(../img2/head/bridalm2.png) center center no-repeat;padding:0 7px}
li.mon9 a{width:79px;height:40px;display:block;background:url(../img2/head/watchm2.png) center center no-repeat;padding:0 7px}
li.mon10 a{width:92px;height:40px;display:block;background:url(../img2/head/jewelrym2.png) center center no-repeat;padding:0 7px}

h1.m7{height:40px;color:#fff;font-size:10px;font-weight:normal;text-align:right;line-height:40px;float:right;margin:0;display: none}


/* main */



#back{
	top:0;
    margin:0;
    padding:0;
    width:100%;
    height:400px;
    overflow:hidden
    }

#main{
    width:100%;
    height:1096px!important;
	overflow: hidden!important	
	}



.main{width:950px;margin:0 auto}


#main2{
    width:100%;
    height:200px;
    overflow:hidden;
    margin:0 auto;

    }
    
    
#main3{
    width:100%;
    height:200px;
    overflow:hidden;
    margin:0 auto;
    background:#000
            }

#main4{
    width:100%;
    height:200px;
    overflow:hidden;
    margin:0 auto;
    background:#12171b
            }


.top_img{width:100%;height:200px;text-align:center}
.top_img1{width:100%;height:200px;margin:0 auto;text-align:center;background:url(../head/niwaka_back.jpg) center center #fafafa}
.top_img2{width:100%;height:200px;margin:0 auto;text-align:center;background:#fafafa}
.top_img3{width:100%;height:200px;margin:0 auto;text-align:center;background:url(../head/niessing_back.jpg) center center}
.top_img4{width:100%;height:200px;margin:0 auto;text-align:center;background:url(../head/lapage_back.jpg) center center}
.top_img5{width:100%;height:200px;margin:0 auto;text-align:center;background:#141414}
.top_img6{width:100%;height:200px;margin:0 auto;text-align:center;background:#f0e9dc}
.top_img7{width:100%;height:200px;margin:0 auto;text-align:center;background:#ebdac0}
.top_img8{width:100%;height:200px;margin:0 auto;text-align:center;background:#fff}
.top_img9{width:100%;height:200px;margin:0 auto;text-align:center;background:#cbe6e6}
.top_img10{width:100%;height:200px;margin:0 auto;text-align:center;background:url(../head/immortal_back.jpg) center center}


#welcome{
   font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
    font-weight:lighter;
    font-size:16px;
    text-align:left;
    color:#fff;
}
    
#animated_text{
	width:100%!important;
	height:400px!important;
	margin:0 0 0 0;
}

#animated_text ul{
	display:none;
}

#animated_text ul li{
    line-height: 1.6em;
    width:100%;
    text-shadow: 1px 1px 1px #000;
}

#animated_text ul li.m1{
    margin:190px 0 0 0!important;
}

#animated_text ul li.m2{
    margin:175px 0 0 0!important;
}

#animated_text ul li.m3{
    margin:165px 0 0 0!important;
}





/* footer*/ 


#totop {
margin:0;
padding:0;
height:37px;
background:#fff;
}


.totop{
width:950px;
padding:0;
margin:0 auto;
text-align:right;
}



#footer {
width:100%;
height:auto!important;
border-top: 3px solid #caae66;
background: #000;
margin:0 auto;
color:#bbb;
font-size:12px;
}

#footer a:link, #item a:link{ color:#a5a5a5}
#footer a:visited, #item a:visited{ color:#8f8f8f}
#footer a:hover, #item a:hover{color:#bbbbbb;-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;}
#footer a:active, #item a:active{ color:#fff}
#footer p{margin-top:1em;font-size:12px}

#footer ul{margin:0;padding:0;clear:both}
#footer li{float:left;list-style:none;margin-right:30px;margin-bottom:10px;background:url(../img2/top/dt.gif) no-repeat left 40%;text-indent:15px }


.f10{font-size:10px}
.f16{font-size:16px}


.footer{
margin: 20px auto 10px auto;
width: 950px;
overflow: hidden;
height: auto;
text-align:left;

}


.fl{
border-right:1px solid #1c1c1c;
margin:5px 30px 0 0px;
padding-right:30px;
float:left;
width:auto;
height:270px;
line-height:1.6em
}

.wt{width:480px}


.fr{
margin:5px 0px 0 0px;
padding-right:0px;
float:right;
width:auto;
height:270px;
line-height:1.6em
}


.fback{
width:430px;
padding:15px 0 0 0;
clear:both;
line-height:1.4em;
margin-top:75px
}

.fback img{margin-bottom: 15px}
.bimg{display:none }


.rs{font-size:10px;text-align:right;width:950px;margin:0;padding:10px 0}


.fmenubtn {
    display:none;
	}
    

.ftogmenu {
    display:inherit;
	}








/* Mobile */
@media screen and (max-width: 980px) {

.dp,.dp3,.dp5{display:inline}
.dp2{display:none}



/* Header */

#header{
    height:130px;
    width:100%;
    background:#fff;

}


.head{
    width:100%;
    height:130px;
    background:url(../img2/head/topback.png) repeat-x #fff;
    margin:0;
    padding:0;
}
    
    
.top{
    width:100%;
    height:130px;
	text-align:left;
    margin:0 auto;
    background:url(../img2/head/topline.png) no-repeat;
}




.logo{
    margin:23px 0 0 10px;
    float:left;

    }



.logo a:hover img{
    opacity:0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";

}


.top ul{float:right;margin:40px 10px 0 0px;padding:0}
.top li{float:left;list-style:none;margin-left:15px}





/* Navigation */



.togmenu {
	display:none;

}
.menubtn {
    display:block;
    height:40px;
    line-height:40px;
    background: #6c605a;
	background: -moz-linear-gradient(left, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	background: -webkit-linear-gradient(left, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	background: linear-gradient(to right, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534a45', endColorstr='#413d3a',GradientType=1 );
}


.menubtn {cursor:pointer}

.menubtn a:hover,.menubtn:hover{
    background:#534a45;
    display:block;
    height:40px;
    line-height:40px;
    }



#menu{   
    position:relative;
    width:100%;
    margin: 0;
	padding: 0;
    z-index:100;
    border-bottom:1px solid #fff
    
      }

#menu ul {
	margin: 0;
	padding: 0;


}

#menu li{
	float:none;
    height:45px;
    display:block;
	list-style: none;
	border-top: 1px solid #fff;
    background: #6c605a;
	background: -moz-linear-gradient(left, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	background: -webkit-linear-gradient(left, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	background: linear-gradient(to right, #534a45 0%,#b0a593 25%, #b0a593 60%, #413d3a 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#534a45', endColorstr='#413d3a',GradientType=1 );
	}

#menu li a{
    height:45px;
	display:block;
    margin:0;
    padding:0;
    width:100%
    }

.menu{
    width:auto;
    margin:0 auto;

    }



li.m1 a{background:url(../img2/head/top.png) no-repeat 10px center}
li.m1 a:hover {background:url(../img2/head/top.png) no-repeat #534a45 10px center}


li.m2 a{display:block;background:url(../img2/head/news.png) no-repeat 10px center}
li.m2 a:hover{display:block;background:url(../img2/head/news.png) no-repeat #534a45 10px center}


li.m3 a{display:block;background:url(../img2/head/blog.png) no-repeat 10px center}
li.m3 a:hover{display:block;background:url(../img2/head/blog.png) no-repeat #534a45 10px center}


li.m4 a{display:block;background:url(../img2/head/access.png) no-repeat 10px center}
li.m4 a:hover{display:block;background:url(../img2/head/access.png) no-repeat #534a45 10px center}



li.m5 a{display:block;background:url(../img2/head/cp.png) no-repeat 10px center}
li.m5 a:hover{display:block;background:url(../img2/head/cp.png) no-repeat #534a45 10px center}


li.m6 a{display:block;background:url(../img2/head/contact.png) no-repeat 10px center}
li.m6 a:hover{display:block;background:url(../img2/head/contact.png) no-repeat #534a45 10px center}


li.m8 a{display:block;background:url(../img2/head/bridalm.png) no-repeat 10px center}
li.m8 a:hover {display:block;background:url(../img2/head/bridalm.png) no-repeat #534a45 10px center}
li.m9 a{display:block;background:url(../img2/head/watchm.png) no-repeat 10px center}
li.m9 a:hover {display:block;background:url(../img2/head/watchm.png) no-repeat #534a45 10px center}
li.m10 a{display:block;background:url(../img2/head/jewelrym.png) no-repeat 10px center}
li.m10 a:hover {display:block;background:url(../img2/head/jewelrym.png) no-repeat #534a45 10px center}



h1.m7{display:none}



li.mon2 a{display:block;background:url(../img2/head/news2.png) no-repeat 10px center}
li.mon2 a:hover{display:block;background:url(../img2/head/news2.png) no-repeat #534a45 10px center}

li.mon4 a{display:block;background:url(../img2/head/access2.png) no-repeat 10px center}
li.mon4 a:hover{display:block;background:url(../img2/head/access2.png) no-repeat #534a45 10px center}

li.mon5 a{display:block;background:url(../img2/head/cp2.png) no-repeat 10px center}
li.mon5 a:hover{display:block;background:url(../img2/head/cp2.png) no-repeat #534a45 10px center}


li.mon6 a{display:block;background:url(../img2/head/contact2.png) no-repeat 10px center}
li.mon6 a:hover{display:block;background:url(../img2/head/contact2.png) no-repeat #534a45 10px center}


li.mon8 a{display:block;background:url(../img2/head/bridalm2.png) no-repeat 10px center}
li.mon8 a:hover{display:block;background:url(../img2/head/bridalm2.png) no-repeat #534a45 10px center}

li.mon9 a{display:block;background:url(../img2/head/watchm2.png) no-repeat 10px center}
li.mon9 a:hover{display:block;background:url(../img2/head/watchm2.png) no-repeat #534a45 10px center}

li.mon10 a{display:block;background:url(../img2/head/jewelrym2.png) no-repeat 10px center}
li.mon10 a:hover{display:block;background:url(../img2/head/jewelrym2.png) no-repeat #534a45 10px center}


li.m11 a{width:20px;height:40px;display:block;background:url(../img2/head/fb.png) 20px center no-repeat;padding:0 7px}
li.m11 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/fb_on.png) 20px center no-repeat #534a45;padding:0 7px}

li.m12 a{width:20px;height:40px;display:block;background:url(../img2/head/tw.png) 20px no-repeat;padding:0 7px 0 100px}
li.m12 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/tw_on.png) 20px center no-repeat #534a45;padding:0 7px}

li.m13 a{width:20px;height:40px;display:block;background:url(../img2/head/insta.png) 20px no-repeat;padding:0 7px 0 100px}
li.m13 a:hover{width:20px;height:40px;display:block;background:url(../img2/head/insta_on.png) 20px center no-repeat #534a45;padding:0 7px}

li.m11 span,li.m12 span,li.m13 span{display: block!important;font-size:12px;letter-spacing: 1px;margin-left:50px;color:#fff!important;font-family: "Arial Hebrew";line-height: 50px}


.menu li span{ color:rgba(255, 255, 255, 1)!important;width:auto;line-height: 50px;display: inherit;}	
li.m1 span,li.mon1 span{margin-left: 5.0em}
li.m2 span,li.mon2 span{margin-left: 6.0em}
li.m4 span,li.mon4 span{margin-left: 6.8em}
li.m5 span,li.mon5 span{margin-left: 13.8em}
li.m6 span,li.mon6 span{margin-left: 8.0em}
li.m8 span,li.mon8 span{margin-left: 7.0em}
li.m9 span,li.mon9 span{margin-left: 7.0em}
li.m10 span,li.mon10 span{margin-left: 8.0em}

li.mon1,li.mon2,li.mon4,li.mon5,li.mon6,li.mon8,li.mon9,li.mon10{background:#534a45!important;}
/* main */

#main{
    top:0;
    margin:1px auto 0 auto;
    padding:0;
    width:100%;
    height:204px;
    background:#fcfcfc;
    overflow:hidden

    }

.main{width:100%;margin:0 auto;text-align:center}

#main2{
    width:100%;
    height:200px;
    overflow:hidden;
    }

img{max-width:auto!important;}

#welcome{
    font-family: 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif!important;
    font-weight:normal;
    font-size:14px;
    text-align:center;
    color:#fff;    
}
    
#animated_text{
	width:100%!important;
	height:350px!important;
	margin:0 0 0 0;
}

#animated_text ul{
	display:none;
}

#animated_text ul li{
    line-height: 1.6em;
    width:100%;
    text-shadow: 1px 1px 1px #000; 
}

#animated_text ul li.m1{
    margin:100px 0 0 0!important;
}

#animated_text ul li.m2{
    margin:85px 0 0 0!important;
}

#animated_text ul li.m3{
    margin:75px 0 0 0!important;
}




/* footer*/ 


#totop {
margin:0;
padding:0;
height:37px;
background:#fff;
}


.totop{
width:90%;
}



#footer {
width:100%;
height:auto!important;
border-top: 3px solid #caae66;

margin:0 auto;
color:#bbb;
font-size:12px;
text-align:center;

}

#footer  a:link{ color:#a5a5a5}
#footer  a:visited{ color:#8f8f8f}
#footer  a:hover {color:#bbbbbb}
#footer  a:active{ color:#fff}
#footer p{margin-top:0em;font-size:12px}

#footer ul{margin:0;padding:0;clear:both}
#footer li{float:left;list-style:none;margin-right:15px;margin-bottom:10px;background:url(../img2/top/dt.gif) no-repeat left 40%;text-indent:15px }


.f10{font-size:10px}
.f16{font-size:16px}


.footer{
margin:20px auto 0 auto;
width: 90%
}


.fl{
border:none;
margin:0 0 20px 0;
padding:0;
width:100%;
height:auto;
line-height:1.4em;
clear:both;
}



.add{float:left}
.spr{float:left;margin-left: 60px}

.bimg{display: block;margin-bottom: 20px}

.fr{
display: none;
margin:0;
padding:0;

}

.fback{
display:none;
margin:0;
padding:0
}

.rs{font-size:10px;text-align:center;width:95%;margin:0;padding:0;padding-top:10px}




.fmenubtn {
    display:none;

	}
    

.ftogmenu {
    display:inherit;
	}


}


 /* Mobile */
@media screen and (max-width: 815px) {
	
	.logo{width:50%}	
	.logo img{width:100%}

	
.top ul{float:right;margin:40px 10px 0 0px;padding:0}
.top li{float:left;list-style:none;margin-left:15px}

li.t1 a{width:95px;height:40px;display:block;background:url(../img2/head/bridals.png)}
li.t1 a:hover {width:95px;height:40px;display:block;background:url(../img2/head/bridals2.png)}

li.t2 a{width:72px;height:40px;display:block;background:url(../img2/head/watchs.png)}
li.t2 a:hover {width:72px;height:40px;display:block;background:url(../img2/head/watchs2.png)}


li.t3 a{width:85px;height:40px;display:block;background:url(../img2/head/jewelrys.png)}
li.t3 a:hover {width:85px;height:40px;display:block;background:url(../img2/head/jewelrys2.png)}


li.ton1 a{width:95px;height:40px;display:block;background:url(../img2/head/bridals2.png)}
li.ton2 a{width:72px;height:40px;display:block;background:url(../img2/head/watchs2.png)}
li.ton3 a{width:85px;height:40px;display:block;background:url(../img2/head/jewelrys2.png)}


}


 /* Mobile */
@media screen and (max-width: 650px) {
		
	#header{
    height:180px;
    width:100%;
    background:#fff;

}


.head{
    width:100%;
    height:180px;
    background:url(../img2/head/topback.png) repeat-x #fff;
    margin:0;
    padding:0;
}
    
    
.top{
    width:100%;
    height:180px;
	text-align:left;
    margin:0 auto;
    background:url(../img2/head/topline.png) no-repeat center top;
}


.logo{
	width: 60%;
    margin:0px auto 0 auto;
    padding-top: 15px;
    float:none;
    text-align: center

    }	





.top ul{float:none;margin:20px auto 0 auto;padding:0;text-align: center;width:282px}
.top li{float:left;list-style:none;margin-left:15px}
.top li.t1{margin-left:0px}
.top li.ton1{margin-left:0px}	
	
	
}

/* Mobile */
@media screen and (max-width: 580px) {
	
.logo{
	width: 70%;	
}

}
/* Mobile */
@media screen and (max-width: 480px) {
	
.logo{
	width: 90%;	
}
.dp2,.dp3,.dp4{display:none}
.dp5{display:inline}

.left{
text-align:left
}



/* Header */





/* Navigation */



.togmenu {
	display:none;

}
.menubtn {

    display:block;
    height:40px;

    line-height:40px;
		background: #6c605a;
	background: -moz-linear-gradient(left, #6c605a 0%, #b0a593 40%, #413d3a 95%);
	background: -webkit-linear-gradient(left, #6c605a 0%,#b0a593 40%,#413d3a 95%);
	background: linear-gradient(to right, #6c605a 0%,#b0a593 40%,#413d3a 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c605a', endColorstr='#413d3a',GradientType=1 );

}


.menubtn {cursor:pointer}

.menubtn a:hover{
    background:#6c605a;
    display:block;
    height:40px;
    line-height:40px;}

#menu{   
	position:relative;
    width:100%;
    margin: 0;
	padding: 0;
    z-index:100;
	color: #fff
    }

#menu ul {
	margin: 0;
	padding: 0;

}

#menu li{
    height:45px;
    display:block;
	list-style: none;
	border-top: 1px solid #fff;
		background: #6c605a;
	background: -moz-linear-gradient(left, #6c605a 0%, #b0a593 40%, #413d3a 95%);
	background: -webkit-linear-gradient(left, #6c605a 0%,#b0a593 40%,#413d3a 95%);
	background: linear-gradient(to right, #6c605a 0%,#b0a593 40%,#413d3a 95%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6c605a', endColorstr='#413d3a',GradientType=1 );
	

}
#menu li a{
    height:45px;
	display:block;
    margin:0;
    padding:0;
    width:100%
    
}



.menu{
    width:auto;
    margin:0 auto;
    }




li.m1 a{background:url(../img2/head/top.png) no-repeat 10px center}
li.m1 a:hover {background:url(../img2/head/top.png) no-repeat #6c605a 10px center}


li.m2 a{display:block;background:url(../img2/head/news.png) no-repeat 10px center}
li.m2 a:hover{display:block;background:url(../img2/head/news.png) no-repeat #6c605a 10px center}


li.m3 a{display:block;background:url(../img2/head/blog.png) no-repeat 10px center}
li.m3 a:hover{display:block;background:url(../img2/head/blog.png) no-repeat #6c605a 10px center}


li.m4 a{display:block;background:url(../img2/head/access.png) no-repeat 10px center}
li.m4 a:hover{display:block;background:url(../img2/head/access.png) no-repeat #6c605a 10px center}



li.m5 a{display:block;background:url(../img2/head/cp.png) no-repeat 10px center}
li.m5 a:hover{display:block;background:url(../img2/head/cp.png) no-repeat #6c605a 10px center}


li.m6 a{display:block;background:url(../img2/head/contact.png) no-repeat 10px center}
li.m6 a:hover{display:block;background:url(../img2/head/contact.png) no-repeat #6c605a 10px center}


h1.m7{display:none}


li.mon2 a{display:block;background:url(../img2/head/news2.png) no-repeat 10px center}
li.mon2 a:hover{display:block;background:url(../img2/head/news2.png) no-repeat #6c605a 10px center}

li.mon4 a{display:block;background:url(../img2/head/access2.png) no-repeat 10px center}
li.mon4 a:hover{display:block;background:url(../img2/head/access2.png) no-repeat #6c605a 10px center}

li.mon5 a{display:block;background:url(../img2/head/cp2.png) no-repeat 10px center}
li.mon5 a:hover{display:block;background:url(../img2/head/cp2.png) no-repeat #6c605a 10px center}

li.mon6 a{display:block;background:url(../img2/head/contact2.png) no-repeat 10px center}
li.mon6 a:hover{display:block;background:url(../img2/head/contact2.png) no-repeat #6c605a 10px center}


/* main */

#main{
    top:0;
    margin:1px auto 0 auto;
    padding:0;
    width:100%;
    height:204px;
    background:#000;
    overflow:hidden
    }


.main{width:100%;margin:0 auto;text-align:center}


#welcome{
    font-family:"ヒラギノ丸ゴ Pro W3" , "Hiragino Maru Gothic Pro" , Osaka, "メイリオ" , "Meiryo" , "ＭＳ Ｐゴシック", "san-serif";
    font-weight:normal;
    font-size:13px;
    text-align:center;
    color:#fff;    
}

/* footer*/ 


#totop {
margin:0;
padding:0;
height:37px;
background:#fff;
}


.totop{
width:90%;
}



#footer {
width:100%;
height:auto!important;
border-top: 3px solid #caae66;
background: #000;
margin:0 auto;
color:#bbb;
font-size:12px;
text-align:center;
}

#footer  a:link{ color:#a5a5a5}
#footer  a:visited{ color:#8f8f8f}
#footer  a:hover {color:#bbbbbb}
#footer  a:active{ color:#fff}
#footer p{margin-top:0em;font-size:12px}

#fmenu ul{margin:0;padding:0;clear:both}
#fmenu li{list-style:none;background:url(../img2/top/arr.png) 95% center no-repeat #2f2f2f ;border-bottom:1px solid #000;width:95%;text-indent:5px;padding:10px;margin:0}


.ftogmenu {
	display:none;
}

.fmenubtn {
    display:block;
    margin-left:-10px;
    height:40px;
    width:120px;
    }

.fmenubtn {cursor:pointer}

.fmenubtn a:hover, #fmenu li a{
    display:block;
    }


#fmenu{   
    position:relative;
    margin: 0;
	padding: 0;
      }


.f10{font-size:10px}
.f16{font-size:16px}


.footer{
margin:10px auto 0 auto;
width: 100%;
overflow: auto;
}


.fl{
border:none;
margin:0 0 10px 10px;
padding:0;
width:90%;
height:auto;
line-height:1.4em;
clear:both;
}

.spl{margin-left:0px}
 img.bimg{width:100%}
.add{float:none}
.spr{float:none;margin-left:0}

.fr{
display:none;
margin:0;
padding:0
}


.fback{
display:none;
margin:0;
padding:0
}

.rs{font-size:10px;text-align:center;width:95%;margin:0;padding:5px 0 10px 0}



}


@media screen and (max-width: 320px) {
.logo img{width:100%}

}



/* Instagram feed*/ 

.insta_prof{clear: both;overflow: hidden}
.instagram_profile{margin: 0 auto 20px auto;overflow: hidden;text-align: center}
.instagram_profile img{display: inline-block;vertical-align:  middle;}
p.instagram_username{display: inline-block;margin-left:10px;text-align: left;line-height: 1.4em;vertical-align:  middle;}
div.instagram_profile a{color:#caae66!important;}
div.instagram_profile a:hover {

    color:#5f5f5f!important; 
	text-decoration: none;
	-webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all  0.6s ease;
}


div.instagram_profile a:active {
    border:none;
    color:#888!important; 
	text-decoration: none;
}