@charset 'UTF-8';

/* -----------------------------------------------
base
----------------------------------------------- */
body{
font-size:13px;
-webkit-text-size-adjust: none;
/*for IE6*/
_font-size:small;
line-height:1.8;
color:#FFF;
font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
.fontSet{
font-family:'メイリオ','ＭＳ Ｐ明朝','Hiragino Mincho ProN','ヒラギノ明朝 Pro W3';
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
hr{
margin:0;
padding:0;
}
a:link {
text-decoration:none;
color:#444444;
}
a:visited {
text-decoration:none;
color:#444444;
}
a:hover {
text-decoration:none;
color:#444444;
}
a:active {
text-decoration:none;
color:#444444;
}
img {
border:0px; vertical-align:top;vertical-align: top;
}
.clear {
clear:both;
}
.textImg{
text-indent:-9999px;
}
.smallText{
font-size:10px;
font-weight:normal;
}
.biggerText{
font-weight:bold;
}
.boldText{
font-weight:bold;
}
.leftSet {
float: left;
margin:0 10px 10px 0;
}
.rightSet{
float: right;
margin:0 0 10px 10px;
}
.centerSet{
text-align:center;
}
.alert{
color:#FF0000;
}
strong{
font-weight:bold;
}
em{
font-style:normal;
}
.imgMax{
}
.imgover{
cursor:pointer;
}
.fontSet{
font-family:'メイリオ','ＭＳ Ｐ明朝','Hiragino Mincho Pro','ヒラギノ明朝 Pro W3';
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-family: Arial, Roboto, “Droid Sans”, “游ゴシック”, YuGothic, “ヒラギノ角ゴ ProN W3”, “Hiragino Kaku Gothic ProN”, “メイリオ”, Meiryo, sans-serif;
}
.pos{
position:relative;
}

img { zoom: .5; }
img.appbt { zoom: .7; }
#globalFooter img { zoom: 1; }
a {-webkit-tap-highlight-color:rgba(255,255,255,0.30); }


.mrg3b{ margin-bottom:3%;}
.mrg5b{ margin-bottom:5%;}

/* -----------------------------------------------
clearfix
----------------------------------------------- */
/* clearfix*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}
*html .clearfix {height:1%}
.clearfix {display: block}

#container{
width:100%;
}


/* -----------------------------------------------
main
----------------------------------------------- */
.campaign{
background:#000!important;
padding:0 0 20px 0;
}


/* -----------------------------------------------
header
----------------------------------------------- */
.header img{
	width:100%;
	}

.header .read{
	padding:0 3%;
	margin:0 0 3% 0;
	}


/* -----------------------------------------------
nav
----------------------------------------------- */
nav{
	margin:0 0 5% 3%;
	}

nav .btn{
	clear:both;
	overflow: hidden;
	}
nav .btn li a{
	font-size:15px;
	color:#FFF!important;
	font-weight:bold;
	float:left;
	display:block;
	width:47%;
	height:50px;
	line-height:1.4;
	padding:6px 0 0 0;
	text-align:center;
	border:1px solid #af9541;
	margin:0 1.5% 1.5% 0;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#01009c+0,00005a+100 */
background: #01009c; /* Old browsers */
background: -moz-linear-gradient(top,  #01009c 0%, #00005a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #01009c 0%,#00005a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #01009c 0%,#00005a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009c', endColorstr='#00005a',GradientType=0 ); /* IE6-9 */

	}

nav .btn li.kojin a{
	padding:16px 0 0 0!important;
	/* height:40px!important; */
	}


nav .list a{
	display:block;
	color:#FFF!important;
	border-bottom:1px solid #666;
	padding:3% 0 3% 1%;
	}

nav .list a.arrow{
	position: relative;
	}


nav .list a.arrow::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}


/* -----------------------------------------------
top
----------------------------------------------- */
.content .top_sec{
	margin:0 0 10% 0;
	}

.content .top_sec h2{
	margin:0 0 3% 0;
}

.content .top_sec img{
	width:100%;
	}

.content .top_sec p{
	padding:0 3%;
	margin:0 0 2% 0;
	}

.content .top_pre .btn a{
	display:block;
	height:44px;
	width:94%;
	margin:0 0 0 3%;
	line-height:44px;
	color:#FFF!important;
	font-size:16px;
	font-weight:bold;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a60328+0,6f001a+100 */
background: #a60328; /* Old browsers */
background: -moz-linear-gradient(top,  #a60328 0%, #6f001a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a60328 0%,#6f001a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a60328 0%,#6f001a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60328', endColorstr='#6f001a',GradientType=0 ); /* IE6-9 */

	text-align:center;
	}



.content .top_kine{
	/* background-color:#fffaed; */
	padding:0 0 3% 0;
	}

.content .top_kine .book{
	text-align:center;
	margin:0 0 3% 0;
	}

.content .top_kine .book img{
	width:95%;
	}

.content .top_kine .btn{
	text-align:center;
	clear:both;
	overflow:hidden;
	}

.content .top_kine .btn li{
	display:inline;
	margin:0 2%;
	}

.content .top_kine .btn li img{
	width:45%;
	}



.content .btn img{
	height:100%;
	}

.txt_end{
	margin:3% 0 5% 0;
	text-align: center;
	}

.txt_end img{
	width:90%;
	}


.campaign .top_award .p_tbl{
	width: 100%!important;
	color: #fff;
	border-collapse: collapse;
	width: 100%;

}

.campaign .top_award .p_tbl th{
	font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;
	font-weight: bold;
	color: gold;
	padding: 15px 0px 15px 8%;
	border-bottom: 1px solid #473928;
	font-size: 15px;
	width: 40%;
	text-align: left;
}

.campaign .top_award .p_tbl td{
	width: 100%;
	padding: 15px 20px 15px 10px;
	border-bottom: 1px solid #473928;
	font-size: 15px;
}

.campaign .top_preImg img{
	width: 90%;
	margin: 0 0 0 5%;
}

.campaign .top_info{
	border-top: 2px solid #cea41f;
	border-bottom: 2px solid #cea41f;
}


.campaign .top_ban{
	padding: 0 3%;
}


/*for top book*/
.top .book{
	margin: 0 0 10% 0;
	padding: 3% 5% 8% 5%;
	border-bottom: 2px solid #cea41f;
	clear: both;
	overflow: hidden;
}
.top .book h4{
	color:#deb531;
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
	line-height:1.4;
	}

.top .book h4 span{
	font-size:14px;
	}

.top .book .book_img{
	float:left;
	margin:0 2% 3% 0;
	width:35%;
	font-size:12px;
	text-align:center;
	}

.top .book .book_img img{
	width:90%;
	}

.top .book .book_btn{
	text-align:center;
	clear:both;
	overflow:hidden;
	margin:3% 0 0 0;
	}

.top .book .book_btn li{
	display:inline;
	margin:0 2%;
	border-bottom:none;
	}

.top .book .book_btn li a{
	display: inline;
	border-bottom:none;
	}

.top .book .book_btn li img{
	width:42%;
	}

.top h5 img{
	width: 100%;
	}







.campaign .top_ceremony ul{
	clear: both;
	overflow: hidden;
	margin: 0 0 0 1%;
}

.campaign .top_ceremony ul li{
	float: left;
	width: 32%;
	padding: 0.5%;
}
.campaign .top_ceremony ul li img{
	/*width: 200%!important;*/
}
.campaign .top_ceremony .top_ceremony_photo{
	text-align: right;
	padding: 0 5% 0 0;
}
.campaign .top_ceremony .top_ceremony_movie{
    position: relative;
    width: 100%;
    padding: 75% 0 0 0;
}
.campaign .top_ceremony .top_ceremony_movie iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 90%;
}



/* -----------------------------------------------
next
----------------------------------------------- */
.next{
	padding:0 0 5% 0;
	}

.next .header{
	position:relative;
	margin:0 0 8% 0;
	}


.next .localnav a{
	position: relative;
	display: inline-block;
	margin:0 0 0 4%;
	padding:5px;
	width:90%;
	/* height: 45px; */
	box-shadow: inset 1px 1px 0 #4F0001;
	border-bottom: 4px solid #4F0001;
	border-radius: 4px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0px 1px 0px #000000;
	/* line-height: 45px; */
	outline: none;
	font-size: 14px;
	font-weight: bold;;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a60328+0,6f001a+100 */
background: #a60328; /* Old browsers */
background: -moz-linear-gradient(top,  #a60328 0%, #6f001a 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #a60328 0%,#6f001a 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #a60328 0%,#6f001a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a60328', endColorstr='#6f001a',GradientType=0 ); /* IE6-9 */


	}

.next .localnav a::before,
.next .localnav a::after {
	position: absolute;
	bottom: -1px;
	left: -1px;
	z-index: -1;
	display: block;
	content: '';
	width: 200px;
	height: 50px;
	border: 1px solid #ee8090;
	border-bottom: 1px solid #b84d5a;
	border-radius: 4px;
}
.next .localnav a::before {
	height: 48px;
	bottom: -4px;
	border-top: 0;
	border-radius: 0 0 4px 4px;
	box-shadow: 0 1px 1px 0px #bfbfbf;
}


.css-bar{
  display: inline-block;
  position: relative;
  margin: 0 10px 3px 0;
  padding: 0;
  background: #FFF;
}
.css-bar, .css-bar:before, .css-bar:after{
  width: 18px;
  height: 3px;
}
.css-bar:before, .css-bar:after{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  background: #FFF;
}
.css-bar:before{
  margin-top: -8px;
}
.css-bar:after{
  margin-top: 4px;
}


.remodal .list a{
	color:#000!important;
	text-align:left;
	}

.remodal .list a.arrow::after{
	border-top:2px solid #333;
	border-right:2px solid #333;
}


.next .content h2{
	text-align:center;
	font-size:20px;
	height:50px;
	line-height:50px;
	margin: 0 0 3% 0;


/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#1d2087+0,151760+100 */
background: #1d2087; /* Old browsers */
background: -moz-linear-gradient(top,  #1d2087 0%, #151760 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #1d2087 0%,#151760 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #1d2087 0%,#151760 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1d2087', endColorstr='#151760',GradientType=0 ); /* IE6-9 */
	}


.next .content .best_img{
	height: auto;
	line-height: auto;
}
.next .content .best_img img{
	width: 100%;
}

.next section{
	padding:5% 2%;
	margin:0 0 3% 0;
	clear:both;
	overflow:hidden;
	}

.next section ul li{
	clear:both;
	overflow:hidden;
	margin:0 0 3% 0;
	padding:0 0 2% 0;
	border-bottom:1px solid #666;
	}

.next section ul li a{
	font-size:14px;
	color:#FFF;
	line-height:45px;
	height:45px;
	display:block;
	}


.nolink{
	font-size:14px;
	line-height:45px;
	/* height:45px; */
	}

.next section ul .num{
	font-size:20px;
	width:40px;
	height:40px;
	line-height:40px;
	text-align:center;
	display:block;
	background-color:#FFF;
	color:#333;
	float:left;
	margin:0 10px 0 0;
	border-radius: 25px;		/* CSS3草案 */
	-webkit-border-radius: 25px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 25px;	/* Firefox用 */
}

.next section ul li.l2{
	line-height: 1.2!important;
}


.next section ul .noline{
	border-bottom:none;
	margin-bottom:0;
}

.next section ul .nonum{
	padding:0 0 0 49px;
}


.next section ul span.f_small{
	font-size:12px;
	display:block;
	}

.next section ul .no1 .num{background-color:#deb531; color:#FFF;}
/*.next section ul .no2 .num{background-color:#a0a0a0; color:#FFF;}*/
/*.next section ul .no3 .num{background-color:#996c33; color:#FFF;}*/

.next section ul li.l2 a{
	line-height:1.4!important;
	height:43px;
	padding:2px 0 0 0;
	}

.next section ul a.arrow{
	position: relative;
	}


.next section ul a.arrow::after{
	content:"";
	display: block;
	width:10px;
	height:10px;
	border-top:2px solid #fff;
	border-right:2px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right:10px;
	top:50%;
	margin-top:-7px;
}

.top .ban li, .next .ban li{
	text-align:center;
	}

.top .ban li a img, .next .ban li a img{
	/* display:block; */
	width:70%;
	/* height:60px; */
	/* background-color:#FFF; */
	margin:0 auto 15px auto;
	}


/*  kojin  */
.next .kojin{
	margin:0 0 3% 0;
	}

.next .kojin h3{
	font-size:16px;
	text-align:center;
	font-weight: bold;
	padding:1% 0;
	/*background-color: #deb531;*/
	border:1px solid #666;
	margin:0 0 5% 0;
	color:#deb531;
	color:#000;

	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e8c323+0,f9dc5f+39,cfac17+100 */
background: #e8c323; /* Old browsers */
background: -moz-linear-gradient(top,  #e8c323 0%, #f9dc5f 39%, #cfac17 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #e8c323 0%,#f9dc5f 39%,#cfac17 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #e8c323 0%,#f9dc5f 39%,#cfac17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8c323', endColorstr='#cfac17',GradientType=0 ); /* IE6-9 */

	}

.next .kojin h4 a{
	font-size:18px;
	/* text-align:center; */
	font-weight:bold;
	color:#FFF!important;
	display:block;
	margin:10px 0;
	}

.next .kojin ul{
	padding:0 10px;
	}

.next .kojin ul li a{
	font-size:14px;
	color:#FFF;
	line-height:30px;
	height:30px;
	display:block;
	}

.next .kojin ul .name{
	border-bottom:none;
	display:block!important;
	width:100%;
	}

.next .kojin ul .name a{
	font-size:20px;
	line-height:40px;
	height:40px;
	display:block!important;
	}

.next .kojin ul li.title{
	text-align:center;
	border:1px solid #999;
	color: #FFF;
	font-weight:bold;
	display:block;
	padding:3px 0;

	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */

	}

.next .kojin ul li:nth-last-of-type(1){
	border-bottom:none;
	}


/*  about  */
.next .about p{
	padding:0 3%;
	}

.next .about img{
	width:100%;
	}

.next .about h3{
	color:#deb531;
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
	}

.next .about .trophy{
	text-align:center;
	margin:5% 0 0 0;
	}

.next .about .trophy img{
	width:50%;
	}

.next .about .copy{
	display:block;
	text-align:center;
	font-size:10px;
	}

.next .about .youtube iframe{
  width: 100%;
}

.next .book_subtitle{
	text-align:center;
	font-size:16px;
	margin:3% 0;
	}

.next .book h4{
	color:#deb531;
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
	line-height:1.4;
	}

.next .book h4 span{
	font-size:14px;
	}

.next .book .book_img{
	float:left;
	margin:0 2% 3% 0;
	width:35%;
	font-size:12px;
	text-align:center;
	}

.next .book .book_img img{
	width:90%;
	}

.next .book .book_btn{
	text-align:center;
	clear:both;
	overflow:hidden;
	margin:3% 0 0 0;
	}

.next .book .book_btn li{
	display:inline;
	margin:0 2%;
	border-bottom:none;
	}

.next .book .book_btn li a{
	display: inline;
	border-bottom:none;
	}

.next .book .book_btn li img{
	width:42%;
	}




.next .sbook h4{
	color:#deb531;
	text-align:left;
	font-size:18px;
	margin:0 0 10px 0;
	line-height:1.4;
	}

.next .sbook h4 span{
	font-size:14px;
	}

.next .sbook .book_img{
	float:left;
	margin:0 2% 3% 0;
	width:35%;
	font-size:12px;
	text-align:center;
	}

.next .sbook .book_img img{
	width:90%;
	}

.next .sbook .book_btn{
	/* text-align:center;
	clear:both;
	overflow:hidden; */
	margin:3% 0 0 0;
	float:left;
	}

.next .sbook .book_btn li{
	/* display:inline; */
	margin:0 2% 3% 2%;
	border-bottom:none;
	float:left;
	 width:120%;
	}

.next .sbook .book_btn li a{
	/* display: inline; */
	border-bottom:none;
	height: auto;
	line-height: normal;
	}

.next .sbook .book_btn li img{
	 width:90%;
	}



#footer .box_top{
	z-index: 0!important;
}


.banner-bottom{
	display:none!important;
	}