@media only screen and (max-width: 639px) {
.header_container {
    max-height: 60px;
}
}

img {width: 100%;height: auto;max-width: 100%;}


#reserve ul {
display: flex;
flex-direction: column;

    width: 100vw;
    margin-top: 10px;
    margin-bottom: 40px;
}
#reserve li {
    height: calc( 100% / 5 );
    display: block;
}
reserve li img {
    width: 100%;
    max-width: 100%;
    height: 120px;
    padding: 0.5% 0;
    box-sizing: border-box;
    object-fit: cover;
}



/*.full * */
#mainVisual * ,
#content3way * ,
#waterproof * ,
#accessories * ,
#practically * ,
#reserve *
{
	transition: all 0.2s linear;

}

.orderButton{
font-size:1.3rem;
font-weight:normal;
line-height:1.5;
margin:40px auto;
text-align:center;
box-sizing: border-box;
width: 100%;
display: inline-block;
}
.orderButton a{
color:#FFF;
background:#ffaf26;
width: 100%;
padding:8px;
display:inline-block;

border-radius:30px;

position: relative;
box-sizing: border-box;
}
.orderButton a:hover {
    background: #ff8a26;
}

/*.orderButton span i{
font-size: 2rem;
position: absolute;
top: 16%;
}*/
#header .orderButton{
font-size:0.8rem !important;
line-height:1.2 !important;
width: auto;
margin:10px auto !important;

position: absolute;
top: 1vw;
right: 3vw;
}
#header .orderButton a{
color:#FFF;
width: 100%;
background:#ffaf26;
padding:8px 20px;
}
/*#header .orderButton span i{
font-size: 1.3rem;
top: 20%;
}*/



@media only screen and (max-width: 639px) {
.orderButtonBottom{
font-size:1.3rem;
font-weight:normal;
line-height:1.5;

text-align:center;
box-sizing: border-box;
width: 100%;
position: fixed; bottom: 0; width: 60%; margin: 0 20% 20px;
}
.orderButtonBottom a{
color:#FFF;
background:#ffaf26;
width: 100%;
padding:8px;
display:inline-block;

border-radius:30px;

position: relative;
box-sizing: border-box;
}
.orderButtonBottom a:hover {
    background: #ff8a26;
}
}




.btnArrow:after {
    border-color: transparent transparent transparent #fff;
}
.btnArrowSub:after,
#reserve > div:nth-child(2) a:after{
    border-color: transparent transparent transparent #333;
}
		#faq a:after{
			border-color: transparent transparent transparent #333;
		}




					.reserveButton{
						color: #333;
						display: inline-block;
						font-size:1rem;
						line-height:1.5;
						margin:0 1%;
						text-align:center;

						width: 48%;
						box-sizing: border-box;
					}
					.reserveButton a{
						display: inline-block;
						width: 100%;
						/*font-size:0.9em;*/
						font-weight:normal;
						background:#ffaf26;
						/*background: #FFF;*/
						padding:8px;
						/*border: solid 1px #CCC;*/
						border-radius:6px;
						position: relative;

						box-sizing: border-box;
					}
					.reserveButton a span{
						color: #fff;
						font-weight: 700;
					}
					.reserveButton a:hover{text-decoration: none;}


h3,h4,
.mainVisual .contentText p,
.mainVisual .contentText em{
	font-feature-settings : "palt" 1;
}
.em{
	border-bottom: dashed 2px #ee3333;
	padding-bottom: 0.2em;
}
.emYellow{
	color:#ffed6a;/*#FAE558*/
  font-style: normal;
  font-size: 1.15rem;
}
.emBlue{
	color:#1752ba;/*#FAE558*/
  font-style: normal;
  font-size: 1.15rem;
}
.emRed{
	color:#F01313;/*#FAE558*/
  font-style: normal;
  font-size: 1.15rem;
}
.content{
	width: 100%;
}
.full{
	/*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 'Meiryo UI','メイリオ', 'Meiryo', sans-serif;*/
	
	background: #F1F1F1 linear-gradient(180deg, rgba(241,241,241,1) 90%, rgba(255,255,255,1) 95%);
	margin-bottom: 50px;
	/*padding-bottom: 1px;*/
	width: 100%;
	overflow: hidden;
	
	position: relative;
	padding-bottom: 13vw;
	/*top: 63px;*/
}






.mainVisual{
	height: 146vw;
	min-height: 600px;
	max-height: 850px;
	/*margin-bottom: 20px;*/
background: /*linear-gradient(rgba(237,240,248,0) 67%,  rgba(237,240,248,1) 98%),*/ url(img/mainvisual.jpg) center center / cover no-repeat;
	position: relative;
    background-color: rgba(0,0,0,0.2);
    background-blend-mode: hard-light;
}

.mainVisual .contentText{
	width: 100%;
	/*position: absolute;
	top: 93vw;
	right: 0;
	left: 0;*/
	text-align: center;
  padding: 20px 0;
}
.mainVisual .contentText h3{
	font-size: 2.1rem;
	font-weight: bold;
	color: #FAE558;
	line-height: 1.2;
	text-shadow: 0px 0px 8px #000,1px 1px 2px #000;
}
.mainVisual .contentText p{
	font-size: 1.5rem;
	color: #FFF;
	line-height: 1.25;
	text-shadow: 0px 0px 8px #000;
	/*position: absolute;
	top: -72vw;
	right: 0;
	left: 0;*/
}
.mainVisual .contentText em{
	font-size: 2.1rem;
	font-weight: bold;
  font-style: normal;
	color: #FFF;
	line-height: 1.2;
	text-shadow: 0px 0px 8px #000,1px 1px 2px #401010;
}
.mainVisual .contentText ul{
	padding-top: 2vw;
}

.mainVisual .contentText ul li{
	width: 29%;
	padding: 1%;
	min-width: 66px;
	display: inline-block;
}
.mainVisual .contentText ul li img{
	border-radius: 50% 50%;
}
.mainVisual .contentImage{
	width: 100%;
	/*margin: 0 auto;*/
	position: relative;
	/*top: 36vw;*/
    min-height: 240px;
    height: 65vw;
}
.mainVisual .contentImage img{
	top: 31vw;
	left: 47%;
	z-index: 5;
	width: 45%;
	position: absolute;
}
.mainVisual .contentImage img:first-of-type{
	top: -3vw;
	/*right: 30%;*/
	left: 5%;
	z-index: 4;
	width: 78%;
	position: absolute;
}
.mainVisual .contentImage img:last-of-type{
	top: 9vw;
	/*right: 12%;*/
	left: 60%;
	z-index: 6;
	width: 55%;
	position: absolute;
}

.mainVisual strong {
font-weight: 600;
font-size: 1.5rem;
color: #EE1111;
}
.contentWrap p {
font-size: 1.05rem;
line-height: 1.6;
color: #111;
}







#content3way{
	/*background: #e7eaf2;*/    
    overflow: hidden;
	background: linear-gradient( #e7eaf2 0%, #cce4ef 100%);
    /*background: #00b2cd;*/
/*    background: -moz-linear-gradient( #00b2cd 0%, #009cff 100%);
    background: -webkit-gradient(linear, left top, left bottom, from(#00b2cd), to(#009cff));
    background: -webkit-linear-gradient( #00b2cd 0%, #009cff 100%);
    background: -o-linear-gradient( #009cff 0%, #00b2cd 100%);*/
    
	min-height: 600px;
	box-sizing: border-box;

	padding-top: 20px;
	padding-bottom: 40px;
}
#content3way > div:first-child{

	width: 92%;
	margin: 0 4%;
}
#content3way h3{
	margin-bottom: 20px;
}



/*.contentGopro{
	font-size: 1rem;
	width: 92%;
	margin: 0 4%;
	padding-top: 60px;
}*/
.contentGopro h3{
	color: #333;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
}
.itemWrap{
	text-align: center;
	margin-bottom: 30px;
}
.itemWrap > div:first-child{
	min-width: 210px;
	max-width: 40vw;
	display: inline-block;
	padding: 10px 20px 10px;
}
.itemWrap > div:first-child img{
	border-radius: 50% 50%;
	background: #FFF;
	/*border: solid 5px #015aac;*/
}
.itemWrap h4{
	font-size: 1.7rem;
  line-height: 1.8;
	margin: 0 1rem 1rem;
	border-bottom: solid 1px #333;
}
.itemWrap h4 + p{
	text-align: left;
	margin-right: 1rem;
	margin-left: 1rem;
}










.contentWrap{
	font-size: 1rem;
}
.contentWrap h3{
	font-size: 2.3rem;
	font-weight: bold;
	line-height: 1.2;
}
.textShadow{
	text-shadow: 0px 0px 8px #000;
}
		#waterproof{
			min-height: 680px;
			padding-top: 80px;
			padding-bottom: 80px;
			
			background:#253360 url(img/img_full_02.jpg) center left / cover no-repeat;
			position: relative;
		}
		#waterproof h3{
			margin-bottom: 20px;
      color: #FFF;
		}
		#waterproof p{
			width: 92%;
			position: absolute;
			bottom: 20vw;
      color: #FFF;
      text-shadow: 1px 1px 1px #000;
		}
		#waterproof > div:first-child{
			width: 92%;
			margin: 0 4%;
		}
		#waterproof .itemWrap{
			margin-bottom: 0;
		}
		#waterproof .itemWrap > div{
			min-width: 240px;
			max-width: 40vw;
			padding: 10px;
			display: inline-block;
		}


		#accessories{
			color: #333;
			width: 100%;
			padding: 80px 4% 80px;
			/*background: #FFF url(img/001552.jpg)  60vw center no-repeat;*/
			/*background: linear-gradient( #ffffff 80%, #d6d2d3 100%);*/
			background:#FFF  url(img/0015521_10.jpg)  bottom center no-repeat;
			background-size: 90%;
			box-sizing: border-box;
		}
		#accessories div:first-child{
			width: 100%;
			height: 100%;
			background: rgba(255,255,255,0.75);
      padding-bottom: 20px;
		}
		#accessories h3{
		}
		#accessories .heading p{
			margin: 20px 0 10px;
		}

					.slider{
						margin: 0 auto;
					}
					.slider > div{
						margin: 10px;
					}	
					.slider > div h4{
						font-size: 1.2rem;
						text-align: center;
					}
					.slider > div p{
						text-align: left;
						padding: 15px 0 0;
            line-height: 1.5;
            font-size: 0.94rem;
					}
					.slick-slide img{
						display: inline-block !important;
						border: solid 3px #F1F1F1;
						border-radius: 20px;
					}
					.slick-initialized .slick-slide{
						margin: 0 5px !important;
					}
					.slick-slider {
						margin-bottom: 90px !important;
					}
					.slick-dots li button:before {
						font-size: 1.2rem !important;
					}

#practically{
	color: #FFF;
	min-height: 500px;
	padding-top: 80px;
	padding-bottom: 80px;
	background:#62A8E9 url(img/img_full_03.jpg) bottom center / 370% no-repeat;
}
#practically h3{
	color: #FFF;
	margin-bottom: 20px;
}
#practically h4{
	color: #FFF;
	font-size: 1.5rem;
  font-weight: 600;
	line-height: 1.2;
	margin-bottom: 10px;
}
#practically p{
	color: #FFF;
	width: 100%;
  text-shadow: 1px 1px 1px #000;
}
#practically > div:first-child{
	font-size: 0.96rem;
	width: 92%;
	margin: 0 4%;
	position: relative;
}
#practically div div{
	margin-top: 30px;
	padding: 0.6rem ;
	/*border-radius: 10px;*/
	background: rgba(0, 0, 0, 0.5);
	box-sizing: border-box;
}



#compare{
	min-height: 550px;
	padding-top: 80px;
	padding-bottom: 80px;
	position: relative;
	
	background:#FFF/*linear-gradient(180deg, rgba(191,217,240,1.00) 0%,  rgba(237,240,248,1) 55%, rgba(244,244,244,1.00) 75%, rgba(241,241,241,1) 95%)*/;
}
#compare h3{
	margin-bottom: 20px;
}
/*#compare p{
	position: absolute;
	bottom: 16vw;
	width: 92%;
}*/
#compare > div:first-child{
	font-size: 1rem;
	width: 92%;
	margin: 0 4%;
}
#compare #centerImage{
	width: 100%;
	
	
	text-align: center;
}









#reserve{
	color: #333;
	width: 100%;
	padding: 80px 4% 80px;
	
	box-sizing: border-box;
}
#reserve > div:nth-child(2){
	margin: 80px 0.5rem 0;
	padding: 20px 10px;
	border: solid 1px #CCC;
	border-radius: 4px;
	box-sizing: border-box;
	background: #FFF;
}
		#faq {
			margin: 80px 0.5rem 0;
			padding: 20px 10px;
			border: solid 1px #CCC;
			border-radius: 4px;
			box-sizing: border-box;
			background: #FFF;
		}
#reserve ul{
	width: 100%;
	margin-top: 10px;
	margin-bottom: 40px;
}
#reserve li{
	height: calc( 100% / 5 );
	display: block;
}
#reserve li img{
	width: 100%;
	height: 120px;
	padding: 0.5% 0;
	box-sizing: border-box;
	object-fit: cover;
}
.goprogoods {
margin-bottom: 60px;
display: flex;
flex-direction: column;
}
#reserve .goprogoods:first-of-type{
padding-top: 40px;
}



#reserve .reserveWrap{
	position: relative;
	   /* min-height: 300px;*/
	height:85vw;
      margin-top: 40px;
}
#reserve h3{
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.2;
	margin-bottom: 20px;
}
#reserve > div:nth-child(2) h3{
	font-size: 1.6rem;
}
		#faq h3 {
			font-size: 1.6rem;
		}
#reserve h3 strong{
	font-weight: bold;
}
#reserve #reserveImage{
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 18vw;
}
#reserve #reserveImage_6{
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 18vw;
}
#reserve #reserveImage img{
	width: 60%;
	position: absolute;
}
#reserve #reserveImage_6 img{
	width: 60%;
	position: absolute;
}
#reserve #reserveImage img:first-of-type{
	top: 0;
	left: 20%;
	z-index: 4;
}
#reserve #reserveImage_6 img:first-of-type{
	top: 0;
	left: 20%;
	z-index: 4;
}
#reserve #reserveImage img:last-of-type{
	top: 17vw;
	left: 43%;
	z-index: 3;
}
#reserve #reserveImage_6 img:last-of-type{
	top: 17vw;
	left: 43%;
	z-index: 3;
}

#reserve .reserveCircle{
	color: #FFF;
	font-size: 3.8vw;
	font-weight: bold;
	text-align: center;
	
	background: hsla(224,78%,34%,0.8);/*0157a7*/
	width: 32vw;
	height: 32vw;
	border-radius: 50%;
	overflow: hidden;
	
	position: absolute;
	z-index: 5;
	
	display: grid;
	grid-template-columns: 32vw;
	grid-template-rows: 32vw;
}
/*#reserve .reserveItem2{
background: hsl(26deg 78% 53% / 96%);
}
#reserve .reserveItem3{
background: hsl(295deg 11% 41% / 96%);
}
#reserve .reserveItem4{
background: hsl(202deg 78% 53% / 96%)
}*/
#reserve #reserveCircle01{
	top: 48vw;
	left: 3vw;
}
#reserve #reserveCircle01_6{
	top: 48vw;
	left: 3vw;
}
#reserve .reserveCircle span{
	justify-self: center;
	align-self: center;
  color: #fff;
  font-weight: 600;
  line-height: 1.4;
}
#reserve #reserveCircle02{
	top: 0;
	right: 3vw;
}
#reserve > div:nth-child(2) p{
	margin-bottom: 10px;
}
		#faq p{
			margin-bottom: 10px;
		}
#reserve > div:nth-child(2) a{
color: #333;
/*padding: 0.1rem 1rem 0.1rem 0.3rem;*/
margin: 0 0.3rem;
/*border-bottom: solid 1px #AAA;*/
border-radius: 4px;
position: relative;

text-decoration: underline;
}
		#faq a{
		color: #333;
		margin: 0 0.3rem;
		border-radius: 4px;
		position: relative;
		text-decoration: underline;
		}
#reserve > div:nth-child(2) a:active{
color: #333;
}
		#faq a:active{
		color: #333;
		}
					#reserve dl,#faq dl{
						margin:20px auto 60px;
					}
					#reserve dt:before,#faq dt:before{
						content:"Q";
						color: #FFF;

						padding: 2px 6px;
						margin-right: 8px;
						background: #1752ba;
						border-radius: 4px;
					}
					#reserve dt,#faq dt{
						margin-bottom: 18px;
					}
					#reserve dd:before,#faq dd:before{
						content:"A";
						color: #FFF;
						padding: 2px 6px;
						margin-right: 8px;
						background: #F3A029;
						border-radius: 4px;
					}
					#reserve dd,#faq dd{
					    text-indent: -2rem;
    					margin-left: 2rem;
              margin-bottom: 26px;
              line-height: 1.6;
					}
.reserveBtnWrap p {
    font-size: 0.85rem;
    line-height: 1.5;
    color: #111;
	display: block;
	margin: auto;
}



small{
font-size: 0.8rem;
line-height: 1;
}
/*.inv{
opacity: 0;
}*/
/*https://itblogger-note.blogspot.com/2021/02/js-element-fade.html*/
.inv {
  opacity: 0; 
  visibility: hidden;
  transform: translateY(30px);
  transition: all 0.7s;
}
.inv.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.mt20{
margin-top: 20px;
}
.mb10{
margin-bottom: 10px;
}
.compareImage{
width: 100%; text-align: center; margin: 20px auto; display: inline-block;
}


































































@media only screen and (min-width:480px) {
#practically{
	font-size: 1rem;
	min-height: 500px;
	background:#62A8E9 url(img/img_full_03.jpg) bottom center / cover no-repeat;
	
	padding-top:60px;
	padding-bottom:60px;
}
}


/*@media only screen and (min-width:480px) {
#logo a img,
#logo img{
	width: auto;
	max-width: 16%;
}




.mainVisual{
	height: 134vw;
}
.mainVisual .contentText{
	width: 100%;
	position: absolute;
	top: 78vw;
	right: 0;
	left: 0;
	text-align: center;


}
.mainVisual .contentText h3{
	font-size: 2.2rem;
	font-weight: bold;
	color: #FAE558;
	line-height: 1.2;
	text-shadow: 0px 0px 8px #000,1px 1px 2px #000;
}
.mainVisual .contentText p{
	font-size: 1.3rem;
	color: #FFF;
	line-height: 1.4;
	text-shadow: 0px 0px 8px #000;
	position: absolute;
	top: -63vw;
	right: 0;
	left: 0;
}
.mainVisual .contentText em{
	font-size: 2.2rem;
}
.mainVisual .contentText ul{
    padding-top: 4vw;
}
.mainVisual .contentText ul li{
	width: 24%;
}
.mainVisual .contentImage{
	top: 26vw;
}
.mainVisual .contentImage img{
	width: 48%;
}
.mainVisual .contentImage img:first-of-type{
	top: 0;
	right: 33%;
}
.mainVisual .contentImage img:last-of-type{
	top: 13vw;
	left: 45%;
}


		#waterproof .itemWrap > div{
			    min-width: 250px;
    			max-width: 40vw;
		}

#practically{
	font-size: 1rem;
	min-height: 500px;
	background:#62A8E9 url(img/img_full_03.jpg) bottom center / cover no-repeat;
	
	padding-top:60px;
	padding-bottom:60px;
}
#practically > div:first-child{
	font-size: 1rem;
}
#practically #previous{
	margin-top: 50px;
	padding: 1rem ;
}
#practically #attwentyfour{
	margin-top: 50px;
	padding: 1rem ;
}



#accessories{
	background-size: 80%;
}


#reserve .goprogoods {
    margin-bottom: 60px;
    display: flex;
}

#reserve .goprogoods:first-of-type{
padding-top: 80px;
}

#reserve .reserveCircle{
	font-size: 1.1rem;
	width: 170px;
	height: 170px;
	grid-template-columns: 170px;
	grid-template-rows: 170px;
}
#reserve #reserveCircle01{
	left: 2vw;
}
#reserve #reserveCircle01_6{
	left: 2vw;
}
#reserve #reserveCircle02{
	top: 2vw;
	right:2vw;
}


}*/






























@media only screen and (min-width:640px) {
/*body{
	border-top: 5px solid #333;
}*/
#header-full{
	position: static;
}
#header {
	margin-bottom: 0;
	padding-bottom: 0;
	width: 950px;
	height: 105px;
	margin: auto;
}
#rental #logo {
    width: 512px !important;
	}
#logo img{
	max-width: 100%;
	}
#logo a img{
	width: 126px;
	max-width: 100%;
}
#logo p img:nth-child(1){
	margin-top: 0;
	margin-left: 0;
}
#logo p img:nth-child(2),
#logo p img:nth-child(3){
	display:inline-block;
}
#rental{
	position: static;
	padding-bottom: 0;
}
#menu{
	display: inline-block;
}

.orderButton{
font-size:1.3rem;
font-weight:normal;
text-align:center;
line-height:1.5;
width: 50%;
margin:40px 25% !important;
box-sizing: border-box;
display: inline-block;

padding-bottom: 60px;
}
.orderButton a{
text-decoration: none;
}
/*.orderButton:hover{
opacity:0.6;
}*/
#header .orderButton{
display: none;
}
.full{
	overflow: visible;
	position: static;
	top: auto;
	
	width: 950px;
	
	padding-bottom: 0;
}
.breaking-out {
	margin-right: calc(50% - 50vw);
	margin-left: calc(50% - 50vw);

	padding-right: calc(50vw - 50%);
	padding-left: calc(50vw - 50%);
}
.mainVisual{
	/*width:100vw;*/
	/*height:30vw;*/
	/*background-color:#000;*/
	height: 500px;
	max-height: 500px;
/*background:linear-gradient(rgba(237,240,248,0) 67%,  rgba(237,240,248,1) 98%), url(img/img_full_01.jpg) center center / cover no-repeat;*/
/*border-bottom:solid 10px #edf0f8;*/
	position: static;
}
.mainVisual .contentText{
	/*width: 950px;*/
	margin: 0 auto;
	position: relative;
	top: 0;
  
  text-align: left;
  padding: 0;
}
.mainVisual .contentText h3{
	font-size:3.2rem;
	color:#FAE558;
	line-height:1.8;
	position:absolute;
	top: 300px;
	left: 20px;
}
.mainVisual .contentText p{
	font-size:1.54rem;
	line-height:1.2;
	top: 60px;
	left: 20px;
	right: auto;
  text-shadow: 0px 0px 4px #000;
}
.mainVisual .contentText em{
	position:absolute;
	top: 380px;
	left: 20px;
  font-size: 2.4rem;
}
.mainVisual strong{
	font-size: 2.2rem;
}

.mainVisual .contentText  ul{
	position:absolute;
	top: 150px;
	left: 20px;
	padding-top: 0;
}
.mainVisual .contentText ul li{
	width: 130px;
	min-width: 120px;
	height: 130px;
	padding: 10px;
}
.mainVisual .contentImage{
	/*width: 950px;*/
	top: auto;
  overflow: hidden;
  min-height: 500px;
}
.mainVisual .contentImage img{
  width: 270px;
  top: 250px;
  left: 580px;
  z-index: 2;
}
.mainVisual .contentImage img:first-of-type{
  top: 40px;
  right: 80px;
  left: auto;
  width: 370px;
}
.mainVisual .contentImage img:last-of-type{
  top: 120px;
  right: -100px;
  left: auto;
  z-index: 4;
  width: 360px;
}
/*#mainVisualText div{
	width: 950px;
	margin: 0 auto;
}
#content3way div:first-of-type{
	width:96%;
	max-width: 950px;
	margin: 0 auto;
	padding: 0 2%;
	box-sizing:  border-box;
}*/



.contentWrap{
	font-size: 1rem;
	/*width: 950px;*/
}
.contentWrap div:first-child{
    /*width: 950px;*/
   /* margin: 0 auto;*/
    padding: 0 20px;
    box-sizing: border-box;
}
#faq div:first-child {
width: auto;
}
.contentWrap h3{
	font-size: 2.1rem;
	font-weight: bold;
	line-height: 1.5;
}


#content3way{
	width: 100%;
	margin: auto;
	overflow: visible;
	padding-bottom: 80px;
	background-color: hsla(0,0%,100%,.88);
}
#content3way > div:first-child {
	/*width: 950px;*/
	margin: 0 auto;
}
#content3way p {
	margin: 20px 20px 10px 0;
}





/*.contentGopro h3{
	margin: auto 20px;
}*/
.itemWrap{
	width: 100%;
	text-align: left;
	margin-bottom: 15px;
	padding-top: 30px;
}
.itemWrap > div:first-child{
	/*min-width: 220px;
	max-width: 220px;*/
  width: 300px;
	display: inline-block;
	/*margin-top:-50px;*/
	padding: 0 30px 20px;
	float: left;
}
.itemWrap > div:first-child img{
	border-radius: 50% 50%;
	background: #FFF;
	/*border: solid 5px #015aac;*/
}
.itemWrap h4{
	margin: 0;
	width: 570px;
	float: left;
}
.itemWrap h4 + p{
			margin-right: 0;
			margin-left: 0;
	width: 570px;
	float: left;
}


		#waterproof{
		
			height: 150vw;
			max-height: 580px;
			background:#253360 url(img/img_full_02.jpg) center left / cover no-repeat;

			padding-top: 60px;
			padding-bottom: 0;
			
			width: 100%;
			overflow: hidden;
		}
		#waterproof h3{
			position: absolute;
			right: 60px;
			top: 350px;
		}
		#waterproof p{
			position: absolute;

			right: 50px;
			top: 420px;
			bottom: auto;
			width: auto;
			text-align: right;
		}
		#waterproof div.itemWrap{
			position: absolute;
			/*right: -620px;*/
			top: 40px;
			right: 20px;
			width: 290px;
		}

		#waterproof > div:first-child{
			/*width: 950px;*/
			height: 550px;
			margin: 0 auto;
			position: absolute;
			right: 0;
			left: 0;
		}
		#waterproof .itemWrap > div{
			width: 270px;
			max-width: none;
		}





				#accessories{
					width: 100%;
					margin: auto;
					background: #FFF url(img/0015521.jpg)  55vw top no-repeat;
					background-size:  800px;
					
					padding: 100px 0 40px;
				}
				#accessories > div:first-child {
					/*width: 950px;*/
					margin: 0 auto;
					padding-left: 40px;
				}
				#accessories h3{

				}
				/*#accessories .heading p{
					font-size: 1rem;
				}*/
				#accessories > div > div > div.heading{
					width: 55vw;
					max-width: 500px;
					min-height: 480px;
					margin-left: 20px;
					box-sizing: border-box;
				}






.slider{
overflow: hidden;
margin: 0 auto;
padding-bottom: 20px;
}
.slider > div{
	text-align: center;
	margin: 10px 20px;
}
.slick-slide img{
	display: inline-block !important;
	cursor: pointer;
}
.slick-slide img{
	transition: border 1s;
}
.slick-slide img:hover{
	border: solid 3px #00b2cd;
}
.slick-initialized .slick-slide{
	margin: 0 5px !important;
}
/*.slick-dots{
	bottom: 20px !important;
}
.slick-dotted*/.slick-slider {
    margin-bottom: 0 !important;
	padding-bottom: 100px;
	background: #FFF;
}




#practically{
	width: 100%;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 60px;
  min-height: 730px;
}
#practically > div:first-child {
	/*width: 950px;*/
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
#practically h4 {
    font-weight: normal;
}
#practically #previous{
	/*width: 200px;*/
	margin-top: 0;
	padding: 10px 15px;
	position: absolute;
	top: 220px;
	right: 7vw;
}
#practically #attwentyfour{
	width: 400px;
	margin-top: 0;
	padding: 10px 15px;
	position: absolute;
	top: 430px;
	left: 5vw;
}
#compare{
	width: 100%;
	margin: auto;
	padding-top: 120px;
	padding-bottom: 60px;
	
	min-height: 700px;
	/*background: hsla(221,91%,32%,0.94);*/
/*background:linear-gradient(180deg, rgb(204, 223, 239) 0%,  rgba(237,240,248,1) 50%, rgba(250,250,250,1) 70%, rgba(241,241,241,1) 90%);*/
/*background: rgba(2,122,180,0.67);*/
}
#compare > div:first-child {
	/*width: 950px;*/
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
#compare > div > div:first-child {
	/*width: 950px;*/
	
	
	
	position: relative;
}
#compare #centerImage{
	position: absolute;
	top: 200px;
	right: 0;
	bottom: 200px;
	left: 0;
	
	text-align: center;
}
#compare #centerImage img{
	width: 25%;
}
#reserve{
	width: 100%;
	margin: 0;
	padding: 80px 0 120px;
	
	overflow: hidden;
	min-height: 700px;
	background-color: hsla(0,0%,100%,.88);
}
#reserve > div:first-child {
	/*width: 950px;*/
	margin: 0 auto;
	padding: 40px 20px;
	box-sizing: border-box;
}
#reserve > div:nth-child(2) {
	width: 860px;
	margin: 0 auto;
	padding: 40px 25px;
	box-sizing: border-box;
}
		#faq {
			/*width: 860px;*/
			margin: 0 auto;
			padding: 40px 25px;
			box-sizing: border-box;
		}




#reserve .reserveWrap{
	position: relative;
	   /* min-height: 300px;*/
	height:auto;
	min-height:380px;
	width: 55%;
	/*float: left;*/
  
  margin-top: 0;        margin: auto;
}

#reserve .reserveBtnWrap{
	
	/*width: 38%;*/
	/*min-height: 500px;*/
	
	/*float: left;*/
	padding-top: 50px;
	padding-left: 50px;
}
#reserve #reserveImage{
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 80px;
}
#reserve #reserveImage_6{
	width: 100%;
	margin: 0 auto;
	position: relative;
	top: 80px;
	left: 5vw;
}
#reserve #reserveImage img{
	width: 80%;
	max-width: 320px;
	position: absolute;
}
#reserve #reserveImage_6 img{
	width: 60%;
	position: absolute;
}
#reserve #reserveImage img:first-of-type{
	top: 0;
	left: 5vw;
	z-index: 4;
}
#reserve #reserveImage_6 img:first-of-type{
	top: 0;
	left: 100px;
	z-index: 4;
}
#reserve #reserveImage img:last-of-type{
	top: 80px;
	left: 10vw;
	z-index: 3;
}
#reserve #reserveImage_6 img:last-of-type{
	top: 80px;
	left: 220px;
	z-index: 3;
}
#reserve .reserveCircle{
	width: 150px;
	height: 150px;

	grid-template-columns: 150px;
	grid-template-rows: 150px;
}
#reserve #reserveCircle01{
	top: 250px;
	left: 0;
}
#reserve #reserveCircle01_6{
	top: 250px;
	left: 30px;
}
#reserve #reserveCircle02{
	top: 0;
	right: 0;
}

#reserve .orderButton {
	width: 80%;
	margin: 40px 10%  60px !important;
}
					.reserveButton{
						color: #333;
						display: inline-block;
						font-size:1rem;
						line-height:1.5;
						margin:0 1%;
						text-align:center;

						width: 48%;
						box-sizing: border-box;
					}
					.reserveButton a{
						display: inline-block;
						width: 100%;
						/*font-size:0.9em;*/
						font-weight:normal;
						background:#ffaf26;
						padding:8px;
						/*border: solid 1px #CCC;*/
						border-radius:6px;
						position: relative;

						box-sizing: border-box;
					}
					.reserveButton a span{
						color: #fff;
						font-weight: 700;
					}
					.reserveButton a:hover{text-decoration: none;}





#reserve ul{
	margin-top: 20px;
	margin-bottom: 0;
  flex-direction: row;
}
#reserve li{
	width: calc( 100% / 5 );
	display: inline-block;
	overflow: hidden;
}

#reserve li img{
	width: 100%;
	height: 480px;
	padding: 0 1%;
	box-sizing: border-box;
	object-fit: cover;
	
}
#reserve li img:hover{
	opacity: 0.7;
	
	transform: scale3d(1.2, 1.2, 1);
	
}


.compareImage{
width: 60%; text-align: center; margin: 20px 20%; display: inline-block;
}

.orderButtonBottom{display: none;}


}



/*@media only screen and (min-width:750px) {


#practically #previous{
	left: 45vw;
}
#practically #attwentyfour{
	right: 45vw;
}
}*/



























@media only screen and (min-width:640px) {
.full{
	width: 100%;
	margin-bottom: 0;
	background: none/*#E1E1E1*//*url(img/bg_gopro-hero5-black.gif) repeat*/;
}
#rental #logo {
    width: 497px;
}
/*.breaking-out > img {
    min-height: 120px;
    object-fit: cover;
	vertical-align:middle;
}*/
/*.mainVisual{
	width:100%;
	height:30vw;
	overflow:hidden;
	
	background-color:#000;
	background-image:url(img/mainVisual.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center center;
	
	position:relative;
}*/
.mainVisual{
	/*width:100vw;*/
	/*height:30vw;*/
	/*background-color:#000;*/
/*background:linear-gradient(rgba(237,240,248,0) 67%,  rgba(237,240,248,1) 98%), url(img/img_full_01.jpg) top center / fixed no-repeat;
border-bottom:solid 10px #edf0f8;*/
    height: 520px;
    max-height: 520px;
}
.mainVisual .contentText{
	/*width: 950px;*/
	margin: 0 auto;
	position: relative;
}
.mainVisual .contentText h3{
	font-size:3.6rem;
	font-weight: bold;
	color:#FAE558;
	line-height:1.8;
	text-shadow:0px 0px 8px #000;
	position:absolute;
	top: 320px;
	left: 10px;
}
.mainVisual .contentText p{
	font-size:1.6rem;
	color:#FFF;
	line-height:1.2;
	text-shadow:0px 0px 8px #000;
	position:absolute;
	top: 60px;
	left: 10px;
}
.mainVisual .contentText em{
	font-size:2.8rem;
	font-weight: bold;
	color:#FFF;
	line-height:1.2;
	text-shadow:0px 0px 8px #000;
	position:absolute;
	top: 410px;
	left: 10px;
}
.mainVisual .contentText  ul{
	position:absolute;
	top: 150px;
	left: 20px;
}
.mainVisual .contentText ul li{
	width: 170px;
	height: 170px;
	display: inline-block;
}
.mainVisual .contentText ul li img{
	padding: 0;
	border-radius: 50% 50%;
}


.mainVisual .contentImage{
	/*width: 950px;*/
	margin: 0 auto;
	position: relative;
}
.mainVisual div img{
	width: 16rem;
}
.mainVisual .contentImage img {
    width: 270px;
    top: 270px;
    right: 50px;
    left: inherit;
    z-index: 5;
}
.mainVisual .contentImage img:first-of-type{
	top: 50px;
	right: 20px;
	z-index: 4;
  width: 380px;
}
.mainVisual .contentImage img:last-of-type{
	top: 140px;
	right: -130px;
	z-index: 4;
}

/*				#accessories > div > div.heading{
					background: #FFF url(img/001552.jpg)  55vw center no-repeat;
					background-size:  700px;
					
				}*/

.slick-initialized .slick-slide{
	margin: 0 10px !important;
}



#practically #previous{
	/*left: 500px;*/
}
#practically #attwentyfour{
	right: 500px;
}

}


@media only screen and (min-width:980px) {

.mainVisual{
background:url(img/mainvisual.jpg) center center / fixed no-repeat;
    height: 532px;
    max-height: 532px;
	        min-height: auto;
    background-color: rgba(0,0,0,0.2);
    background-blend-mode: hard-light;
}
.mainVisual .contentImage img:first-of-type {
    width: 420px;
}
.mainVisual .contentText {
	width: auto;
}






}






@media only screen and (min-width:1200px) {

#content3way{
	background: hsla(0,0%,100%,.93);
}
.contentGopro{
	background: linear-gradient( hsla(199,52%,87%,0.7) 0%, hsla(224,30%,93%,0.8) 100%);
	border-radius: 20px;
	
	padding: 40px 60px;
	margin-top: 20px;
	
	box-sizing: border-box;
}
#practically{
	max-height: 450px;
	margin: auto;
	padding-top: 60px;
	padding-bottom: 60px;
}
#reserve > div:nth-child(2) {
	background: hsla(0,0%,100%,.75);
    width: 960px;
    padding: 40px;
}
		#faq {
			background: hsla(0,0%,100%,.75);
			width: 960px;
			padding: 40px;
		}






.mainVisual .contentText,
.mainVisual .contentImage,
.contentWrap,
.contentWrap div:first-child,
#content3way > div:first-child,
#waterproof > div:first-child,
#accessories > div:first-child,
#practically > div:first-child,
#compare > div:first-child,
#reserve > div:first-child
{width: 1100px;}


.contentWrap div:first-child div.contentGopro div.itemWrap div{width: 320px;}



#faq div:first-child {
width:auto;
}



}




@media only screen and (min-width:950px) {
.goprogoods {
display: flex;
flex-direction: row;
}
#reserve #reserveImage {
left: 2vw;
}
#reserve #reserveCircle02 {
right: 3vw;
}
#reserve .reserveBtnWrap {
padding-left: 0;
width: 38%;
}
}

@media only screen and (min-width:640px) and (max-width:1199px) {

.mainVisual.fix641 {
height: 760px;
max-height: 760px;
}
.mainVisual.fix641 .contentText {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 30px 0;
}
.mainVisual.fix641 .contentText p {order: 1;}
.mainVisual.fix641 .contentImage {
order: 2;
min-height: 360px;
height: 360px;
}
.mainVisual.fix641 .contentText h3 {
order: 4;
line-height: 1.2;
}
.mainVisual.fix641 .contentText em {order: 5;}
.mainVisual.fix641 .contentText ul {order: 3;}

.mainVisual.fix641 .contentText ul li {
width: 150px;
height: 150px;
}

.mainVisual.fix641 .contentText p,
.mainVisual.fix641 .contentText h3,
.mainVisual.fix641 .contentText em,
.mainVisual.fix641 .contentText ul {
position: inherit;
top: auto;
right: auto;
left: auto;
}
.mainVisual.fix641 .contentImage ._gopro{
width: 370px;
    top: inherit;
    right: 35%;
}
.mainVisual.fix641 .contentImage ._handler {
width: 340px;
    top: 40px;
    right: 12%;
}
.mainVisual.fix641 .contentImage ._3way {
width: 275px;
    top: 156px;
    right: 26%;
}




.contentGopro.fix641 .itemWrap {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contentGopro.fix641 .itemWrap h4,
.contentGopro.fix641 .itemWrap p {
width: 90%;
}



}






@media only screen and (min-width:640px) and (max-width:880px) {

.mainVisual.fix641 .contentImage ._handler {

    right: 0;
}
}