@charset "utf-8";

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
a:link, a:visited {color: #fff;text-decoration: none;}
a:hover {color: #fff;text-decoration: none;}
a{outline: none;}

/* CLEARFIX */
.clearfix
{zoom: 1;}

.clearfix:after,
.ambassadorList:after,
.navList:after,
nav:after,
.companyBox:after,
.cdList:after,
.cdContentList li .desp:after,
.goodsList li:after,
.itemList li:after,
.aaaaaaaaaa:after,
.aaaaaaaaaa:after,
.aaaaaaaaaa:after,
.aaaaaaaaaa:after,
.aaaaaaaaaa:after
{content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

strong{
font-weight: bold;
}

img{
vertical-align: bottom;
}

*{
	box-sizing: border-box;
}

main{
	position: relative;
	display: block;
}

.onlyPc{
	display: block;
}
.onlySp{
	display: none;
}







/* ------------------------------------------
LAYOUT
------------------------------------------ */

html{
	height: 100%; 
}

body{
	font: 12px/1.4 "proxima-nova","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;

	width: 100%; 
	height: 100%; 
	background-color: #000;
	color: #fff;
	position:relative;
	font-size: 14px;
	letter-spacing: 0.05em;	
	
	line-height: 180%;
}

.contentsBox{
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 80px;
	padding-right: 80px;
}

.contentsBox.big{
	max-width: 1600px;
}

.headerBox{
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 20px;
	padding-right: 20px;
}

body > header{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 10;
}




/* ------------------------------------------
TOP
------------------------------------------ */

h1.logo{
	display: none;
}

.date2019{
	position: absolute;
	left: 80px;
	bottom: 160px;
	z-index: 3;
}
.bnrVlad{
	position: absolute;
	right: 80px;
	bottom: 160px;
	z-index: 3;
}
.bnrVlad a{
-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.bnrVlad a:hover{
	opacity: 0.8;
}

.topSlider .each .img{
	width: 100%;
	height: 100vh;
	height: calc(100vh - 120px);
}

#stage{
    position:relative;
    width:100%;
    
    background-color: #92323b;
    
    
/*
	background-image:url(../images/bg_main.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
*/
}

.bgImg{
	background-image:url(../images/bg_main.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: top center;
}

.bgImg{
	background-size: cover;
	background-size: 150% auto;
	background-repeat: repeat-y;
}

.bgImg .contentsBox{
	background-color: rgba(0,0,0, 0.6);
	padding-bottom: 60px;
	padding-top: 60px;
}

main.page{
	padding-bottom: 100px;	
}

#subLogo{
	float: right;
	margin-top: 10px;
}

#stage{
    height:100%;
    overflow:hidden;
}

#main{
    height:100%;
    width: 100%;
}

#visualsWrapper{
    height:100%;
    width: 100%;
}
#visuals{
    height:100%;
    width: 100%;
    
    overflow: hidden;
}
#visuals .contents{
    height:100%;
    min-width: 100%;
    
/*     display: table; */

	position: absolute;
	left: 50%;
	top: 0;

	white-space: nowrap;
/* 	float: left; */

    -webkit-transform:translate(-50%, 0%);
    -ms-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
    
    display: inline-block;
    font-size: 0;
    background-color: #000;
}
#visuals .boxSuper{
	display: table-cell;
	display: inline-block;


	white-space: nowrap;

	width: 20vw;
	height: 100%;
	height: calc(100vh - 100px);
	
	position: relative;


-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1);
}


.charaName{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background:rgba(0,0,0,0.7);
    
    text-align: center;
    
    opacity: 0;

-webkit-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: all 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}

a.charaLnk{
	display: block;
    width:100%;
    height:100%;
}
#visuals .boxSuper:hover .charaName{
	opacity: 1;
}

#visuals .boxSuper:hover{
	width: 28vw;
}

#visuals .boxSuper .charaName{
	white-space: nowrap;
}

#visuals .boxSuper .charaName p{
    position:absolute;
    left:50%;
    top:50%;
    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
    
    font-size: 20px;
    font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 700;
}
#visuals .boxSuper .charaName p span{
	font-size: 12px;
	padding-top: 10px;
	display: block;
}

.navList{
	float: right;
	margin-top: 60px;
}
.navList li{
	float: left;
	margin-left: 30px;
	font-size: 13px;
}

.navList li a{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;

-webkit-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-moz-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-o-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
-ms-transition: opacity 0.3s cubic-bezier(0.215, 0.61, 0.355, 1);
}





a.twitter{
	display: inline-block;
	width: 20px;
	text-indent: -9999px;
	background-image:url(../images/ico_twitter.png);
	background-repeat:no-repeat;
	background-size: 22px auto;
	background-position: center center;
}

.langList{
	position: absolute;
	right: 80px;
	top: 13px;
}

.langList li{
	display: inline-block;
	margin-left: 15px;
}

.langList li a{
	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	font-size: 13px;
}


/*
.mainCopy{
	position: fixed;
	left: 50%;
	top: 50%;
	z-index: 2;
	
	font-size: 20px;
	font-weight: bold;
	
	text-align: center;
	

    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%);
}
*/

.mainCopy{
	position: fixed;
	left: 0px;
	top: 20px;
	z-index: 2;
	
	font-size: 20px;
	font-weight: bold;
	
	text-align: center;
	max-width: 360px;
}

.mainCopySp{
	position: absolute;
	z-index: 2;
	
	right: -15px;
	width: 100%;
	bottom: 20px;
	text-align: center;
	max-width: 40%;
}



.mainCopy img,
.mainCopySp img{
	max-width: 100%;
}

.mainCopy .anime{

	
	position: relative;
}

.apng-image.hidden{
	opacity: 0;
}

.apng-image2{
	opacity: 0;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}
.apng-image2.show{
	opacity: 1;
}

.copy{
	position: fixed;
	left: 50%;
	bottom: 160px;
	z-index: 2;
	
	font-size: 20px;
	font-weight: bold;

    -webkit-transform:translate(-50%, -50%);
    -ms-transform:translate(-50%, -50%);
    transform:translate(-50%, -50%)
}





.infoBox{
	position: fixed;
	left: 0%;
	bottom: 0;
	z-index: 3;
	
	width: 100%;
	padding-bottom: 10px;	
	background-color: #000;
	color: #fff;
	padding-top: 20px;
	height: 120px;

/*
	background-image:url(../images/bg_shadow.png);
	background-repeat:repeat-x;
	background-size: auto 100%;
	background-position: center center;
*/
}



.boxSuper{
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	background-color: #000;
}


#chara1{
	background-image:url(../images/img_chara01.jpg);
}
#chara2{
	background-image:url(../images/img_chara02.jpg);
}
#chara3{
	background-image:url(../images/img_chara03.jpg);
}
#chara4{
	background-image:url(../images/img_chara04.jpg);
}
#chara5{
	background-image:url(../images/img_chara05.jpg);
}



.snsList{
	position: fixed;
	right: 0;
	top: 0;
	
}

.snsList li a{
	width: 50px;
	height: 50px;
	
	background-color: #e00013;
}



main.page{
	padding-top: 140px;
}



.box .left{
	float: left;
}

.dateImg img{
	max-width: 100%;
}

.box .right{
	float: right;
	width: 200px;
}



.bnr img{
	max-width: 100%;
}


.box .left{
	width: calc(100% - 260px);
}
.newsBox .ttl{
	float: left;
	color: #e00013;

	font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-weight: 700;
	letter-spacing: 0.1em;
	
	margin-right: 40px;
}
.newsBox .date{
	float: left;
	color: #e00013;
	margin-right: 20px;
}
.newsBox .desp{
	padding-left: 100px;
	text-indent: -10px;
}




.newsDetailList li{
	margin-bottom: 60px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #ccc;
}

.newsDetailList li:last-child{
	border: none;
}


.headInfo .date{
	float: left;
}

.headInfo .ttl{
	padding-left: 120px;
}



#newsTicker{
	float: left;
	position: relative;
	
	width: 500px;
	width: calc(100% - 100px);
}







.headImg{
	margin-bottom: 60px;
}

.headImg img{
	width: 100%;
}


.mainImg img{
	width: 100%;
	margin-bottom: 20px;
}



.ambassadorList img{
	width: 100%;
}


h2.ttl{
    font-size: 20px;
    font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
}

h3.ttl{
    font-size: 22px;
    font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 700;
    margin-bottom: 20px;
    line-height: 130%;
}

h4.ttl{
    font-size: 16px;
    font-family: 'Open Sans', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
}


.ichigoLogo img{
	max-width: 100%;
	background-color: #fff;
	padding: 20px;
}



.ambassadorList{
	padding-top: 60px;

	margin-left: -20px;
	margin-right: -20px;
}

.ambassadorList li{
	float: left;
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
}

.ambassadorList li .img{
	margin-bottom: 20px;
}

.ambassadorList li .ttl{
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}

.ambassadorList li .desp{
	font-size: 13px;
	line-height: 140%;
}

.ambassadorList.ambassadorList2 li{

	width: calc(33.33% - 40px);

}





footer{
	background-color: #e00013;
	padding: 40px 0;
	
/* 	margin-top: 100px; */
}

footer .navList{
	margin-top: 0;
}




.companyBox{
	margin-bottom: 60px;	
}

.companyBox .left{
	float: left;
	width: 30%;
}

.companyBox .left img{
	max-width: 100%;
}

.companyBox .right{
	float: right;
	width: 70%;
	width: calc(70% - 60px);
}

.companyBox .right .ttl{
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}




.companyList{
	padding-top: 20px;
}

.companyList a{
	text-decoration: underline;
}

.companyList li{
	margin-bottom: 20px;
}

.companyList li .ttl{
	float: left;
}

.companyList li .desp{
	padding-left: 200px;
}

.concept{
	font-size: 15px;
	line-height: 180%;
}


.mainDesp{
	text-align:justify;
}




.copyright{
	text-align: right;
	padding-top: 20px;
	margin-right: -3px;
}


.animationLogo img{
	max-width: 100%;
	padding: 20px 0;
	padding-bottom: 10px;
}


.newsContent img{
	max-width: 100%;
	height: auto;
}




.cdBox{
	background-color: #fff;
	padding: 30px;
	color: #000;
	font-weight: bold;
	vertical-align: top;
	margin-bottom: 60px;
}

.cdBox .top{
	margin-bottom: 20px;
}

.cdBox .bottom{
	margin-bottom: 10px;
}

.cdBox .bottom span{
	margin-right: 10px;
	display: inline-block;
}

.cdBox .bottom .release{
	background-color: #c41a1f;
	padding: 5px 20px 3px 20px;
	color: #fff;
}

.cdBox .way{
	background-color: #000;
	padding: 5px 20px 3px 20px;
	color: #fff;
	margin: 0 5px;
}

.shopTtlBox{
	text-align: center;
	line-height: 140%;
	margin-bottom: 60px;
}

.shopTtl01{
	font-size: 26px;
	font-weight: bold;
	margin-bottom: 40px;
	padding-bottom: 15px;

	border-bottom: 1px solid #fff;
/* 	display: inline-block; */
	line-height: 160%;
}

.shopTtl02{
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 15px;

	display: inline-block;
}

.shopTtl03{
	line-height: 180%;
}

.shopImg{
	text-align: center;
	margin-bottom: 40px;
}

.shopImg img{
	max-width: 100%;
}





.cdList{
	margin-left: -20px;
	margin-right: -20px;
	
	margin-bottom: 10px;
}

.cdList li{
	float: left;
	width: calc(50% - 40px);
	margin-left: 20px;
	margin-right: 20px;
}

.cdList li .img{
	margin-bottom: 20px;
}

.cdList li .img img{
	width: 100%;
}

.cdList li .ttl{
	font-size: 18px;
}

.attention{
	font-size: 12px;
}





.cdContentBox{
	background-image:url(../images/bg_shop.jpg);
	background-repeat:no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	
	padding: 40px 60px;
	
	margin-bottom: 80px;
}

.cdContentBox .drop01{
	position: absolute;
	z-index: 2;
	left: -40px;
	top: -40px;
}

.cdContentBox .drop02{
	position: absolute;
	z-index: 2;
	right: -20px;
	bottom: -20px;
}

.mb60{
	margin-bottom: 60px;
}

.cdContentBox .ttl{
	font-size: 22px;
	margin-bottom: 30px;
	margin-right: 40px;
}

.cdContentBox .ttl span{
	font-size: 16px;
	padding-left: 30px;
}


.cdContentList li:first-child{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #fff;

}

.cdContentList li .ttl2{
	font-size: 16px;
	margin-bottom: 20px;
}

.cdContentList li .img{
	float: left;
	width: 150px;
}
.cdContentList li .img img{
	max-width: 100%;
}

.cdContentList li .desp{
	padding-left: 200px;
}

.cdContentList li span{
	text-indent: -0.5em;
	display: inline-block;
}

.cdContentList li .left{
	float: left;
	width: 50%;
	margin-right: 5%;
}
.cdContentList li .right{
	float: left;
	width: 45%;
}




.goodsList{
	margin-bottom: 80px;
}

.goodsList li{
	margin-bottom: 60px;
}

.goodsList li .img{
	margin-bottom: 20px;
}

.goodsList li .img img{
	width: 100%;
}

.goodsList li .ttl{
	font-size: 16px;
}

.cartjs_product_img{
	margin: 0 !important;
	padding: 0 !important;
	float: left;
	width: 340px !important;
	
	display: none;
}

.cartjs_product_img img{
	max-width: 100%;
}

.cartjs_cart_in input{
	background-color: #d50013 !important;
}

.cartjs_product_name{
	display: none;

}
.cartjs_sk_link_other{
	width: auto !important;
}



.itemList li{
	margin-bottom: 60px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #999;
}
.itemList li:last-child{
	border: none;

}

.itemList li .img{
	float: left;
	width: 340px;
}

.itemList li .despArea{
	padding-left: 400px;
}

.itemList li .img img{
	max-width: 100%;
}

.itemList li .ttl{
	font-size: 20px;
	margin-bottom: 30px;
	font-weight: bold;
}

.itemList li .subTtl{
	font-size: 16px;
	margin-bottom: 20px;
}

.cartjs_product_table table{
	margin: 0 !important;
	padding: 0 !important;
}

.cartjs_box{
	margin: 0 !important;
	padding: 0 !important;
}

.cartjs_cart_in{
	text-align: left !important;
	margin-top: 20px !important;
}

.ttlLine{
	border-top: 1px solid #fff;
	padding-top: 80px;
}










.topSlider .img1{
	display: block;
}
.topSlider .img2{
	display: none;
}





.mainCopySp{
	display: none;
}













/* ------------------------------------------
contact
------------------------------------------ */




#tblForm{
margin-top: 0px;
}

#btnArea{
margin-top: 30px;
margin-bottom: 50px;
}
#btnArea input{
background: none;
border: 0;
color: #FFF;
display: block;
width: 100px;
height: 32px;
background-color: #696969;
text-align: center;

}
#tblForm #btnArea input{
border-radius: 0;
}


#tblForm th{
padding: 10px;
padding-left: 0;
width: 210px;
vertical-align: top;
padding-top: 16px;
box-sizing: border-box;
}

#tblForm th .require{
float: right;
font-size: 10px;
color: #fff;
background-color: #696969;
padding: 0px 6px;
border-radius: 4px;
line-height: 180%;
margin-top: 3px;
}

#tblForm td{
padding: 10px;
padding-left: 0;
box-sizing: border-box;
}

#tblForm .sel1{
width: 290px;
}

#tblForm .sel2{
width: 60px;
}

#tblForm .sel3{
width: 400px;
height: 150px;
}

#tblForm input{
border: solid 1px #CCC;
border-radius: 4px;
padding: 6px;
}
#tblForm .wpcf7-list-item input{
border: none;
}


#tblForm textarea{
border: solid 1px #CCC;
border-radius: 4px;
padding: 6px;
}
.attention{
text-align: center;
font-size: 12px;
font-weight: bold;
margin-bottom: 280px;
}







#btnArea{
	text-align: center;
}

#btnArea input{
	display: inline-block;
	cursor: pointer;
}








.privacyDesp{
	margin-bottom: 60px;
}

.privacyList li{
	margin-top: 30px;
	padding-top: 30px;
	border-top: 1px dotted #ccc;
}

.privacyList li .ttl{
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 15px;
}

.privacyList li .desp{
	font-size: 12px;
}

.privacyList li a{
	text-decoration: underline;
}
























/* ------------------------------------------
ipad
------------------------------------------ */
@media screen and (max-width: 800px){


.mainCopy{
	max-width: initial;
	max-width: auto;
}

.topSlider .img1{
	display: none;
}
.topSlider .img2{
	display: block;
}
.topSlider .each .img{
	height: calc(100vh - 180px);
}
.date2019{
	left: 40px;
	bottom: 250px;
}
.bnrVlad{
	right: 40px;
	bottom: 250px;
}

#subLogo{
	margin-right: 50px;
}

.contentsBox{
	padding-left: 40px;
	padding-right: 40px;

}

.bnr{
	margin-bottom: 20px;
}

.copyright{
	text-align: left;
	margin-right: 0;
}

.infoBox{
	height: auto;
}

.infoBox{
	height: auto;
}

.box .left{
	float: none;
	width: auto;
}

.box .right{
	float: none;
	width: auto;
}

.bnr{
	margin-top: 0;
}

.headerBox{
	padding-left: 42px;
	padding-right: 0px;
}

.navList{
	float: left;
}

.navList li{
	margin-left: 0;
	margin-right: 40px;
	float: left;
}


.mainCopy{
	width: 600px;
	max-width: 100%;
	text-align: center;
}


header .navList{
	display: none;
}

#button_container{
	display: block;
}




.mainCopy{
	left: 50%;
	top: 40px;
    -webkit-transform:translate(-50%, 0%);
    -ms-transform:translate(-50%, 0%);
    transform:translate(-50%, 0%);
}


#subLogo{
	margin-right: 180px;
}




}


























/* ------------------------------------------
smartphone
------------------------------------------ */
@media screen and (max-width: 719px){

.onlyPc{
	display: none;
}
.onlySp{
	display: block;
}



.bnr{
	margin-bottom: 0;
	margin-top: 0;
}





.contentsBox{
	padding-left: 20px;
	padding-right: 20px;

}


.mainCopy{
	left: 0;
	width: 100%;
	padding-left: 20px;
	padding-right: 20px;

    -webkit-transform:translate(0%, -50%);
    -ms-transform:translate(0%, -50%);
    transform:translate(0%, -50%);
}


#newsTicker{
	width: 100%;
}

.newsBox .ttl{
	display: none;
}

.newsBox{
	line-height: 160%;
}

.newsBox .desp{
	padding-left: 90px;
}

.box .left{
	margin-bottom: 10px;
}

.dateImg{
	margin-bottom: 5px;
}

.dateImg img{
	max-width: 90%;
}

.box .right{
	width: auto;
	max-width: initial;
	max-width: auto;
	
	float: none;
	margin-top: 0;
	margin-bottom: 20px;
}

.newsBox .desp{
	font-size: 12px;
}


.mainCopy{
	top: 40%;
}


main.page{
	padding-top: 90px;
}


.companyBox .left{
	width: auto;
	margin-bottom: 20px;
}

.companyBox .right{
	width: auto;
}

.companyList li .ttl{
	float: none;
}

.companyList li .desp{
	padding-left: 0;
}

.companyList li{
	border-bottom: 1px dotted #fff;
	padding-bottom: 20px;
}

.companyList li:last-child{
	border: none;
	padding-bottom: 0;
}

.headerBox{
	padding-left: 20px;
	padding-right: 20px;
}

.navList{
	float: none;
	width: 100%;
	text-align: center;
}

.navList li{
	margin: 0 10px;
	display: inline-block;
	float: none;
}

.concept{
	font-size: 13px;
	line-height: 180%;
}









h3.ttl{
	font-size: 15px;
	line-height: 160%;
}

.mainDesp{
	font-size: 13px;
	letter-spacing: 0;
	
	margin-bottom: 60px;
}



.ambassadorList li{
	width: auto;
}
.ambassadorList.ambassadorList2 li{
	width: auto;
}

.ambassadorList{
	padding-top: 0;
}

.headInfo .date{
	float: none;
}

.headInfo .ttl{
	padding-left: 0;
}

.headInfo{
	margin-bottom: 20px;
}

.copyright{
	text-align: center;
}





.newsBox{
	line-height: 120%;
}

#stage{
	min-height: 500px;
	min-height: 640px;
}

.infoBox{
	position: absolute;
}

.mainCopy{
	position: absolute;
	top: 36%;
}





#subLogo{
	margin-top: 15px;
}


.bgImg .contentsBox{
	padding-top: 30px;
}


.langList{
	right: 15px;
	top: 60px;
}




.cdBox{
	padding: 20px;
}

.cdBox .way{
	padding: 5px 5px 3px 5px;
}


.shopTtl01{
	font-size: 18px;
	line-height: 150%;
}

.shopTtl02{
	font-size: 16px;
}

.shopTtl03{
	line-height: 150%;
}

.shopImg{
	margin-left: 20px;
	margin-right: -10px;
}

.cdList li{
	float: none;
	width: auto;
	margin-bottom: 40px;
}




.cdContentBox .drop01{
	left: -20px;
}

.cdContentBox{
	padding: 40px 20px;
	padding-top: 60px;
}

.cdContentBox .ttl span{
	display: block;
	padding-left: 0;
	padding-top: 10px;
}

.cdContentList li .img{
	float: none;
	width: auto;
	margin-bottom: 20px;
	
	width: 50%;
}

.cdContentList li .img img{
	width: 100%;
}
.cdContentList li .desp{
	padding-left: 0;
}

.cdContentList li .left{
	float: none;
	width: auto;
	margin-bottom: 20px;
}
.cdContentList li .right{
	float: none;
	width: auto;
}

.itemList li .img{
	float: none;
	width: auto;
	
	text-align: center;
}


.itemList li .img img{
	width: 90%;
}


.itemList li .despArea{
	padding-left: 0;
}


.bgImg{
	background-size: cover;
	background-size: 200% auto;
	background-repeat: repeat-y;
}


.itemList li .ttl{
	font-size: 18px;
}

.cartjs_header{
	display: none !important;
}

.cartjs_dtl_tbl th{
	background-color: transparent !important;
}

.cartjs_buy input{
	background-color: #d50013 !important;
	background-image:none !important;
	box-shadow:none !important;
	border: none !important;
	width: 100% !important;
}

.itemList li{
	border-bottom: none !important;
}

.itemList li .ttl{
	font-size: 16px;
}











.mainCopy{
	margin-top: 20px;
}
.mainCopy .anime{
	margin-top: -20px;
}




.date2019{
	left: 20px;
	display: none;
}
.bnrVlad{
	right: auto;
	left: 20px;
	bottom: 230px;
}
.bnrVlad img{
	width: 200px;
}


.topSlider .each .img{
	height: calc(100vh - 200px);
}


.mainCopy{
	top: 80px;
	left: 0;

    -webkit-transform:translate(0%, 0%);
    -ms-transform:translate(0%, 0%);
    transform:translate(0%, 0%);
}

.langList{
	display: none;
}











/*
.mainCopySp{
	display: block !important;
	opacity: 1 !important;
}
*/



.sliderBox{
	height: calc(100vh - 200px);
	position: relative;
}

.infoBox{
	height: 210px;
}












#tblForm th{
	display: block;
	width: auto;
	padding-bottom: 0;
	padding-right: 0;
}
#tblForm td{
	display: block;
	width: auto;
	padding-top: 0;
	padding-right: 0;
}

#tblForm .sel1{
	width: 100%;
	box-sizing: border-box;
}



#tblForm .sel3{
	width: 100%;
	box-sizing: border-box;
}





}