html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, dl, dt, dd, table, tbody, thead, tfoot, tr, th, td {
	margin:0;
	padding:0;
	text-indent:0;
}
html {
	font-size:10px;
	line-height:1.5;
}
body {
	font-size:1.7rem;
	background-color:#000;
	color:#fff;
	text-align:center;
	position:relative;
	font-family:sans-serif;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1;
}
a {
	text-decoration:none;
	color:inherit;
}
img {
	max-width:100%;
	height:auto;
	vertical-align:top;
}
.inner_wrapper {
	width:90%;
	margin:0 auto;
}
@media (max-width: 768px) {
	.spnone {
		display:none!important;
	}
}
.subtxt {
	font-size:1.4rem;
	line-height:1.8;
}
@media (min-width: 768px) {
	body {
		font-size:2.5rem;
		line-height:1.8;
	}
	.pcnone {
		display:none!important;
	}
	.subtxt {
		font-size:1.7rem;
		line-height:2.2;
	}
}
main {
	padding-top:80px;
	display:block;
	transition: padding-top 0.3s linear 0s;
}
@media (min-width: 768px) {
	main {
		padding-top:80px;
	}
}
@media (min-width: 1080px) {
	main {
		padding-top:116px;
	}
}
@media (min-width: 1280px) {
	main {
		padding-top: 144px;
	}
}
/*------------------------------------------*/
header {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	z-index:1000;
}
header.fixed {
	position:fixed;
	background-color:rgba(0,0,0,0.8);
}
header nav {
	position:relative;
	padding:8px 16px;
}
header nav:after {
	content:"";
	display:block;
	height:0;
	margin:0;
	padding:0;
	clear:both;
}
header nav .logowrapper {
	display:table;
	width:55%;
	max-width: 330px;
	height:64px;
	line-height:1;
}
header nav .logowrapper>span {
	display:table-cell;
	vertical-align:middle;
}
header nav .logo {
	width:100%;
	height:auto;
	max-width:none;
	vertical-align:middle;
}
@media (min-width: 768px) {
	header {
		position:absolute;
		width:100%;
	}
	header nav {
		display:table;
		width:100%;
		padding:0;
	}
	header nav .logowrapper {
		display: table-cell;
		width:30%;
		max-width: 468px;
		margin: 0;
		padding: 8px 0 8px 16px;
		vertical-align:middle;
		transition: all 0.3s linear 0s;
	}
	header nav .logo {
		padding: 0;
		max-width:468px;
		margin: 0 0 0 auto;
		transition: all 0.3s linear 0s;
	}
	header.fixed nav {
	}
	header.fixed nav .logowrapper {
		width:206px;
		padding:0 0 0 14px;
		transition: all 0s linear 0s;
	}
	header.fixed nav .logo {
		transition: all 0s linear 0s;
	}
}
@media (min-width: 1080px) {
	header nav .logowrapper {
		padding:28px 0 28px 28px;
		width:35%;
	}
}
@media (min-width: 1280px) {
	header nav .logowrapper {
		width:40%;
	}
}
/*------------------------------------------*/
#audio-btn {
    display: block;
    position: absolute;
    width: auto;
    float: right;
    padding: 0;
    font-size: 14px;
    line-height: 1em;
    right: 72px;
	top:50%;
	margin: -12px -20px 0;
    overflow: hidden;
}
#audio-btn a {
	display:block;
	width: 120px;
	cursor: pointer;
}
#audio-btn a:hover {
	background-color: rgba(255,255,255,0.7);
	cursor: pointer;
}
#audio-btn a img {
	height: 24px;
	width: auto;
}
/*------------------------------------------*/
#globalmenu {
	color:#e50012;
	font-size:1.8rem;
	line-height:1.6;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	-webkit-transition:background 0.3s ease-out 0s;
	transition:background 0.3s ease-out 0s;
	height:0;
	overflow:hidden;
}
#globalmenu.active {
	height:100vh;
	background-color:rgba(0,0,0,0.8);
}
#globalmenu ul {
	padding-top:96px;
}
#globalmenu ul li {
	display: block;
	border-left:solid 1px #e50012;
	border-right:solid 1px #e50012;
	margin:1em auto;
	width:80%;
	margin:1em auto;
}
#globalmenu ul li.audio-btn {
	display:none;
}
#globalmenu ul li a {
	display:block;
	-webkit-transition:background 0.3s ease-out 0s;
	transition:background 0.3s ease-out 0s;
	letter-spacing:0.125em;
	font-weight:bold;
}
#globalmenu ul li a:hover {
	background-color:rgba(255,255,255,0.7);
}
#globalmenu ul li a img {
	height: 32px;
	width: auto;
}
@media (min-width: 768px) {
	#audio-btn {
		display:none;
	}
	#globalmenu {
		display:table-cell;
		position:static;
		width:auto;
		font-size:13px;
		line-height:1;
		margin: 0;
		padding:8px 16px 8px 0;
		vertical-align: bottom;
		transition: all 0.3s linear 0s;
	}
	header.fixed #globalmenu {
		vertical-align: middle;
		transition: all 0s linear 0s;
	}
	#globalmenu ul {
		display: table;
		padding: 0;
		margin: 0 0 0 auto;
	}
	#globalmenu ul li {
		display: table-cell;
		width: auto;
		margin: 0;
		border-left: none;
	}
	#globalmenu ul li.audio-btn {
		display: table-cell;
	}
	#globalmenu ul li a img {
		height: 2.4vw;
		max-height: 24px;
	}
}
@media (min-width: 1080px) {
	#globalmenu {
		padding:28px 28px 28px 0;
	}
}
@media (min-width: 1280px) {
	#globalmenu {
	}
}
/*------------------------------------------*/
#panel-btn {
	display:block;
	position: absolute;
	top:18px;
	right:16px;
	width: 44px;
	height: 44px;
	padding: 0;
	z-index:1001;
	background:#e50012;
	cursor: pointer;
}
#panel-btn-icon {
    display: block;
    position: absolute;
    top: 50%;
    left: 9px;
    width: 26px;
    height: 2px;
    margin: -1px 0 0 0px;
    background: #000;
    border-radius: 2px;
}
#panel-btn-icon:before,
#panel-btn-icon:after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 26px;
    height: 2px;
    background: #000;
    border-radius: 2px;
}
#panel-btn-icon:before {
    margin-top: -10px;
}
#panel-btn-icon:after {
    margin-top: 8px;
}
#panel-btn-caption {
    position: absolute;
    left: 0;
    bottom: 6px;
    width: 100%;
    font-size: 11px;
    padding: 0;
    line-height: 1;
    color:#000;
}
#panel-btn.close #panel-btn-icon {
	background:transparent;
}
#panel-btn.close #panel-btn-icon:before {
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
}
#panel-btn.close #panel-btn-icon:before,
#panel-btn.close #panel-btn-icon:after {
    margin-top: 0;
}
#panel-btn.close #panel-btn-icon:after {
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
}
#panel-btn.close #panel-btn-icon:before,
#panel-btn.close #panel-btn-icon:after {
    margin-top: 0;
}
/*------------------------------------------*/
footer {
	padding:1.5em 0 1em;
	font-size:16px;
}
footer .footerlogo {
	width:70%;
	margin:2em auto;
}
footer .footerlink a {
	color:#e50012;
	border-left:solid 1px #e50012;
	border-right:solid 1px #e50012;
	display:inline-block;
	-webkit-transition:background 0.3s ease-out 0s;
	transition:background 0.3s ease-out 0s;
}
footer .footerlink a:hover {
	background-color:rgba(255,255,255,0.7);
}
footer .footerlink ul,
footer .footerlink ul li {
	display:block;
	line-height: 1em;
}
footer .footerlink ul li+li {
	margin-top: 10px;
}
footer .footerlink a img {
	height: 24px;
	width: auto;
}
footer copylight {
	font-size:10px;
}

@media (min-width: 768px) {
	footer {
		padding:1.5em 28px 1em;
		position:relative;
	}
	footer .wrapper:after {
		content:"";
		display:block;
		height:0;
		margin:0;
		padding:0;
		clear:both;
	}
	footer .footerlogo {
		float:left;
		width: 216px;
		margin: 0.25em auto;
	}
	footer .footerlink {
		float:right;
		text-align:right;
	}
	footer .footerlink ul li {
		display: inline-block;
		margin-top: 0 !important;
	}
	footer .footerlink ul li:first-child a {
		border-right: none;
	}
	footer .footerbottom {
		clear:right;
		float:right;
		line-height: 1em;
		margin-top: 10px;
	}
}
/*------------------------------------------*/
#pagetop {
	position:absolute;
	width:100%;
}
#pagetop.fixed {
	position:fixed;
}
#pagetop a {
	position:absolute;
	display: block;
	width:48px;
	height:48px;
	bottom:16px;
	right:16px;
	background-image:url('../img/common/img_pagetop_02.png');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
@media (min-width: 768px) {
	#pagetop a {
		background-image:url('../img/common/img_pagetop_01.png');
	}
	#pagetop a:hover {
		background-image:url('../img/common/img_pagetop_02.png');
	}
}
/*------------------------------------------*/
#videoblock {
	position:relative;
	width:100%;
	height:auto;
}
#videolayer {
	position:absolute;
	width:100%;
	padding-bottom:56.25%;
	top:0;
	left:0;
	z-index:10;
}
#videolayer iframe {
	width:100%;
	height:100%;
	position: absolute;
	left: 0;
    top: 0;
}
#linklayer {
	width:100%;
	opacity:0;
}
/*------------------------------------------*/
#smmary {
	padding:8% 0;
	position:relative;
}
#smmary:before {
	content:"";
	position:absolute;
	display:block;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-image:url('../img/introduction/img_bg_01_sp.jpg');
	background-position:center top;
	background-repeat:no-repeat;
	background-size:100% auto;
	opacity:0;
	z-index:-1;
	-webkit-transition: all 0.5s linear 0s;
	transition: all 0.5s linear 0s;
}
#smmary.active:before{
	opacity:1;
}
#smmary .title {
	width:62%;
	margin:0 auto 8%;
}
#smmary .subtxt {
	margin-top:8%;
}
#smmary .textframe {
	margin-top:8%;
	border:solid 1px;
	padding:0.5em 1em;
	text-align:justify;
}
#smmary .textframe .subtxt{
	margin-top:0;
}
#smmary .moretextbtn {
	font-size:1.4rem;
	line-height:1.8;
	border:solid 1px;
	padding:0 1em;
	margin-top:4%;
}
#smmary .moretextbtn a {
	display:block;
}
#smmary .hiddenerea .subtxt {
	margin-top:0;
}
#smmary #moretext {
	display:none;
}
@media (min-width: 768px) {
	#smmary {
		padding:4em 0;
	}
	#smmary:before {
		background-size:100% 100%;
		background-image:url('../img/introduction/img_bg_01_pc.jpg');
	}
	#smmary .title {
		width:19em;
		margin:0 auto 2em;
	}
	#smmary .subtxt {
		margin:10rem auto 0;
	}
	#smmary #moretext {
		display:inherit;
	}
	#smmary .moretextbtn {
		display:none;
	}
	#smmary .textframe {
		margin:4em auto 0;
		max-width:800px;
		text-align:center;
	}
}
/*----------------------------------------------*/
#material {
	padding:12% 0 0;
	background-color: #212121;
}
#material .title {
	width:80%;
	margin:0 auto 8%;
}
#material_block {
	margin:8% -5% 0;
	padding:0 0 4%;
	background-image:url('../img/material/img_bg_02_2021_sp.jpg');
	background-position:center bottom;
	background-repeat:no-repeat;
	background-size:100% auto;
}
.material_btn {
	position:relative;
}
.material_btn a.hexlink {
	display: block;
    position: absolute;
    top: 28%;
    left: 20%;
    width: 60%;
    height: 40%;
    border-radius:0%;
    z-index:999;
}
#material_btn1 a.hexlink {
	display: block;
    position: absolute;
    top: 28%;
    left: 10%;
    width: 80%;
    height: 44%;
    border-radius: 0%;
    z-index: 999;
}
.material_btn {
	margin:-4% 0 0;
}
.material_btn {
	opacity:0;
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	z-index:0;
}
.material_btn.active {
	opacity:1;
}
.material_btn:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	opacity:0;
	-webkit-transition: all 0.8s linear 0.3s;
	transition: all 0.8s linear 0.3s;
	z-index:-100;
}
#material_btn1:before {
	background-image:url('../img/material/img_hexbtn_01_bg_sp.png');
}
#material_btn2:before {
	background-image:url('../img/material/img_hexbtn_02_bg_sp.png');
}
#material_btn3:before {
	background-image:url('../img/material/img_hexbtn_03_bg_sp.png');
}
#material_btn4:before {
	background-image:url('../img/material/img_hexbtn_04_bg_sp.png');
}
#material_btn5:before {
	background-image:url('../img/material/img_hexbtn_05_bg_sp.png');
}
#material_btn6:before {
	background-image:url('../img/material/img_hexbtn_06_bg_sp.png');
}
#material_btn7:before {
	background-image:url('../img/material/img_hexbtn_07_bg_sp.png');
}
#material_btn8:before {
	background-image:url('../img/material/img_hexbtn_08_bg_sp.png');
}
#material_btn9:before {
	background-image:url('../img/material/img_hexbtn_09_bg_sp.png');
}
.material_btn.active:before {
	opacity:1;
	-moz-animation: anime_mark 0.8s ease-out 0.5s 1 normal;
	-webkit-animation: anime_mark 0.8s ease-out 0.1s 1 normal;
	-o-animation: anime_mark 0.8s ease-out 0.5s 1 normal;
	-ms-animation: anime_mark 0.8s ease-out 1s 1 normal;
	animation: anime_mark 0.8s ease-out 0.5s 1 normal;
}
.material_btn.active.hoverIn:before {
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	-webkit-transform:scale(1.03);
	transform:scale(1.03);
	filter: saturate(300%) brightness(120%);
}
.material_btn.active.hoverOut:before {
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.movielink {
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
}
.movielink:hover {
	-webkit-transition: all 0.3s linear 0s;
	transition: all 0.3s linear 0s;
	-webkit-transform:scale(1.2);
	transform:scale(1.2);
}

.material_btn>picture {
	position:relative;
	z-index:-100;
}
.material_btn .movielink {
	position:absolute;
	bottom:12%;
	left:50%;
	width:36%;
	margin-left:-18%;
}
#material_btn1 .movielink {
	position: absolute;
    bottom: 10%;
    left: 50%;
    width: 36%;
    margin-left: -18%;
}
@media (min-width: 768px) {
	#material {
		padding:4em 0 0;
	}
	#material .title {
		max-width:292px;
		margin:0 auto 2em;
	}
	#material_block {
		background-image:url('../img/material/img_bg_02_2021_pc.jpg');
		min-height:94vw;
		position:relative;
		margin:0;
		padding:0;
	}
	#material_buttons {
		
	}
	.material_btn {
		position:absolute;
	}
	.material_btn img {
		width:100%;
		height:auto;
	}
	#material_btn1 {
		left:8.5%;
		bottom: 43.75%;
		width:48.2%;
		z-index:4;
	}
	#material_btn2 {
		right:20.5%;
    	bottom: 61.5%;
		width:26.6%;
		z-index:4;
	}
	#material_btn3 {
		right:9.5%;
    	bottom: 43.25%;
		width:26.6%;
		z-index:3;
	}
	#material_btn4 {
		left:8.5%;
		bottom: 25%;
		width:26.6%;
		z-index:1;
	}
	#material_btn5 {
		left: 41.75%;
    	bottom: 31%;
		width:26.6%;
		z-index:10;
		margin:0;
	}
	#material_btn6 {
		right: 20.5%;
    	bottom: 12.5%;
		width:26.6%;
		z-index:0;
		margin:0;
	}
	#material_btn7 {
		left: 30%;
    	bottom: 0%;
		width:26.6%;
		z-index:10;
		margin:0;
	}
	#material_btn8 {
		right: -1.5%;
        bottom: 24.5%;
		width:26.6%;
		z-index:1;
	}
	#material_btn9 {
		left: -2.5%;
        bottom: 6.5%;
		width:26.6%;
		z-index:1;
	}
	#material_btn1:before {
		background-image:url('../img/material/img_hexbtn_01_bg_pc.png');
	}
	#material_btn2:before {
		background-image:url('../img/material/img_hexbtn_02_bg_pc.png');
	}
	#material_btn3:before {
		background-image:url('../img/material/img_hexbtn_03_bg_pc.png');
	}
	#material_btn4:before {
		background-image:url('../img/material/img_hexbtn_04_bg_pc.png');
	}
	#material_btn5:before {
		background-image:url('../img/material/img_hexbtn_05_bg_pc.png');
	}
	#material_btn6:before {
		background-image:url('../img/material/img_hexbtn_06_bg_pc.png');
	}
	#material_btn7:before {
		background-image:url('../img/material/img_hexbtn_07_bg_pc.png');
	}
	#material_btn8:before {
		background-image:url('../img/material/img_hexbtn_08_bg_pc.png');
	}
	#material_btn9:before {
		background-image:url('../img/material/img_hexbtn_09_bg_pc.png');
	}
	#material_btn1 a.hexlink {
		display: block;
		position: absolute;
		top: 29%;
		left: 8%;
		width: 84%;
		height: 42%;
		border-radius:0%;
	}
	.material_btn a.hexlink {
		display: block;
		position: absolute;
		top: 31%;
		left: 13%;
		width: 74%;
		height: 37%;
		border-radius: 0%;
	}
	.material_btn .movielink {
		position:absolute;
		bottom:16%;
		left:50%;
		width:36%;
		margin-left:-18%;
		z-index:99;
	}
	#material_btn1 .movielink {
		position:absolute;
		bottom:16%;
		left:50%;
		width:20%;
		margin-left:-10%;
		z-index:99;
	}
}
/*----------------------------------------------*/
.wearinfo .wrapper:first-child {
	background-position:center center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	padding:8% 0;
}
.wearinfo .title {
	margin:0 auto 8%;
}
.wearinfo .wrapper:first-child p {
	min-height:3em;
	margin:0 auto 1em;
}
.wearinfo .wrapper .caption p {
	color:#333;
}
#pistex001 .wrapper:first-child {
	background-image:url('../img/common/img_bg_01_sp.jpg');
}
#pistex001s .wrapper:first-child {
	background-image:url('../img/common/img_bg_02_sp.jpg');
}
#pistex001w .wrapper:first-child {
	background-image:url('../img/common/img_bg_01_sp.jpg');
}
#pistexdry .wrapper:first-child {
	background-image:url('../img/common/img_bg_02_sp.jpg');
}
#pistexfleece .wrapper:first-child {
	background-image:url('../img/common/img_bg_01_sp.jpg');
}
#pistexstripe .wrapper:first-child {
	background-image:url('../img/common/img_bg_02_sp.jpg');
}
#pistexmr .wrapper:first-child {
	background-image:url('../img/common/img_bg_01_sp.jpg');
}
#pistex002 .wrapper:first-child {
	background-image:url('../img/common/img_bg_02_sp.jpg');
}
#pistex002wr .wrapper:first-child {
	background-image:url('../img/common/img_bg_01_sp.jpg');
}
.wearlist_wrapper {
	position:relative;
	overflow:hidden;
	margin:0 -5.55%;
}
.wearlist_block {
	position:relative;
	width:100%;
	max-width:1920px;
	margin:0 auto;
}
.sp_overflowsize {
	overflow:hidden;
}
.sp_overflowsize .imgcolumn>img {
	width: 120%;
    display: block;
    max-width: none;
    margin-left: -0%;
}
@media (min-width: 768px) {
	.wearinfo .wrapper:first-child {
		padding:3em 0 1em;
	}
	.wearinfo .wrapper:first-child p {
		min-height:2em;
		margin:0 auto 1em;
	}
	.wearinfo .title {
		max-width:460px;
		margin:0 auto 2em;
	}
	.wearlist_block>div {
		margin-left:1%;
	}
	
	.wearlist_block.content3>div {
		display:block;
		float:left;
		width:32%;
	}
	.wearlist_block.content2>div {
		display:block;
		float:left;
		width:48.5%;
	}
	.model-center{
		margin: 0 auto!important;
    	float: initial!important;
	}
	.wearinfo .title {
	}
	.sp_overflowsize .imgcolumn>img {
		width: 100%;
		display: block;
		max-width: none;
		margin-left: 0;
	}
	.accordion .title_block h3 .mr-title_sub img {
		width: auto;
		float: right;
	}
}
#pistex001 .wrapper:first-child p {
	color:#000;
}
.ac_close,
.ac_open {
	display:block;
	width:30%;
	margin:0 auto;
}
.ac_open {
	margin:8% auto 0;
}
.ac_open .btnOpen {
	display:block;
}
.ac_open .btnClose {
	display:none;
}
.ac_close.active,
.ac_open.active {
	-moz-animation: anime_scale2 0.5s ease-out 0.1s 1 alternate;
	-webkit-animation: anime_scale2 0.5s ease-out 0.1s 1 alternate;
	-o-animation: anime_scale2 0.5s ease-out 0.1s 1 alternate;
	-ms-animation: anime_scale2 0.5s ease-out 0.1s 1 alternate;
	animation: anime_scale2 0.5s ease-out 0.1s 1 alternate;
}
.ac_open.opened .btnOpen {
	display:none;
}
.ac_open.opened .btnClose {
	display:block;
}
.ac_close:hover,
.ac_open:hover {
	-moz-animation: anime_scale 0.5s ease-out 0.1s infinite alternate;
	-webkit-animation: anime_scale 0.5s ease-out 0.1s infinite alternate;
	-o-animation: anime_scale 0.5s ease-out 0.1s infinite alternate;
	-ms-animation: anime_scale 0.5s ease-out 0.1s infinite alternate;
	animation: anime_scale 0.5s ease-out 0.1s infinite alternate;
}

.accordion {
	padding:8% 0;
	display:none;
}
.accordion .inner_wrapper {
	padding:8% 0;
}
.accordion .inner_wrapper:first-child {
	padding:0 0 8%;
}
.accordion .title_block {
	position:relative;
	z-index:5;
}
.accordion .title_block h3 {
	margin:0 auto 0;
	overflow:hidden;
}
.accordion .title_block h3 img {
	-webkit-transform:translateY(120%);
	transform:translateY(120%);
	opacity:0;
	-webkit-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}
.accordion.open .inner_wrapper.active .title_block h3 img {
	-webkit-transform:translateY(0);
	transform:translateY(0);
	opacity:1;
}
.accordion .title_block h3 .border_block {
	display:block;
	height:1px;
	width:0%;
	border-bottom:solid 2px;
	margin:2% auto 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
}
.accordion.open .inner_wrapper.active .title_block h3 .border_block {
	width:100%;
}
#pistex001 .accordion .title_block h3 .border_block {
	border-color:#e50012;
}
#pistex001s .accordion .title_block h3 .border_block {
	border-color:#f29600;
}
#pistex001w .accordion .title_block h3 .border_block {
	border-color:#0048ff;
}
#pistexdry .accordion .title_block h3 .border_block {
	border-color:#0098d8;
}
#pistexfleece .accordion .title_block h3 .border_block {
	border-color:#eb6120;
}
#pistexstripe .accordion .title_block h3 .border_block {
	border-color:#00a7a5;
}
#pistexmr .accordion .title_block h3 .border_block {
	border-color:#c20072;
}
#pistex002 .accordion .title_block h3 .border_block {
	border-color:#910782;
}
#pistex002wr .accordion .title_block h3 .border_block {
	border-color:#e85298;
}
.accordion .title_block h3 img {
	width:90%;
}
.accordion .title_block h3 .mr-title_sub img {
	margin-top: 10px;
}
.accordion .abs_mark {
	width:60%;
	margin:-3% auto -3%;
	position:relative;
	opacity:0;
	-webkit-transition: all 0.3s linear 0.4s;
	transition: all 0.3s linear 0.4s;
}
.accordion .abs_mark img {
	width:100%;
	height:auto;
}
.accordion.open .inner_wrapper.active .abs_mark {
	opacity:1;
}
.accordion .abs_block {
	margin:4% 0 0;
}
.accordion .abs_label {
	width:60%;
	margin:-4% -5% 0 auto;
}
.accordion .img_block {
	position:relative;
	overflow:hidden;
}
.accordion .abs_startlabel {
	width:60%;
	position:absolute;
	top:-5%;
	left:-5%;
}
.accordion .abs_mark:before {
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-size:100% 100%;
	opacity:0;
	-webkit-transition: all 0.8s linear 0s;
	transition: all 0.8s linear 0s;
}
.accordion.open .inner_wrapper.active .abs_mark:before {
	opacity:1;
	-moz-animation: anime_mark 0.8s ease-out 0.5s 1 normal;
	-webkit-animation: anime_mark 0.8s ease-out 0.1s 1 normal;
	-o-animation: anime_mark 0.8s ease-out 0.5s 1 normal;
	-ms-animation: anime_mark 0.8s ease-out 1s 1 normal;
	animation: anime_mark 0.8s ease-out 0.5s 1 normal;
}
#ac01 .block1 .abs_mark:before {
	/*background-image:url('../img/pistex001/img_ac_pistex001_b1_mark_bg.png');*/
}
#ac01 .block2 .abs_mark:before {
	/*background-image:url('../img/pistex001/img_ac_pistex001_b2_mark_bg.png');*/
}
#ac01 .block3 .abs_mark:before {
	background-image:url('../img/pistex001/img_ac_pistex001_b3_mark_bg.png');
}
#ac01 .block4 .abs_mark:before {
	background-image:url('../img/pistex001/img_ac_pistex001_b4_mark_bg.png');
}
#ac01 .block5 .abs_mark:before {
	background-image:url('../img/pistex001/img_ac_pistex001_b5_mark_bg.png');
}
/*
#ac02 .block1 .abs_mark:before {
	ackground-image:url('../img/pistex001s/img_ac_pistex001s_b1_mark_bg.png');
}
#ac02 .block2 .abs_mark:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b2_mark_bg.png');
}
*/
#ac02 .block3 .abs_mark:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b3_mark_bg.png');
}
#ac02 .block4 .abs_mark:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b4_mark_bg.png');
}
#ac02 .block5 .abs_mark:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b5_mark_bg.png');
}
#ac02 .block6 .abs_mark:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b6_mark_bg.png');
}
/*
#ac03 .block1 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b1_mark_bg.png');
}
#ac03 .block2 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b2_mark_bg.png');
}
*/
#ac03 .block3 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b3_mark_bg.png');
}
#ac03 .block4 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b4_mark_bg.png');
}
#ac03 .block5 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b5_mark_bg.png');
}
#ac03 .block6 .abs_mark:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b6_mark_bg.png');
}
/*
#ac04 .block1 .abs_mark:before {
	background-image:url('../img/pistex002/img_ac_pistex002_b1_mark_bg.png');
}
*/
/*
#ac05 .block1 .abs_mark:before {
	ackground-image:url('../img/pistexdry/img_ac_pistexdry_b1_mark_bg.png');
}
#ac05 .block2 .abs_mark:before {
	background-image:url('../img/pistexdry/img_ac_pistexdry_b2_mark_bg.png');
}
*/
#ac05 .block3 .abs_mark:before {
	background-image:url('../img/pistexdry/img_ac_pistexdry_b3_mark_bg.png');
}
#ac05 .block4 .abs_mark:before {
	background-image:url('../img/pistexdry/img_ac_pistexdry_b4_mark_bg.png');
}
#ac05 .block5 .abs_mark:before {
	background-image:url('../img/pistexdry/img_ac_pistexdry_b5_mark_bg.png');
}
/*
#ac06 .block1 .abs_mark:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b1_mark_bg.png');
}
#ac06 .block2 .abs_mark:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b2_mark_bg.png');
}
#ac06 .block3 .abs_mark:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b3_mark_bg.png');
}
*/
#ac06 .block4 .abs_mark:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b4_mark_bg.png');
}
#ac06 .block5 .abs_mark:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b5_mark_bg.png');
}

#ac07 .block1 .abs_mark:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b1_mark_bg.png');
}
/*
#ac07 .block2 .abs_mark:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b2_mark_bg.png');
}
#ac07 .block3 .abs_mark:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b3_mark_bg.png');
}
*/
#ac07 .block4 .abs_mark:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b4_mark_bg.png');
}
#ac07 .block5 .abs_mark:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b5_mark_bg.png');
}
#ac08 .block2 .abs_mark:before {
	background-image:url('../img/pistexfleece/img_ac_pistexfleece_b2_mark_bg.png');
}
#ac08 .block4 .abs_mark:before {
	background-image:url('../img/pistexfleece/img_ac_pistexfleece_b4_mark_bg.png');
}
#ac09 .block1 .abs_mark:before {
	background-image:url('../img/pistex002wr/img_ac_pistex002wr_b1_mark_bg.png');
}

.img_block {
	opacity:0;
/*
	-webkit-transition: all 0.5s linear 0.6s;
	transition: all 0.5s linear 0.6s;
*/
	-webkit-transition: all 1s linear 0.3s;
	transition: all 1s linear 0.3s;
}
.accordion.open .inner_wrapper.active .img_block {
	opacity:1;
}
.img_block .imgcolumn>img{
	opacity:0;
	-webkit-transition: all 0.3s linear 0.8s;
	transition: all 0.3s linear 0.8s;
}
.accordion.open .inner_wrapper.active .img_block .imgcolumn>img{
	opacity:1;
}
.img_block .imgcolumn {
	position:relative;
}
.img_block .imgcolumn.compact_container:before {
	content:"";
	opacity:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	-webkit-transition: all 0.3s linear 1s;
	transition: all 0.3s linear 1s;
}
#ac01 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistex001/img_ac_pistex001_b3_photo_02.png');
}
#ac02 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistex001s/img_ac_pistex001s_b3_photo_02.png');
}
#ac03 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistex001w/img_ac_pistex001w_b3_photo_02.png');
}
#ac05 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistexdry/img_ac_pistexdry_b3_photo_02.png');
}
#ac06 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistexstripe/img_ac_pistexstripe_b4_photo_02.png');
}
#ac07 .img_block .imgcolumn.compact_container:before {
	background-image:url('../img/pistexmr/img_ac_pistexmr_b4_photo_02.png');
}
.accordion.open .inner_wrapper.active .img_block .imgcolumn.compact_container:before {
	opacity:1;
}
.img_block .imgrow .imgcolumn .imglabel {
	position:absolute;
	top:-5%;
	left:0%;
	width:30%;
}
.img_block .imgrow.column2 .imgcolumn .imglabel {
	left:-3%;
	width:60%;
}
.img_block.sliding {
}
.img_block.sliding img {
	max-width: 80%;
	opacity:0;
	transform: translateX(-100%);
}
.inner_wrapper.active .img_block.sliding img {
	transform: translateX(0%);
	opacity:1;
}
.accordion .inner_wrapper.fullwid .img_block .imgrow .imgcolumn .imglabel {
	top:0%;
}
.graph_block {
	position:relative;
}
.graph_block:after {
	position:relative;
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:0%;
	height:100%;
	background-position:left center;
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-image:url('../img/pistex001s/img_ac_pistex001s_b4_graph_line_sp.png');
	-webkit-transition: all 1s linear 1s;
	transition: all 1s linear 1s;
}
.accordion.open .inner_wrapper.active .graph_block:after {
	width:100%;
}
/*------------------------------*/
/*カウンター*/
/*------------------------------*/
.numCounter.cc {
	display: block;
    position: absolute;
    width: 48%;
    height: 40.28%;
    top: 29.75%;
    left: 13.75%;
}
.numCounter.par {
	display: block;
    position: absolute;
    width: 48%;
    height: 40.28%;
    top: 30.5%;
    left: 19%;
}
.numCounter .numl {
	content:"";
	display:block;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0%;
    left: 0%;
    background-repeat:repeat-y;
    background-size:100% 1000%;
    background-position:0 0;
    opacity:0;
}
.numCounter .numr {
	content:"";
	display:block;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0%;
    right: 0%;
    background-repeat:repeat-y;
    background-size:100% auto;
    background-position:0 0;
    opacity:0;
}
#ac01 .numCounter .numl,
#ac01 .numCounter .numr  {
    background-image:url("../img/common/img_number1.png");
}
#ac02 .numCounter .numl,
#ac02 .numCounter .numr {
    background-image:url("../img/common/img_number2.png");
}
#ac03 .numCounter .numl,
#ac03 .numCounter .numr {
    background-image:url("../img/common/img_number3.png");
}
#ac04 .numCounter .numl,
#ac04 .numCounter .numr {
    background-image:url("../img/common/img_number4.png");
}
#ac05 .numCounter .numl,
#ac05 .numCounter .numr {
    background-image:url("../img/common/img_number5.png");
}
#ac06 .numCounter .numl,
#ac06 .numCounter .numr {
    background-image:url("../img/common/img_number6.png");
}
#ac07 .numCounter .numl,
#ac07 .numCounter .numr {
    background-image:url("../img/common/img_number7.png");
}
#ac08 .numCounter .numl,
#ac08 .numCounter .numr {
    background-image:url("../img/common/img_number8.png");
}
#ac09 .numCounter .numl,
#ac09 .numCounter .numr {
    background-image:url("../img/common/img_number9.png");
}
/*------------------------------*/

.img_block .column_graph .imgcolumn {
	width:85%;
	margin:0 auto;
}

.graph_over {
	display:block;
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:100%;
	opacity:0;
}
.graph_over.index1 {
	opacity:1;
	height:0%;
	-webkit-transition: all 1.0s ease-in 1.2s;
	transition: all 1.0s ease-in 1.2s;
	overflow:hidden;
}
.graph_over.index1 img {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:auto;
}
.graph_over.index2 {
	-webkit-transition: all 0.3s linear 2.2s;
	transition: all 0.3s linear 2.2s;
}
.accordion.open .inner_wrapper.active .graph_over.index1 {
	height:100%;
}
.accordion.open .inner_wrapper.active .graph_over.index2 {
	opacity:1;
}
.img_block .imgrow.column_graph .imgcolumn img {
	vertical-align:bottom;
}
.img_block .imgrow.column2:after {
	content:"";
	display:block;
	height:0;
	margin:0;
	clear:both;
}
.img_block .imgrow.column2 .imgcolumn {
	width:50%;
	display:block;
	float:left;
}
@media (min-width: 768px) {
	
	#pistex001 .wrapper:first-child {
		background-image:url('../img/common/img_bg_01_pc.jpg');
	}
	#pistex001s .wrapper:first-child {
		background-image:url('../img/common/img_bg_02_pc.jpg');
	}
	#pistex001w .wrapper:first-child {
		background-image:url('../img/common/img_bg_01_pc.jpg');
	}
	#pistexdry .wrapper:first-child {
		background-image:url('../img/common/img_bg_02_pc.jpg');
	}
	#pistexfleece .wrapper:first-child {
		background-image:url('../img/common/img_bg_01_pc.jpg');
	}
	#pistexstripe .wrapper:first-child {
		background-image:url('../img/common/img_bg_02_pc.jpg');
	}
	#pistexmr .wrapper:first-child {
		background-image:url('../img/common/img_bg_01_pc.jpg');
	}
	#pistex002 .wrapper:first-child {
		background-image:url('../img/common/img_bg_02_pc.jpg');
	}
	#pistex002wr .wrapper:first-child {
		background-image:url('../img/common/img_bg_01_pc.jpg');
	}
	.pc_left {
		text-align:left;
		padding-left:3%;
	}
	.pc_right {
		text-align:right;
		padding-right:3%;
	}
	.pc_center {
		text-align:center;
		padding-left:3%;
		padding-right:3%;
	}
	.accordion {
		padding:4em 0 1em;
	}
	.accordion .inner_wrapper {
		padding:4em 0;
	}
	.accordion .inner_wrapper:first-child {
		padding:0 0 4em;
	}
	.accordion .inner_wrapper.nocontents {
		padding-bottom:8em;
	}
	.accordion .inner_wrapper.fullwid {
		padding-bottom:0;
	}
	.accordion .title_block {
		position:relative;
	}
	.accordion .title_block h3 {
		width:79%;
	}
	.accordion .hex-r .title_block h3,
	.accordion .oval-r .title_block h3 {
		margin-right:21%;
	}
	.accordion .hex-l .title_block h3,
	.accordion .oval-l .title_block h3 {
		margin-left:21%;
	}
	.accordion .inner_wrapper.fullwid .title_block h3 {
		width:100%;
		margin-left:0%;
		margin-right:0%;
	}
	.accordion.open .nocontents.oval-l.active .title_block h3 .border_block {
		width:97%;
		margin-left:3%;
	}
	.accordion.open .nocontents.oval-r.active .title_block h3 .border_block {
		width:97%;
		margin-right:3%;
	}
	#ac03 .block6 .title_block h3 img,
	#ac04 .block2 .title_block h3 img,
	#ac08 .block1 .title_block h3 img,
	#ac09 .block2 .title_block h3 img {
		width:70%;
	}
	.accordion .abs_mark {
		position:absolute;
		width:30%!important;
	}
	.accordion .oval-r .abs_mark,
	.accordion .hex-r .abs_mark {
		right:-5%;
		z-index:100;
	}
	.accordion .oval-r .abs_mark {
		top:14%;
	}
	.accordion .hex-r .abs_mark  {
		top:50%;
	}
	.accordion .nocontents.oval-l .abs_mark,
	.accordion .nocontents.oval-r .abs_mark {
		top:-70%;
	}
	.accordion .hex-l .abs_mark,
	.accordion .oval-l .abs_mark {
		left:-5%;
		top:0;
		z-index:100;
	}
	.accordion .nocontents.hex-l .abs_mark {
		top:-20%;
	}
	.accordion .abs_block {
		display:inline-block;
		vertical-align:bottom;
	}
	#ac03.accordion .block6 .abs_block,#ac08.accordion .block1 .abs_block {
		position: absolute;
    	top: 23%;
		left: 5%;
    	z-index: 10;
	}
	#ac04.accordion .block2 .abs_block,#ac09.accordion .block2 .abs_block {
		position: absolute;
    	bottom: 15%;
		right: 5%;
    	z-index: 10;
	}
	.accordion .abs_block .subtxt {
		text-align:justify;
		margin-left:1em;
	}
	.accordion .abs_startlabel,
	.accordion .abs_block.abs_label {
		width:20%;
	}
	.accordion .abs_startlabel {
		left:0;
	}
	.ac_close,
	.ac_open {
		display:block;
		max-width:108px;;
		margin:0 auto;
	}
	.ac_open {
		margin:2em auto 0;
	}
	.img_block {
		margin:2em auto 0;
	}
	.img_block>img {
		width:36%;
	}
	.img_block .imgrow {
		width:72%;
		display:inline-block;
		font-size:0;
	}
	.img_block .imgrow.column2 .imgcolumn {
		width:50%;
		display:inline-block;
	}
	.img_block .imgcolumn img {
		width:100%;
	}
	.accordion .block2 .img_block>img:first-child {
		margin-left:20%;
	}
	#ac03 .block4 .img_block>img,
	#ac04 .block2 .img_block>img {
		width:80%;
	}
	.img_block .imgrow .imgcolumn .imglabel {
		bottom:-5%;
		right:-5%;
		width:25%;
	}
	.img_block .imgrow .imgcolumn .imglabel.left_top {
		top:-5%;
		left:-5%;
		width:25%;
	}
	.accordion .inner_wrapper.fullwid .img_block .imgrow .imgcolumn .imglabel.left_top {
		top:10%;
		left:-15%;
	}
	.img_block .imgrow.column2 .imgcolumn .imglabel {
		position:absolute;
		top:-5%;
		left:-5%;
		width:50%;
	}
	.limitwidth {
		max-width:1280px;
		margin-left:auto;
		margin-right:auto;
	}
	.graph_block:after {
		background-image:url('../img/pistex001s/img_ac_pistex001s_b4_graph_line_pc.png');
	}
	.img_block .imgrow.column_graph {
		width:100%;
	}
	.hex-l .img_block .imgrow.column_graph {
		margin-left: 12%;
	}
	.img_block .imgrow.column_graph .imgcolumn {
		width:50%;
		display:inline-block;
		vertical-align:bottom;
	}
	.img_block .imgrow .imgcolumn.columnW40 {
		width:40%;
	}
	.img_block .imgrow .imgcolumn.columnW30 {
		width:30%;
	}
	.img_block .imgrow .pc_ml25 {
		margin-left:25%;
	}
	.img_block .imgrow .pc_mr25 {
		margin-right:25%;
	}
	.accordion .column_graph .abs_block {
		display:block;
	}
	.accordion .column_graph .abs_block .subtxt {
		margin-left:20%;
	}
	.img_block .imgrow.column_graph .imgcolumn.columnW30 {
		vertical-align: top;
    	margin-top: 7%;
	}
	.pc_mt-5p {
    	margin-top: -5%;
	}
	.img_block.pc_mt-5p .imgrow .imgcolumn .imglabel.left_top {
		top:10%;
	}
	.inner_wrapper.active .img_block.sliding img {
		transform: translateX(10%);
	}
}
/*----------------------------------------------*/
/*アニメーション*/
/*----------------------------------------------*/
.animate {
	opacity:0;
	-webkit-transition: all 0.5s linear 0.1s;
	transition: all 0.5s linear 0.1s;
}
.animate.active {
	opacity:1;
}
.animate2 {
	opacity:0;
	-webkit-transform:translateY(2em);
	transform:translateY(2em);
	-webkit-transition: all 0.5s ease-out 0.1s;
	transition: all 0.5s ease-out 0.1s;
}
.animate2.active {
	opacity:1;
	-webkit-transform:translateY(0);
	transform:translateY(0);
}
.wearlist_block.animate {
	opacity: 0;
    transform: translateY(40px);
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
.wearlist_block.animate.active {
	opacity: 1;
    transform: translateY(0px);
}


/*--------------------------------------------------------------*/
@-moz-keyframes anime_mark {
0% {filter: saturate(100%) brightness(100%);}
50% {filter: saturate(300%) brightness(120%);}
100% {filter: saturate(100%) brightness(100%);}
}

@-webkit-keyframes anime_mark {
0% {filter: saturate(100%) brightness(100%);}
50% {filter: saturate(300%) brightness(120%);}
100% {filter: saturate(100%) brightness(100%);}
}

@-o-keyframes anime_mark {
0% {filter: saturate(100%) brightness(100%);}
50% {filter: saturate(300%) brightness(120%);}
100% {filter: saturate(100%) brightness(100%);}
}

@-ms-keyframes anime_mark {
0% {filter: saturate(100%) brightness(100%);}
50% {filter: saturate(300%) brightness(120%);}
100% {filter: saturate(100%) brightness(100%);}
}

@keyframes anime_mark {
0% {filter: saturate(100%) brightness(100%);}
50% {filter: saturate(300%) brightness(120%);}
100% {filter: saturate(100%) brightness(100%);}
}

/*--------------------------------------------------------------*/
@-moz-keyframes anime_scale {
0% {-moz-transform:scale(1);}
100% {-moz-transform:scale(1.2);}
}

@-webkit-keyframes anime_scale {
0% {-webkit-transform:scale(1);}
100% {-webkit-transform:scale(1.2);}
}

@-o-keyframes anime_scale {
0% {-o-transform:scale(1);}
100% {-o-transform:scale(1.2);}
}

@-ms-keyframes anime_scale {
0% {-ms-transform:scale(1);}
100% {-ms-transform:scale(1.2);}
}

@keyframes anime_scale {
0% {transform:scale(1);}
100% {transform:scale(1.2);}
}

/*--------------------------------------------------------------*/
@-moz-keyframes anime_scale2 {
0% {-moz-transform:scale(1);}
50% {-moz-transform:scale(1.5);}
100% {-moz-transform:scale(1);}
}

@-webkit-keyframes anime_scale2 {
0% {-webkit-transform:scale(1);}
50% {-webkit-transform:scale(1.5);}
100% {-webkit-transform:scale(1);}
}

@-o-keyframes anime_scale2 {
0% {-o-transform:scale(1);}
50% {-o-transform:scale(1.5);}
100% {-o-transform:scale(1);}
}

@-ms-keyframes anime_scale2 {
0% {-ms-transform:scale(1);}
50% {-ms-transform:scale(1.5);}
100% {-ms-transform:scale(1);}
}

@keyframes anime_scale2 {
0% {transform:scale(1);}
50% {transform:scale(1.5);}
100% {transform:scale(1);}
}

/*--------------------------------------------------------------*/
body.loadwaite {
	display:block;
	position:fixed;
	width:100%;
	height:100vh;
	overflow:hidden;
}
body .waitescreen {
	display:none;
}
body.loadwaite .waitescreen {
	content:"";
	display:block;
	position:absolute;
	width:100%;
	height:100vh;
	top:0;
	left:0;
	background:#fff;
	z-index:9999;
}
body .waitecontent {
	position:absolute;
	width:300px;
	top:50%;
	left:50%;
	margin-top:-170px;
	margin-left:-150px;
	color:#777;
}
body .loadingtxt {
	margin-top:8px;
	font-size:14px;
	font-weight:bold;
}
body .loadingtxt span {
	display:inline-block;
}
body .loadingtxt span:nth-of-type(1){
	-webkit-animation: anime_bounce 0.5s ease 0.125s infinite alternate;
	animation: anime_bounce 0.5s ease 0.125s infinite alternate;
}
body .loadingtxt span:nth-of-type(2){
	-webkit-animation: anime_bounce 0.5s ease 0.25s infinite alternate;
	animation: anime_bounce 0.5s ease 0.25s infinite alternate;
}
body .loadingtxt span:nth-of-type(3){
	-webkit-animation: anime_bounce 0.5s ease 0.375s infinite alternate;
	animation: anime_bounce 0.5s ease 0.5s infinite alternate;
}
@-webkit-keyframes anime_bounce {
0% {-webkit-transform:translateY(0);}
100% {-webkit-transform:translateY(-1em);}
}

@keyframes anime_bounce {
0% {transform:translateY(0);}
100% {transform:translateY(-0.7em);}
}


svg.onpu {
	width:1em;
	height:1em;
	vertical-align:middle;
	margin-right:8px;
	position:relative;
	top:-1px;
}

.bgm_off {
	position:relative;
}
.bgm_off .bgmoff{
	position:absolute;
	left:0;
	top:0;
}

.bgmoff {
	opacity: 0;
}
.bgm_off.bgm_on .bgmoff {
	opacity: 1;
}
.bgm_off.bgm_on .bgmon {
	opacity: 0;
}

.reifublock1>img, .reifublock2>img {
	opacity:0;
}
.reifublock1 {
	background:url("../img/common/img_ac_common_b1_photo_01_b.jpg") center top no-repeat;
	background-size: 100% auto;
}
.reifublock2 {
	background:url("../img/common/img_ac_common_b1_photo_02_b.jpg") center top no-repeat;
	background-size: 100% auto;
}
.img_block .imgcolumn.reifublock1>img,
.img_block .imgcolumn.reifublock2>img {
    opacity: 0;
    -webkit-transition: all 0.5s linear 1.2s;
    transition: all 0.5s linear 1.2s;
}
@media (max-width:768px){
	.sptrimwrapper {
    	min-height: 113vw;
    	margin-left: -25vw;
	}
	.sptrimwrapper img {
		object-fit: cover;
		max-width: 150vw;
		width:150vw;
		height:auto;
	}
}