/*15th*/


/* 各ブラウザの標準スタイルの破棄'
---------------------------------------------------------------------------- */
/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font: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}legend{color:#000}



html, body {
}

body {
	text-align:center;
	background:url(img/bg_pc.jpg) top center no-repeat;
	font-family: "Helvetica Neue",Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif;
}

img {
	-webkit-touch-callout:none;
}

@keyframes fadeIn {
  0% {opacity: 0}
  100% {opacity: 1}
}


#container a img,
#container .index_title img {
	transition: all 0.2s linear;
}

#container a img:hover,
#container .index_title img:hover {
	opacity:0.7;
}



#container {
	padding-bottom:50px;
/*	animation: fadeIn 5s ease 0s 1 normal;*/
}

section {
	width:1000px;
	margin:0 auto;
	padding-bottom:30px;
	position:relative;
}

section#index_main img {
	margin-left:-100px;
	margin-right:-100px;
}


section p.txt_n {
	text-align:left;
	font-size:22px;
	font-weight:bold;
	padding:10px 80px;
}

.txt_c_name {
	float:left;
	margin:10px 0 10px 80px;
}

section p.txt_c {
	text-align:left;
	font-size:16px;
	font-weight:normal;
	padding:10px 80px 20px 0;
	margin-left:230px;
	line-height:1.7;
}

.index_abtn {
	text-align:center;
}

.index_abtn img {
	margin:3px 1px;
}

.index_abtn p {
	font-size:12px;
	padding-top:5px;
	padding-bottom:15px;
}



section#index_main p.txt_n {
	float:left;
	width:520px;
	padding:10px 0 10px 80px;
}

#index_main_info {
	float:right;
	width:280px;
	height:110px;
	background:#edebee;
	border:2px solid #999;
	margin:5px 80px 15px 0;
	overflow-y: scroll;
}

#index_main_info ul {
	margin:10px;
}

#index_main_info ul li {
	font-size:12px;
	margin:5px;
	text-align:left;
	line-height:1.3;
}

#index_main_info ul li.newshead {
	font-size:14px;
	font-weight:bold;
	color:#0066d5;
}

#index_main_info ul li span {
	font-size:10px;
	font-weight:bold;
	display:inline-block;
	width:4em;
	color:#0066d5;
}

section p.txt_s {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	padding:10px 80px;
}

.red {
	color:#dc000c;
}

.gold {
	color:#a28156;
}


#sns_btn {
	position:absolute;
	top:35px;
	right:0;
}

#sns_btn li {
	width:32px;
	display:inline-block;
}

.index_c {
	margin-top:20px;
	padding:10px 0 20px;
}

#index_c02 .index_c {
	background:#ffd5c9;
}

#index_c03 .index_c {
	background:#ffe4c7;
}

#index_c04 .index_c {
	background:#faf3bd;
}

#index_c05 .index_c {
	background:#e3f5c5;
}

#index_c06 .index_c {
	background:#ceeccc;
}

#index_c07 .index_c {
	background:#d0f2e2;
}


.index01_img {
	background:#ff2631;
	padding:0 0 20px;
	margin:40px 0 10px;
	color:#FFF;
}

.index01_img img.index01_catch02 {
	margin-top:-60px;
}

.index01_img img.animevisual {
	margin:5px;
}


#index03list li {
	display:inline-block;
}

section p.txt_n.index04sakuhin {
	text-align:left;
	padding:20px 0 20px 80px;
	font-size:16px;
	line-height:2.0;
}

section p.txt_n.index04sakuhin img {
	float:left;
	margin-right:15px;
}



#index_btn {
	clear:both;
}

#index_btn ul li {
	display:inline-block;
	margin:3px;
	position:relative;
}

#index_btn ul li a:hover:after {
	content: url(img/btn_click.png);
	position:absolute;
	width:52px;
	height:52px;
	top:-10px;
	right:-10px;
}



.swiper-container {
	margin-top:20px;
	border-top:20px solid #ff6332;
	border-bottom:20px solid #ff6332;
	background:#ff6332;
}

#container .swiper-container img:hover {
	opacity:1.0;
}

.swiper-slide img {
	width:450px;
}


#swiper-pager {
	margin-top:20px;
}


#swiper-pager li {
	display:inline-block;
	margin:4px;
}

#swiper-pager li img {
	border:6px solid #ff6332;
}

.swiper-button-next, .swiper-button-prev {
	top:0;
	width:265px;
	height:376px;
	margin-top:0;
}

.swiper-button-next::after, .swiper-button-prev::after {
}

.swiper-button-prev {
	left:0;
}

.swiper-button-next {
	right:0;
}

:root {
    --swiper-theme-color: #FFF;
}

.swiper-button-next::after {
	position:absolute;
	left:6px;
}

.swiper-button-prev::after {
	position:absolute;
	right:6px;
}



.index_title {
	cursor:pointer;
	position:relative;
}

.index_title:after {
	content: '';
	display: inline-block;
	background-image: url(img/index_title_p.png);
	background-size: contain;
	vertical-align: middle;
	position:absolute;
	width:29px;
	height:29px;
	top:14px;
	right:50px;
}

.index_title.on:after {
	background-image: url(img/index_title_m.png);
}



#copyright {
	padding:10px;
	font-size:12px;
	color:#FFF;
	background:#000;
}

.pagetop {
	bottom:35px;
	right:0;
	position:fixed;
	display:none;
}


.dispPc {
	display:block;
}

.dispSp {
	display:none;
}





#index_c09 .index_abtn {
	margin-top:-145px;
	margin-left:460px;
	margin-bottom:40px;
}

#index_c11 .index_abtn {
	margin-top:-145px;
	margin-left:460px;
	margin-bottom:40px;
}

#index_c14 .index_abtn {
	margin-top:-145px;
	margin-left:480px;
	margin-bottom:40px;
}

#index_c15 {
	overflow:hidden;
}

#index_c15 .index_c15_comment {
	position:relative;
	margin-left:250px;
}

#index_c15 .index_abtn {
	margin-top:-660px;
	margin-left:280px;
	margin-bottom:10px;
}






@media screen and (max-width: 600px){

.dispPc {
	display:none;
}

.dispSp {
	display:block;
}

body {
	background:none;
}


img {
	max-width:100%;
}

section {
	width:100%;
	padding-bottom:10px;
}


section p.txt_n {
	font-size:16px;
	padding:10px 10px;
}

section p.txt_s {
	font-size:14px;
	padding:10px 10px;
}

.index_c {
	margin-top:0;
	padding:0 0 20px 0;
}


#sns_btn {
	position:relative;
	top:10px;
	right:0;
}

section#index_main p.txt_n {
	float:none;
	width:90%;
	margin:0 5%;
	padding:10px 0;
}

#index_main_info {
	float:none;
	width:90%;
	height:110px;
	background:#edebee;
	border:2px solid #999;
	margin:0 5%;
	overflow-y: scroll;
}

section p.txt_n.index04sakuhin {
	padding:20px 10px;
}

section p.txt_n.index04sakuhin img {
	float:none;
	margin:0;
	width:80%;
	margin-left:10%;
}

#index_btn ul li {
	width:28%;
}

#index_btn ul li a:hover:after {
	content: none;
}

.index_title:after {
	width:15px;
	height:15px;
	top:4px;
	right:4px;
}

.index01_img img.index01_catch02 {
	margin-top:-5%;
}

.index01_img img.animevisual {
	width:40%;
}

#index03list li {
	width:45%;
}


.swiper-button-next, .swiper-button-prev {
	top:0;
	width:40px;
	height:100%;
	margin-top:0;
	background:#ff6332;
}

.swiper-slide img {
	max-width: 90%;
}

.swiper-button-prev::after {
	right:25%;
}

.swiper-button-next::after {
	left:25%;
}

#swiper-pager li {
	width:12%;
	margin:0 4px;
}

#swiper-pager li img {
	border:2px solid #ff6332;
}

.pagetop {
	width:10%;
}




.txt_c_name {
	float:left;
	margin:10px;
	max-width:20%;
}

section p.txt_c {
	text-align:left;
	font-size:14px;
	font-weight:normal;
	padding:10px 15px 20px;
	margin-left:0;
	line-height:1.7;
}

.index_abtn p {
	font-size:10px;
}


#index_c09 .index_abtn,
#index_c11 .index_abtn,
#index_c14 .index_abtn,
#index_c15 .index_abtn {
	margin-top:0;
	margin-left:0;
	margin-bottom:20px;
}

#index_c15 .index_c15_comment {
	margin-left:0;
}

.index_abtn img {
	max-width:25%;
}


}









/* FES */


#fair2021 section {
	width:900px;
}

#fair2021 section p.txt_n,
#fair2021 section p.txt_s {
	padding:10px 30px;
}


section#fes_main {
	position:relative;
}

.fes_twitter {
	position:absolute;
	left:100px;
	bottom:130px;
}

.fes_abema {
	position:absolute;
	right:100px;
	bottom:130px;
}

section#fes_main img {
	margin-left:-100px;
	margin-right:-100px;
}

.fes_st {
	color:#A48158;
	border-top:5px double #A48158;
	border-bottom:5px double #A48158;
	padding:5px;
	font-size:22px;
	font-weight:bold;
	margin:10px 0;
}

.fes_sst {
	color:#FFF;
	border:2px solid #A48158;
	background:#A48158;
	padding:10px 10px 10px 40px;
	font-size:20px;
	font-weight:bold;
	margin:40px 0 10px;
}

.fes_sst.bl {
	border:2px solid #000;
	background:#000;
}


.fes_time {
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	color: #FFF;
	font-size: 20px;
	font-weight: bold;
	background: #000;
	border-radius: 50%;
	box-sizing: border-box;
}


.fes_time:before {
	content: "";
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #000;
	z-index: 0;
}


.fes_time.go {
	background: #A48158;
}


.fes_time.go:before {
	border-top: 15px solid #A48158;
}





#fair2021 hr {
	color:#A48158;
}

.fes_mc {
	background:#000;
	overflow:hidden;
}

.fes_mc_txt {
	width:35%;
	float:left;
	margin-left:4%;
	color:#FFF;
	font-weight:bold;
	padding-top:30px;
}

.fes_mc_txt p {
	text-align:left;
}

.fes_mc_about {
	margin-top:10px;
	text-align:center;
}

.fes_mc_img {
	width:55%;
	float:right;
	margin-right:2%;
	padding:20px 0;
}

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

.fes_d {
	overflow:hidden;
	margin-bottom:-25px;
}

.fes_img {
	float:left;
	width:340px;
	margin-top:10px;
	margin-left:10px;
}

.fes_txt {
	float:right;
	width:520px;
	text-align:left;
	margin-top:10px;
	margin-right:10px;
}

.fes_txt_st01 {
	font-size:20px;
	font-weight:bold;
	border-bottom:1px solid #000;
	padding-bottom:5px;
}

.fes_txt_detail {
	padding:10px 0 20px;
}

.fes_txt_st02 {
	color:#A48158;
	font-size:20px;
	font-weight:bold;
	padding-bottom:5px;
}

.fes_act {
	background:#A48158;
	text-align:center;
	padding:15px 10px 5px;
}

.fes_act_box {
	color:#FFF;
	line-height:1.1;
	display:inline-block;
	margin:0 2px 10px;
	vertical-align:top;
}

.fes_act_box img {
	width:115px;
	margin-bottom:3px;
}

.fes_act_box p {
}

.fes_act_box p span {
	font-size:12px;
}

.fes_btn {
	text-align:center;
}

.fes_btn img {
	margin-top:15px;
	margin-right:5px;
}

.fes_att {
	font-size:12px;
	padding-bottom:20px;
}




@media screen and (max-width: 600px){





#fair2021 section {
	width:100%;
	padding-bottom:50px;
}

.fes_twitter {
	position:absolute;
	left:100px;
	bottom:23%;
	width:16%;
}

.fes_abema {
	position:absolute;
	right:100px;
	bottom:23%;
	width:16%;
}

#fair2021 section p.txt_n,
#fair2021 section p.txt_s {
	padding:10px;
}

.fes_sst {
	font-size:16px;
}

.fes_img {
	float:none;
	width:100%;
}

.fes_txt {
	float:none;
	width:90%;
	margin:0 5%;
}

.fes_act_box {
	width:40%;
}

.fes_act_box img {
	width:100%;
}

.fes_mc_txt {
	width:90%;
	float:none;
	margin:0 5%;
	color:#FFF;
	font-weight:bold;
	padding-top:10px;
	padding-bottom:30px;
}

.fes_mc_about {
	margin:10px 0;
}

.fes_mc_img {
	width:90%;
	float:none;
	margin:0 5%;
	padding:10px 0 0;
}

.fes_btn {
	margin-top:10px;
}

.fes_btn img {
	margin-top:5px;
	margin-right:5px;
}



#fes_timetable {
	width:96%;
	max-width:96%;
	margin:0 2%;
}

.fes_sst {
	margin:10px 0 10px;
	padding:10px 10px 10px 50px;
}


.fes_time {
	position: absolute;
	left:0;
	top:0;
	display: inline-block;
	margin: 0 5px;
	padding: 0 5px;
	width: 45px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #FFF;
	font-size: 14px;
	font-weight: bold;
	background: #000;
	border-radius: 50%;
	box-sizing: border-box;
}

.fes_d {
	overflow:hidden;
	margin-bottom:0px;
}




}