@charset "utf-8";
/*====================================
	for index.html
	Date of 2016.02.22
====================================*/
#indexGasWrap{
	padding:40px 0 60px;
	background:url(../images/index_btn_bg.gif);
}
#indexHeadline{
	font-size:130%;
	font-weight:600;
	color:#0069D7;
	text-align:center;
	margin-bottom:35px;
}
#indexHeadline:before,
#indexHeadline:after{
	content:url(../images/index_icon_fire.png);
}
#indexHeadline:before{
	margin-right:5px;
}
#indexHeadline:after{
	margin-left:5px;
}
#indexBtn{
	width:90%;
	margin:0 auto;
}
#indexBtn li{
	text-align:center;
	border:1px solid #69ACE9;
	background:#fff;
	margin-bottom:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

}

#indexBtn li:last-child{
	margin-right:0;
}
#indexBtn li a{
	padding:10px;
	display:block;
	overflow:hidden;

	text-decoration:none;
}
#indexBtn li a img{
	max-width:100%;
}
#indexBtn li h3{
	font-size:120%;

	color:#0069D7;
	margin-bottom:10px;
}
#indexBtn li h3:before{
	content: "\f138";
    font-family: FontAwesome;
	color:#FFA023;
	margin-right:3px;
}
#indexBtn li img{
	margin-bottom:5px;
}
#indexBtn li p{
	font-size:90%;
	color:#333;
}
#indextopicsWrap{
	padding:20px 0;
	margin-bottom:40px;
	background:#6EB7FF;
}
#indextopicsWrap h3{
	font-size:100%;
	line-height:1.5em;
	font-weight:900;
	text-align:center;
	letter-spacing:10px;
	margin-bottom:15px;
}
.bnCooking a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background:url(../images/bn_cooking.png) 0 0 no-repeat;
}

.bnLifepartner a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background: url(../images/bn_lifepartner.png) 0 0 no-repeat;
}
.bnRankup a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background: url(../images/bn_up.png) 0 0 no-repeat;
}

.bnFaq a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background: url(../images/bn_faq.png) 0 0 no-repeat;
}

.bnFree a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background: url(../images/bn_free.png) 0 0 no-repeat;
}
.bnFree a:hover{
	background-position:0 -90px;
}
.bnetax a{
	width:310px;
	height:90px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	display:block;
	background: url(../images/bn_etax.png) 0 0 no-repeat;
	background-size: cover;
}
.bnetax a:hover{
	opacity: 0.8;
}
#indexbanner{
	margin-bottom:30px;
}
#indexbanner li{
	width:100%;
	border: 1px solid #ddd;
}
#indexbanner li:not(:last-child){
	margin-bottom: 10px;
}
#indexbanner li img{
	width:100%;
	display: block;
}
#indexRightWrap{
	margin-bottom:24px;
}
#indexRightWrap img{
	width:100%;
}
#indexMemberList li{
	font-size:110%;
	line-height:1.5em;
	margin-bottom:5px;
	border:1px solid #909090;
}
#indexMemberList li a{
	text-decoration:none;
	color:#222;
	display:block;
	overflow:hidden;
	padding:12px;
	border-left:7px solid #FFA023;
}
#indexMemberList li i{
	color:#FFA023;
	margin-right:10px;
}
#indexMemberTitle{
	font-size:150%;
	line-height:1.5em;
	color:#0069D7;
}
#indexMovieWrap{
	padding:30px 15px 70px;
	background:url(../images/head_img_bg_customer.gif);
}
#indexMovieTextWrap{
	margin-bottom:25px;
}
#indexMovieChara{
	width:25%;
	float:left;
}
#indexMovieText{
	width:75%;
	float:left;
}
#movieText{
	font-size:75%;
	line-height:1.5em;
	color:#036EB7;
	margin-bottom:3px;
}
#movieLink{
	font-size:100%;
	line-height:1.5em;
}
#movieLink a{
	color:#C20C22;
	text-decoration:none;
}
#movieLink a:after{
	content:"\f16a";
	font-family: FontAwesome;
	margin-left:5px;
}
.indexMovieBox{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}
.indexMovieBox iframe{
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}

.movieCaption{
	font-size: 100%;
	margin-top: 10px;
	margin-bottom: 50px;
	text-align: center;
}

.audioItem{
	margin-bottom: 25px;
	max-width: 100%;
}
.audioCaption{
	font-size: 100%;
	text-align: center;
	margin-top: 5px;
}
video::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}
.radioCmListWrap{
	margin-bottom: 50px;
}
.radioCmListWrap li{
	margin-bottom: 15px;
	font-size: 90%;
}
.radioCmListWrap li a{
	display: block;
	text-decoration: none;
	color: #444;
	height: 50px;
	display: flex;
	padding: 0 10px;
	align-items: center;
	justify-content: flex-start;
	border: 1px solid #dadada;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 47%,#ededed 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */
}
.radioCmListWrap li a:hover{
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #f6f6f6 47%, #ffffff 99%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ededed 0%,#f6f6f6 47%,#ffffff 99%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ededed 0%,#f6f6f6 47%,#ffffff 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.radioCmListWrap li a:before{
	content: "\f0da";
	font-family: "FontAwesome";
	margin-right: 5px;
	color: #036EB7;
	font-size: 180%;
}
.radioMoreBtn{
	width: 100%;
	margin: 0 auto;
	font-size: 85%;
}
.radioMoreBtn a{
	text-decoration: none;
	display: block;
	width: 100%;
	text-align: center;
	padding:20px 0;
	background:#6EB7FF;
	color: #fff;
	transition: background-color 0.3s linear;
}
.radioMoreBtn a:hover{
	background:#036EB7;
}