@charset "utf-8";
@import url("/css/yutai/style.css");
@import url("/css/yutai/style_sp.css");



/* テキスト設定 */
.headTxA,
#MainContents.narrow .headTxA.mat40,
#ContentsWrap #MainContents.narrow .headTxA.mab35 {
	color: #17191a;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem; /* 26px */
    font-weight: normal;
    border: solid #454b4d;
    border-width: 0 0 2px;
    position: relative;
}

.headTxB {
	color: #444;
    margin: 0;
    padding: 0.6em 0;
    font-size: 1.625rem;
    font-weight: normal;
    border: solid #dadada;
    border-width: 0 0 2px;
    position: relative;
}

/* ログイン -［ログイン］ボタン */
#loginBtn {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd0e37), to(#fe5f4d));
	background-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
    padding: 16px 0;
    width: 70%;
    font-size: 118%;
    font-weight: normal;
	line-height: 1;
	text-align: center;
	border: none;
	display: inline-block;
	box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
}

#loginBtn:hover {
	color: #fff;
	text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe5f4d), to(#fe5f4d));
    background-image: linear-gradient(90deg, #fe5f4d 0%, #fe5f4d 100%);
}

/* その他ボタン設定 */
.btnA {
	color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd0e37), to(#fe5f4d));
	background-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
    padding: 16px 0;
    width: 70%;
    font-size: 118%;
    font-weight: normal;
	line-height: 1;
	text-align: center;
	border: none;
	display: inline-block;
	box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.btnA:hover {
	color: #fff;
	text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe5f4d), to(#fe5f4d));
    background-image: linear-gradient(90deg, #fe5f4d 0%, #fe5f4d 100%);
}

/* Footer */
#Footer {
    color: #666;
    background: #f8f9f7;
    padding: 40px 0;
    height: 15px;
	line-height: 1;
}

@media screen and (max-width: 580px){
	#Footer {
	    padding: 0;
	    height: 80px;
	}
}


/* ［アンケート］ボタン */
.surveyBtn {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd0e37), to(#fe5f4d));
	background-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
    margin: 30px auto 10px;
    padding: 16px 0;
    width: 50%;
    font-size: 118%;
    font-weight: normal;
	line-height: 1;
	text-align: center;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
	border: solid 1px #454b4d;
	display: block;
	box-sizing: border-box;
    cursor: pointer;
    position: relative;
    -webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-ms-transition: all 0.2s;
	-o-transition: all 0.2s;
	transition: all 0.2s;
}

.surveyBtn:before {
    content:'アンケートにご協力ください';
}

.surveyBtn:after {
    content: "\f14c";
    color: #fff;
    margin: 0 0 0 0.4em;
    font-family: FontAwesome;
}

.surveyBtn:link,
.surveyBtn:visited {
    color: #fff;
    text-decoration: none;
}

.surveyBtn:hover {
	color: #fff;
	text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe5f4d), to(#fe5f4d));
    background-image: linear-gradient(90deg, #fe5f4d 0%, #fe5f4d 100%);
}

.surveyBtn:hover:after {
    color: #fff;
}

/* ［メッセージを送信］ボタン */
#sendBtn {
    color: #fff;
    background-image: -webkit-gradient(linear, left top, right top, from(#bd0e37), to(#fe5f4d));
	background-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
    margin: 40px auto 60px;
    height: 50px;
    font-size: 1.143em;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px
	box-sizing: border-box;
    display: block;
    cursor: pointer;
    position: relative;
    width: 50% !important;
}

#sendBtn:hover {
	color: #fff;
	text-decoration: none;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe5f4d), to(#fe5f4d));
    background-image: linear-gradient(90deg, #fe5f4d 0%, #fe5f4d 100%);
}

/* reload */
.reloadPra a:hover {
    background: #cc0033;
}

.reloadPra a:before {
    color: #cc0033;
}

/* Line Switching */
.lineSwitchingPra a:hover {
    color: #cc0033;
}

/* ［拍手］ボタン */
#wrapOutside:hover {
	background-image: -webkit-gradient(linear, left top, right top, from(#bd0e37), to(#fe5f4d));
	background-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
}


#Breadcrumb {
    color: #333;
	background: #f9f9f9;
    margin: 0 0 30px;
	padding: 16px 0;
    font-size: 82%;
	line-height: 1;
    border-bottom: solid 1px #f5f5f5;
}

#Breadcrumb li {
	float: left;
}

#Breadcrumb i {
    color: #333;
	padding: 0 12px;
}

#Breadcrumb a:link,
#Breadcrumb a:visited {
	color: #343434;
    text-decoration: none;
    -webkit-transition: all .2s ease;
	-moz-transition: all .2s ease;
	-o-transition: all .2s ease;
	-ms-transition: all .2s ease;
	transition: all .2s ease;
}

#Breadcrumb a:hover {
    color: #001a72;
    text-decoration: underline;
    /* opacity: 0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )"; */
}

#Header {
    padding: 0;
    border-top: 5px solid #c21500;
    border-image: linear-gradient(90deg, #bd0e37 0%, #fe5f4d 100%);
    border-image-slice: 1;
    border-bottom:  0px;
}