
/*
ブレークポイント別　表示・非表示
*/
.u-pc--block {	display: block;	}
.u-pc--inline {	display: inline;	}
.u-sp--block {	display: none; }
.u-sp--inline {	display: none; }

@media screen and (max-width: 720px) {
.u-pc--block {	display: none;	}
.u-pc--inline {	display: none;	}
.u-sp--block {	display: block; }
.u-sp--inline {	display: inline; }
}

/*
マージン トップ
*/
.u-m--top--04 { margin-top: 4px !important; }
@media screen and (max-width: 720px) {
.u-m--top--04 {	 margin-top: 2px !important; }}

.u-m--top--06 { margin-top: 6px !important; }
@media screen and (max-width: 720px) {
.u-m--top--06 {	 margin-top: 3px !important; }}

.u-m--top--08 { margin-top: 8px !important; }
@media screen and (max-width: 720px) {
.u-m--top--08 {	 margin-top: 4px !important; }}

.u-m--top--10 { margin-top: 10px !important; }
@media screen and (max-width: 720px) {
.u-m--top--10 {	 margin-top: 5px !important; }}

.u-m--top--12 { margin-top: 12px !important; }
@media screen and (max-width: 720px) {
.u-m--top--12 {	 margin-top: 6px !important; }}

.u-m--top--14 { margin-top: 14px !important; }
@media screen and (max-width: 720px) {
.u-m--top--14 {	 margin-top: 7px !important; }}

.u-m--top--16 { margin-top: 16px !important; }
@media screen and (max-width: 720px) {
.u-m--top--16 {	 margin-top: 8px !important; }}

.u-m--top--18 { margin-top: 18px !important; }
@media screen and (max-width: 720px) {
.u-m--top--18 {	 margin-top: 9px !important; }}

.u-m--top--20 { margin-top: 20px !important; }
@media screen and (max-width: 720px) {
.u-m--top--20 {	 margin-top: 10px !important; }}

.u-m--top--26 { margin-top: 26px !important; }
@media screen and (max-width: 720px) {
.u-m--top--26 {	 margin-top: 13px !important; }}

.u-m--top--30 { margin-top: 30px !important; }
@media screen and (max-width: 720px) {
.u-m--top--30 {	 margin-top: 15px !important; }}

.u-m--top--32 { margin-top: 32px !important; }
@media screen and (max-width: 720px) {
.u-m--top--32 {	 margin-top: 16px !important; }}

.u-m--top--34 { margin-top: 34px !important; }
@media screen and (max-width: 720px) {
.u-m--top--34 {	 margin-top: 17px !important; }}

.u-m--top--36 { margin-top: 36px !important; }
@media screen and (max-width: 720px) {
.u-m--top--36 {	 margin-top: 18px !important; }}

.u-m--top--40 { margin-top: 40px !important; }
@media screen and (max-width: 720px) {
.u-m--top--40 {	 margin-top: 20px !important; }}

.u-m--top--46 { margin-top: 46px !important; }
@media screen and (max-width: 720px) {
.u-m--top--46 {	 margin-top: 26px !important; }}

.u-m--top--50 { margin-top: 50px !important; }
@media screen and (max-width: 720px) {
.u-m--top--50 {	 margin-top: 25px !important; }}

.u-m--top--56 { margin-top: 56px !important; }
@media screen and (max-width: 720px) {
.u-m--top--56 {	 margin-top: 28px !important; }}

.u-m--top--60 { margin-top: 60px !important; }
@media screen and (max-width: 720px) {
.u-m--top--60 {	 margin-top: 30px !important; }}

.u-m--top--70 { margin-top: 70px !important; }
@media screen and (max-width: 720px) {
.u-m--top--70 {	 margin-top: 35px !important; }}

.u-m--top--80 { margin-top: 80px !important; }
@media screen and (max-width: 720px) {
.u-m--top--80 {	 margin-top: 40px !important; }}

/*
フォントサイズ
*/
.u-fs--11 { font-size: 11px !important; }

.u-fs--13 { font-size: 13px !important; }
@media screen and (max-width: 720px) {
.u-fs--13 { font-size: 12px !important; }}

.u-fs--15 { font-size: 15px !important; }
@media screen and (max-width: 720px) {
.u-fs--15 { font-size: 13px !important; }}

.u-fs--17 { font-size: 17px !important; }
@media screen and (max-width: 720px) {
.u-fs--17 { font-size: 14px !important; }}

.u-fs--25 { font-size: 25px !important; }
@media screen and (max-width: 720px) {
.u-fs--25 { font-size: 18px !important; }}

.u-fs--27 { font-size: 27px !important; }
@media screen and (max-width: 720px) {
.u-fs--27 { font-size: 19px !important; }}

.u-fs--37 { font-size: 37px !important; }
@media screen and (max-width: 720px) {
.u-fs--37 { font-size: 24px !important; }}


/*
フォントカラー
*/
.u-fc--white { color: #fff !important; }

/*
text-align
*/
.u-txt--l { text-align: left; }
.u-txt--c { text-align: center; }
.u-txt--r { text-align: right; }

/*
ボタン　→
*/
.u-btn {
	background: #000 url(/assets/ctnews/images/ic_arrow_w.png) no-repeat;
	background-size: 6px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #fff;
	display: inline-block;
 padding: 1em;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-align: center;
}
@media only screen and (max-width: 720px) {
.u-btn {
	font-size: 13px;
 }
}

.u-btn:hover {
	background: #fff url(/assets/ctnews/images/ic_arrow_b.png) no-repeat;
	background-size: 6px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #000;
	transform: translate3d(0,0,0);
 -webkit-transition: 0.2s ease-in-out;  
 -moz-transition: 0.2s ease-in-out;  
 -o-transition: 0.2s ease-in-out;  
 transition: 0.2s ease-in-out;
	opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
}

/*
ボタン　↓
*/
.u-btn--bottom {
	background: #000 url(/assets/ctnews/images/ic_arrow_bottom_w.png) no-repeat;
	background-size: 11px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #fff;
	display: inline-block;
 padding: 1em;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-align: center;
}
@media only screen and (max-width: 720px) {
.u-btn--bottom {
	font-size: 13px;
 }
}


.u-btn--bottom:hover {
	background: #fff url(/assets/ctnews/images/ic_arrow_bottom_b.png) no-repeat;
	background-size: 11px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #000;
	transform: translate3d(0,0,0);
 -webkit-transition: 0.2s ease-in-out;  
 -moz-transition: 0.2s ease-in-out;  
 -o-transition: 0.2s ease-in-out;  
 transition: 0.2s ease-in-out;
	opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
}

/*
ボタン　↑
*/
.u-btn--top {
	background: #000 url(/assets/ctnews/images/ic_arrow_top_w.png) no-repeat;
	background-size: 11px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #fff;
	display: inline-block;
 padding: 1em;
	font-size: 15px;
	letter-spacing: 0.1em;
	text-align: center;
}
@media only screen and (max-width: 720px) {
.u-btn--top {
	font-size: 13px;
 }
}

.u-btn--top:hover {
	background: #fff url(/assets/ctnews/images/ic_arrow_top_b.png) no-repeat;
	background-size: 11px;
	background-position: right 22px center;
	border: solid 2px #000;
	color: #000;
	transform: translate3d(0,0,0);
 -webkit-transition: 0.2s ease-in-out;  
 -moz-transition: 0.2s ease-in-out;  
 -o-transition: 0.2s ease-in-out;  
 transition: 0.2s ease-in-out;
	opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
}

/*
ボタンサイズ（width: 300px;）
*/
.u-btn--size--m {
	width: 300px;
}
/********* sp *********/
@media only screen and (max-width: 720px) {
.u-btn--size--m {
	width: 100%;
 }
}

/*
ボタンサイズ（width: 240px;）
*/
.u-btn--size--s {
	width: 240px;
}
/********* sp *********/
@media only screen and (max-width: 720px) {
.u-btn--size--s {
	width: 100%;
 }
}

/*
アイコン
*/
.u-ic--back {
	display: inline-block;
	padding-left: 2em;
 background: url(/assets/ctnews/images/ic_back.png) no-repeat;
	background-size: 17px;
	background-position: left center;
	font-weight: 600;
	letter-spacing: 0.1em;
}

/*
facebook
*/
.u-ic--facebook {
	width: 23px;
}

/*
twitter
*/
.u-ic--twitter {
	width: 23px;
 margin-left: 30px;
}

/*
テーブル
*/
.u-tbl th {
font-weight: 400;
	padding: 1em  0;
	text-align: left;
	width: 6em;
}

.u-tbl td {
	padding: 1em 0;
	word-break: break-all;
}

/*
フェードイン
*/
.u-fade {
 opacity: 0 !important;  
 filter: alpha(opacity=0) !important;
}

.u-fade--in {
 opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
	transform: translate3d(0,0,0);
 -webkit-transition: 0.4s ease-in-out;  
 -moz-transition: 0.4s ease-in-out;  
 -o-transition: 0.4s ease-in-out;  
 transition: 0.4s ease-in-out;
}


/*
フェードイン + スライド
*/
.u-fade--slide {
 opacity: 0 !important;  
 filter: alpha(opacity=0) !important;
	position: relative;
	top: 30px;
}

.u-fade--slide--in {
 opacity: 1 !important;  
 filter: alpha(opacity=100) !important;
	transform: translate3d(0,0,0);
 -webkit-transition: 0.4s ease-in-out;  
 -moz-transition: 0.4s ease-in-out;  
 -o-transition: 0.4s ease-in-out;  
 transition: 0.4s ease-in-out;
	position: relative;
	top: 0;
}












