@charset "UTF-8";

/*--------------------------------------------------------------------
 *	共通の記述
 *--------------------------------------------------------------------*/
body{
	color: #5f5f5f;
	-webkit-text-size-adjust: 100%;
	font-weight: 500;
}
.wrap {
	position: relative;
	margin: auto;
	padding: 0;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

/*-------------------------------------------------------------------------------*
 *	text-align right, left, center
 *-------------------------------------------------------------------------------*/
.txt_left {
	text-align: left;
}

.txt_right {
	text-align: right;
}

.txt_center {
	text-align: center;
}

.txt_underline {
	text-decoration: underline;
}
/*------------------------------------------ header */
header {
	border-bottom: 1px solid #c1c1c1;
}
header p {
	margin: 0;
}
header #logo {
	background-color: #003686;
}

/*------------------------------------------ article */
body.second section#title_area {
	text-align: center;
}
body.second section#title_area .category {
	display: inline-block;
	position: relative;
}
body.second section#title_area .category::before {
	content: '';
	position: absolute;
	left: 50%;
	bottom: -10px;
	display: inline-block;
	width: 3em;
	height: 1px;
	transform: translate(-50%);
	background-color: #707070;
}
body.second section#title_area .detail {
	margin: 0;
	font-size: 1.3rem;
	color: #969696;
}
body.second section#title_area h1 {
	font-size: 2.4rem;
	font-weight: 700;
}
body.special section#title_area .category {
	color: #e9b800;
}
body.webseminar section#title_area .category {
	color: #345ba3;
}
body.pricetrend section#title_area .category {
	color: #4a7948;
}
body.voice section#title_area .category {
	color: #dda40a;
}
body.present section#title_area .category {
	color: #2c96b1;
}
body.market section#title_area .category {
	color: #d06eb2;
}

/*------------------------------------------ footer */
footer {
	border-top: 1px solid #c1c1c1;
}
footer {
	position: relative;
}
footer p#btn_home {
	position: fixed;
	margin: 0;
	z-index: 500;
}
footer p#btn_home a {
	display: block;
}
footer p#pagetop {
	position: fixed;
	margin: 0;
	z-index: 500;
}
footer p#pagetop a {
	display: block;
}
footer p#copy {
	color: #6e6e6e;
	font-size: 1.2rem;
	font-weight: 400;
	text-align: center;
}

/*------------------------------------------ visible hidden */
.spNone{
	display:none !important;
}

/*------------------------------------------ hyperlink */
a:link, a:visited {
	color: #003686;
	text-decoration: underline;
	vertical-align: baseline;
}

/*--------------------------------------------------------------------
 *	736px以下用（SP用）の記述
 *--------------------------------------------------------------------*/

@media screen and (max-width: 736px) {
/* 736px以下用（SP用）の記述 */

img{
	width:100%;
	height: auto;
}

/*------------------------------------------ header */
header #logo {
	padding: 3.75% 3.125%;
}
header #logo p {
	text-align: right;
}
header #logo img {
	width: 34.375%;
}
header #ttcafe_logo {
	padding: 4.6875% 3.75%;
}
header #ttcafe_logo img {
	width: 34.375%;
}

/*------------------------------------------ article */
body.second section#title_area .category {
	margin: 7.8125% 0;
}
body.second section#title_area .detail {
	font-size: 1.4rem;
}
body.second section#title_area h1 {
	margin: 3.125% 0 9.375%;
	line-height: 1.3;
}

/*------------------------------------------ footer */
footer p#btn_home {
	width: 50px;
	right: 3.75%;
	bottom: 130px;
}
footer p#pagetop {
	width: 50px;
	right: 3.75%;
	bottom: 70px;
}
footer p#copy {
	margin: 3.125% 0;
}

/* 736px以下用（SP用）の記述 end */
}


/*--------------------------------------------------------------------
 *	737px以上用（PC用）の記述
 *--------------------------------------------------------------------*/
@media screen and (min-width: 737px), print {
/* 737px以上用（PC用）の記述 */

body{
	position: relative;
}
.wrap {
	width: 1080px;
	margin: 0 auto;
	padding: 0;
}

/*------------------------------------------ visible hidden */
.spNone{
	display:block !important;
}
.pcNone{
	display:none !important;
}

/*------------------------------------------ hyperlink */
a:hover, a:active {
	text-decoration: none;
	color: #338cd2;
}

/*------------------------------------------ header */
header #logo {
	padding: 14px 0;
}
header #logo p {
	width: 1040px;
	margin: 0 auto;
}
header #logo p img {
	width: 150px;
}
header #ttcafe_logo {
	padding: 15px 0;
}
header #ttcafe_logo p {
	text-align: center;
}
header #ttcafe_logo p img {
	width: 110px;
}

/*------------------------------------------ article */
body.second section#title_area .category {
	margin: 30px 0 20px;
	font-size: 1.2rem;
}
body.second section#title_area .detail {
	font-size: 1.3rem;
}
body.second section#title_area h1 {
	margin: 0 0 40px;
}


/*------------------------------------------ footer */
footer p#btn_home {
	width: 50px;
	right: 140px;
	bottom: 160px;
}
footer p#pagetop {
	width: 50px;
	right: 140px;
	bottom: 100px;
}
footer p#copy {
	margin: 15px 0;
}

/* 737px以上用（PC用）の記述 end */
}

/*--------------------------------------------------------------------
 *	印刷用の記述
 *--------------------------------------------------------------------*/

@media print {
/* 印刷用の記述 */

html,body{
	height: auto;
}

/* 印刷用の記述 end */
}