@charset "UTF-8";
/*	reset
-----------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: normal;
  vertical-align: baseline;
}

table {border-spacing:0; border-collapse:collapse;}
* html table {border-collapse:collapse;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

html {
  line-height: 1;
}

blockquote, q {
  quotes: none;
}

blockquote::before, blockquote::after,
q::before, q::after {
  content: '';
  content: none;
}
a:focus,button:focus { outline:none;}
input, textarea {
  margin: 0;
  padding: 0;
}

ol, ul {
  list-style: none;
}

button {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
  box-shadow: none;
  cursor: pointer;
}

#header .utility .inner::after,
#footer .pagetop::after {
  content: "";
  clear: both;
  display: block;
  height: 0;
}


/*	base
-----------------------------------------*/
*, *::before, *::after {
  box-sizing: border-box;
}

body {
  color: #333333;
  font-size: 100%;
  line-height: 1.75;
  font-weight: 500;
  background: #ffffff;
  -webkit-text-size-adjust: 100%;
  font-family: YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  min-width: 300px;
  width: 100%;
	-webkit-font-smoothing: antialiased;
}
.enFont {
	font-family: 'Roboto', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
  vertical-align: baseline;
  height: auto;
}
body sup {
  font-size: 0.875rem;
  line-height: 1.71429;
  vertical-align: top;
}
.sp,.spInline {
	display:none;
}
@media only screen and (max-width: 768px) {
  body {
    height: 100%;
    font-size: 0.875rem;
    line-height: 1.71429;
  }
  body sup {
    font-size: 0.75rem;
    line-height: 1.66667;
  }
	.pc,.pcInline {
		display:none;
	}
	.sp {
		display:block;
	}
	.spInline {
		display:inline-block;
	}
}

a {
  transition: all 0.3s;
  color: #333333;
  text-decoration: none;
}
a:link, a:visited {
  color: #333333;
}
a:hover, a:focus {
  opacity: .7;
  color: #6b8c9c;
}

button {
  transition: all 0.3s;
  display: block;
	z-index:2;
}
button:hover, button:focus {
  opacity: .7;
}

/*	header
-----------------------------------------*/
#header {
  position: fixed;
  top: 0;
  width: 100%;
  min-width: 300px;
  z-index: 9999;
}
@media only screen and (max-width: 768px) {
  #header {
    background: #333333;
  }
}
#header .logo {
  background: #333333;
  text-align: center;
  padding: 14px 10px 16px 10px;
}
#header .logo a {
  display: block;
}
#header .logo img {
  vertical-align: middle;
  max-width: 210px;
}
@media only screen and (max-width: 768px) {
  #header .logo {
    display: block;
    padding: 0;
    margin: 0 50px;
  }
  #header .logo a {
    padding: 11px 0 13px 0;
  }
  #header .logo img {
    max-width: 126px;
  }
}
#header .utility {
  border-bottom: #cccccc 1px solid;
  padding: 0 10px;
  background: #ffffff;
}
@media only screen and (max-width: 768px) {
  #header .utility {
    border-bottom: 0;
    filter: none;
    position: fixed;
    padding: 0;
    top: 0;
    right: 0;
  }
  #header .utility#js-menu-content.open {
    background: #000000;
    padding-bottom: 10px;
    height: 100%;
    width: 100%;
  }
  #header .utility#js-menu-content.open .inner {
    display: block;
    padding: 48px 20px 10px 20px;
    height: 100%;
    width: 100%;
  }
}
#header .utility #js-menu-btn {
  font-size: 0.625rem;
  line-height: 1.4;
  display: none;
}
@media only screen and (max-width: 768px) {
  #header .utility #js-menu-btn {
    display: block;
    cursor: pointer;
    position: absolute;
    top: 0;
    right: 0;
    height: 48px;
    width: 48px;
    padding: 7px 0;
    color: #ffffff;
    z-index: 999;
  }
  #header .utility #js-menu-btn::before {
    content: "";
    display: block;
    background: #ffffff;
    height: 2px;
    width: 16px;
    position: absolute;
    top: 12px;
    left: 50%;
    margin-left: -8px;
  }
  #header .utility #js-menu-btn span {
    text-align: center;
    vertical-align: bottom;
    display: block;
    padding-top: 21px;
    position: relative;
  }
  #header .utility #js-menu-btn span::before, #header .utility #js-menu-btn span::after {
    transition: all .2s;
    content: "";
    display: block;
    background: #ffffff;
    height: 2px;
    width: 16px;
    position: absolute;
    left: 50%;
    margin-left: -8px;
  }
  #header .utility #js-menu-btn span::before {
    top: 10px;
  }
  #header .utility #js-menu-btn span::after {
    top: 15px;
  }
}
#header .utility #js-menu-btn.open::before {
  content: none;
}
#header .utility #js-menu-btn.open span::before {
  will-change: transform;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
#header .utility #js-menu-btn.open span::after {
  will-change: transform;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 10px;
}
#header .utility .inner {
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #header .utility .inner {
    margin-top: -450px;
    opacity: 0;
  }
}
#header .utility .inner .menu {
}
#header .utility .inner .menu .link {
  display: table;
  table-layout: fixed;
  position: relative;
	margin:0 auto;
}
#header .utility .inner .menu .link::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #cccccc;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -12px;
}
#header .utility .inner .menu .link > li {
  font-size: 1rem;
  line-height: 1.375;
  text-align: center;
  vertical-align: middle;
  display: table-cell;
  padding: 0 10px;
  position: relative;
}
#header .utility .inner .menu .link > li::before {
  content: "";
  display: block;
  width: 1px;
  height: 24px;
  background: #cccccc;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -12px;
}
#header .utility .inner .menu .link > li > a {
  display: inline-block;
  padding: 12px 10px;
  vertical-align: middle;
}
#header .utility .inner .menu .link > li.current > a {
  position: relative;
  color: #999999;
}
#header .utility .inner .menu .link > li.current > a::before {
  content: "";
  display: block;
  background: #6b8c9c;
  height: 1px;
  width: 100%;
  position: absolute;
  bottom: -1px;
  left: 0;
}
#header .utility .inner .menu .link > li.current > a:hover, #header .utility .inner .menu .link > li.current > a:focus {
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  #header .utility .inner .menu {
    float: none;
  }
  #header .utility .inner .menu .link {
    position: static;
    display: block;
    table-layout: auto;
    padding: 0 20px;
  }
  #header .utility .inner .menu .link li.current a {
    color: #ffffff;
  }
  #header .utility .inner .menu .link li.current a::before {
    content: none;
  }
  #header .utility .inner .menu .link::before {
    content: none;
  }
  #header .utility .inner .menu .link > li {
    display: block;
    width: 100%;
    margin-top: 16px;
    padding: 0 7px;
    border: #666666 1px solid;
  }
  #header .utility .inner .menu .link > li::before {
    content: none;
  }
  #header .utility .inner .menu .link > li a {
    display: block;
    color: #ffffff;
    margin: 0 auto;
    padding: 12px 0;
  }
  #header .utility .inner .menu .link > li a:focus, #header .utility .inner .menu .link > li a:hover {
    opacity: 1;
  }
}
@media only screen and (max-width: 792px) {
  #header .utility .inner .menu .link > li {
    font-size: 0.875rem;
    line-height: 1.57143;
  }
  #header .utility .inner .menu .link > li .child li {
    font-size: 0.75rem;
    line-height: 1.83333;
  }
}
#header .utility .inner .sns {
  height: 20px;
  display: table;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -10px;
}
#header .utility .inner .sns li {
  display: table-cell;
  vertical-align: middle;
  height: 20px;
  line-height: 1;
}
#header .utility .inner .sns li#facebook {
  padding-left: 8px;
}
#header .utility .inner .sns li#facebook iframe {
  border: none;
  overflow: hidden;
  width: 105px;
  height: 20px;
}
/*	content
-----------------------------------------*/
.pt0 {
  padding-top: 0 !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.mt10 {
  margin-top: 10px !important;
}
.center {
  text-align: center !important;
}
.bold {
	font-weight:bold;
}
.underline {
	text-decoration:underline;
}
.txRed {
	color: #ca0300;
}

/*	footer
-----------------------------------------*/
#footer {
	position:relative;
}
#footer .pagetop {
	position:absolute;
	right:20px;
	top:-80px;
}
#footer .pagetop a {
  float: right;
  background: #919191;
  border-radius: 120px;
  display: block;
  position: relative;
}
#footer .pagetop a::before {
  content: "";
  display: block;
  border-top: #ffffff 1px solid;
  border-right: #ffffff 1px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 15px;
  height: 15px;
  position: absolute;
  top: 50%;
  right: 50%;
  margin-top: -3px;
  margin-right: -8px;
}
#footer .pagetop a span {
  overflow: hidden;
  position: relative;
  text-indent: -999em;
  display: block;
  height: 60px;
  width: 60px;
}
@media only screen and (max-width: 768px) {
  #footer .pagetop {
    background: #cccccc;
		position:inherit;
		top:inherit;
		right:inherit;
  }
  #footer .pagetop a {
    float: none;
    background: none;
    border-radius: 0;
  }
  #footer .pagetop a::before {
    border-color: #333333;
  }
}
#footer .inner {
  text-align: center;
  background: #333333;
  padding: 20px;
  margin-top: 20px;
}
#footer .inner .sitemap {
  max-width: 980px;
  margin: 0 auto;
  width: 100%;
}
#footer .inner .sitemap .link {
  text-align: center;
  width: 100%;
}
#footer .inner .sitemap .link li {
  display: inline-block;
  border-left: #666666 1px solid;
  padding: 0 10px;
}
#footer .inner .sitemap .link li:last-child {
  border-right: #666666 1px solid;
}
#footer .inner .sitemap .link li a {
  padding: 0 10px;
  color: #ffffff;
  display: block;
}
#footer .inner .sitemap .link li a:hover, #footer .inner .sitemap .link li a:focus {
  opacity: 1;
  color: #6b8c9c;
}
#footer .inner .logo {
  margin-top: 32px;
}
#footer .inner .logo img {
  max-width: 150px;
}
#footer .inner .copy {
  font-size: 0.875rem;
  line-height: 1.78571;
  font-family: Arial, Helvetica, sans-serif;
  color: #ffffff;
}
@media only screen and (max-width: 768px) {
  #footer .inner {
    margin-top: 0;
    padding: 20px 10px;
  }
  #footer .inner .pagetop a:hover, #footer .inner .pagetop a:focus {
    opacity: 1;
  }
  #footer .inner .sitemap .link {
    font-size: 0.875rem;
    line-height: 1.42857;
  }
  #footer .inner .sitemap .link li {
    padding: 0 5px;
  }
  #footer .inner .copy {
    font-size: 0.75rem;
    line-height: 1.66667;
  }
}

.fBan {
	margin:9.59% auto 0;
	max-width:940px;
}
.socialList {
	text-align:center;
	font-size:0;
	margin-bottom:30px;
	margin-top:10.2%;
}
.socialList li {
	width:22px;
	display:inline-block;
	margin:0 6px;
}

#contents {
	padding-top:105px;
}
.low #contents {
	padding-top:135px;
}
.layout10 {
	padding:0 10px;
}
img {
	width:100%;
	height:auto;
}
#top #topInfoArea h2 {
	font-size:34px;
	font-weight:bold;
	text-align:center;
	line-height:1.66;
	margin-bottom:1.8%;
	font-family: 'Roboto', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top h2,
.low h1 {
	font-size:48px;
	font-weight:bold;
	text-align:center;
	line-height:1.66;
	margin-bottom:6.163%;
	font-family: 'Roboto', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top h2 .subTxt,
.low h1 .subTxt {
	display:block;
	font-size:16px;
	font-weight:normal;
	line-height:1;
}
#top h3,
.low h2 {
	font-size:30px;
	line-height:1.33;
	font-weight:bold;
}
.lead {
	font-size:18px;
	text-align:center;
	line-height:1.66;
}
.detailBtn a {
	background:#000;
	color:#fff;
	width:168px;
	height:46px;
	text-align:center;
	line-height:1;
	padding-top:16px;
	border-radius:24px;
	display:block;
	border:1px solid #000;
}
.detailBtn a:hover {
	color:#000;
	background:#fff;
	opacity:1;
}
.detailBtn a:before {
	content:"▲";
	display:inline-block;
	transform:rotate(90deg);
	margin-right:8px;
	font-size:12px;
	position:relative;
	top:-2px;
}

/*	top
-----------------------------------------*/
#mainImg {
	text-align:center;
	max-width:980px;
	margin:0 auto;
}
#mainImg h1 img {
	max-width:726px;
	margin:5.61% 0 3.9795918%;
}
#mainImg .lead {
	max-width:538px;
	margin:0 auto 3.75%;
}
#mainImg .imgBox {
	position:relative;
	max-width:900px;
	margin:0 auto 6.388888%;
}
#mainImg .imgBox img {
	max-width:900px;
}
#mainImg .imgBox .price {
	position:absolute;
	bottom:13px;
	right:7px;
	font-size:17px;
	text-align:right;
	line-height:1.4;
}
#mainImg .imgBox .price strong {
	font-size:33px;
	font-weight:bold;
}
#area01 .lead {
	margin-bottom:65px;
}
.slideArea {
	position:relative;
	overflow:hidden;
	margin-top:65px;
}
.slideArea ul {
	width:100000px;
	margin-left:calc(16.40625vw - 10px);
}
.slideArea ul li {
	float:left;
	width:67.1875vw;
	margin-right:10px;
	margin-left:10px;
}

.slideArea button,
.slideArea02 button {
  opacity: 1;
}
.slideArea button:hover,
.slideArea button:focus,
.slideArea02 button:hover,
.slideArea02 button:focus {
  opacity: 0.7;
}
.slideArea.current button,
.slideArea02.current button {
  opacity: 1;
}
.slideArea .prev,
.slideArea02 .prev {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 50%;
  left: 50px;
	transform:translateY(-50%);
}
.slideArea .prev span,
.slideArea02 .prev span {
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  display: block;
  height: 40px;
  width: 22px;
}
.slideArea .prev span::before,
.slideArea02 .prev span::before {
  content: "";
  display: block;
  border-top: #333333 1px solid;
  border-left: #333333 1px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  left: 9px;
}
.slideArea .next,
.slideArea02 .next {
  outline: none;
  -webkit-tap-highlight-color: transparent;
  position: absolute;
  top: 50%;
  right: 50px;
	transform:translateY(-50%);
}
.slideArea .next span,
.slideArea02 .next span {
  position: relative;
  overflow: hidden;
  text-indent: -999em;
  display: block;
  height: 40px;
  width: 22px;
}
.slideArea .next span::before,
.slideArea02 .next span::before {
  content: "";
  display: block;
  border-top: #333333 1px solid;
  border-right: #333333 1px solid;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 40px;
  height: 40px;
  position: absolute;
  top: 0;
  right: 9px;
}
.slideNav {
	font-size:10px;
	color:#c5c5c5;
	text-align:center;
	padding-top:22px;
}
.slideNav span {
	display:inline-block;
	margin:0 12px;
}
.slideNav .cur {
	color:#000;
}
#captionArea01 {
	margin:4.296875% auto 0;
	max-width:1280px;
}
#captionArea01 .leftBox {
	max-width:303px;
	width:30%;
	float:left;
	/*margin-left:110px;*/
	margin-left:8.5%;
}
#captionArea01 h2,
#captionArea01 h3 {
	position:absolute;
}
#captionArea01 .leftBox .txt {
	margin:18px 0 23px 0;
	font-size:18px;
	line-height:1.66;
	margin-top:93px;
}
#captionArea01 .capImg {
	/*width:301px;*/
	width:100%;
}
#captionArea01 .leftBox .detailBtn a {
	margin:23px auto 0 auto;
}
#captionArea01 .repeatBtn a {
	display:block;
	background:#d7d7d7;
	color:#000;
	background:url(/pomera/dm30/common/images/icon_repeat.png) 8px center no-repeat #d7d7d7;
	background-size:13px auto;
	line-height:1;
	width:110px;
	margin:28px auto 0 auto;
	padding:10px 12px 10px 24px;
	font-size:12px;
}
#captionArea01 .productImg {
	float:left;
	/*width:calc(100% - 440px);*/
	width:61.5%;
	padding-top:100px;
}
#captionArea01 .productImg img {
	max-width:780px;
}
#captionArea02 {
	margin:110px auto 0;
	position:relative;
	padding:20% 10% calc(17.3828125% + 10px) 10%;
}
#captionArea02 .captionList li {
	position:absolute;
	text-align:center;
}
#captionArea02 .captionList li.item01 {
	top:0.78125vw;
	left:70%;
}
#captionArea02 .captionList li.item02 {
	top:0;
	left:40.359375%;
}
#captionArea02 .captionList li.item03 {
	top:3.90625vw;
	left:12.296875%;
}
#captionArea02 .captionList li.item04 {
	top:30.15625vw;
	left:8.5%;
}
#captionArea02 .captionList li.item05 {
	bottom:5.8vw;
	left:12%;
}
#captionArea02 .captionList li.item06 {
	bottom:2vw;
	left:40.359375%;
}
#captionArea02 .captionList li.item07 {
	bottom:5.8vw;
	left:73%;
}
#captionArea02 .captionList li.item08 {
	top:30.15625vw;
	left:77%;
}
#captionArea02 .captionList li .inBox {
	position:relative;
	display:block;
}
#captionArea02 .captionList li .inBox:after {
	content:"";
	height:1px;
	background:#000;
	display:block;
	position:absolute;
}
#captionArea02 .captionList li.item01 .inBox:after {
	width:10vw;
	transform:rotate(-45deg);
	bottom:-5vw;
	left:0;
}
#captionArea02 .captionList li.item02 .inBox:after {
	width:8vw;
	transform:rotate(90deg);
	bottom:-6vw;
	left:calc(50% - 4vw);
}
#captionArea02 .captionList li.item03 .inBox:after {
	width:10vw;
	transform:rotate(45deg);
	bottom:-5vw;
	left:7.5vw;
}
#captionArea02 .captionList li.item04 .inBox:after {
	width:5vw;
	transform:rotate(0);
	top:40%;
	right:-5.5vw;
}
#captionArea02 .captionList li.item05 .inBox:after {
	width:5vw;
	transform:rotate(-45deg);
	top:-2.3vw;
	left:8vw;
}
#captionArea02 .captionList li.item06 .inBox:after {
	width:7vw;
	transform:rotate(-90deg);
	top:-4.2vw;
	left:calc(50% - 3.8vw);
}
#captionArea02 .captionList li.item07 .inBox:after {
	width:4.5vw;
	transform:rotate(45deg);
	top:-2.2vw;
	left:2vw;
}

#captionArea02 .captionList li.item08 .inBox:after {
	width:5vw;
	 top: 40%;
	left: -5.5vw;
}
#captionArea02 .detailBtn a {
	width:13.28125vw;
	height:auto;
	padding:1.25vw 0 1.15vw;
	line-height:1;
	border-radius:1.875vw;
	font-size:1.25vw;
	margin:0 auto;
}
#captionArea02 .detailBtn a:before {
	margin-right:0.625vw;
	font-size:0.9375vw;
	top:-2.15625px;
}
#captionArea02 .captionList .txt {
	font-size:2.34375vw;
	font-weight:bold;
	line-height:1.33;
	margin-bottom:10px;
}
@media only screen and (min-width: 1280px) {
	/*#captionArea02 .captionList .txt {
		font-size:30px;
	}
	.detailBtn a {
		font-size:16px;
	}*/
}
#movieArea {
	margin:13.7755% auto 0;
	max-width:980px;
}
.movieBox {
	max-height:405px;
	max-width:720px;
	margin:0 auto;
}
#movieArea .movieInBox {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movieArea .movieBox iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
	max-height:405px;
}

#pageDesign h2 {
	margin-bottom:15px;
}
#pageDesign .imgBox01,
#pageDesign .imgBox02,
#pageDesign .imgBox03 {
	max-width:1280px;
	margin-left:auto;
	margin-right:auto;
}
#pageDesign .imgBox01 {
	margin-top:9.76vw;
}
#pageDesign .imgBox01 .img,
#pageDesign .imgBox02 .img,
#pageDesign .imgBox03 .img {
	line-height:1;
	font-size:0;
}
#pageDesign .imgBox01 .img {
	float:left;
	width:57.8%;
}
#pageDesign .imgBox01 .txtBox {
	float:right;
	width:42%;
	padding:0 7.8%;
}
.logElink {
	width:73px;
	margin-left:20px;
	position:relative;
	top:2px;
}
#pageDesign .imgBox02 {
	margin-top:11.4453vw;
}
#pageDesign .imgBox02 .img {
	float:right;
	width:58.6%;
	padding-right:7.8%;
}
#pageDesign .imgBox02 .img02 {
	margin-top:60px;
}
#pageDesign .imgBox02 .txtBox {
	float:left;
	width:41.4%;
	padding:0 4.8% 0 7.8%;
}
#pageDesign .imgBox03 {
	margin-top:11.71875vw;
}
#pageDesign .imgBox03 .inBox {
	max-width:950px;
	margin:0 auto;
}
#pageDesign .imgBox03 .img {
	float:right;
	width:48.6%;
	padding-right:7.8%;
}
#pageDesign .imgBox03 .txtBox {
	float:left;
	max-width:489px;
	width:51.4%;
	padding:0 6.1% 0 7.8%;
}
#pageFunction #firstArea {
	max-width:1100px;
	margin-left:auto;
	margin-right:auto;
}
#pageFunction #firstArea .leftBox {
	width:45.7%;
	float:left;
	position:relative;
	padding:120px 20px 0 0;
}
#pageFunction #firstArea .leftBox .img img {
	width:calc(100% - 20px);
	margin-left:20px;
}
#pageFunction #firstArea .leftBox .lead {
	font-size:30px;
	/*font-size:2.34vw;*/
	font-weight:bold;
	text-align:left;
	position:absolute;
	top:0;
	left:0;
}
#pageFunction #firstArea .rightBox {
	max-width:565px;
	width:54.3%;
	float:right;
	border-bottom:1px solid #000;
}
#pageFunction #firstArea .rightBox .setenceBox {
	padding:40px 0;
	border-top:1px solid #000;
}
#pageFunction #firstArea .rightBox .ttl {
	font-size:22px;
	font-weight:bold;
}
#pageFunction #firstArea .rightBox .txt {
	font-size:18px;
	text-align:justify;
	letter-spacing:-0.7px;
}
#pageFunction #firstArea .rightBox .txtBox {
	float:left;
	width:61.9%;
}
#pageFunction #firstArea .rightBox .capImg {
	float:right;
	width:34.86%;
}
#pageFunction #firstArea .rightBox .btnList {
	margin-top:25px;
}
#pageFunction #firstArea .rightBox .btnList li {
	float:left;
	max-width:270px;
	width:47.78%;
	letter-spacing:-0.5px;
	line-height:1.6;
}
/*#pageFunction #firstArea .rightBox .btnList li:nth-of-type(1) {
	margin-right:13px;
}*/
#pageFunction #firstArea .rightBox .btnList li:nth-of-type(2) {
	float:right;
}
#pageFunction #firstArea .rightBox .btnList li .btnTxt {
	font-size:17px;
	font-weight:bold;
	margin-bottom:10px;
}
#pageFunction #firstArea .rightBox .btnList li:nth-of-type(2) .btnTxt {
	padding-top:27px;
}
#pageFunction #firstArea .rightBox .btnList li .btnTxt img {
	float:left;
	margin-right:10px;
	width:52px;
}
#pageFunction  .detailBtn a {
	width:100%;
}
#fanctionListBox {
	max-width:1100px;
	margin:0 auto;
}
#fanctionListBox h2 {
	margin:145px 0 62px;
}
#fanctionListBox li {
	margin-bottom:98px;
}
#fanctionListBox li:last-child {
	margin-bottom:0;
}
#fanctionListBox li .img {
	/*width:calc(100% - 460px);*/
	width:57.22222%;
	float:left;
	line-height:1;
	font-size:10px;
}
#fanctionListBox li .rightBox {
	/*width:460px;
	padding-left:93px;*/
	width:42.59%;
	padding-left:8.61111%;
	float:right;
}
#fanctionListBox li .rightBox h3 {
	font-size:26px;
	font-weight:bold;
	margin-bottom:8px;
	line-height:1.4;
}
#fanctionListBox li .rightBox .txt {
	font-size:18px;
	line-height:1.66;
	text-align:justify;
}
#fanctionListBox .atokBox {
	border:1px solid #000;
	max-width:922px;
	margin:100px auto 0;
	padding:3.25% 0;
}
#fanctionListBox .inBox {
	width:650px;
	margin:0 auto;
}
#fanctionListBox .atokBox .atokTxtBox {
	float:left;
	width:445px;
}
#fanctionListBox .atokBox .atokTtl {
	font-size:25px;
	font-weight:bold;
}
#fanctionListBox .atokBox .atokTxt {
	font-size:17px;
	line-height:1.64;
}
#fanctionListBox .atokBox .atokImg {
	width:116px;
	float:right;
}
#pageSpec h2 {
	font-size:34px;
	text-align:center;
	font-weight:normal;
	color:#000;
}
#pageSpec #spec01 {
	margin-bottom:120px;
}
#spec02 {
	margin-bottom:100px;
}
#pageSpec .specTableBox {
	max-width:780px;
	border-top:1px solid #000;
	margin:35px auto 0;
}
#pageSpec .specTable {
	width:100%;
}
#pageSpec .specTable tr:first-child th,
#pageSpec .specTable tr:first-child td {
	border-top:none;
}
#pageSpec .specTable th,
#pageSpec .specTable td {
	border:1px solid #c5c5c5;
	padding:0;
	text-align:left;
	vertical-align:top;
	font-size:16px;
	line-height:1.5;
	padding:6px 8px 4px;
}
#pageSpec .specTable th {
	border-left:none;
}
#pageSpec .specTable th.noBorderR {
	border-right:none;
}
#pageSpec .specTable td {
	border-right:none;
}
#pageSpec .celW01 {
	width:135px;
}
#pageSpec .celW02 {
	width:150px;
}
#pageSpec #spec03 {
	margin-bottom:145px;
}
#pageSpec .accessoriesBox {
	margin-top:30px;
	max-width:780px;
	margin:20px auto 0;
}
#pageSpec .accessoriesBox .img {
	width:46%;
	padding:0 9.6% 0 7.24%;
	float:left;
}
#pageSpec .accessoriesBox .txtBox {
	width:54%;
	float:left;
	padding-top:16%;
}
#pageSpec .accessoriesBox h3 {
	font-size:21px;
	font-weight:bold;
	line-height:1.3;
}
#pageSpec .accessoriesBox .price {
	font-size:18px;
	font-family: 'Roboto', YuGothic, "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1;
	margin:8px 0 8px;
}
#pageSpec .accessoriesBox .price strong {
	font-size:26px;
	font-weight:bold;
}
#pageSpec .accessoriesBox dl {
	font-size:16px;
	line-height:1.5;
}
#pageSpec .accessoriesBox dt {
	width:100px;
	position:absolute;
}
#pageSpec .accessoriesBox dd {
	padding-left:100px;
}
#pageSpec #spec04 h2 {
	margin-bottom:45px;
}
#pageSpec #spec04 .btnList {
	width:640px;
	margin:0 auto 75px;
}
#pageSpec #spec04 .btnList li {
	float:left;
	width:300px;
}
#pageSpec #spec04 .btnList li a {
	width:100%;
}
#pageSpec #spec04 .btnList li:last-child {
	float:right;
}
#pageSpec #spec04 .capList {
	max-width:780px;
	margin:0 auto;
}
#pageSpec #spec04 .capList li {
	text-indent:-1em;
	margin-left:1em;
	font-size:14px;
	line-height:1.78;
}
#pageSpec #spec04 .capList li:before {
	content:"※";
	display:inline;
}

#pageSpec .slideArea02 {
	max-width:1080px;
	position:relative;
	margin:0 auto;
	padding:0 50px;
	margin-top:40px;
}
#pageSpec .slideList {
	position:relative;
	margin:0 6%;
	padding:0;
	font-size:12px;
	line-height:1;
}
#pageSpec .slideList li {
	top:0;
	left:0;
	text-align:center;
	/*position:absolute;*/
}
#pageSpec .slideList li .txt {
	display:none;
}
#pageSpec .slideNav02 {
	font-size:0;
	text-align:center;
	margin:30px 0 0;
}
#pageSpec .slideNav02 li {
	font-size:14px;
	line-height:1;
	display:inline-block;
	margin:0 20px;
}
#pageSpec .slideNav02 li img {
	height:65px;
	width:auto;
}
#pageSpec .slideNav02 li:hover img {
	opacity:0.5;
	transition-property: opacity;
  transition-duration: 0.3s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

/* clearfix
------------------------------------- */
.clearfix:after,
.slideArea ul:after,
#captionArea01:after,
#pageDesign .imgBox01:after,
#pageDesign .imgBox02:after,
#pageDesign .imgBox03:after,
#pageFunction #firstArea:after,
#pageFunction #firstArea .rightBox .btnList:after,
#pageFunction #firstArea .rightBox .btnList li .btnTxt:after,
#fanctionListBox li:after,
.atokBox:after,
.accessoriesBox:after,
#spec04 .btnList:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}


@media only screen and (max-width: 768px) {
	.layout10 {
		padding:0 25px;
	}
	.spSection {
		border-bottom:1px solid #808080;
		padding-bottom:35px;
		margin-bottom:35px;
	}
	.low h1 {
		border-bottom:1px solid #808080;
		padding-bottom:20px;
		margin:16px 0 35px;
	}
	#top #topInfoArea h2 {
		font-size:25px;
	}
	h2 {
		text-align:center;
		font-size:36px;
	}
	.low h2 {
		font-size:20px;
		line-height:32px;
	}
	h2 .subTxt {
		font-size:10px;
	}
	h3 {
		font-size:23px;
	}
	.lead {
		font-size:14px;
		line-height:24px;
	}
	.detailBtn a {
		width:123px;
		height:37px;
		padding-top:13px;
		border-radius:19px;
		font-size:11px;
	}
	.detailBtn a:before {
		margin-right:4px;
		font-size:9px;
		top:-1px;
	}
	#contents {
		padding-top:48px;
	}
	.low #contents {
		padding-top:48px;
	}
	
	#mainImg h1 img {
		margin:9.73% 0 7.485%;
	}
	#mainImg .lead {
		width:80.83%;
		margin-bottom:8%;
	}
	#mainImg .imgBox {
		position:relative;
		max-width:900px;
		margin:0 auto 12.388888%;
	}
	#mainImg .imgBox .price {
		position:absolute;
		bottom:-20px;
		right:0;
		font-size:13px;
	}
	#mainImg .imgBox .price strong {
		font-size:25px;
	}
	.slideArea {
		margin-top:35px;
	}
	.slideArea ul {
		width:10000px;
		margin-left:0;
	}
	.slideArea ul li {
		float:left;
		width:100vw;
		margin-right:0;
	}
	.slideNav {
		padding-top:10px;
	}
	.slideNav span {
		margin:0 5px;
		font-size:9px;
	}
	.slideArea .prev,
	.slideArea02 .prev {
		left: 10px;
	}
	.slideArea .next,
	.slideArea02 .next {
		right: 10px;
	}
	#captionArea01 .leftBox {
		width:100%;
		max-width:inherit;
		float:none;
		margin-left:0;
		line-height:1;
		text-align:center;
	}
	#captionArea01 .leftBox h2,
	#captionArea01 .leftBox h3 {
		text-align:center;
		font-size:20px;
		line-height:32px;
	}
	#captionArea01 .leftBox .txt {
		font-size:14px;
		line-height:24px;
		margin:3.255vw 0 0 0;
	}
	#captionArea01 .capImg {
		width:38.0208333vw;
		margin:0 auto 20px;
	}
	#captionArea01 .leftBox .detailBtn a {
		margin:12px auto 0;
	}
	#captionArea01 .repeatBtn a {
		margin-top:17px;
	}
	#pageDesign #captionArea01 .repeatBtn a {
		margin-top:0;
	}
	#captionArea01 .productImg {
		float:none;
		width:100%;
		padding:0 0 0 2vw;
	}
	#captionArea02 {
		margin:55px auto 0;
	}
	#captionArea02 {
		margin:14vw auto 0;
		padding:20vw 3vw 19.01041% 3.29vw;
	}
	#captionArea02 .captionList li.item01 {
		top:0.78125vw;
		left:70%;
	}
	#captionArea02 .captionList li.item02 {
		top:0;
		left:38.5%;
	}
	#captionArea02 .captionList li.item03 {
		top:3.90625vw;
		left:6.5%;
	}
	#captionArea02 .captionList li.item04 {
		top:40vw;
		left:2%;
	}
	#captionArea02 .captionList li.item05 {
		bottom:4.296875vw;
		left:7%;
	}
	#captionArea02 .captionList li.item06 {
		bottom:0px;
		left:40%;
	}
	#captionArea02 .captionList li.item07 {
		bottom:4.296875vw;
		left:75%;
	}
	#captionArea02 .captionList li.item08 {
		top:40vw;
		left:80%;
	}
	#captionArea02 .captionList li.item01 .inBox:after {
		width:10vw;
		transform:rotate(-45deg);
		bottom:-5vw;
		left:4vw;
	}
	#captionArea02 .captionList li.item02 .inBox:after {
		width:8vw;
		transform:rotate(90deg);
		bottom:-5vw;
		left:7vw;
	}
	#captionArea02 .captionList li.item03 .inBox:after {
		width:10vw;
		transform:rotate(45deg);
		bottom:-5vw;
		left:9vw;
	}
	#captionArea02 .captionList li.item04 .inBox:after {
		width:5vw;
		transform:rotate(0);
		top:40%;
		right:-5.0vw;
	}
	#captionArea02 .captionList li.item05 .inBox:after {
		width:5.5vw;
		transform:rotate(-45deg);
		top:-3.2vw;
		left:9vw;
	}
	#captionArea02 .captionList li.item06 .inBox:after {
		width:9vw;
		transform:rotate(-90deg);
		top:-5vw;
		left:7vw;
	}
	#captionArea02 .captionList li.item07 .inBox:after {
		width:5.5vw;
		transform:rotate(45deg);
		top:-3.2vw;
		left:3vw;
	}
	#captionArea02 .detailBtn a {
		width:18vw;
		height:5vw;
		padding-top:1.3vw;
		border-radius:2.5vw;
		font-size:2.0vw;
	}
	#captionArea02 .detailBtn a:before {
		margin-right:0.625vw;
		font-size:1.8vw;
		top:-0.2vw;
	}
	#captionArea02 .captionList .txt {
		font-size:2.6vw;
		line-height:1.2;
		margin-bottom:5px;
	}
	#movieArea h2 .subTxt {
		font-size:12px;
	}
	
	#pageDesign #captionArea01 .leftBox {
		width:100%;
		margin-right:0;
	}
	#captionArea01 h2,
	#captionArea01 h3 {
	position:relative;
	}
	#captionArea01 .txt {
		margin-top:0;
	}
	#pageDesign #captionArea01 .txt {
		width:100%;
	}
	#pageDesign #captionArea01 .capImg {
		width:38.0208333vw;
		margin:3vw auto 6vw;
	}
	#captionArea01 .productImg img {
		max-width:inherit;
	}
	#pageDesign .imgBox01,
	#pageDesign .imgBox02,
	#pageDesign .imgBox03 {
		max-width:inherit;
		margin-top:0;
	}
	#pageDesign #captionArea01 .leftBox h2 {
		margin-bottom:0;
	}
	#pageDesign #captionArea01 .leftBox .txt {
		margin-top:10px;
	}
	.logElink {
		width:55px;
		margin-left:0;
		position:inherit;
		top:auto;
	}
	#pageDesign .imgBox01 .img,
	#pageDesign .imgBox02 .img,
	#pageDesign .imgBox03 .img {
		width:100%;
		padding:0 25px 0;
		float:none;
	}
	#pageDesign .imgBox01 .txtBox,
	#pageDesign .imgBox02 .txtBox,
	#pageDesign .imgBox03 .txtBox {
		width:100%;
		max-width:inherit;
		padding:0 25px 30px;
		float:none;
		text-align:center;
	}
	#pageDesign h2 {
		margin-bottom:10px;
	}
	#pageDesign .imgBox02 .img02 {
		margin-top:15px;
	}
	#pageDesign .imgBox03 .inBox {
		max-width:inherit;
		float:none;
	}
	#pageFunction #firstArea {
		max-width:inherit;
		text-align:center;
	}
	#pageFunction #firstArea .leftBox {
		width:100%;
		float:none;
		padding:0;
	}
	#pageFunction #firstArea .leftBox .img img {
		width:100%;
		margin:0;
	}
	#pageFunction #firstArea .leftBox .lead {
		font-size:20px;
		line-height:32px;
		position:inherit;
		top:auto;
		left:auto;
		margin-bottom:25px;
		text-align:center;
	}
	#pageFunction #firstArea .rightBox {
		max-width:inherit;
		width:100%;
		float:none;
		border-bottom:none;
	}
	#pageFunction #firstArea .rightBox .setenceBox {
		padding:0 0 0;
		border-top:none;
	}
	#pageFunction #firstArea .rightBox .setenceBox:last-child {
		margin-top:30px;
	}
	#pageFunction #firstArea .rightBox .ttl {
		font-size:17px;
		margin-bottom:5px;
		line-height:30px;
	}
	#pageFunction #firstArea .rightBox .txt {
		font-size:14px;
		line-height:24px;
		letter-spacing:normal;
		margin-bottom:15px;
		text-align:center;
	}
	#pageFunction #firstArea .rightBox .setenceBox:first-child .txt {
		margin-bottom:22px;
	}
	#pageFunction #firstArea .rightBox .txtBox {
		float:none;
		width:100%;
	}
	#pageFunction #firstArea .rightBox .capImg {
		float:none;
		width:100%;
	}
	#pageFunction #firstArea .rightBox .btnList {
		width:203px;
		margin:20px auto 0;
	}
	#pageFunction #firstArea .rightBox .btnList li {
		float:none;
		max-width:inherit;
		width:100%;
		letter-spacing:inherit;
		line-height:1.6;
	}
	#pageFunction #firstArea .rightBox .btnList li:nth-of-type(2) {
		float:none;
	}
	#pageFunction #firstArea .rightBox .btnList li .btnTxt {
		font-size:13px;
		font-weight:bold;
		margin-bottom:7px;
		letter-spacing:-0.7px;
	}
	#pageFunction #firstArea .rightBox .btnList li:nth-of-type(2) .btnTxt {
		padding-top:25px;
	}
	#pageFunction #firstArea .rightBox .btnList li .btnTxt img {
		float:left;
		margin-right:7px;
		width:40px;
	}
	#pageFunction  .detailBtn a {
		width:100%;
	}
	#fanctionListBox {
		max-width:inherit;
		margin:0 auto;
	}
	#fanctionListBox h2 {
		margin:0 0 25px;
	}
	#fanctionListBox li {
		margin:0 0 35px;
		padding:0 0 35px;
		border-bottom:1px solid #808080;
	}
	#fanctionListBox li:last-child {
		margin-bottom:0;
	}
	#fanctionListBox li .img {
		width:100%;
		float:none;
		margin-top:16px;
	}
	#fanctionListBox li .rightBox {
		width:100%;
		padding-left:0;
		float:none;
	}
	#fanctionListBox li .rightBox h3 {
		font-size:17px;
		font-weight:bold;
		margin:0 0 6px;
		line-height:27px;
		text-align:center;
	}
	#fanctionListBox li .rightBox .txt {
		font-size:14px;
		line-height:24px;
		text-align:center;
	}
	#fanctionListBox .atokBox {
		max-width:inherit;
		margin:35px 25px 0;
		padding:30px 40px 20px;
	}
	#fanctionListBox .inBox {
		width:100%;
		margin:0 auto;
	}
	#fanctionListBox .atokBox .atokTxtBox {
		float:none;
		width:100%;
		text-align:center;
	}
	#fanctionListBox .atokBox .atokTtl {
		font-size:19px;
		font-weight:bold;
	}
	#fanctionListBox .atokBox .atokTxt {
		font-size:13px;
		line-height:1.64;
		margin:12px 0;
	}
	#fanctionListBox .atokBox .atokImg {
		width:87px;
		float:none;
		margin:0 auto;
	}
	#pageSpec h2 {
		font-size:26px;
	}
	#pageSpec #spec01 {
		margin-bottom:60px;
	}
	#spec02 {
		margin-bottom:60px;
	}
	#pageSpec .specTableBox {
		max-width:inherit;
		margin:35px auto 0;
		word-break: break-all;
	}
	#pageSpec .specTable th {
		font-size:12px;
		padding:6px 2px 4px;
	}
	#pageSpec .specTable td {
		font-size:12px;
		padding:6px 8px 4px;
	}
	#pageSpec .celW01 {
		width:35px;
	}
	#pageSpec .celW02 {
		width:65px;
	}
	#pageSpec #spec03 {
		margin-bottom:65px;
	}
	#pageSpec .accessoriesBox {
		max-width:100%;
		margin:30px auto 0;
	}
	#pageSpec .accessoriesBox .img {
		width:46vw;
		margin:0 auto;
		padding:0;
		float:none;
	}
	#pageSpec .accessoriesBox .txtBox {
		width:320px;
		float:none;
		padding-top:30px;
		margin:0 auto;
		display:block;
	}
	#pageSpec .accessoriesBox h3 {
		font-size:16px;
	}
	#pageSpec .accessoriesBox .price {
		font-size:13px;
		margin:8px 0 8px;
	}
	#pageSpec .accessoriesBox .price strong {
		font-size:21px;
	}
	#pageSpec .accessoriesBox dl {
		font-size:13px;
		line-height:1.5;
	}
	#pageSpec .accessoriesBox dt {
		width:80px;
	}
	#pageSpec .accessoriesBox dd {
		padding-left:80px;
	}
	#pageSpec #spec04 h2 {
		margin-bottom:35px;
	}
	#pageSpec #spec04 .btnList {
		width:100%;
		margin:0 auto 65px;
	}
	#pageSpec #spec04 .btnList li {
		float:none;
		width:225px;
		margin:0 auto;
	}
	#pageSpec #spec04 .btnList li a {
		width:100%;
	}
	#pageSpec #spec04 .btnList li:last-child {
		float:none;
		margin-top:13px;
	}
	#pageSpec #spec04 .capList {
		max-width:inherit;
	}
	#pageSpec #spec04 .capList li {
		font-size:12px;
		line-height:1.78;
	}

	#pageSpec .slideArea02 {
		max-width:inherit;
		padding:0;
		margin-top:60px;
	}
	#pageSpec .slideArea02 li .txt {
		display:block;
		margin-top:30px;
	}
	#pageSpec .slideList {
		position:relative;
		margin:0 6%;
		font-size:10px;
		line-height:1;
	}
	#pageSpec .slideNav {
		padding-top:8px;
	}

}


/*for js*/
.slideIn{
	opacity:0;
}