@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:#000000!important;
padding:0 0 20px 0;
}


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

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




/* -----------------------------------------------
top
----------------------------------------------- */
.campaign select {
	vertical-align:middle;
}
.campaign select::-ms-expand {
	display: none;
}
.campaign .select_year {
	width: 95%;
	margin:0 auto 10% auto;
}

.campaign .select_year select {
	font-size:14px;
	width: 100%;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url(../images/arrow01.png) right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#efebe1 100%);
	background: url(../images/arrow01.png) right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#efebe1 100%);
	background-size: 25px, 100%;
}


.campaign ninja_onebutton{
	margin:0 0 5% 0;
	}


/* -----------------------------------------------
next
----------------------------------------------- */
.next .content h2{
	font-size:20px;
	position: relative;
	text-align: center;
	margin:0 0 5% 0;
	}

.next .content h2 span {
	position: relative;
	z-index: 2;
	display: inline-block;
	margin: 0 2.5em;
	padding: 0 1em;
	background-color: #000;
	text-align: left;
}
.next .content h2::before {
	position: absolute;
	top: 50%;
	z-index: 1;
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-color: #ccc;
}

.next .content h3{
	text-align:center;
	font-size:20px;
	height:50px;
	line-height:50px;
	margin:0 0 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 */

	}


.next .section{
	/* background-color:#fffaed; */
	margin:0 0 8% 0;
	}

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

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

.next .section ul li a{
	font-size:14px;
	color: #FFF;
	text-decoration:underline;
	margin:0 10px 0 0;
	/* line-height:45px; */
	/* height:45px; */
	/* display:block; */
	}

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

.next .back{
	text-align:center;
	color:#FFF;
	margin:0 0 5% 0;
	}

.next .back a{
	color:#FFF;


	display: block;
    height: 44px;
    width: 94%;
    margin: 0 0 0 3%;
    line-height: 44px;
    color: #FFF!important;
    font-size: 14px;
    font-weight: bold;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	border:1px solid #FFF;
    /* background: #01009c; */
    /* background: -moz-linear-gradient(top, #01009c 0%, #00005a 100%);
    background: -webkit-linear-gradient(top, #01009c 0%,#00005a 100%);
    background: linear-gradient(to bottom, #01009c 0%,#00005a 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#01009c', endColorstr='#00005a',GradientType=0 );*/
    text-align: center;


	}



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

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