@charset "utf-8";

/***キャラセレクト***/

#char_area{
	width:960px;
	height:75px;
	margin:0 auto;
	padding-top:12px;
}

#chara_nav{

}

#chara_nav li{
	display:inline-block;
	width:75px;
	height:75px;
	margin-right:25px;
}

#chara_nav li > a{
	position:relative;
	display:block;
}

#chara_nav li  a > img{
	border:solid 3px #FFF;
	
	/*カスタムのシャドウ*/
	-moz-box-shadow:2px 2px 3px 0px #D5D5D5;
	-webkit-box-shadow:2px 2px 3px 0px #D5D5D5;
	box-shadow:2px 2px 3px 0px #D5D5D5;
	
	-webkit-box-sizing:border-box;/*追加*/
	-moz-box-sizing: border-box;/*追加*/
	box-sizing:border-box;/*追加*/
}

#chara_nav li > a:hover{
	opacity:.8;
	
}

#chara_nav li > a:active{
	top:3px;
}

/****メインページ*****/

#main{
	width:100%;
	margin:0 auto;
	position:relative;
	/*border:1px solid #ff9eb7;*/
}

/****ブロック１****/

#block{
	width:100%;
	height:825px;
	margin:0 auto;
	/*background-image:url(../img/ch/sakura_bg.png),url(../img/ch/asuka_bg.png);
	background-repeat:no-repeat,repeat-x;
	background-position:bottom center,bottom;*/
}

.mainbox{
	width:960px;
	margin:0 auto;
}

.mainbox:after{
	content:"";
	display:block;
	clear:both;	
}

/*profile*/
#profile{
	width:50%;
	float:left;
	padding-top:45px;/*72-30*/
	padding-left:30px;
	/*border:1px solid #A6585A;*/
}

#profile h3{
	height:182px;
}

#profile h3 img{
	 display: block;
	 /*margin:0 auto;変更*/
	 margin-left:12px;
}
/*タブコンテンツ*/
.tab-contents{
	width:93.333%;/*450px  420px*/
	height:368px;
	/*background-color:#FFF;*/
}

.tab-contents > div{
	width:100%;/*450px*/
}

.tab-contents > div:nth-child(n+2){
	display:none;
}

/*タブの文章*/

#tabA{
	
}

#tabA > p {
	padding:5px 20px 0px 20px;
	margin-top:0px;
	line-height:2em;
    font-weight:bold;
}

.cv_contents p{
	padding:0 20px;
	margin-top:0px;
	line-height:2em;
    font-weight:bold;
}


/*btn*/
#change_btn{
	width:93.333%;/*450px  420px*/
	position:relative;
}

#tab-menu{
	/*display:table;*/
	padding-top:10px;
	height:73px;
}

#tab-menu li{
	display: inline-block;
	width:15%;/*62px*/
	height:63px;
	margin-right:5.2%;/*幅間隔*/
	cursor:pointer;
	text-indent:-9999px;
	overflow:hidden;
	border:2px solid #FFF;
	background-color:#FFF;
	box-sizing:border-box;

}

#tab-menu > li:last-child{
		margin-right:0px;
}

#tab-menu > .tab-active{
	cursor:default;
	background-color:#C8C8C8;
}

/*change view btn*/
/*
#AA{
	background-image:url(../img/ch/chanegviewbtn.png);
	background-repeat:no-repeat;
	background-size:355px 62px;
}

#B{
	background-image:url(../img/ch/chanegviewbtn.png);
	background-repeat:no-repeat;
	background-size:355px 62px;
	background-position:-71px 0px;;
}
#C{
	background-image:url(../img/ch/chanegviewbtn.png);
	background-repeat:no-repeat;
	background-size:355px 62px;
	background-position:-142px 0px;;
}

#D{
	background-image:url(../img/ch/chanegviewbtn.png);
	background-repeat:no-repeat;
	background-size:355px 62px;
	background-position:-213px 0px;;
}

#E{
	background-image:url(../img/ch/chanegviewbtn.png);
	background-repeat:no-repeat;
	background-size:355px 62px;
	background-position:-284px 0px;;
}
*/

#change_btn > h4{
	padding-top:8px;
	display:block;
	/*padding-left:30px;*/	
}

/**character**/
#chara_stand{
	width:50%;
	float:right;
	position:relative;
	z-index:2;
	/*border:1px solid #A6585A;*/
}

/*
#stand img{
	 display: block;
	 position:absolute;
	 top:-35px;
	 left:15px;
}*/

/*
#catch{
	position:absolute;
	top:45px;
	right:0px;
	transform:rotate(4deg);
}*/

/*キャッチコピー*/

/****ブロック2****/

#block2{
	width:100%;
	height:600px;
	position:relative;
	background-image:url(../img/ch/sakura_bg2.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	/*border:1px solid #A6585A;	*/
}

#block2_wrap{
	position:absolute;
	/*top:-95px;*/
	top:-110px;
}

/*stance*/
.stance{
	width:405px;
	height:50px;
	display:block;
	position:relative;
	margin-left:30px;
	margin-bottom:8px;
	padding-top:5px;/*個別指定*/
	padding-right:5px;
	background-color:#FFF;
	border-radius:5px;
	z-index: 1;
	-webkit-box-sizing:border-box;/*追加*/
	-moz-box-sizing: border-box;/*追加*/
	box-sizing:border-box;/*追加*/
}

.stance > h4{
	width:35%;
	float:left;
}

.stance > p{
	width:62%;
	height:44px;
	float:right;
	font-size:14px;
	/*line-height:44px;*//*個別指定*/
	text-align:center;
}

.stance:before {
	content: "";
	position: absolute;
	top: 50%; right: -10px;
	margin-top: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 10px 10px;
	border-color: transparent transparent transparent #FFF;
	z-index: 0;
}

.stance:after{
	content:"";
	display:block;
	clear:both;	
}

/*character voice*/
#voice{
	width:325px;
	height:124px;/*130px*/
	margin-top:28px;/*※stanceのマージンを総裁する*/
	margin-bottom:32px;
	background-color:rgba(255,255,255,.9);
	border-radius:3px;
	/*border:1px solid #A6585A;*/
}

#voice h4{
	display:block;
	padding-top:16px;/*18px=>16px*/
	padding-left:30px;
	height:42px;
}

#voice ul{
	padding-top:12px;/*16px=>12px*/
	padding-left:30px;
}

#voice li{
	display: inline-block;
	width:50px;
	height:50px;
	border-radius:5px;
	
	text-indent:-9999px;
	overflow:hidden;
	
	opacity:0;
	
	border:1px solid #e0e0e0;
	background-color:#e5e5e5;
	margin-right:18px;
}

#voice li:last-child{
	margin-right:0px;
}

#voice p {
	margin-top:18px;
	text-align:right;
	font-size:11px;
	color:#8F8F8F;
}

/*voice btn*/
.stop {
	background-image:url(../img/ch/voicebtn.png);
	background-size:100px;
	background-position:0 0;
}

.active{
	background-image:url(../img/ch/voicebtn.png);
	background-size:100px;
	background-position:-50px 0;
}


/*EVENT CG*/

#eventCG{
	width:510px;
	height:280px;

	background-color:rgba(255,255,255,.9);
	border-radius:3px;
}

#eventCG h4{
	display:block;
	padding-top:22px;
	padding-left:30px;
	height:42px;
}

#eventCG ul{
	padding-top:15px;
	padding-left:30px;
	font-size:0px;
}

#eventCG li{
	position:relative;
	display: inline-block;
	margin-right:10px;
	margin-bottom:10px;
}

#eventCG li a{
	display:block;
	height:90px;
}

#eventCG li a:hover{
	opacity:0.7;
}

#eventCG li img{
	border:4px solid #FFF;
	
	/*カスタムのシャドウ*/
	-moz-box-shadow:2px 2px 3px 0px #D5D5D5;
	-webkit-box-shadow:2px 2px 3px 0px #D5D5D5;
	box-shadow:2px 2px 3px 0px #D5D5D5;
	
	-webkit-box-sizing:border-box;/*追加*/
	-moz-box-sizing: border-box;/*追加*/
	box-sizing:border-box;/*追加*/
}

.noimage {
	border:5px solid red;
}

/*newtag*/

.new_tag{
	position:absolute;
	/*top:0px;
	left:73px;*/
	top:-6px;
	left:-2px;
	width:36px;
	height:36px;
	
	color:#FFF;
	letter-spacing:0.02rem;
	font-size:0.6875rem;
	line-height:38px;
	text-align:center;
	z-index:10;
	border-radius:19px;
	/* box-shadow */
	box-shadow:1px 1px 3px 0px rgba(0,0,0,0.4);
	-moz-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.4);
	-webkit-box-shadow:1px 1px 3px 0px rgba(0,0,0,0.4);
	/* border */
	/*border:1px solid #cccccc;*/
	background: #e54444; /* Old browsers */
	background: -moz-linear-gradient(-45deg, #e54444 0%, #ea1717 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, #e54444 0%,#ea1717 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, #e54444 0%,#ea1717 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	/**/
	transform:rotate(-20deg);
	-moz-transform: rotate(-20deg);
	-webkit-transform: rotate(-20deg);
}

#A1{
	top:-1px;
	left:73px;
}
#A2{
	top:-1px;
	left:158px;
}
#A3{
	top:-1px;
	left:243px;
}
#A4{
	top:-1px;
	left:328px;
}