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

.mincho-style {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

a:link {
	outline: none;
}

/*-------------------------------------------------
headerエリア
-------------------------------------------------*/

form {
	margin: 0;
	padding: 0;
}

/*検索窓*/
.search_container{
  box-sizing: border-box;
	width: 100%;
	overflow: hidden;
}
.search_container input[type="text"]{
  background: #fff;
	box-sizing: border-box;
  border: none;
  height: 30px;
  padding-left: 10px;
  width: 72%;
	float: left;
	margin-left: 10px;
}
.search_container input[type="text"]:focus {
  outline: 0;
}
.search_container input[type="submit"]{
cursor: pointer;
    background: url(https://www.rasin.co.jp/editionimg/search.svg) center center no-repeat,#888;
    border: none;
    background-size: 25px;
    color: #fff;
    outline: none;
    box-sizing: border-box;
    height: 30px;
    width: 15%;
    padding: 4px;
	margin-right: 10px;
}


/*-------------------------------------------------
パンくずリスト
-------------------------------------------------*/
.breadcrumbs {
	box-sizing: border-box;
	padding: 5px;
	width: 100%;
}


.breadcrumbs li {
	display: inline-block;
}

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

.h2-span {
	display: block;
	font-size: 13px;
	font-weight: 100;
	margin-top: 5px;
}

.shop-list h2  {
	text-align: center;
	padding: 30px 0;
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 3px;
	color: #fff;
}

.shop-list h2 span {
	display: block;
	font-size: 13px;
	font-weight: 100;
	margin-top: 5px;
}

.fontGash {
	color: #595a5b;
  /*background: -webkit-linear-gradient(top, #595a5b 0%, #818384 50%, #888 51%, #ddd 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.font-wfite {
	color: #ffffff;
}



/*-------------------------------------------------
shop-listエリア
-------------------------------------------------*/

/*.shop-list h2 {
	text-align: center;
	font-size: 20px;
	color:#fff;
}

.shop-list h2 span {
	display: block;
	font-size: 15px;
}*/

.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-tell::before {
  content: '';
  display: inline-block;
  width: 15px;
  height: 15px;
  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-list ul li span {
	font-size: 13px;
}

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

/*-------------------------------------------------
contact-wrapエリア
-------------------------------------------------*/
.contact-wrap {
	width: 100%;
	background:  url(https://www.rasin.co.jp/editionimg/web_watch_page_40.jpg) no-repeat;
	background-size: cover;	
	padding: 60px 0;
}

.contact-wrap section {
	overflow: hidden;
	margin: 0 auto;
	text-align: center;
}


.contact-wrap div {
	float: left;
	margin: 0 15px;
}



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

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

.info-area {
	width: 100%;
	background-size: cover;
	background: #999;
}

.section-float-wrap{
	background:  url(https://www.rasin.co.jp/editionimg/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.section-float section:nth-child(odd){
	float: left;
}

.section-float section:nth-child(even){
	float: right;
}

.shop-area p {
	color: #fff;
}


/*-------------------------------------------------
ブランドページ　共通
-------------------------------------------------*/

.ternd-item-wrap-other ul li h2,.ternd-item-wrap-other ul li h3,.ternd-item-wrap-other ul li p,.ternd-item-wrap-other ul li a,.ternd-item-wrap-other ul li span {
	color: #000!important;
	
}




/*-------------------------------------------------
モデルページ　共通
-------------------------------------------------*/

.model-rx-wrap {
	width: 100%;
    background:  url(https://www.rasin.co.jp/editionimg/prouct-bg-rx.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

.model-hublot-wrap {
	width: 100%;
    background:  url(https://www.rasin.co.jp/editionimg/prouct-bg-hublot.jpg) no-repeat;
    background-position: center;
    background-size: cover;
}

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

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

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

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

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

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

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





























/*-----------------------------------------------
タブ切り替え
------------------------------------------------*/

.product-info {
	width: 100%;
	background: #4d4d4d;
}

.product_content-tab {
	overflow: hidden;
 	background: -moz-linear-gradient(top, #cccccc, #f0f0f0);
 	background: -webkit-linear-gradient(top, #cccccc, #f0f0f0);
 	background: linear-gradient(to bottom, #cccccc, #f0f0f0);
 	color: #4d4d4d;
	padding-top: 34px;
	margin: 0 auto;
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;

}

.product_content-tab li {
	width: 300px;
	text-align: center;
  color: #333;
  padding: 20px;
  cursor: pointer;
  list-style: none;
  transition: .3s;
  font-size: 13px;
	letter-spacing: 2px;
}

.product_content-tab li.active {
	border-top:1px solid #ffffff;
	border-left:2px solid #4d4d4d;
	border-right:2px solid #fff;
  background: -moz-linear-gradient(top, #7f7f7f, #4d4d4d);
  background: -webkit-linear-gradient(top, #7f7f7f, #4d4d4d);
  background: linear-gradient(to bottom, #7f7f7f, #4d4d4d);
  color: #fff;
  cursor: auto;
}

.product_content-tab li::before.active,
.product_content-tab li::after.active {
	content:"";
	display:block;
	height:1px;
	width:100%;
  background: -moz-linear-gradient(top, #fff, #4d4d4d);
  background: -webkit-linear-gradient(top, #fff, #4d4d4d);
  background: linear-gradient(to bottom, #fff, #4d4d4d);
}

.product_content-area ul {
	max-width: 1012px;
 	display: none;
	margin: 0 auto;
	padding: 50px 80px;
 	align-items: center;
}

.product_content-area ul.product_content-show {
  display: block;
	background: #4d4d4d;
	color: #fff;
	font-size: 14px;
	line-height: 2;
}


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


/*--------------------------------------------*/
/*iframe*/
.iframe-wrap {
	background: #000;
}


.iframe-width ul {
	padding: 15px;
	font-size: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;	
}


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


.iframe-width ul li a {
	text-decoration: none;
}

.iframe-wrap .iframe-width p {
    font-size: 12px;
    line-height: 1.6;
}

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

#page-top2 {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 15px;
}

#page-top2 img {
    width: 40px;
}

/*sns-area*/

.sns-area a img {
    width: 30px;
	height:30px;
}



/*ふわっとさせる*/
.fadein {
  opacity : 0;
  transform: translateY(20px);
  transition: all 1s;
}

/*series-lineup-item-columnを1つずつ上げる*/

/* JavaScriptが有効な場合、対象を隠す */
html.enable-javascript .slider-sample{
  visibility: hidden;
}
/* 画像すべてを読み終えたら、対象を表示する */
html.enable-javascript.window-load .slider-sample{
  visibility: visible;
}

.trend-item-wrap-rx h2 , .trend-item-wrap-pp h2 , .trend-item-wrap-ap h2 , .trend-item-wrap-omega h2 , .trend-item-wrap-tagheuer h2{
	color: #fff !important;
}


/*ipad用*/
@media screen and (min-width:768px) and ( max-width:1000px) {

	.web-magazine-area ul li {
		width: 240px!important;
	}
}


/*ふわっとした動き*/
.series-lineup-item-column ul li {
    opacity : 0.1;
    transform : translate(0, 50px);
    transition : all 500ms;
    }

/* 画面内に入った状態 */
.series-lineup-item-column ul li.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }

.series-lineup-item-column ul li.scrollin:nth-of-type(2) {
    -moz-transition-delay:200ms;
    -webkit-transition-delay:200ms;
    -o-transition-delay:200ms;
    -ms-transition-delay:200ms;
    }
/* 3つ目の要素に400msのdelayをかける */
.series-lineup-item-column ul li.scrollin:nth-of-type(3) {
    -moz-transition-delay:400ms;
    -webkit-transition-delay:400ms;
    -o-transition-delay:400ms;
    -ms-transition-delay:400ms;
    }
/* 4つ目の要素に400msのdelayをかける */
.series-lineup-item-column ul li.scrollin:nth-of-type(4) {
    -moz-transition-delay:600ms;
    -webkit-transition-delay:600ms;
    -o-transition-delay:600ms;
    -ms-transition-delay:600ms;
    }