@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;
	font-family: 'Noto Sans JP', sans-serif,'Avenir','Helvetica Neue','Helvetica','Arial';
	vertical-align: baseline;
	-webkit-font-smoothing: antialiased;
}
html {
	-webkit-text-size-adjust: 100%;
}
body {
	position: relative;
	line-height: 1.4em;
	font-size: 15px;
	color:#fff;
	background-color: #000;
}
a {
	text-decoration:underline;
	outline:none;
	color:#000;
}
a:hover {
	text-decoration:none;
	color:#000;
}
a:focus,a:visited {
	outline:none;
	color:#000;
}
img {
	border:none;
	vertical-align:bottom;
}
li {
	list-style:none;
}
iframe {
	display:block;
}
::selection {
	background-color:#aa9fa7;
}
::-moz-selection {
	background-color:#aa9fa7;
}
iframe[name="google_conversion_frame"] { position:absolute; top:0; }

.opa {
	opacity: 1;
	transition: all 220ms 0s ease-out;
}
.opa:hover,.opa:focus {
	opacity: .5;
}
.center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
.margin05 {
	margin-top: 15px !important;
}
.margin1 {
	margin-top: 30px !important;
}
.margin2 {
	margin-top: 60px !important;
}
.color1 {
	color: #ffff00 !important;
}
.color2 {
	color: #84ccc9 !important;
}
.color3 {
	color: #e4007f !important;
}

.floatArea {
	letter-spacing: -.4em;
}
.floatArea>* {
	display:inline-block;
	letter-spacing: normal;
	vertical-align:top;
	*display: inline;
	*zoom: 1;
}


/* -------------------------------------------------------------------------- */
/* -- #back -- */
#back {
	position: fixed;
	z-index: -1;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgb(198,108,80);
	background: linear-gradient(227deg, rgba(198,108,80,1) 0%, rgba(87,63,97,1) 23%, rgba(0,0,85,1) 57%, rgba(0,0,52,1) 100%);
}


/* -------------------------------------------------------------------------- */
/* -- .attItem -- */
.attItem {
	position: fixed;
	z-index: 1000;
	left: 0;
	right: 0;
	top: 7rem;
	width: 700px;
	margin: auto;
}
.attItem img {
	width: 100%;
	height: auto;
}



/* -------------------------------------------------------------------------- */
/* -- #mainArea -- */
#mainArea {
	display: none;
	position: relative;
	width: 800px;
	margin: auto;
	background-color: #000059;
	box-shadow:0px 0px 16px 3px rgba(0,0,0,.2);
}


/* -------------------------------------------------------------------------- */
/* -- header -- */
header {
	position: relative;
}
header.fixed {
	margin-bottom: 140px;
}
header h1 img {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 1035px;
	background-image: url("../img/he_mainimg.jpg");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto;
}
header .sns {
	position: absolute;
	right: 40px;
	top: 0;
}
header .sns li {
	margin-left: 20px;
}
header .btn {
	position: absolute;
}
header .btn1 {
	left: 0;
	bottom: 50px;
}
header .btn2 {
	right: 0;
	bottom: 220px;
}
header .btn3 {
	right: 0;
	bottom: 50px;
}


/* -------------------------------------------------------------------------- */
/* -- nav -- */
nav {
	box-sizing: border-box;
	position: relative;
	height: 75px;
	padding-top: 25px;
	text-align: center;
	background: url("../img/nav_back.jpg");
}
nav.fixed {
	position: fixed;
	z-index: 100;
	width: 800px;
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
	box-shadow: 0px 10px 18px -10px rgba(0,0,0,.3);
}
nav p {
	transition: all 220ms 0s ease-out;
}
nav p:hover,nav p:focus {
	opacity: .5;
}
nav p:not(:last-of-type) {
	margin-right: 42px;
}


/* -------------------------------------------------------------------------- */
/* -- #Info -- */
#Info {
	margin-top: 55px;
}
#Info .txt,#Info .txt * {
	font-weight: 700;
}
#Info .txt {
	line-height: 1.5em;
	letter-spacing: .07rem;
	font-size: 22px;
}
#Info .txt span {
	font-size: 1.3em;
}
#Info h3 {
	margin-top: 140px;
}

#Info .jkItemArea {
	margin-top: 70px;
	padding-top: 20px;
	padding-bottom: 30px;
	background: url("../img/info_backimg.jpg") center top no-repeat #0c090b;
}
#Info .jkItemArea .jkArea {
	text-align: center;
}
#Info .jkItemArea .jkArea li {
	width: 338px;
	margin: auto 22px;
}
#Info .jkArea .jk img {
	display: block;
	width: 100%;
	height: 0;
	padding-top: 99.6%;
	background-position: center top;
	background-repeat: no-repeat;
}
#Info .jkArea li:first-child .jk img {
	background-image: url("../img/info_jk1.jpg");
}
#Info .jkArea li:nth-child(2) .jk img {
	background-image: url("../img/info_jk2.jpg");
}
#Info .jkArea .spec {
	margin-top: 15px;
	text-align: left;
	line-height: 24px;
	font-weight: 400;
	font-size: 18px;
}
#Info .xyzp {
	box-sizing: border-box;
	width: 720px;
	margin: 40px auto 0;
	padding: 15px 0 30px;
	background-color: rgba(29,32,136,.56);
}
#Info .xyzp h4 {
	letter-spacing: .1em;
	font-size: 25px;
	font-weight: 400;
}
#Info .xyzp .spec {
	margin-top: 10px;
	letter-spacing: .1em;
	font-size: 18px;
}
#Info .xyzp .jk img {
	width: 100%;
	height: 0;
	margin: 15px auto;
	padding-top: 305px;
	background: url("../img/info_xyzp_img.png") center top no-repeat;
}
.btnArea>p {
	margin-top: 8px;
}
.btnArea>p:nth-of-type(odd) {
	margin-right: 20px;
}


/* -------------------------------------------------------------------------- */
/* -- .otherCont -- */
.otherCont {
	padding-top: 30px;
	padding-bottom: 200px;
	background: url("../img/other_backimg.jpg") center top no-repeat #38009e;
}
section .contArea {
	margin: 5px 40px 0;
}


/* -------------------------------------------------------------------------- */
/* -- #Songs -- */
#Songs {}
#Songs h3 {
	margin: 15px 0 5px -12px;
	font-size: 24px;
	font-weight: 400;
}
#Songs .musicList li {
	letter-spacing: .01rem;
	line-height: 33px;
}
#Songs .musicList li strong:first-of-type {
	font-size: 24px;
	font-weight: 400;
	color: #ffff00;
}
#Songs .musicList li strong:nth-of-type(2) {
	font-size: 18px;
	font-weight: 400;
	color: #ffff00;
}
#Songs .musicList2 li {
	letter-spacing: .02rem;
	line-height: 33px;
	font-size: 24px;
	font-weight: 400;
}
#Songs .musicList2 li strong {
	font-weight: 400;
	color: #ffff00;
}


/* -------------------------------------------------------------------------- */
/* -- #Goods -- */
#Goods {
	margin-top: 50px;
}
#Goods h3 {
	margin-top: 30px;
	font-size: 30px;
	font-weight: 300;
}
#Goods h3+.txt {
	margin-top: 15px;
}
#Goods .att {
	font-size: 12px;
}
#Goods .itemList {
	margin-top: 10px;
}
#Goods .itemList li {
	width: 348px;
	margin-top: 20px;
	padding-bottom: 10px;
	background-color: #fff;
}
#Goods .itemList li.noneBack {
	background-color: transparent;
}
#Goods .itemList li:nth-child(odd) {
	margin-right: 24px;
}
#Goods .itemList li .btn {
	margin-top: 8px;
	text-align: center;
}
#Goods .itemList li .img img {
	width: 100%;
	height: 0;
	padding-top: 337px;
	background-position: center top;
	background-repeat: no-repeat;
}
#Goods .itemList li.animate .img img {
	background-image: url("../img/goods_animate.jpg");
}
#Goods .itemList li.amazon .img img {
	background-image: url("../img/goods_amazon.jpg");
}
#Goods .itemList li.tower .img img {
	background-image: url("../img/goods_tower.jpg");
}
#Goods .itemList li.toranoana .img img {
	background-image: url("../img/goods_toranoana.jpg");
}
#Goods .itemList li.pcsc .img img {
	background-image: url("../img/goods_pcsc.jpg");
}
#Goods .itemList li.lawson .img img {
	background-image: url("../img/goods_lawson.jpg");
}
#Goods .itemList li.rakuten .img img {
	background-image: url("../img/goods_rakuten.jpg");
}


/* -------------------------------------------------------------------------- */
/* -- #Movie -- */
#Movie {
	margin-top: 50px;
}
#Movie .cont {
	margin-top: 40px;
}
#Movie .cont h3 {
	margin-top: 20px;
	text-align: center;
	letter-spacing: .1rem;
	font-size: 30px;
	font-weight: 400;
}
#Movie .youtubeItem {
	box-sizing: border-box;
	position: relative;
	height: 0;
	padding-top: 56.25%;
	background-color: #fff;
}
#Movie .youtubeItem iframe {
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}


/* -------------------------------------------------------------------------- */
/* -- #Link -- */
#Link {
	margin-top: 50px;
}
#Link .linkArea {
	margin: 40px 0 0 42px;
}
#Link .linkArea li {
	width: 358px;
}
#Link .linkArea li img {
	width: 100%;
	height: 0;
	padding-top: 355px;
	background-position: center top;
	background-repeat: no-repeat;
}
#Link .linkArea li:first-child img {
	background-image: url("../img/link_jk1.jpg");
}
#Link .linkArea li:nth-child(2) img {
	background-image: url("../img/link_jk2.jpg");
}
#Link .linkArea li:nth-child(3) img {
	background-image: url("../img/link_jk3.jpg");
}