/* キーワード値 */
touch-action: auto;
touch-action: none;
touch-action: pan-x;
touch-action: pan-left;
touch-action: pan-right;
touch-action: pan-y;
touch-action: pan-up;
touch-action: pan-down;
touch-action: pinch-zoom;
touch-action: manipulation;

/* グローバル値 */
touch-action: inherit;
touch-action: initial;
touch-action: revert;
touch-action: unset;

body{
font-family: "YuMincho", serif; /* 遊明朝フォントの指定 */
background:#f9f9f9;
width:100%;
}

#container {
    background: #f9f9f9 !important;
}

#container a,#container h3,#container p{
  text-decoration:none;
  color:black;
}

::-webkit-scrollbar {
  width: 10px;
  height: 5px;
}
 
::-webkit-scrollbar-thumb {
  background: #e2e2e2;
  border-radius: 5px;
}

.slick-dots li {
    margin: 0;
}

	.slider,.slider .slider_box{
	width: 100%;
	height: 124vw;
}

.slider .slider_box img{
	object-fit: contain;
	position:relative;
	top:2.5%;
	width: 92%;
	margin:0 4% 0 4%;
	border:1px solid #f4f4f4;
}

.slider .slider_box .card{
	width:95%;
	height:95%;
	margin:2.5%;
	background:#fff;
	border-radius: 10px; /* 任意の角丸半径を指定 */
  box-shadow: 0 0px 6px rgba(0, 0, 0, 0.04);
}

.slider .card h3{
  font-size: 7vw;
  letter-spacing: 0px;
  font-weight: 400;
  padding: 4.3vw 5% 0vw 5%;
  height: 63px;
  margin: 0;
}

.slider .card .h3_small{
  font-size: 6vw;
	letter-spacing:0px;
	font-weight:400;
}

.slider .card .h3_very_small{
  font-size: 5vw;
	letter-spacing:0px;
	font-weight:400;
}

.slider .card .p1{
	display:block;
	font-size: 3.8vw;
	letter-spacing:1px;
	line-height:0px;
	margin:0% 5% 8% 5%;
	color:#000;
}

.slider .card .p2{
	display:block;
	font-size: 3.8vw;
	letter-spacing:1px;
	line-height:0px;
	margin:0% 5% 6% 5%;
	color:#000;
}

.slider .card_tag_first{
  border-radius: 15px;
	display:block;
	height:21px;*
	font-size: 4vw;
	color:#333333;
	padding: 0 7px 0 7px;
	background:#f2f3f4;
	margin:0 0 0 5%;
  float:left;
}

.slider .card_tag{
  border-radius: 15px;
	display:block;
	font-size: 4vw;
	color:#333;
	padding: 0 7px 0 7px;
	background:#f2f3f4;
	margin:0 0 0 2%;
  float:left;
}

.slider .card_price{
	clear:left;
	float:right;
	font-size: 6.5vw;
	margin: 0 5% 0 0;
	letter-spacing:1.5px;
}

.slick-dots {
    bottom: -14px;
}

.inname {
    font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
    display: block;
    width: 100%;
    font-size: 4.5vw;
    font-weight: normal;
    padding: 8% 0 0% 0;
    border-left: none;
    color: #1a1a1a;
    text-align:center;
    margin:0 0 1vw 0;
}

.watchname_smale {
    font-size: 3vw;
    color: #777;
}

.watchname_main {
    font-size: 5.5vw;
    color: #000;
}

.watchname_middle {
    font-size: 4.5vw;
    color: #000;
}

.card_price .tax{
  color: #777;
  font-size:13px;
  padding-right:2px;
}
.card_price .yen{
 color: #000;
 font-size:18px;
 padding-left:2px;
}

.tag_area{
  width:100%;
  height:20px;
}

#title_area {
    width: 100%;
    height: auto;
    background: black;
    margin: 0;
    padding: 0;
}

#title_area .inname2 {
    font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
    display: block;
    width: 100%;
    font-size: 5.5vw;
    font-weight: normal;
    padding: 7px 0 0 0;
    border-left: none;
    color: white;
    letter-spacing: 1px;
    text-align: center;
}

#title_area img {
    border: none;
    width: 100%;
    height: auto;
}

.title_area_p {
    font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
    color: white !important;
    font-size: 14px;
    line-height: 25px;
    margin: 0;
    padding: 5px 15px 25px 15px;
    text-align: justify;
    background: black;
}


.slider {
  font-family: "游明朝","YuMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif;
  width: 100%;
  height:auto;
  overflow-x: auto;
  overflow-y: auto;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  }

.slider .slider_box {
    width: 80%;
    height: 124vw;
    margin:0;
}
  
.slider_box {
    scroll-snap-align: none center;
    display:inline-block;
}

.slider .slider_box .card {
    padding: 5% 0 0 0;
}

.slider .slider_box:first-child{
  margin:0 0 0 10%;
}

.slider .slider_box:last-child{
  margin:0 10% 0 0;
}


@media screen and (min-width: 460px) {
  
  /* キーワード値 */
  touch-action: auto;
  touch-action: none;
  touch-action: pan-x;
  touch-action: pan-left;
  touch-action: pan-right;
  touch-action: pan-y;
  touch-action: pan-up;
  touch-action: pan-down;
  touch-action: pinch-zoom;
  touch-action: manipulation;
  
  /* グローバル値 */
  touch-action: inherit;
  touch-action: initial;
  touch-action: revert;
  touch-action: unset;
  
  #container a,#container h3,#container p{
    text-decoration:none;
    color:black !important;
  }
  
  #container{
  font-family: "YuMincho", serif; /* 遊明朝フォントの指定 */
  margin: 0;
  background:#f7f7f7 !important;
  width:100%;
  margin:0 auto;
  padding-bottom: 60px;
  }
    
    #title_area,.slider{ 
      width:750px !important;
      margin:0 auto;
      scroll-snap-type: none;
      padding: 0 0 13px 0;
    }
    
  .slider .slider_box{
    width: 30%;
    height: auto;
    }
    
    .watchname_smale {
    font-size: 20px;
    }
    
    .watchname_main {
    font-size: 32px;
    line-height: 37px;
    margin: 18px 0;
    display: inline-block;
    }
    
    .watchname_middle {
    font-size: 23px;
    color: #000;
    }
    
    .watchname{
      display:none;
    }
    
    .inname {
    font-size: 1vw;
    padding: 3% 0 0% 0;
    color: #1a1a1a;
    text-align: center;
    }

    .slider .slider_box .card {
        padding:0;
    }
    .slider .slider_box .card {
        width: 98%;
        height: 384px;
        margin: 2.5%;
        background:#fff;
        border-radius: 10px;
        box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.04);
    }
    
    .slider .card h3 {
    height: 0;
    font-size: 25px;
    padding:27px 5% 42px 5%;
    margin:0;
  }
  .slider .card .p1 {
    display: block;
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 10px;
    margin: 0% 5% 8% 5%;
    color: #000;
}
.slider .card .p2 {
    display: block;
    font-size: 14px;
    letter-spacing: 0px;
    line-height: 0px;
    color: #000;
}
.slider .slider_box:first-child {
    margin: 0 0 0 3%;
}
.slider .card_tag_first {
    border-radius: 15px;
    display: block;
    height: auto;
    font-size: 13px;
    color: #333333;
    padding:2px 0.5vw 2px 0.5vw;
    float: left;
    background: #f2f3f4;
    margin: 5px 0 0 5%;
}

.slider .card_tag {
  border-radius: 15px;
  display: block;
  height: auto;
  font-size: 13px;
  color: #333333;
  padding:2px 0.5vw 2px 0.5vw;
  float: left;
  background: #f2f3f4;
  margin: 5px 0 0 3%;
}

.slider .card_price {
    font-size: 23px;
    padding: 4px 0 0px 0;
}

.slider .card .h3_small{
  line-height: 0;
      font-size: 15px;
      margin: 0;
      height:auto;
      padding: 40px 5% 29px 5%;
  }
  
  .slider .card .h3_very_small{
    line-height: 0;
    font-size: 12px;
    margin: 0;
    height:auto;
    padding: 40px 5% 29px 5%;
  }
  
  .title_area_p {
    color:white !important;
    font-size: 17px;
    line-height: 26px;
    padding: 5px 15px 10px 15px;
}

.slider .slider_box:last-child {
    margin: 0;
}
}