@charset "UTF-8";
/*---------------------------
COMMON
---------------------------*/
body {
	color: #333;
	font-family: Arial, Roboto, "Droid Sans", "游ゴシック", YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;
	font-size: 14px;
	line-height: 1.5;  
	-webkit-text-size-adjust: 100%;
} 
a,div {
	-webkit-tap-highlight-color:rgba(185, 24, 30, 0.5);
}
a {
	color:#222;
	text-decoration:none;
}
img {
	vertical-align:top;
}

ul {
    list-style:none;
}
.notice {color: #C00;}

/*---------------------------
header
---------------------------*/
header {
	border-top: 5px solid #b9181e;
	margin-bottom:20px;
}
#info header {
	border-top: 5px solid #3F377D;
	border-bottom: 5px solid #3F377D;
}
#mcc header {
	border-top: 5px solid #DE081B;
	border-bottom: 5px solid #DE081B;
}
#rip header {
	border-top: 5px solid #FF922B;
	border-bottom: 5px solid #FF922B;
}
#mct header {
	border-top: 5px solid #FFC34B;
	border-bottom: 5px solid #FFC34B;
}
#mctv header {
	border-top: 5px solid #E9BA55;
	border-bottom: 5px solid #E9BA55;
}
#sfa header {
	border-top: 5px solid #CC395F;
	border-bottom: 5px solid #CC395F;
}
#use header {
	border-top: 5px solid #ED8F8F;
	border-bottom: 5px solid #ED8F8F;
}

header h1 {
	text-align:center;
	padding:5px 0;
}
#index header h1 {
	border-bottom:5px solid #b9181e;
}

/*---------------------------
contents
---------------------------*/
#mainBox {
	width:320px;
	margin:0 auto 20px;
}

.contWrap {
	width:300px;
	margin:0 auto;
}

.contWrap h2 {
	text-align:center;
	color:#FFF;
	height:40px;
	line-height:40px;
	font-size:18px;
	margin-bottom:8px;
}
#info .contWrap h2 {background-color:#3F377D;}
#mcc .contWrap h2 {background-color:#DE081B;}
#rip .contWrap h2 {background-color:#FF922B;}
#mct .contWrap h2 {background-color:#FFC34B;}
#mctv .contWrap h2 {background-color:#E9BA55;}
#sfa .contWrap h2 {background-color:#CC395F;}
#use .contWrap h2 {background-color:#ED8F8F;}

#contentsBt {
	width:300px;
	margin:0 auto;
}
#contentsBt ul {
	margin-bottom:10px;
}
#contentsBt li {
	height:44px;
	line-height:44px;
	-webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box;
	margin-bottom:8px;
}
#contentsBt li a {
	display:block;
	font-size: 18px;
	color: #ffffff;
	padding-left: 12%;
	position: relative;	
}
/*---color---*/
#contentsBt li:first-child a {background-color:#DE081B;}
#contentsBt li:nth-child(2) a {background-color:#FF922B;}
#contentsBt li:nth-child(3) a {background-color:#FFC34B;}
#contentsBt li:nth-child(4) a {background-color:#E9BA55;}
#contentsBt li:nth-child(5) a {background-color:#CC395F;}
#contentsBt li:last-child a {background-color:#ED8F8F;}

#contentsBt li a::after {
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	left:5%;
	top:50%;
	margin-top:-7px;
}
#contentsBt li a img {
	pointer-events:none;
}

#btWrap {
	width:300px;
	margin:0 auto;
}

#btWrap .twocolumn {
	overflow:hidden;
	margin:5px 0 0 0;
	width:304px;
	margin-right:-4px;
}
#btWrap .twocolumn li {
	width:148px;
	float:left;
	margin-right:4px;
}
#btWrap .twocolumn li a {
	display:block;
}

#contact {
	border-top: 5px solid #b9181e;
	text-align:center;
	margin-top:20px;
	padding:10px 0;
}
#info #contact {border-top:5px solid #3F377D;}
#mcc #contact {border-top:5px solid #DE081B;}
#rip #contact {border-topr:5px solid #FF922B;}
#mct #contact {border-top:5px solid #FFC34B;}
#mctv #contact {border-top:5px solid #E9BA55;}
#sfa #contact {border-top:5px solid #CC395F;}
#use #contact {border-top:5px solid #ED8F8F;}

#contact h1 {
	color: #b9181e;
	font-size:18px;
}

/*---------------------------
footer
---------------------------*/
footer nav {
	color: #FFF;
	background: #C9C9C9;
}
footer nav ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
footer nav li {
 	display:table-cell;
	text-align:center;
	vertical-align:middle;
}
footer nav li a {
	display:block;
	padding:8px 0;
	color: #ffffff;
}
footer nav li:first-child {
	width:80px;
	border-right:1px solid #B0B0B0;
}
footer nav li:last-child {
 	border-left:1px solid rgba(229,229,229,1.00);
}
footer nav li a img {
	pointer-events:none;
}

#pageTop a {
	position: relative;
}
#pageTop a::before{
	content:"";
	display: block;
	width:6px;
	height:6px;
	border-top:2px solid #FFF;
	border-right:2px solid #FFF;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	position: absolute;
	left:40px;
	top:50%;
	margin-top:-2px;
}

#copyright {
    color: #FFF;
    font-size: 10px;
	text-align:center;
	padding:5px 0;
	background: #CF5F62;
	background: rgb(207,95,98); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(207,95,98,1) 1%, rgba(185,24,30,1) 33%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgba(207,95,98,1) 1%,rgba(185,24,30,1) 33%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgba(207,95,98,1) 1%,rgba(185,24,30,1) 33%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cf5f62', endColorstr='#b9181e',GradientType=0 ); /* IE6-9 */
}
#info #copyright {background:#3F377D;}
#mcc #copyright {background:#DE081B;}
#rip #copyright {background:#FF922B;}
#mct #copyright {background:#FFC34B;}
#mctv #copyright {background:#E9BA55;}
#sfa #copyright {background:#CC395F;}
#use #copyright {background:#ED8F8F;}

/*---------------------------
INFO
---------------------------*/
#info dl {
	width:300px;
	margin:0 auto 15px;
	word-break:break-all;
	box-sizing:border-box;
	padding:20px 10px;
}
#info dl dt {
	background:url(../img/icon_news.png) center left no-repeat;
	background-size:7px 7px;
	padding-left:10px;
	color:#999;	
}
#info dl dd h3 {
	font-weight:bold;
	background:none;
	padding-left:0;
	margin-top:10px;
}
.fbbt a {
	color:#425F9C;
	text-decoration:underline;
}

#ap_bt a {
	display:block;
	padding:8px;
	background-color:#C30E22;
	width:200px;
	margin:10px auto 20px;
	box-sizing:border-box;
	color:#fff;
	text-decoration:none;
	text-align:center;
}

/*---------------------------
MCC
---------------------------*/
.contWrap section {
	margin:15px 0;
}
#mcc .contWrap section h1 {
	font-size:120%;
	margin-top:8px;
}

/*---------------------------
RIP MCT SFA VIDEO
---------------------------*/
#rip .contWrap section h1,
#mct .contWrap section h1,
#mctv .contWrap section h1,
#sfa .contWrap section h1,
#use .contWrap section h1  {
	color:#FFF;
	height:30px;
	line-height:30px;
	padding-left:20px;
	margin:15px 0 10px;
}
#rip .contWrap section h1 {background:#FF922B;}
#mct .contWrap section h1 {background:#FFC34B;}
#mctv .contWrap section h1 {background:#E9BA55;}
#sfa .contWrap section h1 {background:#CC395F;}
#use .contWrap section h1 {background:#ED8F8F;}

/*---------------------------
SFA
---------------------------*/
#feature ul {
	margin-top:10px;
}
#feature ul li {
	margin-bottom:10px;
}
#feature ul li img {
	display:block;
	margin:0 auto;
}

/*---------------------------
USE
---------------------------*/
#use ol {
	margin-left:2em;
}

/*---------------------------
MCT
---------------------------*/
.movttl {margin-top:10px;}