body{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#000000;
	line-height:25px;
	background-color:#F6F6F6;
	}

span{
	display: inline-block;
	}

img{
	width: 100%;
	}

.navbar-brand {
	background: url("../img/silklogo.png") no-repeat left center;
	background-size: contain;
	height: 50px;
	width: 300px;
	margin-left:10px;
	}
@media (max-width:480px){
    .navbar-brand{
        width: calc((50px / 75) * 277);
    }   
}
.pnameeng{
	font-family: 'Roboto', sans-serif;
	font-size:2.3em;
	line-height:1em;
	letter-spacing: 0.05em;
	text-align: center;
	font-weight: bold;
	margin-top:70px;
	margin-bottom: 10px;
	color:#171717;
}

.pnamejp{
	font-size:0.8em;
	line-height:1em;
	text-align: center;
	margin-bottom:90px;
	color:#171717;
}

.mnameeng{
	font-family: 'Roboto', sans-serif;
	font-size:1.6em;
	line-height:1em;
	letter-spacing: 0.05em;
	text-align: left;
	margin-top: 60px;
	margin-bottom: 20px;
	color:#171717;
}
@media (max-width:768px){
	.mnameeng{
		margin-top: 10px;
	}
}
.catch{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:1.4em;
	font-weight: bold;
	line-height:1.2em;
	letter-spacing: 0.06em;
	margin-bottom: 20px;
	color:#004CAE;
}

.kinobi {/*親div*/
  position: relative;/*相対配置*/
  }

.kinobi p {
 position: absolute;
  top: 20%;
  left: 10%;
  margin:auto;
  padding:auto;
  line-height:20px;
  }

.kinobi img {
  width: 17%;
  }


.midasi{
	margin-top:70px;
	margin-bottom:10px;
	font-weight: 900;
	font-size:1.8em;
	color:red;
}


.bg-dark{
	padding:5px;
	color:white;
}


table{
	font-size:0.7em;
}



.note {
  padding-left: 1em;
  text-indent: -1em;
	font-size:0.8em;
	line-height: 1.5em;
}


.video{
  position:relative;
  width:100%;
  padding-top:56.25%;

}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}


footer{text-align: center;}

.container-fluid .yoko{
    padding-right: 0px;
    padding-left: 0px;
   }

.setsu{
	font-size: 0.9em;
	line-height: 1.6em;
	color:#171717;
}

.review{
	font-size:2em;
	font-weight: 900;
}

.nvhead{
	background: rgba(255,255,255,0.9);
}

@media screen and (min-width:992px){
.hakooya{
	position:relative;
}

.hako-r{
	position: absolute;
	background: white;
	top:50px;
	left:-40px;
	right:40px;
	z-index: 1;
	padding:40px;
	border: 0.5px solid #CCCCCC;
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
}

.hako-l{
	position: absolute;
	background: white;
	top:50px;
	left:40px;
	right:-40px;
	z-index: 1;
	padding:40px;
	border: 0.5px solid #CCCCCC;
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
}
}

.hako-b{
	position: relative;
	background: white;
top:-10px;
	z-index: 1;
	padding:20px;
	border: 0.5px solid #CCCCCC;
	max-width:700px;
	text-align: center;
	box-shadow: 5px 5px 20px 0px rgba(0,0,0,0.2);
	font-size:0.9em;
}

.sc1 .swiper-slide div {
    position: absolute;
    bottom: 5px;
    color: white;
    text-shadow: 1px 1px 1px rgb(0 0 0 / 80%);
    font-size: 0.9em;
    /*background: rgba(0,0,0,0.5);*/
    padding: 5px;
}

/***********四方八方ゆっくり表示スクリプト************/
/*左から*/
.box-l div {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box-l div.move {
  -webkit-transform: translate(-10px, 0);
  opacity: 0;
}

/*右から*/
.box-r div {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box-r div.move {
  -webkit-transform: translate(10px, 0);
  opacity: 0;
}

/*下から*/
.box-b div {
  -webkit-transition: all 1s;
  -webkit-transform: translate(0, 0);
  opacity: 1;
}
.box-b div.move {
  -webkit-transform: translate(0, -10px);
  opacity: 0;
}

/***********四方八方ゆっくり表示スクリプトの終わり************/


.hosho{
font-size:0.8em;
	line-height: 1.5em;
border: 0.5px solid #CCCCCC;
padding:10px;
	margin-top:20px;
color:#535353;
}

.shop img{
	margin-bottom: 30px;
}

.check{
	color:black;
}
.check:hover{
	color:red;
	text-decoration: none;
}

.check img{
	width: 15%;
	margin-right:10px;
}

.sc2 p{
	text-align: center;
	margin-top:10px;
}

.simage{
	font-family: 'Roboto', sans-serif;
	font-size:1.5em;
	line-height:1em;

	text-align: center;
	font-weight: bold;
	margin-top:150px;
	margin-bottom: 10px;
	color:#171717;
}


@media (max-width:575px){
	.wheel-row{
		margin:-1rem 0;
	}
	.wheel{
		padding:1rem 2rem;
	}
}






.wheelimageSwiper .sw-btn-next,
.wheelimageSwiper .sw-btn-prev{
	position:absolute;
	top:0;
	bottom:0;

	margin:auto;
	z-index:10;
	width:4rem;
	height:4rem;
	cursor:pointer;
}
.wheelimageSwiper .sw-btn-prev{
	left:0;
}
.wheelimageSwiper .sw-btn-next{
	right:0;
}


.wheelimageSwiper .sw-btn-prev:before{
	left:25%;
	border-left:2px solid transparent;
	border-bottom:2px solid transparent;
	transform:rotate(45deg);
}
.wheelimageSwiper .sw-btn-next:before{
	right:25%;
	border-right:2px solid transparent;
	border-bottom:2px solid transparent;
	transform:rotate(-45deg);
}
.wheelimageSwiper .sw-btn-next:before,
.wheelimageSwiper .sw-btn-prev:before{
	content:"";
	position:absolute;
	top:0;
	bottom:0;
	display:block;
	margin:auto;
	width:50%;
	height:50%;
	border-color:#333;
}


.tanSwiper .sw-pagination{
    position:absolute;
    bottom:0;
    z-index:10;
    text-align:center;
}
.swiper-pagination-bullet{
    background-color:#fff;
    opacity:0.5;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity:1;
    background-color:#fff;
}
.sw-btn-prev{
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    margin:auto;
    z-index:10;
    width:50px;
    height:50px;
    cursor:pointer;
}
.sw-btn-prev:before{
    content:"";
    position:absolute;
    top:0;
    left:25%;
    bottom:0;
    right:0;
    display:block;
    margin:auto;
    width:50%;
    height:50%;
    border-left:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(45deg);
}
.sw-btn-next{
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    margin:auto;
    z-index:10;
    width:50px;
    height:50px;
    cursor:pointer;
}
.sw-btn-next:before{
    content:"";
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:25%;
    display:block;
    margin:auto;
    width:50%;
    height:50%;
    border-right:2px solid #fff;
    border-bottom:2px solid #fff;
    transform:rotate(-45deg);
}
.swipImage{
    position:relative;
}
.swipImage > span{
    position:absolute;
    bottom:10px;
    right:10px;
    z-index:10;
    background-color:#fff;
    padding:0 15px;
    border-radius:15px;
}


body .swiper-wrapper .setup{
	position:absolute;
    bottom:10px;
    right:10px;
	margin:0 auto;
	font-size:1.2rem;
	text-shadow:none;
	text-align:center;
	width:calc(4rem * 1.2 + 3rem);
	height:1.8rem;
	background-color: #000;
	/* 	padding:0.5rem; */
	line-height:1;
	border-radius:0.5rem;
}