@charset "utf-8";
#content {
}

#rental{
	background: #f6f6f6 url("../images/common/bg03.png") right 30px bottom no-repeat;
}



.center-title{    
	color: #242e43;
    font-size: 33px;
    line-height: 1.5;
    letter-spacing: .01em;
    text-align: center;
    margin-bottom: 50px;
	width: 100%;
	order: 1;
	font-weight: bold;
}

.dice-information{
	order: 2;
	width: 48%;
	line-height: 1.8;
    letter-spacing: .01em;
	font-size: 16px;
}

.half{
	width: 48%;
}

.half img{
	width: 100%;
}

.dice-information p{
	padding-bottom: 1.5em;
}

.pb0{
	padding-bottom: 0 !important;
}


.rental-information{
	max-width: 100%;
	box-sizing: border-box;
	background-color: #22354c;
	color: #fff;
	font-size: 14px;
	    line-height: 1.8;
    letter-spacing: .01em;
	text-align: left;
	padding: 10px 40px 10px 20px;
	margin: 20px auto 0 auto;	
	order: 3;
}


.center-title2{    
	color: #242e43;
    font-size: 28px;
    line-height: 1.8;
    letter-spacing: .01em;
    text-align: center;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 60px;
	font-weight: bold;

}

.r-text{
	    text-align: right;
    margin-top: 10px;
}

.half .link {
    font-size: 18px;
    border: solid 1px #242e43;
    box-sizing: border-box;
    max-width: 400px;
    height: 60px;
    line-height: 60px;
    padding-left: 20px;
    text-align: center;
	position: relative;
}

.r-box{
	margin: 60px 0px 0px auto;
}

.l-box{
	margin: 60px auto 0px 0px;
}


.half .link:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -5px;
}

.half .link:hover:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right_w.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}


.half .link a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.half .link a:hover{
    background-color: #242e43;
	color: #fff;
	opacity: 1 !important;
}




.link2 {
    font-size: 18px;
	background-color: #242e43;
    box-sizing: border-box;
    max-width: 400px;
    height: 60px;
    line-height: 60px;
	margin: 40px auto 0;
    padding-left: 20px;
    text-align: center;
	position: relative;
	width: 100%;
	color: #f6f6f6;
}



.link2:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right_w.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -5px;
}

.link2:hover:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 35px;/*画像の幅*/
  height: 35px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -5px;
  -webkit-transition: all .2s ease-in;
  transition: all .2s ease-in;
}


.link2 a {
    position: absolute;
    top: 0;
    left: 0;
    height:100%;
    width: 100%;
}

.link2 a:hover{
    background-color: #f6f6f6;
	color: #242e43;
	opacity: 1 !important;
	border: 1px solid #242e43;

}

.shop-img{
	order: 3;
	width: 48%;
}



.rental-information dd{
  padding-left: 1em;
  text-indent: -1em;
}

.rental-information dt{
	font-size: 20px;
}

/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 767px) {
	
	.center-title{
		font-size: 26px;
		line-height: 1.5;
		margin-bottom: 10px;
		text-align: center;
		margin-bottom: 30px;
		order: 1;
	}
	
	.center-title2{
		font-size: 24px;
		line-height: 1.5;
		text-align: center;
		margin-top: 0;
	}
	
	.dice-information{
		width: 90%;
		margin: 30px auto 0;
		order: 3;
	}
	
	.rental-information{
		padding: 20px;
	}

	.half{
		width: 100%;
		margin:0px auto 30px auto;
	}
	
	.half img{
		width: 100%;
		margin:0 auto;
		display: block;
	}
	
	.r-text{
		text-align: center;
	}
	
	.rental-information{
		margin-bottom: 60px;
	}
	
	.r-box, .l-box, .link2{
		margin: 0 auto;
	}

	
	.shop-img{
		order: 1;
		width: 100%;
	}
	
.shop-img img{
		width: 100%;
		margin:0 auto;
		display: block;
	}

.rental-information dt{
	font-size: 18px;
}	
	
}


/*-----------------------------------------------------	*/
/*	for - 480px					*/
/*-----------------------------------------------------	*/
@media screen and (max-width: 480px) {

	/*
	.list .item {
		border-bottom: none;
	}
	
	*/
	
	#rental{
	background: #f6f6f6 url("../images/common/bg03.png") right 20px bottom no-repeat;
	background-size: 80%;
}
	
	
	.dice-information{
		font-size: 14px;
		margin: 20px auto 0;
	}
	
	.rental-information{
		padding: 10px 10px;
		margin-bottom: 40px;
	}


.half .link{
	font-size: 14px;
    max-width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 0px;;
    padding-left: 10px;
}

.half .link:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -2.5px;
}

.half .link:hover:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right_w.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2.5px;
}
	

.link2{
	font-size: 14px;
    max-width: 80%;
    height: 40px;
    line-height: 40px;
    margin: 20px auto 0px;;
    padding-left: 10px;
}

	
.link2:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right_w.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -2.5px;
}

.link2:hover:after {
  content: '';/*何も入れない*/
  display: inline-block;/*忘れずに！*/
  width: 20px;/*画像の幅*/
  height: 20px;/*画像の高さ*/
  background-image: url("../images/contact/btn_right.png");
  background-size: contain;
background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  right: 5px;
  margin-top: -2.5px;
}
	
	.center-title{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
	
	.center-title2{
		font-size: 18px;
		line-height: 1.5;
		margin-bottom: 20px;
	}
	
	.half{
		margin-bottom: 0;
	}

	.half img{
		width: 100%;

	}	
	
	.r-text{
		font-size: 14px;
		margin-top: 2px;
		margin-bottom: 30px;
	}


.rental-information dt{
	font-size: 16px;
}
	
.brsp{
	padding-bottom: 0;
}


	
}