@charset "UTF-8";
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;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent
}
ol, ul {
	list-style: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: 400
}
body {
	min-width: 320px
}
@font-face {
	font-family: YakuHanJP;
	src: url(../fonts/YakuHanJP-Regular.eot);
	src: url(../fonts/YakuHanJP-Regular.woff2) format("woff2"), url(../fonts/YakuHanJP-Regular.woff) format("woff")
}
@font-face {
	font-family: YakuHanJP;
	font-weight: 700;
	src: url(../fonts/YakuHanJP-Bold.eot);
	src: url(../fonts/YakuHanJP-Bold.woff2) format("woff2"), url(../fonts/YakuHanJP-Bold.woff) format("woff")
}
#feature {
	font-family: YakuHanJP, "ヒラギノ角ゴ Pro", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, sans-serif;
	position: relative;
	overflow: hidden;
	line-height: 1.6;
	color: #2f353d;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-feature-settings: "pkna";
	font-feature-settings: "pkna";
	min-width: 1039px;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	font-size: 15px;
	font-size: .9375rem
}
#feature img {
	touch-callout: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-touch-callout: none;
	-moz-user-select: none;
	-ms-interpolation-mode: bicubic;
	vertical-align: top;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@font-face {
	font-family: Yu Gothic;
	src: local("Yu Gothic Medium")
}
.s-hide {
	display: none
}
.s-bold {
	font-weight: 700
}
.s-blue {
	font-weight: 700;
	color: #0068bf
}
.sp, .l-sp {
	display: none
}
.ftr-section {
*zoom:1;
	margin-bottom: 100px;
}
.ftr-section:before, .ftr-section:after {
	content: "";
	display: table
}
.ftr-section:after {
	clear: both
}
.l-contents-f {
*zoom:1
}
.l-contents-f:before, .l-contents-f:after {
	content: "";
	display: table
}
.l-contents-f:after {
	clear: both
}
.l-contents {
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	width: 94%
}
.l-contents {
*zoom:1
}
.l-contents:before, .l-contents:after {
	content: "";
	display: table
}
.l-contents:after {
	clear: both
}
.l-contents-full {
	margin-right: auto;
	margin-left: auto;
	position: relative;
	width: 94%;
	max-width: 1000px
}
.l-contents-full {
*zoom:1
}
.l-contents-full:before, .l-contents-full:after {
	content: "";
	display: table
}
.l-contents-full:after {
	clear: both
}
.l-contents-sp-full {
	padding: 0
}
.l-contents-inr {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	max-width: 1000px
}
.l-contents-inr {
*zoom:1
}
.l-contents-inr:before, .l-contents-inr:after {
	content: "";
	display: table
}
.l-contents-inr:after {
	clear: both
}
.l-contents-block {
*zoom:1
}
.l-contents-block:before, .l-contents-block:after {
	content: "";
	display: table
}
.l-contents-block:after {
	clear: both
}
.contents-top {
	padding-top: 80px
}
.contents-block__lead {
	padding: 10% 0
}
.contents-block {
	padding-top: 9%
}
.contents-block + hr {
	margin-top: 9%;
}
.contents-block {
*zoom:1
}
.contents-block:before, .contents-block:after {
	content: "";
	display: table
}
.contents-block:after {
	clear: both
}
.contents-block.is-first {
	padding-top: 8%
}
.right-block {
	width: 57%;
	float: right
}
.l-ftr-title {
	position: relative;
	background: #fff;
	border-top: solid 1px #f9f8f6;
	border-bottom: solid 1px #f9f8f6
}
.l-ftr-title {
*zoom:1
}
.l-ftr-title:before, .l-ftr-title:after {
	content: "";
	display: table
}
.l-ftr-title:after {
	clear: both
}
.l-title-title-text {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.ftr-title-text {
	font-family: YakuHanJP, "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "ＭＳ ゴシック", sans-serif;
	margin-right: auto;
	margin-left: auto;
	color: #fff;
	text-align: center;
	width: 90%;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	font-size: 225%
}
.ftr-title-text {
*zoom:1
}
.ftr-title-text:before, .ftr-title-text:after {
	content: "";
	display: table
}
.ftr-title-text:after {
	clear: both
}
.title-white {
	border-top: solid 1px #f1f1f1;
	border-bottom: solid 1px #f1f1f1;
	background: #fff
}
.l-title-inr {
	width: 94%;
	height: 100%;
	max-width: 1200px;
	position: relative;
	margin-right: auto;
	margin-left: auto
}
.ftr-title-text-left {
	text-align: left;
	max-width: 1200px
}
.ftr-title-text-right {
	text-align: left;
	max-width: 1200px
}
.ftr-title-text-right span {
	float: right
}
.ftr-title-bg {
	max-width: 1920px;
	display: block;
	vertical-align: top;
	margin-right: auto;
	margin-left: auto
}
.ftr-title {
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	position: absolute
}
.heading-level0 {
	border-top: solid 1px #000;
	padding: 8% 0;
	text-align: center;
	font-size: 30px;
	font-size: 1.875rem
}
.heading-level0.is-margin_top {
	margin-top: 15%
}
.heading-level1 {
	padding-top: 10%;
	padding-bottom: 10%;
	text-align: center;
	font-size: 175%;
	font-weight: 700
}
.heading-level2 {
	padding-bottom: 6.5%;
	font-size: 175%;
	padding-bottom: 1em;
	margin-bottom: 1em;
	border-bottom: solid 1px #ccc
}
.heading-level3 {
	font-size: 118.75%;
	padding-bottom: 1.8em;
	font-weight: 700
}
.heading-level3.center {
	text-align: center
}
.heading-shoulder {
	display: block;
	font-weight: 400;
	font-size: 64.28571%;
	padding-bottom: .3em
}
.l-btn-area {
*zoom:1
}
.l-btn-area:before, .l-btn-area:after {
	content: "";
	display: table
}
.l-btn-area:after {
	clear: both
}
.ftr-btn-black {
	background: #000;
	color: #fff;
	width: 50%;
	padding: 1.5em 0;
	display: block;
	transition: all .3s;
	border: solid 1px #000;
	margin-right: auto;
	margin-left: auto;
	z-index: 2;
	position: relative;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	line-height: 1
}
.ftr-btn-black:after {
	background: #fff;
	content: '';
	transform: scale(0);
	transition: all .3s;
	z-index: -1;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0)
}
.ftr-btn-black:hover {
	color: #000;
	text-decoration: none
}
.ftr-btn-black:hover:after {
	transform: scale(1);
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100)
}
.ftr-btn-black .s5-icon-window {
	position: absolute;
	top: .5em;
	right: .2em
}
.btn-game-show {
	background: #000;
	border: solid 1px #000
}
.zoom {
	background: #000;
	display: block;
	position: relative;
	overflow: hidden
}
.zoom:after {
	content: '';
	background: url(../img/ico-zoom.png);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 60px;
	height: 60px;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	margin: -30px 0 0 -30px;
	transition: all .3s;
	top: 70%
}
.zoom img {
	vertical-align: baseline;
	transition: opacity .3s;
	display: block
}
.zoom:hover img {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50)
}
.zoom:hover:after {
	top: 50%;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100)
}
.ftr-btn-fade {
	transition: all .3s
}
.ftr-btn-fade:hover {
	transition: all .3s;
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60)
}
.ftr-par {
	margin-bottom: 2.2em
}
.ftr-p {
	line-height: 2
}
.person {
	padding-top: 1em;
	font-size: 87.5%
}
.person dd {
	line-height: 1.8
}
.cf {
*zoom:1
}
.cf:before, .cf:after {
	content: "";
	display: table
}
.cf:after {
	clear: both
}
em {
	font-style: normal;
	font-weight: 700
}
.person-right {
	width: 39%;
	float: right;
	margin-left: 5%;
	margin-bottom: 5%
}
.person-right.mb00 {
	margin-bottom: 0
}
.person-right.w340 {
	width: 34%
}
.person-right.w475 {
	width: 47.5%
}
.person-right.w408 {
	width: 40.8%
}
.person-left {
	width: 39%;
	float: left;
	margin-right: 5%;
	margin-bottom: 5%
}
.person-left.mb00 {
	margin-bottom: 0
}
.person-left.w310 {
	width: 31%
}
.person-left.w475 {
	width: 47.5%
}
.person-profile {
	font-size: 87.5%;
	padding-top: 3.57143%;
	line-height: 1.8
}
.right-box {
	float: right;
	width: 56%
}
.right-box.w480 {
	width: 47.5%;
	margin-left: 2.5%;
	margin-bottom: 0
}
.left-box {
	float: left;
	width: 62%
}
.left-box.w480 {
	width: 47.5%;
	margin-right: 2.5%;
	margin-bottom: 0
}
.left-box-486 {
	float: left;
	width: 48.6%;
	margin-right: 4.5%
}
.thumb80 {
	width: 80%;
	margin-right: auto;
	margin-left: auto
}
.fit-image {
	width: 100%
}
.ftr-list2 {
*zoom:1
}
.ftr-list2:before, .ftr-list2:after {
	content: "";
	display: table
}
.ftr-list2:after {
	clear: both
}
.ftr-list2-list {
	width: 48.6%;
	float: left;
	text-align: left
}
.ftr-list2-list.is-left {
	margin-right: 2.8%
}
.ftr-list3 {
*zoom:1
}
.ftr-list3:before, .ftr-list3:after {
	content: "";
	display: table
}
.ftr-list3:after {
	clear: both
}
.ftr-list3-list {
	width: 31%;
	float: left;
	text-align: left;
	margin-right: 2.8%
}
.ftr-list3-list.is-last {
	margin-right: 0
}
.comment-name {
	font-weight: 700;
	padding-right: .4em
}
.comment {
	color: #8d7346
}
.comment02 {
	background: #FFF;
	padding: 2% 5%
}
.comment02 em {
	font-size: 116%
}
.name {
	padding-top: .7em;
	font-size: 78%;
	text-align: center;
	line-height: 1.8
}
.note {
	padding-top: 1em;
	display: inline-block;
	font-size: 75%
}
.hr-glay {
	padding: 0;
	margin: 0;
	border: none;
	border-top: solid 1px #efefef
}
.ftr-hr {
	padding: 0;
	margin: 0;
	border: none;
	border-top: solid 2px #efefef
}
.ico {
	font-family: icon;
	speak: none;
	font-style: normal;
	font-weight: 400;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	vertical-align: baseline;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}
.ico-right:before {
	content: "\f0da";
	margin: 0 .2em 0 0
}
.ico-down:before {
	content: "\f0d7"
}
.ico-close:before {
	content: "\f00d"
}
.ico-border {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 1em;
	height: 1px;
	border-top: solid 1px #000;
	top: .75em
}
.strong {
	font-weight: 700
}
.sup {
	font-size: 70%
}
.afont {
	font-family: sans-serif
}
.line {
	font-weight: 400;
	margin-right: .2em;
	position: relative;
	padding-left: 1em
}
.line:after {
	content: '\00a0';
	position: absolute;
	width: 100%;
	height: 1px;
	background: #000;
	top: 50%;
	left: 0
}
.is-block {
	display: block
}
.is-min {
	font-size: 80%
}
.profile-text {
	margin-top: .5em
}
.mora-link {
	font-weight: 700;
	color: #4472c4
}
.mora-link:hover {
	color: #4472c4
}
.youtube-title {
	font-weight: 700;
	text-align: center
}
.youtube {
	position: relative;
	width: 100%;
	padding-top: 56.25%
}
.youtube iframe, .youtube video {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%!important;
	height: 100%!important
}
.mt1 {
	margin-top: 1.8em
}
.l-fb {
	text-align: right;
	padding: 70px 0 100px
}
.l-fb {
*zoom:1
}
.l-fb:before, .l-fb:after {
	content: "";
	display: table
}
.l-fb:after {
	clear: both
}
.l-fb h5 {
	font-size: 11px;
	font-size: .6875rem;
	color: #4d63b8;
	padding-bottom: .3em
}
.ftr-fb {
	padding-right: 1em;
	float: right;
	text-align: left
}
.ftr-fb-area {
	display: inline-block
}
.l-sns {
	padding: .6em 0
}
.ftr-sns {
	float: right;
	line-height: 1
}
.ftr-sns {
*zoom:1
}
.ftr-sns:before, .ftr-sns:after {
	content: "";
	display: table
}
.ftr-sns:after {
	clear: both
}
.ftr-sns-list {
	float: left;
	height: 25px
}
.ftr-sns-fb {
	margin-right: 10px
}
.ftr-sns-tw {
	margin-right: 10px
}
.c0 {
	margin-bottom: 60px
}
.c0 img {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
.c0 .l-ftr-title {
	border: none;
	background: #fff
}
.c0 .l-title-inr {
	max-width: 1400px;
	text-align: left
}
.c0 .ftr-title-bg {
	margin: 0;
	float: right;
	max-width: auto;
	max-width: inherit
}
.c0-main {
	padding-top: 9.58333%;
	padding-bottom: 11.25%
}
.c0-main p {
	width: 83.16667%;
	margin: 0 auto
}
.c0-main p.ftr-par {
	margin-bottom: 2.2em
}
.c0-text {
	position: absolute;
	width: 44.27083%;
	left: 13.54167%;
	top: 25.83333%;
	font-family: YuGothic, Yu Gothic, sans-serif;
	color: #2f353d;
	line-height: 1.371;
	text-align: center;
	font-size: 35px;
	font-size: 1.82292vw
}
.c0-text span em {
	font-weight: 700;
	font-style: normal
}
.c0-text img {
	width: 59.06736%;
	margin-top: -6.21762%
}
.l-ftr-topnavi {
	background: #f1f1f1;
	padding: 55px 0
}
.ftr-topnavi {
	text-align: center;
	letter-spacing: -.4em
}
.ftr-topnavi-list {
	letter-spacing: normal;
	width: 35%;
	margin-right: 1.66667%;
	margin-bottom: 1.66667%;
	display: inline-block;
	font-size: 94%
}
.ftr-topnavi-list-bottom {
	margin-bottom: 0
}
.ftr-topnavi-list-end {
	margin-right: 0
}
.ftr-topnavi-btn {
	width: 100%;
	background: #fff;
	line-height: 1.5;
	text-align: center;
	position: relative;
	border-bottom: solid 2px #bdbdbd;
	display: table;
	transition-property: color, background;
	transition-duration: .5s, .5s
}
.ftr-topnavi-btn .sp {
	display: none
}
.ftr-topnavi-btn .inr {
	display: table-cell;
	height: 120px;
	vertical-align: middle;
	padding: 0 .5em
}
.ftr-topnavi-btn:hover {
	transition-property: color, background;
	transition-duration: .5s, .5s;
	color: #fff;
	background: #5787f4;
	text-decoration: none
}
.ftr-topnavi-btn .ico {
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -.5em
}
.c1 .ftr-title-text {
	position: absolute;
	width: 50%;
	text-align: center;
	right: 0
}
.s-contents {
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #efefef;
	padding: 2.91667%;
	box-sizing: border-box
}
.s-contents {
*zoom:1
}
.s-contents:before, .s-contents:after {
	content: "";
	display: table
}
.s-contents:after {
	clear: both
}
.s-contents img {
	margin: 0 auto;
	max-width: 837px;
	display: block
}
.img-note {
	font-size: 87.5%;
	padding-top: 1.66667%;
	line-height: 1.8
}
.c1-icon {
	text-align: center;
	padding-top: 1.5em
}
.profile {
	width: 68.33333%;
	margin: 0 auto
}
.profile .person {
	width: 47.56098%;
	margin: 0
}
.profile .person-right {
	float: right
}
.profile .person-left {
	float: left
}
.c1-thumb6 {
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
	display: block
}
.c1-thumb3 {
	margin-bottom: 3%
}
.c1-credit {
	text-align: right
}
.c1-link {
	margin-top: 7%
}
.c1-link .contents-block {
	padding-top: 7%
}
.c1-link .ftr-btn-black {
	margin-left: 0;
	margin-top: 1em;
	width: auto;
	display: inline-block;
	padding-left: 3em;
	padding-right: 3em;
	background-color: #9c9ca6;
	border-color: #9c9ca6
}
.c1-link .c1-link__left {
	width: 40%;
	float: left
}
.c1-link .c1-link__right {
	width: 55%;
	float: right
}
.c2 .mora {
	position: relative;
	padding-bottom: 48%
}
.c2 .mora .ftr-title-bg {
	position: absolute
}
.c2 .mora .box {
	width: 100%;
	text-align: center;
	position: absolute;
	padding-top: 5%
}
.c2 .mora .box li {
	width: 34%;
	position: relative;
	display: inline-block
}
.c2 .mora .box li .btn {
	position: absolute;
	bottom: 5.18135%;
	text-align: center;
	width: 100%
}
.c2 .mora .box li .btn img {
	margin: 0 auto;
	width: 71.13821%
}
.c2 .mora .box li .btn a {
	display: inline-block;
	margin: 0 auto
}
.c2 .mora .box li+li {
	margin-left: 10%
}
.c3 .ftr-title-text {
	width: auto
}
.c3 .ftr-title-text span {
	display: inline-block
}
.c3 .s-contents {
	margin-right: auto;
	margin-left: auto;
	border: solid 1px #efefef;
	padding: 8.33333%;
	box-sizing: border-box
}
.c3 .s-contents {
*zoom:1
}
.c3 .s-contents:before, .c3 .s-contents:after {
	content: "";
	display: table
}
.c3 .s-contents:after {
	clear: both
}
.c3 .s-contents .heading-level2 {
	padding-bottom: 0;
	font-size: 200%;
	margin-bottom: 1.5em;
	border: none
}
.c3 .c0-profile {
	margin-top: 1em;
	font-size: 90%
}
.c3 .c0-profile span {
	display: block;
	font-weight: 700
}
.c5 .iner-box {
	width: 48.33333%;
	padding-top: 1.8em;
	margin: 0 auto
}
.c5 .iner-box a {
	color: #2892e2
}
.c6 .heading-level3 {
	text-align: center!important;
	margin: 0;
	padding-bottom: 30px;
	font-size: 16px!important;
	font-size: 1.0rem!important;
	font-weight: 700!important;
	line-height: 1.4;
	border-bottom: 1px solid #ccc
}
.c6 .ss-product__inner {
	padding-top: 9%;
	width: 100%
}
.ss-product__colwrap {
	display: flex;
	justify-content: center;
}
.c6 .ss-product__inner .ss-product__col {
	text-align: center;
	/*float: left;*/
	width: 300px;
}
.c6 .ss-product__inner .ss-product__col+.ss-product__col {
	margin-left: .83333%
}
.c6 .ss-product__inner .ss-product__col img {
	width: 100%
}
.c6 .ss-product__inner .ss-product__col.col1 {
	text-align: center;
	width: 49.16667%
}
.c6 .ss-product__inner .ss-product__col.col1 .ss-product__col {
	width: 49.15254%
}
.c6 .ss-product__inner .ss-product__col.col1 .ss-product__col+.ss-product__col {
	margin-left: 1.69492%
}
.c6 .ss-product__inner .ss-product__col a {
	width: 100%
}
.c6 .ss-product__name {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	-webkit-flex-basis: 100%;
	text-align: center!important;
	margin: 50px 0 25px;
	font-size: 16px!important;
	font-size: 1.0rem!important;
	font-weight: 400!important;
	line-height: 1.4
}
.c6 .s5-button {
	margin: 15px 0 0;
	padding: 14px 15px 12px;
	width: 100%;
	line-height: 1.2;
	color: #fff!important
}
.product-title {
	text-align: center;
	font-weight: 700;
	margin-bottom: 6.66667%;
	font-size: 137.5%;
	padding-bottom: 1em
}
.c9-title__area {
	padding-top: 90px;
	padding-bottom: 60px
}
.c9-title {
	font-weight: 700;
	text-align: center;
	padding-bottom: 1.3em;
	font-size: 28px;
	font-size: 1.75rem
}
.c9-title2 {
	font-weight: 700;
	text-align: left;
	padding-bottom: 1.3em;
	font-size: 143.75%
}
.c9-table {
	margin-bottom: 90px
}
.c9-table dt {
	font-weight: 700;
	font-size: 112.5%;
	margin-bottom: .5em
}
.c9-table dd {
	margin-bottom: 2.66667%
}
.album {
	margin-bottom: 70px
}
.album {
*zoom:1
}
.album:before, .album:after {
	content: "";
	display: table
}
.album:after {
	clear: both
}
.album-thumb {
	width: 33.33333%;
	float: right
}
.album-main2 {
	width: 72.08333%;
	float: left
}
.album-main2 dt {
	font-weight: 700;
	margin-bottom: .4em
}
.album-main2 dd {
	margin-bottom: 1.2em
}
.album-thumb2 {
	width: 24.5%;
	float: right
}
.album-main {
	width: 62.5%;
	float: left
}
.album-title {
	font-weight: 700;
	font-size: 143.75%;
	margin-bottom: .7em
}
.album-list {
	position: relative;
	padding-left: 2.5em;
	line-height: 2
}
.album-list.album-list2 {
	padding-left: 8em
}
.album-list.album-list2 .number {
	font-weight: 700
}
.album-list .number {
	position: absolute;
	left: 0
}
#shop-list {
	margin-bottom: 3.33333%
}
.mora .product-title {
	margin-bottom: 35px;
	padding-bottom: 0
}
.mora .ftr-btn-black {
	padding: 2.3em 0;
	font-size: 131.25%
}
.mora-lead {
	text-align: center;
	line-height: 2;
	font-weight: 700;
	padding: 40px 0
}
.c800 {
	margin-top: 0;
	padding-bottom: 40px
}
.c800 .contents-block__block {
	margin-top: 5%
}
.c5-banner {
	position: relative;
	margin-bottom: 10%
}
.c5-banner {
*zoom:1
}
.c5-banner:before, .c5-banner:after {
	content: "";
	display: table
}
.c5-banner:after {
	clear: both
}
.c5-banner .banner-thumb {
	width: 45.33333%;
	float: left;
	text-align: center
}
.c5-banner .banner-main {
	width: 54.66667%;
	padding: 0 2.5%;
	box-sizing: border-box;
	text-align: left;
	float: right
}
.c5-banner .banner-main .banner-text {
	padding-top: 1em;
	padding-bottom: 1.5em;
	text-align: left
}
.c5-banner .banner-main .banner-text p {
	padding: 1em 0
}
.c5-banner .banner-main a {
	padding: .8em 2em;
	display: inline-block;
	width: auto;
	font-size: 100%
}
.c5-banner .banner-main a .ico {
	margin-right: .4em
}
.c5-banner .banner-main .s5-listItem4 {
	width: 33.333%
}
.c5-banner .banner-main .banner-ico {
	background-color: #cb5442;
	color: #fff;
	line-height: 1;
	padding: .2em .7em;
	display: inline-block;
	font-size: 11px;
	font-size: .6875rem
}
.c5-banner .banner-main .banner-ico.blue {
	background-color: #6a9bc2
}
.c5-banner .banner-main .banner-ico.orange {
	background-color: #e47048
}
.c5-banner .banner-main .banner-title {
	font-weight: 700;
	text-align: left;
	border: none;
	padding: 0;
	line-height: 1.6;
	margin-top: .3em;
	font-size: 17px;
	font-size: 1.0625rem
}
.c5-banner .banner-main .banner-title span {
	font-size: 12px;
	font-size: .75rem;
	display: block;
	font-weight: 400;
	padding-top: 1em
}
.c5-banner .thumb {
	display: block;
	max-width: 1090px;
	margin-bottom: 1em
}
.product-title {
	text-align: center;
	font-weight: 700;
	margin-bottom: 6.66667%;
	font-size: 137.5%;
	padding-bottom: 1em
}
.banner-thumb {
	width: 52.5%;
	float: left
}
.banner-thumb .banner-main {
	width: 35.83333%;
	text-align: center;
	float: right
}
.c10 {
	color: #000
}
.c10 .l-ftr-title {
	background: #151515
}
.c10 .ftr-title-text {
	color: #fff
}
.ftr-section-impression {
	padding-bottom: 50px
}
.ftr-section-impression .ftr-title {
	width: 61%;
	max-width: 736px
}
.ftr-imp-question {
	font-size: 90%
}
.ftr-imp-question .label {
	color: #34aaf6;
	margin: 0 .2em
}
.l-other-link {
	padding: 1em 0
}
.l-other-link {
*zoom:1
}
.l-other-link:before, .l-other-link:after {
	content: "";
	display: table
}
.l-other-link:after {
	clear: both
}
.other-link-list {
	float: left;
	width: 23%;
	margin-right: 2.5%;
	margin-bottom: .4em
}
.other-link-list a {
	display: block;
	transition: all .3s;
	font-size: 90%
}
.other-link-list a:hover {
	opacity: .6;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
	filter: alpha(opacity=60);
	text-decoration: none
}
.other-link-list img {
	border: solid 1px #ccc;
	display: block;
	width: 100%;
	margin-bottom: .3em
}
.other-link-list-end {
	margin-right: 0
}
.ftr-footer-note {
	margin: 30px 0;
	color: #999;
	font-size: 11px;
	font-size: .6875rem
}
.c10-twitter {
	background: #efefef;
	padding-bottom: 1.5em;
	margin-top: 4em;
	margin-bottom: 4em
}
.c10-twitter {
*zoom:1
}
.c10-twitter:before, .c10-twitter:after {
	content: "";
	display: table
}
.c10-twitter:after {
	clear: both
}
.c10-twitter-inr {
	width: 80%;
	position: relative;
	margin-right: auto;
	margin-left: auto
}
.c10-twitter-title {
	text-align: center;
	padding: 1.5em 0
}
.twitter-timeline {
	width: 100%!important
}
.c10-enquete {
	margin-bottom: 6.66667%
}
.c100 {
	margin-bottom: 5%;
	color: #000
}
.c100 .l-ftr-title {
	border-top: solid 1px #f1f1f1;
	background: #f6f6f6;
	border-bottom: solid 1px #f1f1f1
}
.c100 .l-title-inr {
	text-align: left;
	max-width: 1200px
}
.c100 .ftr-title-text {
	text-align: left;
	width: auto;
	color: #2f353d;
	text-shadow: #fff 1px 1px 4px, #fff -1px 1px 4px, #fff 1px -1px 4px, #fff -1px -1px 4px, #fff 1px 1px 4px, #fff -1px 1px 4px, #fff 1px -1px 4px, #fff -1px -1px 4px
}
.c100 .ftr-title-text span {
	display: inline-block;
	text-align: center
}
.c100-lead {
	padding-top: 7%;
	padding-bottom: 3%
}
.l-navi {
	position: relative;
	z-index: 1000;
	max-width: 1260px;
	width: 100%
}
#ftr-navi {
	width: 15px;
	position: absolute;
	right: 0
}
.ftr-navi-list {
	margin-bottom: 1px;
	position: relative
}
.ftr-navi-list {
*zoom:1
}
.ftr-navi-list:before, .ftr-navi-list:after {
	content: "";
	display: table
}
.ftr-navi-list:after {
	clear: both
}
.ftr-navi-list span {
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	width: 100%;
	text-align: center;
	vertical-align: middle;
	margin-top: -.75em;
	letter-spacing: 0;
	font-family: "游ゴシック", YuGothic, Hiragino Kaku Gothic ProN, Hiragino Kaku Gothic Pro, "ＭＳ ゴシック", sans-serif
}
.ftr-navi-list .ftr-navi-over {
	position: absolute;
	width: 360px;
	background: #000;
	right: -360px;
	top: 0;
	text-align: left;
	font-size: 90%;
	height: 60px;
	display: table;
	font-size: 13px;
	font-size: .8125rem;
	background: #799ef7;
	transition: all .5s
}
.ftr-navi-list .ftr-navi-over p {
	display: table-cell;
	vertical-align: middle;
	padding-left: 2em;
	position: relative
}
.ftr-navi-list .ftr-navi-over .ico {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	left: 10px;
	top: 50%;
	margin-top: -.5em
}
.ftr-navi-btn {
	text-align: center;
	background: #9c9ca6;
	color: #fff;
	padding: 0;
	display: block;
	transition: all .3s;
	height: 60px;
	width: 15px;
	position: relative;
	overflow: hidden;
	float: right
}
.ftr-navi-btn:hover, .ftr-navi-btn.current {
	color: #fff;
	background: #799ef7;
	transition: all .3s;
	text-decoration: none
}
.ftr-navi-btn.current {
	cursor: default
}
.ftr-navi-btn.open {
	width: 360px
}
.ftr-navi-btn.open span {
	display: none
}
.ftr-navi-btn.open .ftr-navi-over {
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	right: 0
}

@media screen and (max-width:1200px) {
#feature {
	min-width: auto
}
}

@media screen and (max-width:767px) {
#feature {
	font-size: 13px;
	font-size: .8125rem;
	overflow-x: hidden
}
.sp, .l-sp {
	display: block
}
.pc, .l-pc {
	display: none
}
.l-contents {
	width: auto;
	padding: 0 20px
}
.l-contents-full {
	display: block;
	width: auto;
	padding: 0 20px
}
.l-contents-inr {
	width: auto
}
.contents-block {
	padding-top: 11.71875%
}
.ftr-title-text {
	width: auto
}
.l-title-inr {
	width: 90%
}
.ftr-title-bg {
	width: 100%
}
.heading-level0 {
	font-size: 16px;
	font-size: 1rem
}
.heading-level1 {
	font-size: 123.07692%;
	padding-top: 7.14286%;
	padding-bottom: 7.14286%
}
.heading-level2 {
	font-size: 123.07692%;
	font-weight: 700;
	padding-bottom: 1.2em;
	text-align: center
}
.heading-level3 {
	font-size: 100%;
	font-weight: 700;
	padding-bottom: 1.1em
}
.ftr-btn-black {
	width: auto
}
.zoom {
	overflow: visible
}
.zoom:after {
	content: '';
	background: url(../img/ico-zoom-sp.png);
	display: block;
	position: absolute;
	top: 100%;
	left: 100%;
	width: 20px;
	height: 20px;
	opacity: 1;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
	margin: 0;
	top: auto;
	left: auto;
	bottom: -10px;
	right: -10px;
	background-size: 20px 20px
}
.zoom:hover img {
	opacity: .5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50)
}
.zoom:hover:after {
	top: auto
}
.zoom-gp {
	padding-bottom: 22px;
	background: #fff
}
.zoom-gp:after {
	content: '';
	background: url(../img/ico-zoom-sp-gp.png);
	display: block;
	position: absolute;
	top: 100%;
	left: 100%;
	width: 43px;
	height: 18px;
	background-size: 43px 18px;
	bottom: 0;
	top: auto;
	left: auto;
	right: 7px
}
.ftr-par {
	margin-bottom: 1.3em
}
.person-right {
	width: 48.21429%!important;
	margin-left: 3.57143%;
	margin-bottom: 1em!important
}
.person-left {
	width: 48.21429%!important;
	margin-right: 3.57143%;
	margin-bottom: 1em!important
}
.right-box.w480 {
	width: 48.21429%!important;
	float: right;
	margin-left: 0
}
.right-box.w480.sp100 {
	float: none;
	width: auto!important;
	margin-left: 0;
	margin-bottom: 1em
}
.right-box.w480.right-box-none {
	width: auto;
	float: none;
	display: inline
}
.right-box {
	float: none;
	width: auto
}
.left-box {
	float: none;
	width: auto
}
.left-box.w480 {
	width: 48.21429%!important;
	float: left
}
.left-box.w480.sp100 {
	float: none;
	width: auto!important;
	margin-bottom: 1em
}
.ftr-list2-list {
	width: 100%;
	float: none
}
.ftr-list2-list.is-left {
	margin-right: 0;
	margin-bottom: 1em
}
.ftr-list3-list {
	width: 100%;
	float: none;
	margin-bottom: .8em
}
.ftr-list3-list.is-left {
	margin-right: 0;
	margin-bottom: 1em
}
.l-fb {
	padding-top: 30px;
	padding-bottom: 40px
}
.ftr-fb {
	text-align: left;
	float: none;
	padding: 0
}
.ftr-sns {
	float: none;
	padding: 1em 0
}
.c0 {
	margin-bottom: 30px
}
.c0 .l-title-inr {
	text-align: center;
	padding-top: 8.92857%;
	padding-bottom: 3.57143%
}
.c0-main {
	padding-top: 8.59375%;
	padding-bottom: 11.71875%
}
.c0-main p {
	width: 100%
}
.c0-text {
	transform: translateY(0);
	position: absolute;
	width: 100%;
	top: 5%;
	left: 0;
	bottom: .8em;
	text-align: left;
	padding: 0 20px;
	box-sizing: border-box
}
.c1 .ftr-title-text {
	transform: translateY(0);
	position: absolute;
	width: 80%;
	top: auto;
	bottom: .8em;
	left: 0;
	text-align: center
}
.c1 .ftr-title-text span {
	display: block
}
.c1 .ftr-title-text {
	transform: translateY(0);
	position: absolute;
	width: 100%;
	top: 50%;
	bottom: auto;
	margin-top: -1em;
	text-align: left
}
.c1-icon {
	padding-top: 1em
}
.c1-icon img {
	max-width: 109px
}
.profile {
	width: 100%
}
.c1-link .c1-link__left {
	display: block;
	float: none;
	width: 100%;
	max-width: 380px;
	margin: 0 auto 1em
}
.c1-link .c1-link__right {
	float: none;
	width: 100%
}
.c2 .mora {
	padding-bottom: 194.83568%
}
.c2 .mora .box {
	padding-top: 4.6875%
}
.c2 .mora .box li {
	width: 82%
}
.c2 .mora .box li {
	margin: 0 0 3.125%!important
}
.c2 .ftr-title-text {
	transform: translateY(0);
	position: absolute;
	width: 100%;
	top: 50%;
	margin-top: -2em;
	bottom: auto;
	text-align: center
}
.c2 .ftr-title-text span {
	display: block
}
.c3 .ftr-title-text {
	transform: translateY(0);
	position: absolute;
	width: 60%;
	top: 50%;
	margin-top: -2em;
	bottom: auto;
	text-align: left
}
.c3 .ftr-title-text span {
	display: block
}
.c3 .s-contents .heading-level2 {
	font-size: 123.07692%;
	font-weight: 700;
	text-align: center
}
.c4 .contents-block {
	padding-top: 11.71875%
}
.c5 .iner-box {
	width: 100%;
	padding-top: 1.1em;
	padding-bottom: 9%
}
.c6 .ss-product__inner {
	width: 86.207%;
	margin: 0 auto;
	padding-top: 11.71875%
}
	.ss-product__colwrap {
		display: block;
	}
.c6 .ss-product__inner .ss-product__col+.ss-product__col {
	margin-left: 0!important
}
.c6 .ss-product__inner .ss-product__col {
	width: 100%!important;
	margin-bottom: 30px;
}
.c6 .ss-product__inner .ss-product__col.col1 {
	width: 100%
}
.product-title {
	margin-bottom: 8.92857%
}
.c9-title__area {
	padding-top: 15.17857%;
	padding-bottom: 7.14286%
}
.c9-title {
	font-size: 16px;
	font-size: 1rem
}
.c9-title2 {
	font-size: 16px;
	font-size: 1rem
}
.c9-table {
	margin-bottom: 17.85714%
}
.album {
	margin-bottom: 17.85714%
}
.album2 {
	margin-bottom: 0
}
.album-thumb {
	float: none;
	width: 100%;
	margin-bottom: 1.5em
}
.album-main2 {
	width: 100%
}
.album-thumb2 {
	margin: 0 auto 1.5em;
	float: none;
	width: 58.92857%;
	display: block;
	max-width: 230px
}
.album-main {
	width: 100%
}
.album-title {
	font-size: 100%;
	margin-bottom: 1em
}
.mora .product-title {
	margin-bottom: 5.35714%
}
.mora-lead {
	padding: 5.35714%
}
.c800 {
	padding-bottom: 50px
}
.c5-banner .banner-thumb {
	float: none;
	width: 92.85714%;
	margin-bottom: 1.5em;
	margin-right: auto;
	margin-left: auto
}
.c5-banner .banner-main {
	width: 100%;
	float: none;
	position: relative;
	top: 0;
	padding-top: 0;
	transform: translateY(0)
}
.c5-banner .banner-main .banner-text {
	padding-top: 1em;
	padding-bottom: 1em
}
.c5-banner .banner-main a {
	padding-left: 1em;
	padding-right: 0;
	width: 100%
}
.c5-banner .banner-main .banner-title {
	font-size: 115.38462%;
	text-align: center
}
.c5-banner .ftr-p {
	margin-bottom: 1.2em
}
.product-title {
	margin-bottom: 8.92857%
}
.banner-thumb .banner-main {
	width: 100%;
	float: none
}
	.ftr-section {
		margin-bottom: 13%;
	}
.ftr-section-impression {
	padding-bottom: 00px
}
.ftr-section-impression .ftr-title {
	width: 87.5%
}
.l-other-link {
	max-width: 300px;
	margin-right: auto;
	margin-left: auto
}
.other-link-list {
	width: 100%
}
.ftr-footer-note {
	margin: 15px 0
}
.c10-twitter-inr {
	width: 90%
}
.c10-enquete {
	margin-bottom: 12.5%
}
.c100 .l-title-inr {
	text-align: center
}
.c100 .ftr-title-text {
	text-align: left;
	transform: translateY(0);
	top: auto;
	bottom: 1em;
	position: absolute
}
.c100 .ftr-title-text span {
	text-align: left
}
}

@media screen and (max-width:960px) {
.ftr-title-text {
	font-size: 143.75%
}
.l-ftr-topnavi {
	padding: 0
}
.ftr-topnavi {
	width: 93%;
	padding: 1.2em 0;
	margin-right: auto;
	margin-left: auto
}
.ftr-topnavi-list {
	width: 100%;
	margin-right: 0;
	margin-bottom: .3em;
	font-size: 90%
}
.ftr-topnavi-btn {
	text-align: left;
	line-height: 1.5;
	min-height: 4em
}
.ftr-topnavi-btn .pc {
	display: none
}
.ftr-topnavi-btn .sp {
	display: block
}
.ftr-topnavi-btn .inr {
	width: 93%;
	height: auto;
	padding: .5em 0 .5em 2em;
	position: relative;
	margin-right: auto;
	margin-left: auto
}
.ftr-topnavi-btn .inr.is-oneline {
	padding-top: 1.25em;
	padding-bottom: 1.25em
}
.ftr-topnavi-btn .ico {
	bottom: auto;
	top: 50%;
	left: 0;
	margin-left: .75em;
	margin-top: -.5em
}
}

@media screen and (max-width:768px) {
.ftr-title-text {
	font-size: 187.5%
}
}

@media screen and (max-width:500px) {
.ftr-title-text {
	font-size: 119.23077%
}
}

@media screen and (max-width:767px) and (max-width:768px) {
.c0-text {
	font-size: 187.5%
}
}

@media screen and (max-width:767px) and (max-width:500px) {
.c0-text {
	font-size: 119.23077%
}
}

@media screen and (max-width:639px) {
.c5-banner .banner-main .s5-listItem4 {
	display: block;
	width: auto;
	padding: 0 6px
}
}
.mora_box {
	text-align: center;
	padding: 50px 25px;
	background-color: #e8e8e8;
}
.mora_box img {
	vertical-align: bottom;
}
.mora_title {
	font-weight: bold;
	text-align: center;
	margin: 20px 0;
}
.mora_btn a {
	display: inline-block;
	border: solid 1px #b0b2b3;
    padding: 4px 8px;
    color: #616467;
    line-height: 1.5;
	background-color: #fff;
	font-size: 14px;
}
.mora_btn a:hover {
	text-decoration: none;
}
.mora_playicon {
	width: 16px;
    height: 16px;
    line-height: 1;
    vertical-align: middle;
    display: inline-block;
    margin: -1px -1px 2px 0px;
    background: url("../img/icon_play.png") center no-repeat;
    background-size: 100%;
}
@media screen and (max-width:767px) {
	.mora_box {
		padding: 25px 15px;
	}
}