@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');


/*PC/SP切替*/
.pc-show{
	display: none;
}
.sp-show{
	display: block;
}

/*common*/
.help {
	font-family: 'Open Sans', sans-serif;
}
#ol {
	position: absolute;
	width: 100%;
	height: 100vh;
	background: rgba(0,0,0,.9);
	top: 0;
	left: 0;
	z-index: 5;
	display: none;
}

#pageTop{
	position: fixed;
	right: 4vw;
	bottom: 6vw;
	width: 10vw;
	height: 10vw;
	z-index: 10;
}
.help .contents {
  box-sizing: border-box;
  letter-spacing: .05em;
}
.help .contents *{
  box-sizing: border-box;
}
.help .contents img {
  width: 100%;
  max-width: 100%;
}
.help .contents p a {
  color: #005bac;
  text-decoration: underline;
}
.help .contents h1 {
  font-size: 22px;
  color: #fff;
  font-weight: bold;
  background: #005bac;
  padding: 26px 20px;
}
.help .contents h1 span{
	font-size: 10px;
	color: #fff;
	position: relative;
	top: -12px;
}
.help .contents h1 a:hover{
	color: #fff !important;
}
.help .contents section {
  font-size: 14px;
}
.help .contents section h2 {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 30px;
}
.help .contents section h2.install-ttl {
  font-size: 18px;
  margin-bottom: 30px;
}
.help .contents section h2.install-ttl span {
  font-size: 10px;
    position: relative;
    top: -8px;
}
.help .contents section p {
  line-height: 1.6;
}
.help .contents .listStyle__01 li {
  padding-left: 1em;
  position: relative;
}
.help .contents .listStyle__01 li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
.help .contents .navBtn {
  display: none;
}
.help .contents h1 + nav {
	position: relative;
}
.help .contents nav {
  padding: 0 20px;
  background: #000;
}
.help .contents nav ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.help .contents nav li {
  width: 16.6666%;
  display: flex;
  justify-content: center;
}
.help .contents nav li.eleSP {
  display: none;
}
.help .contents nav li a {
  font-size: 16px;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 15px 0;
  line-height: 1.4;
  width: 100%;
}
.help .contents nav li a.cur {
  background: #fff;
  color: #333;
}
.help .contents nav li.nav07 a i {
  display: inline-block;
  background: url(/jp/consumer/support/help/lensutility/assets/img/ico_blank_pc.png) no-repeat;
  width: 15px;
  height: 15px;
  margin-left: 15px;
}
@media screen and (min-width: 769px) {

/*PC/SP切替*/
	.pc-show{
	display: block;
	}
	.sp-show{
		display: none;
	}

#pageTop{
	right: 20px;
	bottom: 40px;
	width: 60px;
	height: 60px;
}
  .help .contents nav li a:hover {
    transition: all ease .4s;
    background: #fff;
    color: #333 !important;
  }

	.help .contents nav li.nav07 a:hover i {
	  background: url(/jp/consumer/support/help/lensutility/assets/img/ico_blank_pc_hover.png) no-repeat;
		/* background-size: contain; */
	}
}
.help .contents .links {
  padding: 20px;
  background: #fff;
}
.help .contents .links .inner {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
.help .contents .links ul {
  max-width: 900px;
  display: flex;
  flex-wrap: wrap;
  font-size: 16px;
  font-weight: bold;
}
.help .contents .links ul li {
  padding: 20px 0;
  margin-right: 25px;
}
.help .contents .links ul li a {
  font-size: 16px;
  position: relative;
  padding-left: 20px;
}
.help .contents .links ul.list-customize li a {
  font-size: 14px;
  padding-left: 15px;
}
.help .contents .links ul li a:before,
.help .contents .links ul li a:after{
    position: absolute;
    top: -.3em;
    bottom: 0;
    left: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
}

.help .contents .links ul li a:before{
    left: 2px;
    width: 10px;
    height: 10px;
    border-bottom: 2px solid #005bac;
    border-right: 2px solid #005bac;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.help .contents .links ul.list-customize{
	max-width: 100%;
	font-weight: normal;
	line-height: 1.4;
}
.help .contents .links ul.list-customize li{
	padding: 10px 0;
	margin-right: 20px;
}
.help .contents .links ul.list-customize li.current a{
	color: #a0a0a0 !important;
}
.help .contents .links ul.list-customize li a:before{
    left: 2px;
    width: 6px;
    height: 1px;
	top: 0;
	bottom: 0;
	background: #005bac;
    border: none;
    -webkit-transform: rotate(0);
    transform: rotate(0);
}
.help .contents .menu-trigger,
.help .contents .menu-trigger span {
  display: inline-block;
  box-sizing: border-box;
}
.help .contents .menu-trigger {
  position: relative;
  width: 50px;
  height: 44px;
  background: none;
  border: none;
  appearance: none;
  cursor: pointer;
}
.help .contents .menu-trigger:focus:not(:focus-visible) {
  outline: none;
}
.help .contents .menu-trigger span {
  position: absolute;
  width: 100%;
  height: 4px;
  background: #fff;
  border-radius: 4px;
}
.help .contents .menu-trigger span:nth-of-type(1) {
  top: 0;
  left: 0;
  transition: top .3s;
}
.help .contents .menu-trigger span:nth-of-type(2) {
  top: 20px;
  left: 0;
  transition: opacity .3s;
}
.help .contents .menu-trigger span:nth-of-type(3) {
  bottom: 0;
  left: 0;
  transition: bottom .3s;
}
.help .contents .menu-trigger.active span:nth-of-type(1) {
  top: 20px;
  transform: rotate(-45deg);
  transition: top .3s cubic-bezier(.36, -.42, .68, -.56), transform .3s .3s;
}
.help .contents .menu-trigger.active span:nth-of-type(2) {
  opacity: 0;
  transition: opacity .05s .3s;
}
.help .contents .menu-trigger.active span:nth-of-type(3) {
  bottom: 20px;
  transform: rotate(45deg);
  transition: bottom .3s cubic-bezier(.36, -.42, .68, -.56), transform .3s .3s;
}

@media screen and (max-width: 768px) {
  .help .contents section {
    font-size: 3.25vw;
  }
  .help .contents h1 {
    font-size: 4.2vw;
    padding: 3.5vw 4.5vw;
    text-align: center;
  }
  .help .contents h1 span{
	  font-size: 1.6vw;
	  top: -2vw;
  }
  .help .contents section h2 {
    font-size: 4.6vw;
    margin-bottom: 6vw;
	line-height: 1.3;
  }
	.help .contents section h2.install-ttl {
	  font-size: 4.266667vw;
	  margin-bottom: 10vw;
	}
	.help .contents section h2.install-ttl span {
		font-size: 1.6vw;
		top: -2vw;
	}
  .help .contents .navBtn {
    display: block;
    color: #fff;
    font-size: 4vw;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 4vw 0;
  }
  .help .contents .menu-trigger {
    width: 5.5vw;
    height: 4vw;
    margin-right: 2vw;
  }
  .help .contents .menu-trigger span {
    height: .5vw;
  }
  .help .contents .menu-trigger span:nth-of-type(2) {
    top: 1.6vw;
  }
  .help .contents .menu-trigger.active span:nth-of-type(1) {
    top: 1.13vw;
  }
  .help .contents .menu-trigger.active span:nth-of-type(3) {
    bottom: 2.4vw;
  }
  .help .contents .navBase {
    position: relative;
  }
  .help .contents nav ul {
    display: block;
    width: calc(100% + 40px);
    margin-left: -20px;
    padding: 0 20px;
    background: #fff;
    display: none;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10;
  }
  .help .contents nav li {
    display: block;
    width: 100%;
    border-bottom: 1px solid #dddddd;
  }
  .help .contents nav li:last-child {
    border: none;
  }
  .help .contents nav li.ele {
    display: none;
  }
  .help .contents nav li.eleSP {
    display: block;
  }
  .help .contents nav li a {
    text-align: left;
    display: block;
    color: #333;
    font-size: 3.6vw;
    font-weight: bold;
  }
  .help .contents nav li a br {
    display: none;
  }
  .help .contents .links {
    padding: 2vw 0 3vw;
  }
  .help .contents .links ul {
    display: block;
	font-size: 2.66666vw;
    justify-content: space-between;
  }
  .help .contents .links ul li {
    width: 100%;
    margin-right: 0;
    padding: 0;
    margin-bottom: 0;
  }
  .help .contents .links ul li a {
    font-size: 3vw;
    font-weight: bold;
    display: block;
    border-bottom: 1px solid #ddd;
    padding: 3vw 0vw 3vw 5vw;
  }
	.help .contents .links ul:first-of-type li:last-of-type a{
		border: none;
	}
  .help .contents .links ul li a:before,
  .help .contents .links ul li a:after {
    top: -.7em;
  }
  .help .contents .links ul li a:before {
    width: 1.8vw;
    height: 1.8vw;
		top: -1.2vw;
  }
	.help .contents .links ul.list-customize{
		display: flex;
		align-items: flex-end;
		border-bottom: 1px solid #ddd;
	}
	.help .contents .links ul.list-customize li{
		width: 48%;
		letter-spacing: -0.05vw;
		margin: 0;
		padding: 0;
	}
	.help .contents .links ul.list-customize li:last-of-type a{
		border: none;
	}
	.help .contents .links ul.list-customize li a{
		font-size: 3vw;
		font-weight: normal;
		padding: 2.6666vw 0vw 2.6666vw 6vw;
	}
	.help .contents .links ul.list-customize li a:before{
		width: 1.3333vw;
		left: 2.8vw;
	}
	.help .contents .links ul.list-customize li.current a{
		color: #000!important;
		background: #d7d7d7;
	}
	.help .contents .links ul.list-customize li:nth-of-type(2) a,.help .contents .links ul.list-customize li:nth-of-type(4) a,.help .contents .links ul.list-customize li:nth-of-type(5) a,.help .contents .links ul.list-customize li:nth-of-type(7) a{
		line-height: 7.9vw;
	}

}

/*ナビゲーション 追加処理*/
.help .contents nav li ul {
  display: none;
  position: static;
}
@media screen and (max-width: 768px) {
	.help .contents nav ul.nav00 {
		border-bottom: 1px solid #ddd;
	}
  .help .contents nav li.ele {
    display: block;
  }
  .help .contents nav li {
    border: none;
  }
  .help .contents nav li a {
    border-bottom: 1px solid #dddddd;
    font-weight: bold;
  }
  .help .contents nav li.nav07 a {
    border: none;
  }
  .help .contents nav li.nav07 a i {
    display: inline-block;
    width: 3vw;
    height: 3vw;
    background: url(/jp/consumer/support/help/lensutility/assets/img/ico_blank_sp.png) no-repeat center center;
    background-size: contain;
  }
  .help .contents nav li.nav04 > a {
    background: url(/jp/consumer/support/help/lensutility/assets/img/ico_plus_sp.png) no-repeat center right;
    background-size: 4vw auto;
    pointer-events: none;
  }
  .help .contents nav li.nav04.on > a {
    background: url(/jp/consumer/support/help/lensutility/assets/img/ico_min_sp.png) no-repeat center right;
    background-size: 4vw auto;
  }
  .help .contents nav li ul {
    display: block;
  }
  .help .contents nav li.nav04 ul {
    display: none;
  }
  .help .contents nav li ul li.unique {
    border-top: 1px solid #ddd;
  }
  .help .contents nav li ul li a {
    font-size: 3.2vw;
    padding-left: 4vw;
    position: relative;
    border-bottom: 1px dashed #dddddd;
  }
  .help .contents nav li ul li:last-child a {
    border-bottom: 1px solid #dddddd;
  }
  .help .contents nav li ul li a:before,
  .help .contents nav li ul li a:after {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      margin: auto;
      content: "";
      vertical-align: middle;
  }
  .help .contents nav li ul li a:before{
      left: 0;
      width: 1.6vw;
      height: 1.6vw;
      border-top: 2px solid #005bac;
      border-right: 2px solid #005bac;
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg);
  }
  .help .contents nav li.nav04 ul li ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .help .contents nav li ul li ul li {
    width: 50%;
  }
  .help .contents nav li ul li ul li:nth-child(odd) {
    border-right: 1px dashed #dddddd;
  }
  .help .contents nav li ul li ul li:last-child a {
    border-bottom: none;
  }
  .help .contents nav li ul li ul li a {
    display: flex;
    align-items: center;
    justify-content: left;
    height: 100%;
    padding-left: 8vw;
    font-weight: normal;
  }
  .help .contents nav li ul li ul li a:before {
    content: "";
    width: 2vw;
    height: .4vw;
    background: #005bac;
    border: none;
    transform: none;
    left: 4vw;
  }
  .help .contents nav li ul li ul li a:after {
    display: none;
  }
}



/*はじめに*/
 .help__top .contents .copy-font {
	font-family: Verdana,"Droid Sans","メイリオ",sans-serif;
}
.help__top .contents h2.about{
	margin-top: 50px;
}
.help__top .contents .frame,.help__fw_up .contents .frame{
  margin: 40px auto 20px;
  background: #fff;
  padding: 45px 35px;
}
.help__top .contents .frame li,.help__fw_up .contents .frame li {
  line-height: 1.7;
}
.help__top .contents .sec02,.help__fw_up .contents .sec02 {
  background: #fff;
  padding: 80px 0 60px;
}
@media screen and (max-width: 768px) {
	.help__top .contents h2.about{
		margin-top: 12vw;
	}
  .help__top .contents .frame,.help__fw_up .contents .frame {
      margin: 10vw auto 4vw;
      padding: 10vw 20px;
  }
  .help__top .contents .sec02,.help__fw_up .contents .sec02 {
    padding: 14vw 0 12vw;
  }
}


/*04カスタマイズ*/

/*sec01*/
.help__customize .contents .sec01 {
  padding: 65px 0 70px;
}

.help__customize .contents .sec01 .container {
  display: flex;
	margin-bottom: 70px;
}
.help__customize .contents .sec01 .txt{
  width: 50%;
	padding-right: 60px;
}
.help__customize .contents .sec01 .pic{
  width: 50%;
	padding-left: 60px;
}


.help__customize .contents td{
	text-align: center;
	border-collapse: collapse;
    word-break: break-word;
}
.help__customize .contents .title td{
	border-left: 1px solid #fff;
}
.help__customize .contents .title td:first-of-type{
	border-left: 1px solid #cccccc;
}
.help__customize .contents .title td:last-of-type{
	border-right: 1px solid #cccccc;
}
.help__customize .contents .tbl1 td,.help__customize .contents .tbl2 td{
	border: 1px solid #cccccc;
	background: #fff;
}
.help__customize .contents .product{
	position: absolute;
	top: 0;
	left: 0;
}
.help__customize .contents .title td{
	padding: 15px 0;
	min-width: 115px;
	background: #cccccc;
}
.help__customize .contents .title td:last-of-type{
	min-width: auto;
}
.help__customize .contents .tbl1 td{
	padding: 30px 15px 25px;
}
.help__customize .contents .tbl2 td{
	padding: 15px 15px;
}
.help__customize .contents table{
	display: block;
	font-size: 12px;
  	margin: 0;
  	padding: 0;
	overflow-scrolling: touch;
	-webkit-overflow-scrolling: touch;
}
.help__customize .contents td .circle{
	width: 17px;
	height: 17px;
	line-height: 200px;
	background-color: #006db5;
	border-radius: 50%;
	text-align: center;
	margin: 0 auto;
}
	.help__customize .contents .arrow-flx{
		display: none;
	}
	.arrow-flx{
		display: flex;
		justify-content: flex-start;
	}

@media screen and (max-width: 768px) {
	
	.help__customize .contents .arrow-flx{
		display: flex;
	}
	.help__customize .contents .sec01{
		overflow-x: hidden;
		padding: 12vw 0 13.3333vw;
	}
	.help__customize .contents .sec01 .container{
		display: block;
		margin-bottom: 12vw;
	}
	.help__customize .contents .sec01 .txt{
		width: 100%;
		padding-right: 0;
		margin-bottom: 12.6666vw;
	}
	.help__customize .contents .sec01 .pic{
		width: 100%;
		padding-left: 0;
	}
	.arrow-flx{
		display: flex;
		justify-content: space-between;
		margin-bottom: 4.666667vw;
	}
	.help__customize .contents .sec01 .arrow{
		height: 1px;
		width: 68vw;
		background-color: #000;
		position:  relative;
		top: 6px;
		margin-right: 6.5px;
	}

.help__customize .contents .sec01 .arrow::after {
		content:  '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 6.5px;
		border-color: transparent transparent transparent #000;
		position:  absolute;
		top: -3.9px;
		left: 100%;
	}

	.help__customize .contents table{
		overflow-x: scroll;
	}
	.help__customize .contents table tr>td:first-of-type{
		min-width: 61.73vw;
	}
	.help__customize .contents .title td{
		padding: 10px 7px;
    	min-width: 75px;
		letter-spacing: -0.1rem;
	}
	.help__customize .contents .title td:last-of-type{
		min-width: 300px;
	}
	.help__customize .contents .tbl1 td:first-of-type{
		padding: 11.333vw 2.6666vw;
	}
	.help__customize .contents .tbl1 td{
		padding: 5vw 2.6666vw;
	}
	.help__customize .contents .tbl2 td{
		padding: 6vw;
	}
}

/*sec02*/

.help__customize .contents .sec02{
	background: #fff;
	padding-bottom: 70px;
}
.help__customize .contents section.sec02 h2{
	margin-bottom: 50px;
}
.help__customize .function-list{
	margin-top: 25px;
}
.help__customize .function-list:first-of-type{
	margin-bottom: 80px;
}
.help__customize .function-list li{
	border-bottom: solid 1px #eeeeee;
}
.help__customize .function-list li:first-child{
	border-top: solid 1px #eeeeee;
}
.help__customize .function-list li:hover{
	cursor: pointer;
	background: #eeeeee;
}
.help__customize .function-list li a{
	display: block;
	padding: 20px;
}
.help__customize .function-list .ttl{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 2px;
}
.help__customize .contents .square{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #005bac;
	margin: auto 8px auto 0;
}
.help__customize .contents .function-list .lead{
	margin-bottom: 10px;
}
.help__customize .contents .function-list .detail{
	color: #005bac;
}

@media screen and (max-width: 768px) {
	.help__customize .contents .sec02{
		padding: 13.3333vw 0 21.3333vw;
	}
	.help__customize .contents section.sec02 h2{
		margin-bottom: 9.3333vw;
	}
	.help__customize .function-list{
		margin-top: 5.33333vw;
	}
	.help__customize .function-list li a{
		padding: 5.333333vw 0;
	}
	.help__customize .function-list .ttl{
		font-size: 4.26666vw;
	}
	.help__customize .contents .function-list .lead{
		margin-bottom: 2vw;
	}
	.help__customize .function-list:first-of-type{
		margin-bottom: 9.33333vw;
	}
}

/*sec03*/


.help__customize .contents .sec03{
	background: #efefef;
	padding-bottom: 70px;
}
.help__customize .sec03 .num-block{
	position: relative;
	margin-bottom: 50px;
}
.help__customize .sec03 .num-block:first-of-type{
	margin: 20px 0;
}
.help__customize .sec03 .num {
    display: inline-block;
   	position: absolute;
    top: 2px;
    margin-right: 7px;
}
.help__customize .sec03 .num span {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #005cab;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
	letter-spacing: normal;
}
.help__customize .sec03 .txt {
    padding-left: 27px;
}
.help__customize .contents .sec03 figure{
	max-width: 700px;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	.help__customize .contents .sec03{
		padding: 12vw 0 13.3333vw;
	}
	.help__customize .sec03 .num-block:first-of-type{
		margin: 5.33333vw 0;
	}
	.help__customize .sec03 .num-block{
		margin-bottom: 8.66666vw;
	}
}


/*06 対応レンズ一覧*/

.help.help__compatible_lenses .contents .sec01{
	padding: 40px 0;
	background: #fafafa;
}
.help.help__compatible_lenses .contents .sec01 h2{
	margin-bottom: 20px;
}
.help.help__compatible_lenses .contents .sec02{
	background: #fff;
	padding: 70px 0 90px;
}

.help.help__compatible_lenses .contents .sec02 .arrow-flx{
	margin-bottom: 10px;
}

.help.help__compatible_lenses .contents .sec02 .arrow-flx >div:first-child{
	padding-right: 20px;
}
	.help.help__compatible_lenses .contents .sec02 .arrow{
		width: 140px;
		height: 1px;    
		background-color: #000;
		position: relative;
		top: 6px;
		margin-right: 6.5px;
	}
	.help.help__compatible_lenses .contents .sec02 .arrow::after{
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 4px 0 4px 6.5px;
		border-color: transparent transparent transparent #000;
		position: absolute;
		top: -3.9px;
		left: 100%;
}
.help.help__compatible_lenses .contents td, .help.help__compatible_lenses .contents th {
	text-align: center;
	border-collapse: collapse;
	word-break: break-all;
}
.help.help__compatible_lenses .contents .about td, .help.help__compatible_lenses .contents .circle td{
	border: 1px solid #cbcbcb;
}
.help.help__compatible_lenses .contents th,.help.help__compatible_lenses .contents td {
	font-weight: normal;
}
.help.help__compatible_lenses .contents .product{
	position: absolute;
	top: 0;
	left: 0;
	-moz-box-shadow: 6px 2px 4px -3px rgba(115, 115, 115, 0.3);
	-webkit-box-shadow: 6px 2px 4px -3px rgba(115, 115, 115, 0.3);
	-ms-box-shadow: 6px 2px 4px -3px rgba(115, 115, 115, 0.3);
	box-shadow: 6px 2px 4px -3px rgba(115, 115, 115, 0.3);
	z-index: 8;
}
.help.help__compatible_lenses .contents .product td{
	background: #fff;
	padding: 0 25px;
	height: 100px;
	line-height: 1.5;
}
.help.help__compatible_lenses .contents .table-container{
	position: relative;

}
.help.help__compatible_lenses .contents .table-wrapper{
	font-size: 14px;
  overflow-x: scroll;
	width: 100%;
	padding-bottom: 6px;
}
.help.help__compatible_lenses .contents .table-block{
	position: relative;
	left: 335px;
	top: 0;
	font-size: 0;
  margin: 0;
  padding: 0;
  white-space: nowrap;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
}
.help.help__compatible_lenses .contents .table-wrapper::-webkit-scrollbar{
 height: 8px;
}
.help.help__compatible_lenses .contents .table-wrapper::-webkit-scrollbar-track{
 background: #f2f2f2;
}
.help.help__compatible_lenses .contents .table-wrapper::-webkit-scrollbar-thumb {
 background: #a9a9a9;
border-radius: 4px;
}
.help.help__compatible_lenses .contents .table-block table{
	font-size: 14px;
	display: inline-table;
	letter-spacing: -0.01rem;
}
.help.help__compatible_lenses .contents .table-block table:last-of-type{
	border-right: 1px solid #cbcbcb;
}
.help.help__compatible_lenses .contents .function-title td{
    background: #005bac;
    color: #fff;
    border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	height: 30px;
	padding: 0 10px;
}
.help.help__compatible_lenses .contents .function-title td.gray{
	background: #a7a7a7;
	color: #000;
	height: 60px;
	border-bottom: none;
	padding: 0 10px;
}
.help.help__compatible_lenses .contents .function-title td:last-child{
	border-right: 1px solid #cbcbcb;
}
.help.help__compatible_lenses .contents .title{
	background: #cccccc;
	line-height: 1.2;
}
.help.help__compatible_lenses .contents .title th{
	border-right: solid 1px #fff;
}
.help.help__compatible_lenses .contents .sub-title td{
	padding: 0 10px;
	background: #a7a7a7;
	height: 30px;
	border-right: 1px solid #fff;
	border-top: none;
}
.help.help__compatible_lenses .contents .sub-title td:last-child{
	border-right: 1px solid #cbcbcb;
}
.help.help__compatible_lenses .contents .product th{
	height: 122px;
	border-top: none;
}
.help.help__compatible_lenses .contents .product th:first-of-type{
	border-left: 1px solid #cbcbcb;
}
.help.help__compatible_lenses .contents .lens .title td{
	height: 62px;
	border-right: solid 1px #fff;
	padding: 0 20px;
}
.help.help__compatible_lenses .contents .lens .title td.MFres{
	height: 25px;
	border-top: solid 1px #fff;
	border-right: 1px solid #cbcbcb;
	border-bottom: solid 1px #fff;
}
.help.help__compatible_lenses .contents .lens .MFset td{
	height: 35px;
	padding: 0 10px;
	background: #cccccc;
}
.help.help__compatible_lenses .contents .lens .MFset td:first-child{
	border-right: solid 1px #fff;
}
.help.help__compatible_lenses .contents .circle .corr{
	display: inline-block;
    width: 17px;
    height: 17px;
    background: #006db5;
	border-radius: 50%;
	letter-spacing: normal;
}
.help.help__compatible_lenses .contents .circle td{
	height: 100px;
	width: 100px;
	background: #fff;
	color: #cccccc;
}
.help.help__compatible_lenses .contents .circle td:last-of-type{
	border-right: none;
}

@media screen and (max-width: 768px){

	.help.help__compatible_lenses .contents .sec01{
		padding: 13.3333vw 0;
	}
	.help.help__compatible_lenses .contents .sec01 h2{
		font-size: 5.3333vw;
		line-height: 1.4;
	}
	.help.help__compatible_lenses .contents .sec02{
		padding: 12.8vw 0 18.6666vw;
	}
.help.help__compatible_lenses .contents .sec02 .arrow-flx{
	width: 100%;
	margin-bottom: 4.666667vw;
}
	
.help.help__compatible_lenses .contents .sec02 .arrow-flx >div:first-child{
	padding-right: 0px;
}
	.help.help__compatible_lenses .contents .sec02 .arrow{
		height: 1px;    
		width: 68vw;
		top: 6px;
		margin-right: 6.5px;
	}
	.help.help__compatible_lenses .contents .table-wrapper{
		font-size: 100%;
	}
	.help.help__compatible_lenses .contents .product th:first-of-type{
		width: 25vw;
	}
	.help.help__compatible_lenses .contents .product th:last-of-type{
		width: 16.8vw;
	}
	.help.help__compatible_lenses .contents .product th{
		height: 26vw;
	}
	.help.help__compatible_lenses .contents .product td{
		height: 28vw;
		padding: 0 1.5vw;
		line-height: 1.6;
		letter-spacing: -0.01rem;
	}

	.help.help__compatible_lenses .contents .table-block{
		left: 42vw;
	}
	.help.help__compatible_lenses .contents .table-block table{
		font-size: 3.2vw;
	}
	.help.help__compatible_lenses .contents .function-title td{
		height: 6vw;
		padding: 0 2vw;
	}
	.help.help__compatible_lenses .contents .function-title td.gray{
		height: 12vw;
		padding: 0 2vw;
	}
	.help.help__compatible_lenses .contents .sub-title td{
		height: 6vw;
	}
	.help.help__compatible_lenses .contents .lens .title td{
		min-width: 21.866667vw;
		height: 12vw;
		padding: 0 2vw;
	}
	.help.help__compatible_lenses .contents .lens .title td.MFres{
		height: 6vw;
	}
	.help.help__compatible_lenses .contents .lens .MFset td{
		height: 8vw;
	}
	.help.help__compatible_lenses .contents .circle td{
		width: 21.866667vw;
		height: 28vw;
	}
	.help.help__compatible_lenses .contents .circle .corr{
		width: 4.8vw;
		height: 4.8vw;
	}
	.help.help__compatible_lenses .contents .table-wrapper{
		padding-bottom: 10px;
	}
}


/*     共通エリア    */


/*カメラボディ機能割り当て*/

.help .contents .camera-body-area {
  padding: 65px 0 70px;
}

.help .contents .camera-body-area h2 {
  margin-bottom: 30px;
}

.help .contents .camera-body-area .square{
	display: inline-block;
    width: 14px;
    height: 14px;
    background: #005bac;
    margin: auto 8px auto 0;
}
.help .contents .camera-body-area .container {
  	display: flex;
	justify-content: space-between;
}
.help .contents .camera-body-area.movie-area .container {
	margin-bottom: 60px;
}
.help .contents .camera-body-area .txt{
  	width: 50%;
	padding-right: 50px;
}
.help .contents .camera-body-area .pic{
  	width: 50%;
	padding-left: 60px;
}

.help .contents .camera-body-area .movie-inner{
	max-width: 800px;
	text-align: center;
	margin: 0 auto;
}
.help .contents .camera-body-area .movie-ttl{
  	font-size: 18px;
    font-weight: bold;
	margin-bottom: 15px;
	text-align: left;
}
.help .contents .camera-body-area .column{
	margin-bottom: 0;
}
.help .contents .camera-body-area .column.video .col{
	margin-bottom: 0;
}
.help .contents .camera-body-area .column.video .col a figure {
    position: relative;
}
.help .contents .camera-body-area .column.video .col a figure:before {
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    display: block;
    content: '';
    width: 80px;
    height: 80px;
    margin-left: -40px;
    margin-top: -40px;
    background: transparent url("/jp/consumer/support/help/lensutility/assets/img/icon_play.png") center center no-repeat;
    background-size: 80px 80px;
    background-size: cover;
}

.help .contents .camera-body-area .indent{
   	text-indent: -14px;
	padding-left: 14px;
}

@media screen and (max-width: 768px){
	.help .contents .camera-body-area {
		padding: 12vw 0 13.3333vw;
	}
	.help .contents .camera-body-area .container{
		display: block;
	}
	.help .contents .camera-body-area.movie-area .container{
		margin-bottom: 13.33333vw;
	}
	.help .contents .camera-body-area .txt{
		width: 100%;
		padding-right: 0;
		margin-bottom: 13.33333vw;
	}
	.help .contents .camera-body-area h2{
		margin-bottom: 6vw;
	}
	.help .contents .camera-body-area .indent {
		text-indent: -3.25vw;
		padding-left: 3.25vw;
	}
	.help .contents .camera-body-area .pic{
		width: 100%;
		padding-left: 0;
	}
	.help .contents .camera-body-area .movie-ttl{
		font-size: 3.73333vw;
		margin-bottom: 4.6666vw;
	}
	.help .contents .camera-body-area .square{
		position: relative;
		top: 0.53vw;
		width: 4vw;
    	height: 4vw;
		margin-right: 2.4vw;
		margin-top: 0.8vw;
	}
}
/*設定方法*/

.help .contents .setting-method-area {
  padding: 60px 0 70px;
}
.help .contents .setting-method-area.gray{
	background: #efefef;
}
.help .contents .setting-method-area.white{
	background: #fff;
}
.help .contents .setting-method-area.off-white{
	background: #fafafa;
}

.help .contents .setting-method-area h3,.help .contents .guide-area h3{
   	font-size: 18px;
    font-weight: bold;
	margin-bottom: 55px;
	text-align: left;
}
.help.help__attach_and_remove .contents .setting-method-area h3{
   	font-size: 22px;
}
.help .contents .setting-method-area .setting-box {
   	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}
.help .contents .setting-method-area .pic {
   	width: 50%;
	padding-right: 60px;
}
.help .contents .setting-method-area .pic.choice figure:first-of-type{
	margin-bottom: 30px;
}
.help .contents .setting-method-area .pic.choice strong{
	display: block;
	margin-bottom: 8px;
}
.help .contents .setting-method-area .pic figure{
	position: relative;
}
.help .contents .setting-method-area .setting-box .pic figure::after {
	position: absolute;
	display: block;
	content: '';
   	width: 0;
	height: 0;
	bottom: -60px;
	left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
	border-style: solid;
	border-width: 21px 18.5px 0 18.5px;
	border-color: #cccccc transparent transparent transparent;
}
.help .contents .setting-method-area .setting-box:last-of-type figure::after{
	display: none;
}
.help .contents .setting-method-area .setting-box.lens_com{
	margin-bottom: 40px;
}
.help .contents .setting-method-area .setting-box.lens_com figure::after{
	display: none!important;
}
.help .contents .setting-method-area .setting-box:last-of-type{
	margin-bottom: 0;
}
.help .contents .setting-method-area .txt {
   	width: 50%;
	padding-left: 40px;
}
.help .contents .setting-method-area .txt .exp span{
	font-weight: bold;
}
.help .contents .setting-method-area .txt .square{
	position: relative;
	top: 2px;
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #005bac;
	margin: auto;
	margin-right: 3px;
}

.help .contents .setting-method-area .txt a {
   	text-decoration: none;
}

.help .contents .setting-method-area .num-block {
   	position: relative;
}
.help .contents .setting-method-area .txt .num-block {
	margin-bottom: 45px;
}
.help .contents .setting-method-area .txt .num-block.mb0 {
	margin-bottom: 0px;
}

.help .contents .setting-method-area .num {
   	display: inline-block;
    position: absolute;
    top: 2px;
    margin-right: 7px;
}
.help .contents .setting-method-area .num span {
   	display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #005cab;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
	letter-spacing: normal;
}

.help .contents .setting-method-area .txt .num-block p {
   	padding-left: 27px;
}

.help .contents .setting-method-area .txt .num-block p.indent {
   	padding-left: 14px;
}

.help .contents .setting-method-area .txt .note {
   	text-indent: -14px;
	padding-left: 14px;
	margin-bottom: 8px;
}
.help .contents .setting-method-area .txt .note a {
   	padding-left: 10px;
}
.help .contents .setting-method-area .indent{
   	text-indent: -14px;
	padding-left: 14px;
}

.help .contents .setting-method-area .txt-inner{
   	text-indent: -14px;
	padding-left: 14px;
	line-height: 1.8;
}
.help .contents .setting-method-area .txt-inner>div{
   margin-bottom: 25px;
}
.help .contents .setting-method-area .txt-inner>div:last-child{
   margin-bottom: 0;
}
.help .contents .setting-method-area .txt-inner p{
	padding-left: 35px;
}
.help .contents .setting-method-area .txt-inner p.case{
	padding-left: 0;
	font-weight: bold;
}
.help .contents .setting-method-area .square{
    display: inline-block;
    width: 14px;
    height: 14px;
    background: #005bac;
    margin: auto 8px auto 0;
}

.help .contents .setting-method-area .cable-area{
   	max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    margin: 60px auto 0;
}

.help .contents .setting-method-area .cable-box{
   	padding: 40px;
	border: solid 1px #cccccc;
	line-height: 1.6;
}


@media screen and (max-width: 768px){
	.help .contents .setting-method-area {
		padding: 13.33333vw 0 ;
	}
	.help .contents .setting-method-area h3,.help .contents .guide-area h3{
		font-size: 4.26666vw;
		margin-bottom: 6.6666vw;
	}
	.help.help__fw_up .contents .setting-method-area h3{
		font-size: 4.6vw;
	}
	.help.help__attach_and_remove .contents .setting-method-area h3{
		font-size: 4.26666vw;
	}
	.help .contents .setting-method-area .setting-box{
		flex-direction: column-reverse;
		margin-bottom: 21.33333vw;
	}
	.help .contents .setting-method-area .setting-box.lens_com{
		margin-bottom: 6.66666vw;
	}
	.help.help__fw_up .contents .setting-method-area .setting-box{
		margin-bottom: 18.4vw;
	}
	.help .contents .setting-method-area .pic{
		width: 100%;
		padding-right: 0;
	}
	.help .contents .setting-method-area .pic.choice figure:first-of-type{
		margin-bottom: 6vw;
	}
	.help .contents .setting-method-area .pic.choice strong{
		margin-bottom: 1.3333vw;
	}
	.help .contents .setting-method-area .txt{
		width: 100%;
		padding-left: 0;
		margin-bottom: 5.3333vw;
	}
	.help .contents .setting-method-area .txt .num-block{
		margin-bottom: 5.33333vw;
	}
	.help.help__attach_and_remove .contents .setting-method-area .txt .num-block{
		margin-bottom:0;
	}

	.help .contents .setting-method-area .txt .num-block p{
		padding-left: 5.33333vw;
	}

	.help .contents .setting-method-area .txt .num-block p.indent {
		padding-left: 3.25vw;
	}
	.help .contents .setting-method-area .num span{
		width: 3.733333vw;
		height: 3.733333vw;
		font-size: 2.5vw;
	}

	.help .contents .setting-method-area .txt .exp.indent{
		text-indent: -6vw;
    	padding-left: 6vw;
	}
	.help .contents .setting-method-area .txt .square{
		position: relative;
		top: 0.7vw;
		width: 4vw;
    	height: 4vw;
}

	.help .contents .setting-method-area .txt .note{
		text-indent: -3.25vw;
    	padding-left: 3.25vw;
		margin-bottom: 0;
	}
	.help .contents .setting-method-area .txt .note a{
		padding-left: 0;
	}
	.help .contents .setting-method-area .setting-box .pic figure::after{
		bottom: -12vw;
		border-width: 15.5px 16.5px 0 16.5px;
	}
	.help .contents .setting-method-area .setting-box:nth-of-type(2) .txt{
		margin-bottom: 0;
	}
	.help .contents .setting-method-area .setting-box .txt.spmb0{
		margin-bottom: 0;
	}
	.help.help__attach_and_remove .contents .setting-method-area .setting-box:nth-of-type(2) .txt{
		margin-bottom: 5.3333vw;
	}
	.help .contents .setting-method-area .exp.pl{
		padding-left: 6vw;
    	text-indent: -6vw;
	}
	.help .contents .setting-method-area .exp.pl+p.indent{
		padding-left: 9.25vw;
	}

	.help .contents .setting-method-area .indent {
		text-indent: -3.25vw;
		padding-left: 3.25vw;
	}

	.help .contents .setting-method-area .square{
		position: relative;
		top: 0.2vw;
		width: 3.2vw;
		height: 3.2vw;
		margin-right: 1.7vw;
		margin-top: 0.8vw;
	}
	.help .contents .setting-method-area .txt-inner{
		text-indent: 0;
   	 	padding-left: 0;
	}
	.help .contents .setting-method-area .txt-inner p{
		padding-left: 4vw;
	}
	.help .contents .setting-method-area .txt-inner p.case{
		font-size: 3.73333vw;
		padding-left: 3.73333vw;
		text-indent: -5vw;
		line-height: 1.5;
	}
	.help .contents .setting-method-area .txt-inner>div{
		margin-bottom: 5.33333vw;
	}
.help .contents .setting-method-area .cable-area{
    margin: 13.3333vw auto 0;
}

.help .contents .setting-method-area .cable-box{
   	padding: 5.5vw;
}

}

/*機能一覧*/

.help .contents .function-list-area h2{
	margin-bottom: 40px;
}
.help .contents .function-list-area{
	background: #fff;
	padding: 60px 0 100px;
}
.help .contents .function-list-area .function-list{
	display: flex;
	justify-content: space-between;
}
.help .contents .function-list-area .function-list >div{
	width: 48%;
	border-bottom: solid 1px #eeeeee;
}
.help .contents .function-list-area .function-list:first-child >div{
	border-top: solid 1px #eeeeee;
}
.help .contents .function-list-area .function-list >div:hover{
	cursor: pointer;
	background: #eeeeee;
}
.help .contents .function-list-area .function-list:last-of-type{
	display: block;
}
.help .contents .function-list-area .function-list >div a{
	padding: 20px 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.help .contents .function-list-area .function-list .ttl{
	font-size: 18px;
	font-weight: bold;
	margin: 0 10px 2px 0;
}
.help .contents .function-list-area .square{
	display: inline-block;
	width: 14px;
	height: 14px;
	background: #005bac;
	margin: auto 8px auto 0;
}
.help .contents .function-list-area .function-list .detail{
	color: #005bac;
}

@media screen and (max-width: 768px) {

.help .contents .function-list-area{
		padding: 12vw 0 16vw;
	}
	.help .contents .function-list-area h2{
		margin-bottom: 7.3333vw;
	}
	.help .contents .function-list-area .function-list{
		display: block;
	}
	.help .contents .function-list-area .function-list .ttl{
		font-size: 4.26666vw;
	}
	.help .contents .function-list-area .function-list >div{
		width: 100%;
	}
	.help .contents .function-list-area .function-list:first-child >div:last-child{
		border-top: none;
	}
	.help .contents .function-list-area .function-list >div a{
		padding: 5.33333vw 0;
		display: block;
	}
	.help .contents .function-list-area .function-list .square{
		top: 0;
	}
}

/*撮影ガイド*/

.help .contents .guide-area {
  	padding: 60px 0 70px;
	background: #efefef;
}

.help .contents .guide-area .subtitle {
   	font-size: 16px;
    font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
}
.help .contents .guide-area .subtitle:last-of-type {
	margin-bottom: 35px;
}
.help .contents .guide-area .subtitle-detail{
	margin-bottom: 45px;
}
.help .contents .guide-area .indent{
	text-indent: -14px;
	padding-left: 14px;
}

.help .contents .guide-area .guide-top{
	display: flex;
	justify-content: space-between;
	margin-bottom: 100px;
}

.help .contents .guide-area .guide-top div{
	width: 50%;
}
.help .contents .guide-area .guide-top div:first-of-type{
	padding-right: 50px;
}
.help .contents .guide-area .guide-top div:last-of-type{
	padding-left: 60px;
}

.help .contents .guide-area .focusOut {
   	margin-bottom: 50px;
}
.help .contents .guide-area .focusOut-box {
	padding: 30px 40px;
	text-align: center;
   	background: #fff;
	margin-bottom: 70px;
}

.help .contents .guide-area .focusOut-box p{
	text-align: left;
   	text-indent: -14px;
	padding-left: 14px;
}

.help .contents .guide-area .container{
	display: flex;
	justify-content: space-between;
	margin-bottom: 45px;
}

.help .contents .guide-area .container>div{
	position: relative;
	width: 530px;
}
.help .contents .guide-area .container>div .pic{
	position: relative;
	max-width: 530px;
	margin-bottom: 25px;
}
.help .contents .guide-area .container>div:first-of-type{
	margin-right: 100px;
}
.help .contents .guide-area .container>div:first-of-type .pic::after{
	position: absolute;
	display: block;
	content: '';
   	width: 0;
	height: 0;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	right: -60px;
	border-style: solid;
	border-width: 18px 0 18px 21px;
	border-color: transparent transparent transparent #cccccc;
}

.help .contents .guide-area .container .num-block {
   	position: relative;
	margin-bottom: 45px;
}
.help .contents .guide-area .container .num {
   	display: inline-block;
    position: absolute;
    top: 2px;
    margin-right: 7px;
}
.help .contents .guide-area .container .num span {
   	display: table-cell;
    vertical-align: middle;
    text-align: center;
    color: #fff;
    background: #005cab;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    font-size: 12px;
    line-height: 1;
	letter-spacing: normal;
}

.help .contents .guide-area .container .num-block p{
	padding-left: 27px;
	margin-bottom: 20px;
}

.help .contents .guide-area .focusMode-box{
	position: relative;
	padding: 20px 20px 20px 50px;
	background: #fff;
}
.help .contents .guide-area .focusMode-box .attention{
	position: absolute;
	left: 0;
	top: 0;
	background: #000;
	color: #fff;
	padding: 5px 20px;
}

.help .contents .guide-area .focusMode-box .txt{
	width: 80%;
}
.help .contents .guide-area .focusMode-box div{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.help .contents .guide-area .focusMode-box img{
	max-width: 194px;
}

@media screen and (max-width: 768px){
	.help .contents .guide-area{
		padding: 13.33333vw 0 13.3333vw;
	}
	.help .contents .guide-area h3{
		margin-bottom: 9.3333vw;
	}
	.help .contents .guide-area .subtitle{
		font-size: 3.733333vw;
		margin-bottom:  1.3333vw;
	}

	.help .contents .guide-area .subtitle-detail{
		margin-bottom: 9.5vw;
	}
	.help .contents .guide-area .indent{
		text-indent: -3.25vw;
		padding-left: 3.25vw;
	}

	.help .contents .guide-area .guide-top .subtitle{
		margin-bottom: 1.3333vw;
	}

	.help .contents .guide-area .guide-top{
		display: block;
		margin-bottom: 10.6666vw;
	}

	.help .contents .guide-area .guide-top div{
		width: 100%;
	}
	.help .contents .guide-area .guide-top div:first-of-type{
		padding-right: 0px;
		margin-bottom: 5.3333vw;
	}
	.help .contents .guide-area .guide-top div:last-of-type{
		padding-left: 0px;
	}
	.help .contents .guide-area .focusOut{
		margin-bottom: 10.4vw;
	}
	.help .contents .guide-area .focusOut-box{
		padding: 6vw 5.3333vw;
		margin-bottom: 12vw;
	}
	.help .contents .guide-area .focusOut-box p{
		text-indent: -3.25vw;
    	padding-left: 3.25vw;
	}
	.help .contents .guide-area .subtitle:last-of-type{
		margin-bottom: 6.66666vw;
	}
	.help .contents .guide-area .container{
		margin-bottom: 0;
		display: block;
	}
	.help .contents .guide-area .container>div{
		width: 100%;
		display: flex;
    	flex-direction: column-reverse;
	}
	.help .contents .guide-area .container>div .pic{
		max-width: 100%;
	}
	.help .contents .guide-area .container>div:first-of-type .pic{
		width: 100%;
		margin-bottom: 18.6666vw;
	}
	.help .contents .guide-area .container>div:first-of-type .pic::after{
		display: none;
	}

	.help .contents .guide-area .container .num-block{
		margin-bottom: 5.33333vw;
	}
	.help .contents .guide-area .container .num-block p{
		padding-left: 5.3333vw;
		margin-bottom: 5.33333vw;
	}
	.help .contents .guide-area .container .num span{
		width: 3.733333vw;
		height: 3.733333vw;
		font-size: 1.6vw;
	}
	.help .contents .guide-area .container .focusSet-txt{
		margin-bottom: 5.33333vw;
	}
	.help .contents .guide-area .container>div:last-of-type .pic{
		width: 100%;
		margin-bottom: 10.6666vw;
	}
	.help .contents .guide-area .focusMode-box{
		padding: 10.6666vw 5.3333vw 8vw;
		padding-top: calc(2em + 10vw);
	}
	.help .contents .guide-area .focusMode-box .attention{
		width: 100%;
		text-align: center;
	}
	.help .contents .guide-area .focusMode-box div{
		display: block;
		text-align: center;
	}
	.help .contents .guide-area .focusMode-box .txt{
		width: 100%;
		text-align: left;
		margin-bottom: 5.3333vw;
	}
	.help .contents .guide-area .focusMode-box img{
		max-width: 100%;
	}
}

/*fancybox*/
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap iframe,.fancybox-wrap object {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-nav {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-nav span {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-tmp {
    padding: 0;
    margin: 0;
    border: 0;
    outline: none;
    vertical-align: top
}

.fancybox-wrap {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10020
}

.fancybox-skin {
    position: relative;
    background: white;
    color: #444;
    text-shadow: none
}

.fancybox-opened {
    z-index: 10030
}

.fancybox-outer {
    position: relative
}

.fancybox-inner {
    position: relative;
    overflow-y: scroll !important ;
	overflow-x: hidden !important ;
}

.fancybox-type-iframe .fancybox-inner {
    -webkit-overflow-scrolling: touch
}

.fancybox-error {
    color: #444;
    font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 15px;
    white-space: nowrap
}

.fancybox-image,.fancybox-iframe {
    display: block;
    width: 100%;
    height: 100%
}

.fancybox-image {
    max-width: 100%;
    max-height: 100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
    background-image: url("/migration/assets/img/plugin/fancybox/fancybox_sprite.png")
}

#fancybox-loading {
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -22px;
    margin-left: -22px;
    background-position: 0 -108px;
    opacity: 0.8;
    cursor: pointer;
    z-index: 10060
}

#fancybox-loading div {
    width: 44px;
    height: 44px;
    background: url("../img/plugin/fancybox/fancybox_loading.gif") center center no-repeat
}

.fancybox-close {
    position: absolute;
    right: 10px;
    top: -50px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: url(/migration/jp/assets/img/plugin/fancybox/btn_close.png) no-repeat 0 0 !important
}

.fancybox-nav {
    position: absolute;
    top: 0;
    width: 0;
    height: 100%;
    cursor: pointer;
    text-decoration: none;
    background: transparent url("/assets/img/plugin/fancybox/blank.gif");
    -webkit-tap-highlight-color: transparent;
    z-index: 10040
}

.fancybox-prev {
    left: 0
}

.fancybox-next {
    right: 0
}

.fancybox-nav span {
    display: block;
    position: absolute;
    top: 50%;
    width: 36px;
    height: 60px;
    background-size: cover;
    margin-top: -18px;
    cursor: pointer;
    z-index: 10040;
    visibility: visible;
    background-image: url(/migration/jp/assets/img/plugin/fancybox/btn_cursor.png);
    background-repeat: no-repeat;
    background-color: transparent
}

@media screen and (max-width: 480px) {
    .fancybox-nav span {
        width:24px;
        height: 40px;
        margin-top: -18px
    }
}

.fancybox-prev span {
    left: -60px;
    background-position: left 0 !important
}

@media screen and (max-width: 480px) {
    .fancybox-prev span {
        left:-16px
    }
}

.fancybox-next span {
    right: -60px;
    background-position: right 0 !important
}

@media screen and (max-width: 480px) {
    .fancybox-next span {
        right:-16px
    }
}

.fancybox-nav:hover span {
    visibility: visible
}

.fancybox-tmp {
    position: absolute;
    top: -99999px;
    left: -99999px;
    visibility: hidden;
    max-width: 99999px;
    max-height: 99999px;
    overflow: visible !important
}

.fancybox-lock {
    overflow: hidden !important;
    width: auto
}

.fancybox-lock body {
    overflow: hidden !important
}

.fancybox-lock-test {
    overflow-y: hidden !important
}

.fancybox-overlay {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    display: none;
    z-index: 10010;
    background: rgba(242,242,242,0.9)
}

.fancybox-overlay-fixed {
    position: fixed;
    bottom: 0;
    right: 0
}

.fancybox-lock .fancybox-overlay {
    overflow: auto;
    overflow-y: scroll
}

.fancybox-title {
    visibility: hidden;
    letter-spacing: .1em;
    font-size: 1.4em;
    position: relative;
    text-shadow: none;
    z-index: 10050;
    color: white
}

.fancybox-title span {
    display: inline-block;
    margin-top: 8px;
    font-size: .8em;
    font-family: 'Source Sans Pro', sans-serif;
    letter-spacing: .05em
}

.fancybox-opened .fancybox-title {
    visibility: visible
}

.fancybox-title-float-wrap {
    position: absolute;
    bottom: -54px;
    right: 50%;
    z-index: 10050;
    text-align: center;
    height: 50px
}

.fancybox-title-float-wrap .child {
    display: inline-block;
    margin-right: -100%;
    padding: 2px 20px;
    background: transparent;
    color: #344457;
    font-size: 16px;
    line-height: 1.3;
    white-space: nowrap
}

.fancybox-title-outside-wrap {
    position: relative;
    margin-top: 10px;
    color: #fff
}

.fancybox-title-inside-wrap {
    padding-top: 10px
}

.fancybox-title-over-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    color: #fff;
    padding: 10px;
    background: #000;
    background: rgba(0,0,0,0.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5) {
    #fancybox-loading div {
        background-image:url("/assets/img/plugin/fancybox/fancybox_loading@2x.gif");
        background-size: 24px 24px
    }
}









/*インストール*/
.help__install .contents img {
	width: auto;
}
.help__install .contents .flex {
	display: flex;
}
.help__install .contents .left,
.help__install .contents .right {
	float: none;
}
.help__install .contents p {
	position: relative;
}
.help__install .contents .sec01 {
	background: #fafafa;
	padding-top: 0;
}
.help__install .contents .inner.bg_gray{
	max-width: 100%
}
.help__install .contents .inner.bg_gray > .bg{
	max-width: 1200px;
    width: 100%;
    padding: 65px 0 70px;
    margin: 0 auto 70px;
}
.help__install .contents .inner.bg_gray > .bg p{
	padding: 0;
	margin: 0 0 20px;
}
.help__install .contents .inner.bg_gray > .bg .google_play{
	display: block;
	width: 182px;
	height: 54px;
	margin: 10px 0 0;
}
.help__install .contents  p {
	padding-left: 27px;
	margin-bottom: 50px;
	width: 50%;
}
.help__install .contents  p.detail {
	padding-left: 0px;
	margin-bottom: 65px;
	width: 100%;
}
.help__install .contents .flex {
	width: 100%;
}
.help__install .contents .flex .left {
	width: 62%;
	padding-right: 10%;
}
.help__install .contents .flex .right {
	text-align: left;
	margin-bottom: 30px;
  width: 38%;
}
.help__install .contents .flex p {
	width: 100%;
}
.help__install .contents p span.num {
	display: inline-block;
  position: absolute;
  top: 2px;
  margin-right: 7px;
	left: 0;
}
.help__install .contents p span.num span {
	display: table-cell;
  vertical-align: middle;
  text-align: center;
  color: #fff;
  background: #005cab;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  font-size: 12px;
  line-height: 1;
  letter-spacing: normal;
}
.help__install .contents p span.note {
	position: relative;
	padding-left: 1.4em;
  display: block;
}
.help__install .contents p span.note i {
	display: inline-block;
	width: 1em;
	height: 1em;
	background: #005cab;
	position: absolute;
	top: .3em;
	left: 0;
}
.help__install .contents .sec01 p:last-child {
	margin-bottom: 0;
}
.help__install .contents p span.note span {
	position: relative;
	display: block;
	padding-left: 1em;
	margin-left: 1em;
}
.help__install .contents p span.note span span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
}
.help__install .contents p span.note em {
	font-weight: bold;
}
.help__install .contents .sec02 {
	background: #fff;
}
.help__install .contents .sec02 .flex {
	margin-bottom: 50px;
}
@media screen and (max-width: 768px){
	.help__install .contents p span.num span {
		width: 3.733333vw;
    height: 3.733333vw;
    font-size: 2.5vw;
	}
	.help__install .contents p {
    padding-left: 5vw;
    margin-bottom: 6.66666vw;
    width: 100%;
	}
	.help__install .contents p.detail{
		margin-bottom: 12vw;
	}
	.help__install .contents .flex {
		display: block;
	}
	.help__install .contents .flex .left,
	.help__install .contents .flex .right {
		width: 100%;
		padding: 0;
	}
	.help__install .contents .flex .right img {
		padding-top: 5.3333vw;
	}
	.help__install .contents p span.note em {
		font-size: 3.73333vw;
	}
	.help__install .contents p span.note i {
    top: 0.2vw;
    width: 3.2vw;
    height: 3.2vw;
    margin-right: 1.7vw;
    margin-top: 0.8vw;
	}
	.help__install .contents .flex .left p {
		margin-bottom: 0;
	}
	.help__install .contents .flex .right {
		margin-bottom: 0;
	}
	.help__install .contents .flex,
	.help__install .contents .sec02 .flex {
		margin-bottom: 6.66666vw;
	}
	.help__install .contents p span.note {
		margin-left: -5vw;
	}
	.help__install .contents p span.note span {
    margin-left: 1.4em;
	}
}





/*SP フッターナビゲーション*/
.footerNav {
	display: none;
	background: #efefef;
	border-top: 1px solid #dddddd;
}
.help .contents .footerNav nav {
	background: none;
}
.help .contents .footerNav .navBtn {
	display: none;
}
@media screen and (max-width: 768px) {
	.help .contents .footerNav nav ul {
		display: block;
		position: static;
		border-bottom: none;
		background: #efefef;
	}
	.help .contents .footerNav nav li a.cur {
		background-color: #efefef;
	}
	.footerNav {
		display: block;
	}
}




.help.help__fw_up .contents .setting-method-area h3{
	margin-bottom: 20px;
}
.help.help__fw_up .contents .setting-method-area .detail{
	margin-bottom: 55px;
}


@media screen and (max-width: 768px){

	.help.help__fw_up .contents .setting-method-area h3{
		margin-bottom: 3vw;
	}
	.help.help__fw_up .contents .setting-method-area .detail{
		margin-bottom: 6.6666vw;
	}
}