@charset "utf-8";

.pc_off {
    display: none;
}


h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dt,dd{
	padding: 0;
	margin: 0;
}

ol,ul{
	list-style-type: none;
}

/*-----------------------------------------------
 root
-----------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	overflow:hidden;
	font-family: "Hiragino Sans", Meiryo, sans-serif;
	font-weight: 400;
	background-image:url(../img/bg.jpg);
	background-size: contain;
	background-repeat: repeat;
	background-attachment: fixed;
}

/*-----------------------------------------------
 font
-----------------------------------------------*/

html{
	overflow-x: hidden;
	font-size: medium;
}

body{
	min-width: 1000px;
	font-size: 62.5%; /* 16px -> 10px */
}

div{
	line-height: 0;
}

dt,dd,li,
caption,th,td,
input,button,textarea,select,
h1,h2,h3,h4,h5,h6,address{
	line-height: 0;
	margin: 0;
	padding: 0;
}

p{
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
p input,p button,p select,
li h1,li h2,li h3,li h4,li h5,li h6,li p,li dt,li dd,li li,li th,li td,li input,li button,li textarea,li select,
dd h1,dd h2,dd h3,dd h4,dd h5,dd h6,dd p,dd dt,dd dd,dd li,dd th,dd td,dd input,dd button,dd textarea,dd select,
tr h1,tr h2,tr h3,tr h4,tr h5,tr h6,tr p,tr dt,tr dd,tr li,            tr input,tr button,tr textarea,tr select{
	font-size: 100%;
}

input,button,select,option,textarea{
	font-size: 14px;
}

figure{
	margin: 0;
}

a,
a:link,
a:visited{
	color: #1d99c1;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

section{
	position: relative;
}

@media only screen and (max-width: 1000px) {
	body{
		min-width: 0;
	}
	.inner {
		width:100% !important;
}
}

/*-----------------------------------------------
 cf
-----------------------------------------------*/

.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/*-----------------------------------------------
 hover
-----------------------------------------------*/

.hover :hover{
	opacity: 0.8;
	animation: btn 0.5s;
	-webkit-animation: btn 0.5s;
	-moz-animation: btn 0.5s;
}

@keyframes btn {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
	}
}

@-webkit-keyframes btn {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
	}
}
@-moz-keyframes btn {
	0% {
		opacity: 1;
	}
	100% {
		opacity: 0.8;
	}
}

/*-----------------------------------------------
 nav
-----------------------------------------------*/
header {
    border-bottom: solid 5px #000;
    background: #fff;
  position: fixed;
  width: 100%;
  top: 0;
  z-index: 10000;
}
nav {
	width:998px;
    height: 78px;
    margin: 0 auto;
    border-left: solid 3px #000;
    border-right: solid 3px #000;
}
#main_menue li {
    display: inline-block;
    border-right: solid 2px #000;
    margin-left: -3px;
}
#main_menue li a:nth-child(1):hover { 
    opacity: 0.7;
}
#main_menue li:nth-child(2):hover {
    background:url(../img/nav_autograph_session_on_pc.png);
    
}
#main_menue li:nth-child(3):hover {   
    background:url(../img/nav_goods_on_pc.png);
}
.opacity:hover {
    opacity: 0;
}



#main_menue .sns_menue {
    border-right: none;
    text-align: center;
    position: relative;
    top: -18px;
    left: 16px;
    margin-left: 12px;
}
#main_menue .sns_menue a:hover {
    opacity: 0.7;
}

/*-----------------------------------------------
 wrap ラップ
-----------------------------------------------*/

#wrap {
    padding-top: 78px;

}
/*-----------------------------------------------
 kv
-----------------------------------------------*/
#kv {
	background:url(../img/kv_bg_pc.png) no-repeat top center;
	background-size:cover;
}
#kv .inner {
    
}
#kv .chara {
	position:relative;
	height:654px;
	overflow:hidden;
}
#kv .chara01 {
	width:100vw;
}
#kv .chara01 img {
	position:absolute;
	bottom:-171px;
	opacity:0;
	left:calc(50% - 985px / 2 - 14px);
}
#kv .chara01::before {
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	background:#e60000;
	height:85px;
	width:100%;
}
#kv .chara02 img {
	position:absolute;
	bottom: -7px;
	opacity: 0;
	left: calc(50% - 1084px / 2 - 55px);
}
#kv .chara03 img {
	position:absolute;
	bottom: 116px;
	opacity: 0;
	left: calc(50% - 1082px / 2 - 4px);
}

#kv h1 {
	position:absolute;
	z-index:10;
	bottom:-56px;
	left:calc(50% - -15px);
	transform:translateX(-50%);
}

/*-----------------------------------------------
 intro
-----------------------------------------------*/
#intro {
	background:url(../img/furikake_top_pc.png) no-repeat top center;
	background-size:contain;
	margin-top:-38px;
}
#intro .inner {
	width:1000px;
	margin:0 auto;
	overflow:hidden;
	position:relative;
    top: 100px;
}
#intro .inner h2 {
    text-align: center;
}

#intro .inner .btn {
	position:absolute;
	top: 84px;
	right: 3px;
	z-index:1;
}
#intro .inner .timetable {
    margin-top: 35px;
    display: flex;
    justify-content: space-evenly;
    margin-bottom: 260px;
}
#intro .inner .timetable li {
    border-bottom: solid 2px #000;
}
#intro .inner .timetable li a:hover {
    opacity: 0.7;
}

/*-----------------------------------------------
 about_online_event
-----------------------------------------------*/
#about_online_event {
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.7;
	margin:-112px auto 200px;
	text-align:center;
}
#about_online_event .bg {
	position:absolute;
	max-height:950px;
	height:92%;
	width:100%;
	background:#ff9f1f;
	z-index:-1;
  transform: scale(1.2) rotate(-5deg);
	margin-top:103px;
}
#about_online_event .bg::before {
	content: "";
	position: absolute;
	height: 100%;
	width: 100%;
	max-width: 1600px;
	left: calc(50% - 8px);
	background: url(../img/about_bg_pc.png) no-repeat bottom center;
	background-size: 83%;
	transform: scale(1) rotate(5deg) translateX(-50%);
	bottom:-7.5vw;
}
#about_online_event h2 {
	margin-bottom:20px;
}
#about_online_event .inner {
	width:1000px;
	margin:0 auto;
}
#about_online_event .inner .catch {
	margin:0 100px 23px 0;
}
#about_online_event .inner .txt {
	font-size:24px;
	line-height:1.58;
	font-weight:700;
}
#about_online_event .inner .txt p {
	margin-bottom:0.8em;
}


/*-----------------------------------------------
 program
-----------------------------------------------*/
#program {
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.7;
	text-align:center;
}
#program .bg {
	position:absolute;
	height:102.2%;
	width:100%;
	background:url(../img/bg_program.png) repeat;
	z-index:-1;
	margin-top:-80px;
}

#program h2 {
	margin-bottom:20px;
    margin-top: -55px;
}
#program .inner {
	width:1000px;
	margin:0 auto;
}

#program .inner .day  {
    margin: 40px 0 0;
}
#program .inner .btn  {
    margin: 20px 0;
}
#program h3 {
    padding: 10px 0 10px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    margin-left: 32px;
}
#program h3::before {
    content: url(../img/program_icon.png);
    position: relative;
    padding-right: 20px;
}
#program .txt {
    font-weight: 400;
    font-size: 18px;
}
#program .copy {
    font-weight: 400;
    font-size: 10px;
    margin-top: 10px;
}

/*　12/11(土)　*/
#program .textonly1 {
    width: 865px;
    margin: 0 auto 20px;
    padding: 10px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #ff4e6f;
    background-position: 99% 0%;
    background-size: 20%;
    text-align: left;
    display: flex;
}

#program .textonly .box {
    margin-left: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
}

#program .textonly .box .time p:nth-child(1) {
    display: inline-block;
    color: #ff4e6f;
    background: #fff;
    padding: 5px 30px;
    margin-right: 15px;
    font-size: 18px;
}

#program .textonly .box .time p {
    display: inline-block;
    color: #fff;
    font-weight: 600;
    font-size: 24px;
    margin-bottom: 5px;
}
#program .textonly .box .time span {
    font-size: 16px;
    vertical-align: text-bottom;
}

#program .textonly h3 {
    padding: 50px 0 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 32px;
}

#program .block1 {
    width: 865px;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #ff4e6f;
    background-position: 99% 0%;
    background-size: 10%;
    text-align: left;
}


#program .block1 .box {
    border: solid #ff4e6f 10px;
    background:  #fff;
    padding: 22px;
    display: flex;
    justify-content: space-between;
}
#program .block .box .time {
    margin-bottom: 15px;
}

#program .block1 .box .time p:nth-child(1),#program .block1 .box .performer p:nth-child(1) {
    display: inline-block;
    color: #ff4e6f;
    border: solid #ff4e6f 2px;
    padding: 3px 28px;
    margin-right: 8px;
    font-size: 17px;
    font-weight: 600;
    float: left;
}

#program .block1 .box .time p:nth-child(2),#program .block .box .performer p:nth-child(2) {
    display: inline-block;
    color: #ff4e6f;
    font-weight: 600;
    font-size: 24px;
}
#program .block .box span {
    font-size: 16px;
    vertical-align: text-bottom;
}
#program .block .box .time {
    margin-bottom: 15px;
}
#program .block .box .performer {
    margin-bottom: 25px;
}
#program .block .box .txt {
    margin-left: 20px;
}

/*　12/12(日)　*/
#program .textonly2{
    width: 865px;
    margin: 0 auto 20px;
    padding: 10px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #00c3b8;
    background-position: 99% 0%;
    background-size: 20%;
    text-align: left;
    display: flex;
}

#program .textonly2 .box .time p:nth-child(1) {
    display: inline-block;
    color: #00c3b8;
    background: #fff;
    padding: 5px 30px;
    margin-right: 15px;
    font-size: 18px;
}

#program .block2 {
    width: 865px;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #00c3b8;
    background-position: 99% 0%;
    background-size: 10%;
    text-align: left;
}

#program .block2 .box {
    border: solid #00c3b8 10px;
    background:  #fff;
    padding: 22px;
    display: flex;
    justify-content: space-between;
}

#program .block2 .box .time p:nth-child(1),#program .block2 .box .performer p:nth-child(1)  {
    display: inline-block;
    color: #00c3b8;
    border: solid #00c3b8 2px;
    padding: 3px 28px;
    margin-right: 8px;
    font-size: 17px;
    font-weight: 600;
    float: left;
}

#program .block2 .box .time p:nth-child(2),#program .block2 .box .performer p:nth-child(2) {
    display: inline-block;
    color: #00c3b8;
    font-weight: 600;
    font-size: 24px;
}


/*-----------------------------------------------
 autograph_session
-----------------------------------------------*/
#autograph_session {
	position:relative;
	font-size:22px;
	font-weight:700;
	line-height:1.7;
	height:2659px;
	margin:-60px 0 0;
	text-align:center;
}
#autograph_session .bg {
	position: absolute;
	max-height: 2300px;
	height: 100%;
	width: 100%;
	background: #00c4bf;
	z-index: -1;
	transform: scale(1.2) rotate(-5deg);
	margin-top: 180px;
}
#autograph_session .bg::before {
	content:"";
	position:absolute;
	height:95%;
	width:100%;
	max-width:1600px;
	left: calc(50% - 8px);
	background:url(../img/autograph_bg_pc.png) no-repeat bottom center;
	background-size:83%;
	z-index:-1;
  transform: scale(1) rotate(5deg) translateX(-50%);
	bottom:-7.5vw;
}
#autograph_session h2 {
	margin-bottom:40px;
    padding-top: 70px;
}
#autograph_session .inner {
	width:1000px;
	margin:0 auto;
}
#autograph_session .inner .catch {
	margin:0 0 23px 2px;
}
#autograph_session .inner .txt {
	font-size:22px;
	line-height:1.72;
	margin-bottom:32px;
	font-weight:700;
}
#autograph_session .inner .txt p {
	margin-bottom:0.8em;
}
#autograph_session .inner .time {
	margin-bottom:34px;
}
#autograph_session .inner .flow {
	margin-bottom:15px;
}
#autograph_session .inner .schedule {
	margin-bottom:42px;
}
#autograph_session .inner h3 {
	margin:0 10px 16px 0;
}
#autograph_session .inner .txt1 {
	margin-bottom:15px;
}
#autograph_session .inner .txt2 {
	line-height:1.86;
	margin-bottom: 10px;
}
#autograph_session .inner ol {
	width:970px;
	margin:0 auto;
}
#autograph_session .inner ol>li {
	padding:37px 10px 27px;
	font-weight:800;
}
#autograph_session .inner ol ul {
	display:flex;
	justify-content:center;
	margin:0 0 21px 10px;
}
#autograph_session .inner ol ul li {
	margin:0 19px;
}
#autograph_session .inner ol>li:nth-child(1) {
	background:url(../img/apply_bg01_pc.png) no-repeat;
	background-size:100% 100%;
	margin-bottom: 10px;
}
#autograph_session .inner ol>li:nth-child(2) {
	background:url(../img/apply_bg02_pc.png) no-repeat;
	background-size:100% 100%;
	padding:65px 0 42px 10px;
}
#autograph_session .inner ol>li:nth-child(2) .sp {
	display:none;
}
#autograph_session .inner ol>li:nth-child(2) .bnr img {
	width:380px;
	border:solid 1px #000;
}

/*-----------------------------------------------
 goods_session
-----------------------------------------------*/
#goods_session {
	position:relative;
	font-size:22px;
	font-weight:700;
	line-height:1.7;
	margin:-30px 0 0;
	text-align:center;
    height:859px;
}
#goods_session .bg {
	position: absolute;
	max-height: 1300px;
	height: 100%;
	width: 100%;
	background: #ff4e6f;
	z-index: -1;
	transform: scale(1.2) rotate(-5deg);
	margin-top: 30px;
}
#goods_session .bg::before {
	content:"";
	position:absolute;
	height:95%;
	width:100%;
	max-width:1600px;
	left: calc(50% - 8px);
    background:url(../img/autograph_bg_pc.png) no-repeat bottom center;
	background-size:83%;
	z-index:-1;
  transform: scale(1) rotate(5deg) translateX(-50%);
	bottom:-6.25vw;
}
#goods_session h2 {
	margin-bottom:40px;
    padding-top: 50px;
}
#goods_session .inner {
	width:1000px;
	margin:0 auto;
}
#goods_session .inner .catch {
	margin:0 0 23px 2px;
}
#goods_session .inner .txt {
	font-size:22px;
	line-height:1.72;
	margin-bottom:32px;
	font-weight:700;
}
#goods_session .inner .txt p {
	margin-bottom:0.8em;
}

/*-----------------------------------------------
 goods_prize_section
-----------------------------------------------*/
#goods_prize_section {
	position:relative;
	font-size:24px;
	font-weight:700;
	line-height:1.7;
	text-align:center;
}
#goods_prize_section .bg {
	position:absolute;
	height:106.5%;
	width:100%;
	background:url(../img/bg_goods_special.png) repeat;
	z-index:-2;
	margin-top:-180px;
}
#goods_prize_section .btn {
    margin-top: 40px;
}

#goods_prize_section h2 {
	margin-bottom:20px;
    margin-top: 50px;
}

#goods_prize_section .inner {
	width:1000px;
	margin:0 auto;
    padding-top: 160px;
}

#goods_prize_section .inner .block1 {
    width: 865px;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #ffa200;
    background-position: 99% 0%;
    background-size: 12%;
    text-align: left;
}
#goods_prize_section .inner .block1 .box {
    background: #fff;
    border: solid 10px #ffa200;
    padding: 28px 45px;
}
#goods_prize_section .inner .block {
    width: 865px;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #ff4e6f;
    background-position: 99% 0%;
    background-size: 12%;
    text-align: left;
}
#goods_prize_section .inner .block .box {
    background: #fff;
    border: solid 10px #ff4e6f;
    padding: 28px 45px;
}
#goods_prize_section h3 {
    padding: 40px 0 40px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    color: #fff;
    font-size: 35px;
    margin-left: 190px;
}
#goods_prize_section h3 img {
    position: absolute;
    margin-left: -170px;
}
#goods_prize_section h3 span {
    font-size: 24px;
}
#goods_prize_section .txt {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    margin-top: 15px;
}
#goods_prize_section .inner .image {
    text-align: center;
}
#goods_prize_section .campaign {
	width: 865px;
	margin:0 auto;
    padding-top: 30px;
}
#goods_prize_section .campaign .block {
    margin-bottom: 15px;
    padding: 0 42px 30px;
    border: solid 1px #000;
    box-shadow: 5px 5px 0px 0 rgb(0, 0, 0);
}

#goods_prize_section .campaign .block h3 {
    display: flex;
    justify-content: center;
}
#goods_prize_section .campaign .block .txt {
    margin: -5px 0 0;
    font-weight: 600;
    font-size: 24px;
    line-height: 1.5;
}
#goods_prize_section .campaign .block .txt span:nth-child(1) {
    color: #ff0000;
}
#goods_prize_section .campaign .block .txt .small {
    font-size: 18px;
}
#goods_prize_section .campaign div:nth-child(1) {
    background: #ffff00;
}
#goods_prize_section .campaign div:nth-child(2) {
    background: #99ff00;
}
#goods_prize_section .campaign div:nth-child(3) {
    background: #00ffff;
}

/*-----------------------------------------------
 goods_prize_special_section
-----------------------------------------------*/
#goods_prize_special_section {
	position:relative;
	font-size:22px;
	font-weight:700;
	line-height:1.7;
	margin: 90px 0 0;
	text-align:center;
    height:1490px;
}
#goods_prize_special_section .bg {
	position:absolute;
	height:104%;
	width:100%;
    
    background:url(../img/bg_goods_special.png) repeat;
	z-index:-2;
}
#goods_prize_special_section .catch {
    width: 100%;
    padding: 50px 0;
    background: url(../img/bg_firikake_pattern.png) no-repeat #ff4e6f;
	margin-top: -30px;
    background-position: 50% -120%;
    background-size: 70%;
    margin-bottom: 30px;
}

#goods_prize_special_section .inner {
	width: 1000px;
	margin:0 auto;

}

#goods_prize_special_section .content .block {
   width: 865px;
    margin: 0 auto 20px;
    padding: 15px 0 0;
    background: url(../img/bg_icin_dengeki_b_pc.png) no-repeat #ffa200;
    background-position: 99% 0%;
    background-size: 16%;
    text-align: left;
}
#goods_prize_special_section .content .block h3 {
    padding: 10px 0 10px;
    color: #fff;
    font-size: 35px;
    margin-left: 100px;
    line-height: 1.5;
}
#goods_prize_special_section h3 img {
    position: absolute;
    margin-left: -65px;
}
#goods_prize_special_section h3 span {
    font-size: 24px;
}
#goods_prize_special_section .content .block .box {
    background: #fff;
    border: solid 10px #ffa200;
    padding: 28px 45px;
    display: flex;
}
#goods_prize_special_section .content .block .box .txt {
    margin-left: 30px;
}
#goods_prize_special_section .content .block .box .txt p {
    margin-bottom: 20px;
}

#goods_prize_special_section .content .block .box .txt p:nth-child(1) {
    font-size: 18px;
    font-weight: 400;
}
#goods_prize_special_section .content .block .box .txt p:nth-child(2){
    font-size: 16px;
    font-weight: 400;    
}
#goods_prize_special_section .content .block .box .txt p:nth-child(3),.content .block .box .txt p:nth-child(4),.content .block .box .txt p:nth-child(5){
    font-size: 20px;
    font-weight: 600;    
}

#goods_prize_special_section .content .block .box .txt .price span,#goods_prize_special_section .content .block .box .txt .time span,#goods_prize_special_section .content .block .box .txt .release span {
    color: #fff;
    background: #ffa200;
    padding: 4px 5px;
    font-size: 18px;
}
#goods_prize_special_section .content .block .box .txt .data span {
    font-weight: 600;      
}
#goods_prize_special_section .content .block .box .txt .data span:nth-child(1) {
    color: #ffa200;     
}
#goods_prize_special_section .content .inner .catch02 {
    font-size: 27px;
    font-weight: 600;
    margin-top: 40px;
}
#goods_prize_special_section .btn {
    margin-top: 40px;    
}
#goods_prize_special_section .content .inner .copy {
    font-size:12px;
	line-height:1.875;
	font-weight:700;
	margin: 40px auto 0;
    padding-bottom: 40px;
}

/*-----------------------------------------------
 foot
-----------------------------------------------*/
#foot {
	margin: 140px 0 0;
	text-align:center;
	position:relative;
}
#foot:before {
	content:"";
	display:block;
	width:100%;
	height:100%;
	background:url(../img/furikake_bottom_pc.png) no-repeat top center;
	z-index:-2;
	position:absolute;
	margin-top: -87px;
}
#foot .inner {
	width:1000px;
	margin:0 auto;
}
#foot .copy {
	font-size:16px;
	line-height:1.875;
	font-weight:700;
	margin: 150px auto 40px;
    padding-top: 100px;
}
#foot .copy_margin {

}

#foot .copy .pc {
		display:block;
}
#foot #pagetop {
	margin-bottom:49px;	
}
#foot .sns .txt {
	margin:0 5px 10px 0;
}
#foot .sns ul {
	display:flex;
	justify-content:center;
	margin:27px auto 52px;
}
#foot .sns ul li {
	margin:0 25px;
}


/*-----------------------------------------------
 footer
-----------------------------------------------*/
#footer{
	position: relative;
	padding: 50px 0;
	background-color: #211f20;
	text-align: center;
}
#footer .logo ul li:nth-child(1) {
	margin-bottom:35px;
}
#footer .logo ul li:nth-child(2) {
	margin-bottom:20px;
}
#footer small{
	font-size: 10px;
	color: #fff;
}