@charset "utf-8";
/* CSS Document */
.sp-only {
	display: none;
}

.header-sp {
	display:none;
	}

body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

.product-info-wrap h1 {
	color: #fff;
	font-size: 20px;
	font-weight: 600;
	margin-bottom: 15px;
	line-height: 1.3;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

.header-pc {
	box-sizing: border-box;
	width: 100%;
	background: #000;
	height: 139px;
	display:block;
	padding: 10px 0 0;
}

.header-wrap {
	width: 1012px;
	overflow: hidden;
	margin: 0 auto;
	padding: 20px 0 10px; 
}

.header-left-area {
	width: 20%;
	float: left;
}


.header-right-area {
	width: 80%;
	float: right;
}

.header-right-area p {
	text-align: right;
	color: #fff;
}

/*------------------------------------------------------
スクロール動き
-------------------------------------------------------*/

.site-header{
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
    z-index: 999;
	background: #000;
}
 
.site-header.hide{
    transform: translateY(-100%);
}

/*------------------------------------------------------
パンくずリスト
-------------------------------------------------------*/
.breadcrumbs_contents {
    padding: 5px 0 5px;
    background: #535a5e;
    color: #FFFFFF;
    font-size: 12px;
}

.breadcrumbs {
    width: 1012px;
    margin: 0 auto;
}

.breadcrumbs span a {
    color: #fff;
    text-decoration: none;
}

.breadcrumbs span a:hover {
    text-decoration: underline;
}

.breadcrumbs ul {
	width: 1012px;
	margin: 0 auto;
	padding: 5px 0;
}

.breadcrumbs ul li, .breadcrumbs ul li a {
	color: #fff;
}


/*------------------------------------------------------
main-content
-------------------------------------------------------*/

.main-content {
	box-sizing: border-box;
	overflow: hidden;
	display: block;
	max-width: 1012px;
	margin: 0 auto;
}

.main-content h1 {
	font-size: 20px;
	color: #fff;
	margin: 10px 0 15px;
}

/*-----------------------------------------------------------------------------*/
/*---------------------- RX --------------------*/
.brand-rx-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-rx.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-rx-top .main-watch2-left{
	margin-top: 150px;
}

.brand-rx-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: #013d25; /* Old browsers */
    background-image: linear-gradient(#013d25 0%, #006039 100%);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-rx {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-rx.jpg) no-repeat;
}

.trend-item-wrap-rx .series-lineup-item-column ul li:last-child a{
    background-image: linear-gradient(#013d25 0%, #006039 100%);
}

/*---------------------- ap --------------------*/
.brand-ap-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-ap.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-ap-top .main-watch2-left{
	margin-top: 150px;
}

.brand-ap-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: #062d27; /* Old browsers */
	background: linear-gradient(#2c5650, #062d27);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-ap {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-ap.jpg) no-repeat;
}

.trend-item-wrap-ap .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(#2c5650, #062d27);
}

/*---------------------- pp --------------------*/
.brand-pp-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-pp.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-pp-top .main-watch2-left {
	margin-top: 70px;
}

.brand-pp-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: #562902; /* Old browsers */
	background: linear-gradient(#562902, #d66300);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-pp h2 {
    color: #fff!important;
}

.trend-item-wrap-pp {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-pp.jpg) no-repeat;
}

.trend-item-wrap-pp .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(#562902, #d66300);
}

/*---------------------- hublot --------------------*/
.brand-hublot-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-hublot.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-hublot-top .main-watch2-left {
	margin-top: 70px;
}

.brand-hublot-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: #353d11; /* Old browsers */
	background: linear-gradient(#353d11, #8fa337);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-hublot {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-hublot.jpg) no-repeat;
}

.trend-item-wrap-hublot .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(#353d11, #8fa337);
}

/*---------------------- tagheuer --------------------*/
.brand-tagheuer-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-tagheuer.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-tagheuer-top .main-watch2-left{
	margin-top: 150px;
}

.brand-tagheuer-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: #14234c; /* Old browsers */
	background: linear-gradient(#14234c, #4a789b);
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-tagheuer {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-tagheuer.jpg) no-repeat;
}

.trend-item-wrap-tagheuer .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(#14234c, #4a789b);
}

/*---------------------- omega --------------------*/
.brand-omega-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-omega.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-omega-top .main-watch2-left{
	margin-top: 150px;
}

.brand-omega-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: rgba(69,72,77,1); /* Old browsers */
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-omega {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-omega.jpg) no-repeat;
}

.trend-item-wrap-omega .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
}

/*---------------------- harry --------------------*/
.brand-harry-top {
	background: url(https://www.rasin.co.jp/editionimg/hw/prouct-bg-harry.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-harry-top .main-watch2-left{
	margin-top: 150px;
}

.brand-harry-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: rgba(69,72,77,1); /* Old browsers */
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-harry {
    background: url(https://www.rasin.co.jp/editionimg/hw/model-slide-harry.jpg) no-repeat;
}

.trend-item-wrap-harry .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
}

/*---------------------- CARTIER --------------------*/
.brand-cartier-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-cartier.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-cartier-top .main-watch2-left{
	margin-top: 150px;
}

.brand-cartier-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: rgb(79,7,11); /* Old browsers */
	background: linear-gradient(rgba(79,7,11,1), rgba(132,11,21,1));
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-cartier {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-cartier.jpg) no-repeat;
}

.trend-item-wrap-cartier .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(rgba(79,7,11,1), rgba(132,11,21,1));
}

/*---------------------- chanel --------------------*/
.brand-chanel-top {
	background: #000;
	background-position: center;
	background-size: cover;	
}

.brand-chanel-top .main-watch2-left{
	margin-top: 90px;
}

.brand-chanel-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: rgb(125,126,125); /* Old browsers */
	background: linear-gradient(rgba(125,126,125,1), rgba(14,14,14,1));
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-chanel {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-chanel.jpg) no-repeat;
}

.trend-item-wrap-chanel .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(rgba(125,126,125,1), rgba(14,14,14,1));
}

/*--------------------------------other--------------------------------------*/
.brand-other-top {
	background: url(https://www.rasin.co.jp/editionimg/prouct-bg-other.jpg) no-repeat, #000;
	background-position: center;
	background-size: cover;	
}

.brand-other-top .main-watch2-left ul li a {
	width: 400px;
	padding: 10px 40px;
	text-align: center;
	color: #fff;
	background: rgb(69,72,77); /* Old browsers */
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	text-decoration: none;
	transition-property: all;
    transition: 0.3s linear;
}

.trend-item-wrap-other {
    background: url(https://www.rasin.co.jp/editionimg/model-slide-other.jpg) no-repeat;
}

.trend-item-wrap-other .series-lineup-item-column ul li:last-child a{
	background: linear-gradient(rgba(69,72,77,1), rgba(0,0,0,1));
}


/*その他ブランド各種 ロゴ位置調整*/

.brand-other-top .main-watch2-left-iwc{
	margin-top: 95px;
}

.brand-other-top .main-watch2-left-harry{
	margin-top: 95px;
}

.brand-other-top .main-watch2-left-nomos{
	margin-top: 120px;
}

.brand-other-top .main-watch2-left-lange{
	margin-top: 120px;
}

.brand-other-top .main-watch2-left-breguet{
	margin-top: 50px;
}

.brand-other-top .main-watch2-left-breitling{
	margin-top: 70px;
}

.brand-other-top .main-watch2-left-zenith{
	margin-top: 90px;
}

.brand-other-top .main-watch2-left-vc{
	margin-top: 150px;
}

/*---------------------- RX --------------------*/
.main-content-wrap {
	padding: 45px 0;
	width: 100%;
	overflow: hidden;
}

.main-model-wrap {
	padding: 50px 0;
	display: block;
	overflow: hidden; 
}

.main-watch-left {
	width: 50%;
	float: left;
	padding: 50px 0 0;
}

.main-watch-left img {
	display: block;
	width: 450px;
	margin: 0 auto;
}

.main-watch-right {
	width: 40%;
	float: left;
}

.main-watch-right p {
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.5;
	font-weight: 600;
	font-size: 130%;
}


.main-watch-right ul span::before {
	content: "型番：";
	color: #fff;
}

.main-watch-right ul {
	border-bottom: 1px solid #fff;
	margin: 30px 0;
	padding: 0 0 30px;
}

.main-content-btn a {
	display: block;
	margin-bottom: 20px;
	transition-property: all;
	transition: 0.3s linear;
}

.main-content-btn a img {
	vertical-align: bottom;
}

.main-tell-area {
	margin: 20px 0;
	overflow: hidden;
}

.main-tell-link {
	overflow: hidden;
 -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
 align-items: center; /* 縦方向中央揃え */
 -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
 justify-content: center; /* 横方向中央揃え */
}

.main-tell-link span {
	color: #fff;
	font-size: 14px;
	font-weight: 600;
	padding-right: 10px;
	text-align: left;
}

.main-tell-link a {	
	color: #fff;
	font-size: 24px;
	font-weight: 600;
	text-decoration: none;
	float: right;

}

.main-tell-area p {
	color: #fff;
	font-size: 14px!important;
}

.main-sns-area {
	display: block;
	margin: 20px 0;
}

.main-tell-area img {
	vertical-align:bottom
}


.main-sns-area a  {
	margin-right: 15px;
}

/*ボタンホバー*/


#main-content-btn0 {
    background: url("https://www.rasin.co.jp/editionimg/purchace_off_236x36.jpg") no-repeat;
}
 
#main-content-btn0 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/purchace_off_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
	transition-property: all;
	transition: 0.3s linear;
}
 
#main-content-btn0 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/purchace_on_236x36.jpg");
}



#main-content-btn1 {
    background: url("https://www.rasin.co.jp/editionimg/main-contact_on_236x36.jpg") no-repeat;
}
 
#main-content-btn1 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/main-contact_off_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
#main-content-btn1 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/main-contact_on_236x36.jpg");
}


#main-content-btn2 {
    background: url("https://www.rasin.co.jp/editionimg/shop_on_236x36.jpg") no-repeat;
}
 
#main-content-btn2 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/shop_on_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
#main-content-btn2 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/shop_off_236x36.jpg");
}


#main-content-btn3 {
    background: url("https://www.rasin.co.jp/editionimg/list_on_236x36.jpg") no-repeat;
}
 
#main-content-btn3 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/list_on_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
}
 
#main-content-btn3 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/list_off_236x36.jpg");
}

.main-watch-right section {
	border: solid 1px #fff;
	padding: 10px;
}

.main-watch-right section p {
	font-size: 14px;
	color: #fff;
	margin-bottom: 0!important;
}

.main-watch-right section ol li {
	font-size: 14px;
	line-height: 1.5;
	color: #b3b3b3;
}


/*-------------------------------------------
check-item
-------------------------------------------*/

.check-item {
	padding: 40px 0;
	width: 100%;
}

.check-item ul {
	padding: 30px 0 20px;
	text-align: center;
}

.check-item ul li {
	display: inline-block;
	width: 200px;
}

.check-item ul li img {
	width: 100%;
}


/*------------------------------------------------------------
モデルページタブ切り替え
--------------------------------------------------------------*/
.product_content-area ul {
	padding: 50px 80px;
}

.product-info table {
  margin: 20px auto;
  width: 100%;
	overflow: hidden;
	box-sizing: border-box;
	padding: 0 60px;
	border-collapse: separate!important;
    border-spacing: 0px 1px;
}

.product-info th {
	width: 40%;
  background: #1b1b1b;
  color: #fff;
  padding: 10px 20px;
}
.product-info td {
	background: #272727;
	width: 60%;
  padding: 10px 20px;
}



/*------------------------------------------------------------
.contact-area
--------------------------------------------------------------*/

.contact-area {
    float: right;
    display: flex;
    /* justify-content: center; */
    align-items: center;
    font-size: 0;
    /* margin: 0px; */
    /* padding: 0px; */
    text-align: right;
}

.contact-area li {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	margin-left: 10px; 
}

.contact-area li a {
	display: block;
	color: #fff;
}

.contact-img::before {
  content: '';
  display: inline-block;
  width: 18px;
  height: 18px;
  background-image: url(https://www.rasin.co.jp/editionimg/header-surprised.jpg);
  background-size: contain;
  vertical-align: middle;
  margin-right: 5px;
  background-repeat: no-repeat;	
}

.sns-area a {
	display: inline-block!important;
}


.contact-area li span::before {
  content: '';
  display: inline-block;
  width: 12px;
  height: 12px;
  background-image: url(https://www.rasin.co.jp/editionimg/header-tell.png);
  background-size: contain;
  vertical-align: middle;
  background-repeat: no-repeat;
  margin: 0 3px 0 5px ;
}

.contact-area li span {
	font-size: 20px; 
  }

.contact-area li p:last-child {
 margin-top: 3px;
}

.contact-area li:nth-child(5) {
 padding-right: 5px;
}

header.header-pc .sns-area a {
	padding:  0 5px;
}

/* nav */

.header-pc nav{
	clear:both;
	width: 100%;
	border-top: 1px solid #fff;
	margin-top: 10px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7d7e7d+0,0e0e0e+100;Black+3D */
	background: #7d7e7d; /* Old browsers */
background: -webkit-linear-gradient(#7d7e7d 0%, #0e0e0e 100%);
background: -o-linear-gradient(#7d7e7d 0%, #0e0e0e 100%);
background: linear-gradient(#7d7e7d 0%, #0e0e0e 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7d7e7d', endColorstr='#0e0e0e',GradientType=0 ); /* IE6-9 */
}

.header-pc nav ul {
	display: table;
  	table-layout: fixed;
  	text-align: center;
  	width: 100%;
	width: 1020px;
	font-size: 0;
	margin: 0 auto ;
}

.header-pc nav ul li {
	display: table-cell;
  	vertical-align: middle;
	border-left: 1px solid #fff;
	transition-property: all;
  	transition: 0.2s linear;
}

.header-pc nav ul li:hover {
	display: table-cell;
  	vertical-align: middle;
	border-left: 1px solid #fff;
	color: #888;
	background: #000;
	letter-spacing: 1px;
}

.header-pc nav ul li:last-child {
	border-right: 1px solid #fff;
}

.header-pc nav ul li a {
	display: block;
	color: #fff;
	font-size: 13px;
	text-decoration: none;
	padding: 15px 10px;
}


/*---------------------------------
shop-wrap
---------------------------------*/

.contact-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}

.contact-wrap section p {
	margin: 0 0 40px;
}

#contact-btn1 {
    background: url("https://www.rasin.co.jp/editionimg/contact_off_236x36.jpg") no-repeat;
}
 
#contact-btn1 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/contact_off_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
	transition-property: all;
	transition: 0.3s linear;
}
 
#contact-btn1 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/contact_on_236x36.jpg");
}


#contact-btn2 {
    background: url("https://www.rasin.co.jp/editionimg/raiten_off_236x36.jpg") no-repeat;
}
 
#contact-btn2 a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/raiten_off_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
		transition-property: all;
	transition: 0.3s linear;
}
 
#contact-btn2 a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/raiten_on_236x36.jpg");
}



/*---------------------------------
footer-wrap
---------------------------------*/

.section-float-wrap{
	padding: 30px 0;
}

.section-float {
	width: 1012px;
	overflow: hidden;
	margin:0 auto;
}

.section-float a, .section-float p {
	font-size: 13px;
}


.shop-area {
	box-sizing: border-box;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff;
}

.brand-area {
	padding-top: 40px;
	box-sizing: border-box;
}

.shop-area p {
	line-height: 1.5;
	text-align: right;
}

.shop-area span {
	font-size: 20px;
	font-weight: 600;
}

.shop-area img {
	margin-bottom: 10px;
}

.shop-area span::before {
  content: '';
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(https://www.rasin.co.jp/editionimg/header-tell.png);
  background-size: contain;
  vertical-align: middle;
  margin-left: 5px;
  background-repeat: no-repeat;	
}

.shop-area.section-float a {
    color: #FFF;
}

.brand-area {
	display: flex;
	justify-content: center;
	align-items: center;
	overflow: hidden;
	box-sizing: border-box;
}

.brand-area a, .brand-area p {
	color: #fff;
}

.brand-area a {
	padding-right: 7px;
	text-decoration: none;
	line-height: 1.5;
	display: inline-block;
}

.brand-area p {
	vertical-align: middle;
	text-align: left;
}

.brand-area a:hover {
	text-decoration: underline;
}

.brand-area section:first-child {
	width: 12%;
	float: left;
	border-right: solid 1px #fff;
	margin-right: 35px;
}

.brand-area section:last-child {
	width: 84%;
	float: right;
}

/*---------------------------------
shop-list
---------------------------------*/
.shop-list {
	background: #4d4d4d;
	padding: 60px 0;
	clear:both;
}	
	

.shop-list ul {
	width: 1012px;
	display: table;
  	table-layout: fixed;
	margin: 0 auto;
	border-collapse: separate;  /* セルの間隔を空ける */
 	border-spacing: 15px 0;  /* 左右 上下で記述 */
}

.shop-list ul li {
	display: table-cell;
	box-sizing: border-box;
	width: 33%;
}

.shop-list ul li img {
	width: 100%;
	display: block;
}

.shop-list ul li p,.shop-list ul li a,.shop-list ul li span {
	display: block;
	color: #fff;
	line-height: 1.3;
}

.shop-list ul li p {
	font-size: 15px;
	margin-top: 10px;
}

.shop-list ul li a {
	font-size: 17px;
	margin-right: 8px;
}


.shop-list ul li span {
	font-size: 13px;
}

.shop-list div {
	margin-top: 20px;
}


/*---------------------------------
footer
---------------------------------*/

footer{
	padding: 40px 0;
	width: 100%;
	background: #000;
}

footer ul{
	display: flex;
	/*justify-content: center;*/
	align-items: center;
	width: 1012px;
	font-size: 0;
	margin: 0 auto;
}

footer ul li {
	display: inline-block;
}

footer ul li:nth-child(1) ,footer ul li:nth-child(2) ,footer ul li:nth-child(3) {
	border-right: 1px solid #fff;
}


footer ul li:nth-child(5) {
	margin-left: 70px;
}

footer ul li:first-child a{
	padding-left: 0;
}

footer ul li:last-child a{
	padding-right: 0;
}

footer ul li:last-child{
	margin-left: 75px;
	padding-right: 0;
border-right: none;
}

footer ul li a{
	color: #fff;
	font-size: 14px;
	text-decoration: none;
	padding: 0 10px;
	display: inline-block;
}

footer ul li a:hover{
	text-decoration: underline;
}

footer ul li img {
    width: 30px;
    height: 30px;
}

footer ul li:last-child img{
    width: 130px;
    height: 66px;
}

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

/*商品カテゴリーページ*/

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



/*------------------------------------------------------
main-content2
-------------------------------------------------------*/

.main-watch2-right {
	width: 50%;
	float: right;
}

.main-watch2-right img {
	max-width: 350px;
	display: block;
	overflow: hidden;
	margin: 0 auto;
	filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
}

.main-watch2-left {
	text-align: center;
	width: 50%;
	float: left;
}

.main-watch2-left ul li:first-child {
	padding-bottom: 55px;
	border-bottom: solid #fff 1px;
}

.main-watch2-left ul li:first-child img {
	width: 300px;
	height: auto;
}

.main-watch2-left ul li:last-child {
	margin-top: 70px; 
}


.main-watch2-left ul li a:hover {
	opacity: 0.7;
}


.main-watch2-left p {
	color: #fff;
	margin-bottom: 20px;
	line-height: 1.5;
	font-weight: 600;
}


.main-watch-left span::before {
	content: "型番：";
	color: #fff;
}

.main-watch-left ul {
	border-bottom: 1px solid #fff;
	margin: 30px 0;
	padding: 0 0 30px;
}

#main-content2-btn {
	display: block;
	margin:0 auto 20px;
	text-align: center;
}

#main-content2-btn a {
	display: block;
	margin:0 auto 20px;
	text-align: center;
}

#main-content2-btn a img {
	vertical-align: bottom;
}

/*ボタンホバー*/

#main-content2-btn a img {
	text-align: center;
	margin: 0 auto;
}

#main-content2-btn {
    background: url("https://www.rasin.co.jp/editionimg/rolex_ladies_on_236x36.jpg") no-repeat;
	background-position: center;
}
 
#main-content2-btn a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/rolex_ladies_on_236x36.jpg") no-repeat;
    display: block;
    text-indent: -9999px;
	background-position: center;
}
 
#main-content2-btn a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/rolex_ladies_off_236x36.jpg");
}




/*-------------------------------------------------------
メインページ　ニュースエリア
------------------------------------------------------*/

.news-date p {
	text-align: center;
	margin-top: 50px;
}

.news-date dl{
	width: 1012px;
	margin-bottom: 30px;
	padding: 10px;
	overflow: hidden;
	margin: 30px auto;
	line-height: 1.5;
}
.news-date dl dt {
	float: left;
	margin-right: 20px;
	padding: 10px 0;
}
.news-date dl dd {
	padding: 10px 0;
	padding-right: 15px;
	background: url(https://www.rasin.co.jp/editionimg/mark.gif) no-repeat 2px .9em;
}
.news-date dl dd a {
	font-weight: bold;
}



/*-------------------------------------------------------
シリーズラインナップ
------------------------------------------------------*/

.series-lineup {
	width: 100%;
	background: url(https://www.rasin.co.jp/editionimg/main-content2-bg.jpg) no-repeat;
	background-size: cover;
	padding:50px 0 30px;
}


.series-lineup ul li a {
	margin: 0 auto;
	text-align: center;
	text-decoration: none;	
}

.series-lineup ul li a:hover {
	opacity: 0.8;
	transition: 0.5s;
}

.series-lineup-item-column ul {
	font-size: 0;
	margin: 0 auto 15px;
	text-align: center;
}

.series-lineup-item-column ul li {
	display: inline-block;
	margin: 0 20px 20px;
}

.series-lineup-item-column ul li img {
	width: 200px;
	height: auto;
	/*filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));*/
}


.series-lineup-item-column ul li p {
	font-size: 13px;
	margin-top: 15px;
	color: #000;
}

.other-font-color ul li a, .other-font-color ul li h2, .other-font-color ul li h3, .other-font-color ul li p {
	color: #000!important;
}




/*-------------------------------------------------------
コンテンツ
------------------------------------------------------*/
.content-banner-area {
	width: 100%;
	margin: 50px auto;
}

.content-banner-area h2 {
	margin-bottom: 40px;
}

.content-banner-area ul {
	width: 1012px;
	overflow: hidden;
	margin: 0 auto;
	font-size: 0;
	text-align: center;
}

.content-banner-area li {
	display: inline-block;
	margin-bottom: 15px;
	margin-right: 20px;
	transition-property: all;
	transition: 0.3s linear;	
}

.content-banner-area li:nth-child(even) {
	margin-right: 0;
}

.content-banner-area li:hover {
	opacity: 0.7;
}



#main-content3-btn {
    background: url("https://www.rasin.co.jp/editionimg/contents_off_236x36.jpg") no-repeat;
	background-position: center;
	margin: 30px auto;
}
 
#main-content3-btn a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/contents_off_236x36.jpg") no-repeat;
	background-position: center;
    display: block;
    text-indent: -9999px;
	margin: 0 auto;
}
 
#main-content3-btn a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/contents_on_236x36.jpg");
	margin: 0 auto;
}

/*---------------------------------------------------------------------------------------------*/
     /*スライドショーの全体のstyle*/
    .slide{
        position: relative;
        margin:0 auto;
        max-width:960px;
    }
    .slide img{
        max-width: 100%;
    }
    /*写真の配置*/
    .slide > .container{
        position: relative;
        overflow: hidden;
        margin: 0;
        padding: 0;
        list-style: none;  
    }
    .slide > .container > li{
        position: absolute;
        z-index: 0;
        top: 0;
        left: 0;
        opacity: 0;
        -webkit-transition: opacity 1s liner;
           -moz-transition: opacity 1s liner;
            -ms-transition: opacity 1s liner;
             -o-transition: opacity 1s liner;
                transition: opacity 1s liner;
    }
    .slide > .container > li.current{
        position: relative;
        z-index: 1;
        opacity: 1;
        -webkit-transition: opacity 1s liner;
           -moz-transition: opacity 1s liner;
            -ms-transition: opacity 1s liner;
             -o-transition: opacity 1s liner;
                transition: opacity 1s liner;
    }
     
    /*スライドショーボタンのスタイル*/
    .slide a.prev,
    .slide a.next{
        position: absolute;
        display: block;
        top:45%;
        height: 40px;
        z-index: 200;
        opacity: 0.8;
        padding:18px 5px 3px 5px;
    }
    .slide a.prev{
        left:0;
    }
    .slide a.next{
        right:0;
    }


/*-----------------------------------------------
横からふわっと出すやつ
--------------------------------------------------------*/

.drifting-wrap section {
  text-align: right;
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}

.drifting-wrap section img {
  padding-right: 15px;
}



.drifting-wrap section.drifting-move {
  -webkit-transform: translate(10px, 0);
  opacity: 0;
}

/*-------------------------------------------------------
TOP > トップバナー
--------------------------------------------------------*/

#main-toparea {
	overflow: auto;
	position: relative;
	background: #000;
}

.top-banner {
    position: relative;
    min-width: 1000px;
    margin: auto;
}


.top-banner li img {
	display: block;
	width: 100%;
	overflow: hidden;
	vertical-align: top;
}

.top-banner li {
	overflow: hidden;	
}


.top-banner li a img {
	transition-property: all;
	transition: 0.3s linear;
}

.top-banner li a img:hover {
	opacity: .5;
}

.top-banner li:first-child {
	float: left;
	width: 60%;
	border-top: 1px solid #000;
}

.top-banner li:last-child {
	float: left;
	width: 40%;
}








/*-------------------------------------------------------
TOP > NEWSエリア
--------------------------------------------------------*/

.top-news-date {
	width: 100%;
	background: #ddd;
}

.top-news-date-wrap {
	overflow: hidden;
	width: 1012px;
	margin: 0 auto;
	padding: 30px 0;
}

.top-news-date p {
	width: 15%;
	float: left;
	font-size: 13px;
}

.top-news-date dl {
    width: 85%;
    float: left;
    overflow: hidden;
    line-height: 1.5;
}


.top-news-date dl dt {
	float: left;
	margin-right: 20px;
}

.top-news-date dl dd {
	padding-right: 15px;
}


.top-news-date dl dt, .top-news-date dl dd {
	font-size: 13px;
	padding-bottom: 10px;
}

.top-news-date dl dt:last-child, .top-news-date dl dd:last-child {
	padding-bottom: 0;
}

.top-news-date dl dd a {
	text-decoration: none;
	color: #000;
}

.top-news-date dl dd a:hover {
	text-decoration: underline;
}


/*-------------------------------------------------------
TOP > ブランドカタログ
--------------------------------------------------------*/

#catalogue-btn {
    background: url("https://www.rasin.co.jp/editionimg/brand_catalogue_off_236x36.png") no-repeat;
	background-position: center;
	margin: 30px auto;
}
 
#catalogue-btn a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/brand_catalogue_off_236x36.png") no-repeat;
	background-position: center;
    display: block;
    text-indent: -9999px;
	margin: 0 auto;
    transition-property: all;
    transition: 0.3s linear;	
}
 
#catalogue-btn a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/brand_catalogue_on_236x36.png");
	margin: 0 auto;
}

.brand-catalogue-area {
	width: 100%;
	background-size: cover;
	padding: 50px auto;
	overflow: hidden;
}

.brand-catalogue-pagearea {
	background: #000!important;
}

.brand-catalogue-area-ul_wrap {
	padding-top: 50px;
	padding-bottom:50px;
	width: 1012px;
	margin: 0 auto;
}

.brand-catalogue-area ul {
	font-size: 0;
	text-align: center;
	margin-bottom: 10px;
	display: flex;
	flex-wrap: wrap;
  	flex-direction: row;
  	justify-content: space-evenly;
}

.brand-catalogue-area ul li {
	box-sizing: border-box;
	transition-property: all;
	transition: 0.3s linear;
}

.calc5 li {
	margin-bottom: 10px;
}

.brand-catalogue-area ul li:hover {
	opacity: 0.8;
}

/*-------------------------------------------------------
TOP > webマガジン
--------------------------------------------------------*/

/*webマガジンボタン*/
#webmagazine-btn {
    width: 236px;
    height: 36px;	
    background: url("https://www.rasin.co.jp/editionimg/web_magazine_off_236x36.jpg") no-repeat;
	background-position: center;
	display: block;
	margin: 30px auto;
	font-size: 0;
}
 
#webmagazine-btn a {
    width: 236px;
    height: 36px;
    background: url("https://www.rasin.co.jp/editionimg/web_magazine_off_236x36.jpg") no-repeat;
	background-position: center;
    display: block;
    text-indent: -9999px;
	margin: 0 auto;
    transition-property: all;
    transition: 0.3s linear;
}
 
#webmagazine-btn a:hover {
    background-image: url("https://www.rasin.co.jp/editionimg/web_magazine_on_236x36.jpg");
	margin: 0 auto;
}

.web-magazine-area {
	width: 100%;
	margin-bottom: 70px;
}

.web-magazine-area ul {
	font-size: 0;
	text-align: center;
}

.web-magazine-area ul li {
	margin-right: 15px;
	display: inline-block;
	position: relative;
	width: 240px;
	box-sizing: border-box;
vertical-align: top;
}

.web-magazine-area ul li:last-child {
	margin-right: 0;
}


.web-magazine-area ul li p {
	line-height: 1.5;
  bottom: 0;
  left: 0;
  margin: 0;
  font-size: 14px;
	text-align: left;
  width: 100%;
	padding: 5px 10px;
	box-sizing: border-box;
	
}

.web-magazine-area ul li img {
  width: 100%;
  }

/*-------------------------------------------------------
TOP > about ginza rassin
--------------------------------------------------------*/
.about-shop-area{
	background: #ddd;
	overflow: hidden;
	padding-bottom: 50px;
}

.about-shop-area ul {
	font-size: 0;
	text-align: center;
}

.about-shop-area ul li {
	display: inline-block;
	margin-right: 30px;
}

.about-shop-area ul li:last-child {
	margin-right: 0;
}

.about-shop-area p {
	width: 850px;
	line-height: 1.5;
	margin: 30px auto;
	font-size: 14px;
}

.about-shop-area ul li a {
	transition-property: all;
	transition: 0.3s linear;	
}

.about-shop-area ul li a:hover {
	opacity: 0.8;
}

/*-------------------------------------------------------
TOP > contents
--------------------------------------------------------*/
.top-contents-wrap ul{
	width: 1012px;
    margin: 0 auto 50px;
	font-size: 0;
}

.top-contents-wrap ul li{
	width: 33%;
	display: inline-block;
}

.top-contents-wrap ul li img{
	/*width: 100%;*/
	object-fit: contain;
}

.grid-item {
	margin: 5px;
	border: solid 2px #ddd;
	box-sizing: border-box;
}

.grid-item a {
	text-decoration: none;
	color: #000;
}

.grid-item a img {
	width: 100%;
	transition-property: all;
	transition: 0.3s linear;
	object-fit: contain;
}


.grid-item a img:hover {
	opacity: 0.8;
}

.grid-item_image {
	height: 150px;
	overflow: hidden;
	width: auto;
}


.grid-cap {
	padding: 5px;
}

.grid-cap h3 {
	font-size: 14px;
	font-weight: 600;
    padding: 5px 0;
}

.grid-cap p {
	font-size: 10px;
	line-height: 1.5;
	margin-top: 5px;
}

/*-------------------------------------------------------
BRAND > slick.js
--------------------------------------------------------*/

.rasin-selection-wrap {
	text-align: center;
	margin:0 auto;
	padding: 50px 0;
	background: url(https://www.rasin.co.jp/editionimg/main-content2-bg.jpg);
}

.rasin-selection-wrap h2 {
	text-align: center;
    padding: 30px 0;
    font-size: 20px;
    font-weight: 600;
    letter-spacing: 3px;
}

.rasin-selection {
	width: 1000px;
	margin: 0 auto;
	/*margin-left:50px;*/
}

.rasin-selection-product img {
	width: 100%!important;
	display: block;	
}


.slick-initialized .slick-slide{
  opacity: 0.6; /* 両サイドの画像を透過 */
}
.slick-initialized .slick-slide.slick-active{
  opacity: 1; /* センター画像を非透過 */
}

.slick-prev::before {
   content: url(https://www.rasin.co.jp/editionimg/left_on.png);
 }
.slick-next::before {
    content: url(https://www.rasin.co.jp/editionimg/right_on.png);
}

/*-----------------------------
single-item
--------------------------------*/

.single-item {
	padding: 15px;
}



/*---------------------------------
brand-cataloguepage
---------------------------------*/
.brand-cataloguepage {
	background: #000;
}



/*---------------------------------
series-lineup-item-column
---------------------------------*/

.trend-item-wrap {
    width: 100%;
    background-size: cover;	
	padding: 50px 0 30px;
}

.trend-item .series-lineup-item-column {
	margin: 0 auto;
}

.trend-item .series-lineup-item-column ul {
	overflow: hidden;
	padding: 50px 100px;
	max-width: 100%;
	font-size: 0;
	color: #fff;
}

.trend-item .series-lineup-item-column ul li {
	width: 45%;
	box-sizing: border-box;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
	font-weight: 500;	
}

.trend-item .series-lineup-item-column ul li p {
	color: #fff;
	line-height: 1.5;
}

.other-item .series-lineup-item-column ul li p {
	color: #000;
	line-height: 1.5;
}


.trend-item .series-lineup-item-column ul li img {
	text-align: center;
	margin: 0 auto;
	display: block;
	width: 400px;
}

.trend-item .series-lineup-item-column ul li h2 {
	text-align: left;
	color: #fff;
}

.other-item .series-lineup-item-column ul li h2 {
	color: #000;
}

.trend-item .series-lineup-span {
	display: block;
	font-size: 15px;

}

.trend-item .series-lineup-span::before, .trend-item .series-lineup-span::after {
	content: "-";
}


.trend-item .series-lineup-item-column ul li h3 {
	text-align: left;
	font-size: 16px;
}

.other-item .series-lineup-item-column ul li h3 {
	color: #000;
}
.trend-item .series-lineup-item-column ul li:last-child a{
    display: block;
    text-decoration: none;
    border-radius: 5px;
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
    margin-top: 15px;
    font-size: 16px;
	color: #fff!important;
    text-align: center;
    transition-property: all;
    transition: 0.2s linear;
	padding: 10px 0;
}

.trend-item .series-lineup-item-column ul li:last-child a:hover{
	filter: brightness(0.8);
}

/*--------------------------------------------
brand-slide
--------------------------------------------*/
.brand-slide-wrap {
	height: 500px;
	overflow: hidden;
	line-height: 0;
}

.brand-slide-wrap img {
	object-fit: cover;
	text-align: center;
}

.brand-slide {
	width: 100%;
	margin: 0;
	padding: 0;
}

.brand-slide img {
	width: 100%;
	height: 500px;
}

.brand-slide a {
	margin: 0;
	padding: 0;
	display: inline-block;
}


/*--------------------------------------------
brandエリアwebマガジン
--------------------------------------------*/
.brand-web-magazine {
	background: #ddd;
	padding: 50px 0;
}

.brand-slide-lineup li {
	display: inline-block;
	width: 200px;
}

.brand-slide-lineup li img {
	width: 100%;
	display: block;
}




/*----------------------------------------------------------------------------------*/
/*ブランドページモーダルウィンドウ*/
/*----------------------------------------------------------------------------------*/


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

.iframe-width {
	width: 960px;
	background: #000;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 100vh;
	line-height: 1.5em;	
	position: relative;
}

.iframe-width ul{
	padding: 0 20px;
	margin: 0 auto;
}

.iframe-width ul a {
	transition-property: all;
	transition: 0.3s linear;
}

.iframe-width ul a:hover {
	opacity: 0.7;
}

.iframe-width ul li {
	width: 200px;
	display: inline-block;
    margin: 10px 30px 30px 0px;
}

.iframe-width ul li:nth-child(4) {
	margin-right: 0;
}

.iframe-width ul li p {
	font-size: 15px;
	color: #fff;
	margin-top: 10px;
	text-align: center;
}

.iframe-width ul li span {
	font-size: 14px;
	color: #fff;
	display: block;
}

/*スムーススクロール*/

.pagetop img {
    width: 40px;
	height: auto;
}

/*fadein-now*/
.fadein-now {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
    animation-iteration-count:1;	
}

@keyframes fadein {
from {
    opacity: 0;
    transform: translateX(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*fadein-now*/
.main-watch-left {
    font-size: 20px;
    font-weight: bold;
    animation-name: main-watch-left;
    animation-duration: 2s;
    animation-iteration-count:1;	
}

@keyframes main-watch-left {
from {
    opacity: 0;
    transform: translateX(-20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

/*左からfaqdein*/
.fadein_left {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fadein_left_on {
    opacity: 1;
}

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

/*目次*/

.model-wrap-list-area {
	padding-bottom: 50px;
}

.model-wrap-list {
	width: 1012px;
	font-size: 0;
  padding: 0 0.5em;
  position: relative;
	margin: 0 auto;
}

.model-wrap-list li {
  box-sizing: border-box;
  display: inline-block;
  line-height: 2;
  font-size: 15px;
  list-style-type: none!important;
	padding: 0 20px 0 5px;
	text-align: center;
}


.model-wrap-list li a{
    position: relative;
    display: inline-block;
    vertical-align: middle;
    text-decoration: none;
    font-size: 15px;
	color: #000;
}

.model-wrap-list li a::before{
	content: "";
	display: inline-block;
	width: 5px;
height: 5px;
background: #000;
margin-right: 5px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: 0 100%;
-moz-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
-o-transform-origin: 0 100%;
transform-origin: 0 100%;
}

.model-wrap-list-design {
	display: block;
	transition-property: all;
  transition: 0.5s linear;
}

.model-wrap-list li a:hover {
	text-decoration: underline;	
}