/*
Theme Name: Twenty Sixteen
Description: 
*/

@charset "utf-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0; }

html, body{ height: 100%; }

html { font-size: 62.5%; /* 10px */ }

body { background-color: #F7F7F7;
	color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px; font-size: 1.6rem; }

* {	-webkit-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 1.8; }

#wrap{
	position: relative;
	width: 960px;
	min-height: 100%;
	margin: 0 auto;
	background-color: #FFFFFF; }


/*------------------------------
            HEADER
--------------------------------*/

#header{
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #FFFFFF;
	font-size: 16px; font-size: 1.6rem; }
#header img#h_logo{
	display: inline;
	margin: 5px 100px 0 20px;}
#header h1{
	display: inline-block;
	margin-bottom: 15px;
	font-size: 34px; font-size: 3.4rem;
	font-weight: bold; }
#header a{
	text-decoration: none;
	color: #333333;}
#guide{
	font-size: 12px; font-size: 1.2rem;
	text-align: right; }

#key_visual{
	position: relative;
	width: 100%;
	height: 145px;
	margin: 0;
	padding: 0; }
#key_img{
	width: 100%;
	height: 100%; }
#key_label{
	position: absolute;
	width: 100%;
	bottom: 0px;
	margin: 0;
	padding: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	color: white;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box; }

/*-------- MENUBAR --------*/

#menubar{
	display: table;
	list-style: none;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: none;
	background: #E3E3E3;
	background: -ms-linear-gradient(top, #FFFFFF, #E3E3E3);
	background: -moz-linear-gradient(top, #FFFFFF, #E3E3E3);
	background: -webkit-gradient(linear, left bottom, left top, from(#FFFFFF), to(#E3E3E3));
	background: liner-gradient(to bottom, #FFFFFF, #E3E3E3);
	cursor: default; }
#menubar:after{ clear: both; }

#menubar li{
	position: relative;
	float: left;
	width: 160px;
	height: 45px;
	line-height: 45px;
	padding: 0;
	text-align: center;
	font-size: 16px; font-size: 1.6rem;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999; }

#menubar li a{
	display: block;
	width: 100%;
	height: 35px; }

/* sub menu */

#menubar li ul{
	position: absolute;
	list-style: none;
	top: 100%;
	left: 0;
	z-index: 99999;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #CCCCFF; }

#menubar li ul li{ 
	overflow: hidden;
	width: 100%;
	height: 0;
	transition: .2s;
	-weblit-transition: .2s; }
#menubar li:hover ul li{ 
	overflow: visible;
	height: 40px; }

#menubar li ul li a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	color: #333333;
	text-align: center;
	text-decoration: none;
	font-size: 16px; font-size: 1.6rem; }
#menubar li ul li a:hover{
	background-color: #6666CC;
	color:  #FFFFFF; }

#menubar ul li:first-child a:after{
	content: '';
	position: absolute;
	left: 10px;
	top: -8px;
	width: 0;
	height: 0;
	border-left: 5px solid transparent;
	border-right: 5px solid transparent;
	border-bottom: 8px solid #444; }
 
/* IE6 */
*html #menubar {zoom: 1; } 
*html #menubar li ul li a { width: 150px; height: 10px; }
/* IE7 */
*:first-child+html #menubar { zoom: 1; }
*:first-child+html #menubar li ul li a { width: 150px; height: 10px; }


/*------------------------------
             Footer
--------------------------------*/

#footer{
	position: absolute;
	bottom: 0;
	width: 960px;
	line-height: 1;
	margin: 0 auto;
	padding: 10px;
	background-color: #E0E0E0;
	text-align: right;
	font-size: 12px; font-size: 1.2rem; }


/*------------------------------
            contents
--------------------------------*/

#contents{
	width: 920px;
	margin: 0 auto;
	padding: 20px 20px 70px 20px;
	background-color: #FFFFFF; }

#contents h1{
	display: block;
	width: 920px;
	height: 25px;
	margin-bottom: 15px;
	font-size: 22px; font-size: 2.2rem;
	font-weight: bold; }

#contents h1 + p{
	width: 880px;
	margin: 20px auto; }


#contents h2{
	display: block;
	width: 900px;
	height: 30px;
	line-height: 30px;
	margin: 0;
	padding-left: 10px;
	border: 1px solid #999999;
	background-color: #E9E9E9;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold; }

#contents .container{
	width: 860px;
	margin: 0 auto;
	padding: 10px 15px; }
#contents .container p, #contents .container h3{ margin-top: 20px; }
#contents .container h3 + p{ margin-top: 0; }


p.topbtn{
	margin: 20px 15px 50px 0;
	text-align: right;
	font-weight: bold;
	font-size: 18px; font-size: 1.8rem; }
p.topbtn a{ color: #999999; }
p.topbtn a:hover{ color: #333333; }


img.ad_souki{
	display: inline;
	width:171px;
	height:16px;
	border: none; }
img.ad_souki_mini{
	display: inline;
	width:147px;
	height:15px;
	border: none; }


/*------------------------------
           ページ別
--------------------------------*/

/*-------- index --------*/

#top_contents1 h2, #top_contents2 h2, #top_contents3 h2{
	display: block;
	border: none;
	background: none; }

/* contents1 */

#top_contents1 { margin: 0 auto 80px auto; }
#top_contents1 ul{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 auto 10px auto; }
#top_contents1 li{
	display: table-cell;
	vertical-align: top; }
#top_contents1 ul h2{
	margin-bottom: 10px;
	font-size: 28px; font-size: 2.8rem;
	font-weight: bold;
	text-shadow: 4px 2px 2px #AAAAAA; }


#top_contents1 #leaflet{ width: 130px; line-height: 1; padding: 0 10px; }
#top_contents1 #leaflet img{ margin-top: 45px; border: 1px solid #999999; }

#top_contents1 #news{ width: 230px; }
#top_contents1 #news h3{
	width: 200px; 
	height: 40px;
	line-height: 40px;
	margin-left: 30px;
	background: #CCCCFF;
	border-width: 1px 1px 0 1px;
	border-style: solid;
	border-color: #999999;
	font-size: 22px; font-size: 2.2rem;
	text-align: center; }
#top_contents1 #news dl{
	width: 200px;
	margin-left: 30px;
	padding: 10px 14px;
	border: 1px solid #999999; }
#top_contents1 #news dt{ margin: 10px; }
#top_contents1 #news dd{ margin: 0 15px 10px 15px; }
#top_contents1 #news dd h4{ margin: 0; }


#top_contents1 .formbtn{
	margin: 30px auto 0 auto;
	background: #CC99FF;
	background: -ms-linear-gradient(top, #EFE0FF, #CC99FF);
	background: -moz-linear-gradient(top, #EFE0FF, #CC99FF);
	background: -webkit-gradient(linear, left bottom, left top, from(#EFE0FF), to(#CC99FF));
	background: liner-gradient(to bottom, #EFE0FF, #CC99FF);
	border-radius: 5px;
	border: none;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	text-align: center;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold; }
#top_contents1 .formbtn a{
	display: block;
	width: 100%;
	color: #6600CC;
	text-decoration: none; }
#top_contents1 .formbtn a:hover {
	background: #CC99FF;
	background: -ms-linear-gradient(top, #CC99FF, #EFE0FF);
	background: -moz-linear-gradient(top, #CC99FF, #EFE0FF);
	background: -webkit-gradient(linear, left bottom, left top, from(#CC99FF), to(#EFE0FF));
	background: liner-gradient(to bottom, #CC99FF, #EFE0FF);
	border-radius: 5px;
	border: none;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999; }
#top_contents1 .formbtn a:active { top: 2px; }


/* contents2 */
#top_contents2{
	margin: 0 auto 10px auto;
	padding: 10px;
	background: #f4f4ff;
	font-size: 14px; font-size: 1.4rem; }
#top_contents2 h2{
	margin-bottom: 5px;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold; }
#top_contents2 ul{
	display: table;
	width: 98%;
	margin: 0 auto;
	table-layout: fixed; }
#top_contents2 li{ 
	display: table-cell;
	padding: 5px;
	border-right: 1px solid #999999; }
#top_contents2 li:first-child{ border-left: 1px solid #999999; }

#top_contents2 dt{
	margin-left: 5px;
	font-size: 16px; font-size: 1.6rem;
	font-weight: bold; }
#top_contents2 dd{ margin-left: 10px; }
#top_contents2 dt a, #top_contents2 dd a{ color: #333333; }


/* contents3 */
#top_contents3{
	padding: 10px;
	font-size: 14px; font-size: 1.4rem; }
#top_contents3 dl{ display: table; }
#top_contents3 dt, #top_contents3 dd{ display: table-cell; padding: 5px; }

#top_contents3 dt{ font-weight: bold; font-size: 16px; font-size: 1.6rem; }

#top_contents3 a{ color: #333333; }


/*-------- program --------*/

#program2 ul, #program3 ol{
	padding: 10px 0 10px 50px; }
#program2 li{ list-style-type: disc; }

#program3 img{
	display: block;
	margin: 10px auto; }

#program4 table{
	width: 60%;
	margin: 10px 0 10px 20px;
	border-collapse: collapse; }
#program4 td{
	padding: 10px 0;
	border: 1px solid #999999;
	text-align: center; }
#program4 img{ 
	margin: 0 auto;
	border: 1px solid #999999; }


/*-------- method --------*/

/* method1 */

#method1 img{
	display: block;
	width: 689px;
	height: 309px;
	margin: 10px auto; }
	
#method1 table{
	table-layout: fixed;
	width: 500px;
	margin: 30px auto;
	border-collapse: collapse;
	line-height: 1.5; }
#method1 th{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #006699;
	color: #FFFFFF;
	vertical-align: middle; }
#method1 td{
	padding: 5px 5px 5px 10px;
	border: 1px solid #999999;
	vertical-align: middle; }
#method1 div{
	width: 700px;
	margin: 0 auto; }

/* method3 */
#method3 table{ margin: 10px 0 20px 20px; border-collapse: collapse;}
#method3 td,th { padding: 5px; border: 1px solid #999999; }
#method3 th{ text-align: left; }
#method3 td{ text-align: right; }
#method3 tr:nth-child(2){ border-bottom: double; }


/*-------- sinsa --------*/

.sinsa table{
	width: 860px;
	margin: 30px auto;
	border-collapse: collapse; }
.sinsa th, .sinsa td{
	padding: 5px 10px;
	border: 1px solid #999999; }
.sinsa th{
	background-color: #006699;
	color: #FFFFFF;
	text-align: center; }

.sinsa .bus1, .sinsa .bus3,
.sinsa .pure1, .sinsa .pure3
 { width: 150px; }

.sinsa .sys1 { width: 220px; } .sinsa .sys3 { width: 320px; }
.sinsa .life1{ width: 190px; } 


/*-------- admission --------*/

ul.admission_info{
	width: 880px;
	margin: 0 0 20px 40px;
	list-style-position: inside; }
.admission h2 a{ color: #333333; }
.admission h3{
	display: block;
	border-bottom: 2px solid #333333; }
.admission .course p{ margin: 10px 5px; }

.admission table{
	width: 800px;
	margin: 0 auto;
	border-collapse: collapse;
	text-align: center; }
.admission caption{ text-align: left; font-size: 14px; font-size: 1.4rem; }
.admission th, .admission td{
	padding: 5px;
	border: 1px solid #999999; }

.admission .major{ margin-top: 20px; }
.admission .major th{
	background-color: #006699;
	color: #FFFFFF;
	text-align: center; }
.admission .major td{ font-size: 24px; font-size: 2.4rem; }
.admission .major td:first-child{
	width: 300px;
	text-align: left;
	font-size: 16px; font-size: 1.6rem; }

.admission .schedule{ margin-top: 20px; }
.admission .schedule caption{ font-weight: bold; }
.admission .schedule{ table-layout: fixed; }
.admission .schedule th{
	background: #ECECEC;
	color: #333333; }
.admission .schedule th:nth-of-type(1){ width: 80px; }
.admission .schedule th:nth-of-type(3){ width: 200px; }

.admission td.risk{
	font-size: 14px; font-size: 1.4rem;
	text-align:left; }



/*-------- session --------*/

dl#session_info{
	display: table;
	width: 880px;
	margin: 20px auto 0 auto;
	border: none; }
#session_info dd{
	display: table-cell;
	vertical-align: top;
	padding-bottom: 20px; }

.photo_ses{ text-align: center; }
.photo_ses img{ margin: 20px; }

.session table{
	width: 800px;
	margin: 30px auto;
	border: 1px solid #999999;
	border-collapse: collapse; }
.session th, .session td{
	padding: 10px;
	border: 1px solid #999999; }
.session th{ 
	width: 120px;
	background-color: #FFFFCC; }

.session table dd{
	margin-left: 14px;
	font-size: 14px; font-size: 1.4rem; }
iframe{ margin: 10px; }
.session .formbtn{ margin-bottom: 5px; }

.session .form{ 
	width: 750px;
	margin: 0 auto; }
.session input{ padding: 5px 15px; }



/* session2020sum */

#session2020sum hr{ margin: 30px auto; }
#session2020sum li{
  list-style-type: disk;
  margin-left: 20px; }
#session2020sum h3{
  display: block;
  padding: 5px;
  background-color: #CCCCFF;
  font-size: 1.6rem; font-size: 16px; }
#session2020sum dt{
  margin-top: 10px;
  font-weight: bold; }

/*-------- results --------*/

/* results1 */
#results1 table{
	width: 800px;
	margin: 0 auto;
	table-layout: fixed;
	border-collapse: collapse; }
#results1 table caption{
	text-align: right;
	font-weight: nomal; }
#results1 th{
	padding: 5px;
	border: 1px solid #999999;
	text-align: center; }
#results1 td{
	padding: 5px;
	border: 1px solid #999999;
	text-align: right; }

#results1 tr.title{
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold; }
#results1 tr.graduate{ background-color: #EAEAFF; }
#results1 tr.total{ border-top-style: double; background-color: #FFFFCC; }
#results1 tr.total_graduate{ background-color: #FFFFCC;  }

/* results2 */
#results2 table{
	width:800px;
	margin: 0 auto;
	table-layout: fixed;
	border-collapse: collapse; }
#results2 table caption{
	margin: 20px 0 10px 0;
	text-align: left;
	font-weight: nomal; }
#results2 td{
	padding: 5px;
	height: 50px;
	line-height: 1.4;
	border: 1px solid #999999; }

/* results3 */
#results3 table{
	width: 800px;
	margin: 10px  auto 0 auto;
	border-collapse: collapse; }
#results3 th{
	padding: 5px;
	border: 1px solid #999999;
	background-color: #EAEAFF; }
#results3 td{
	padding: 5px 5px 5px 10px;
	border: 1px solid #999999; }

#results3 li{
	list-style-type: none;
	margin-left: 10px; }


/* results4 */
#results4 ul{ margin-top: 10px; }
#results4 li{
	list-style-type: none;
	margin-left: 20px;
	padding: 5px; }

/* results3,4 PDF */
#results3 td a, #results4 li a{
	background: url(/wp-content/themes/www.souki.tsukuba.ac.jp/images/pdf.png) right center no-repeat;
	margin-right: 3px;
	padding-right: 20px; }

/*-------- student --------*/
#student_list{
	list-style-type: decimal;
	width: 100%;
	margin: 0 auto;
	line-height: 2.8;
	padding: 20px 0 30px 20px; }

.voice1-4{
	width: 800px;
	margin: 30px auto; }
#student h3{
	margin-bottom: 20px;
	border-bottom: 5px double #000066; }
.voice dt{
	margin-left: 16px;
	color: #000066;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold; }
.voice dd{ margin: 10px 10px 30px 32px; }	


/*-------- symposium --------*/
.sym_photo img:first-child{ margin-right: 50px; }

#sympusium dl{
	width: 800px;
	margin: 10px auto; }
#symposium dt{
	margin-top: 20px;
	font-size: 18px; font-size: 1.8rem;
	font-weight: bold; } 
#symposium dd{ margin-left: 16px; }

#symposium .sym_about{ margin-top: 0; }
#symposium .sym_about dt{ font-size: 16px; font-size: 1.6rem; }

#symposium .sym_content{ margin:0 0 30px 16px; }
#symposium .sym_content img{ margin: 0 10px 10px 0; }
#symposium .sym_content dt{ margin-top: 50px; margin-left: 16px; font-size: 16px; font-size: 1.6rem; }
#symposium .sym_content dt:nth-child(1){ margin-top: 0;  }

#symposium ul{ margin-left: 32px; }
#symposium table{
	width: 800px;
	margin: 50px auto 0 auto;
	border: none;
	text-align: center; }
#symposium caption{ text-align: left; font-weight: bold; }
#symposium td{ padding: 10px 5px; }



/*-------- question --------*/

#question label{
	display: block;
	margin: 1.5px 0;
	padding : 10px 10px 10px 15px;
	font-weight: bold;
	background :#F3F3F3;
	cursor :pointer;
	transition: all 0.5s; }
#question label:before{
	content: '\f067';
	font-family: FontAwesome;
	padding-right: 15px; }
#question label:hover {
	color: #0000FF;
	background :#EAEAEA; }
#question input { display: none; }
#question .answer{
	height: 0;
	padding: 0 20px;
	overflow: hidden;
	opacity: 0;
	transition: 0.5s; }
#question input:checked + label + .answer {
	height: auto;
	padding: 20px 20px;
	opacity: 1; }
#question input:checked + label:before{ content:'\f068'; }

#question .answer p{ margin: 10px; }


/*-------- sitemap --------*/

#sitemap ul{
	display: table;
	table-layout: fixed;
	width: 100%;
	min-height: 180px;
	margin: 0 auto; }
#sitemap li{
	display: table-cell;
	padding: 5px; }

#sitemap dt{
	display: block;
	height: 35px;
	line-height: 35px;
	margin-bottom: 10px;
	padding: 3px;
	border: none;
	border-radius: 5px;
	background-color: #6666CC;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold; }

#sitemap dd{ padding-left: 10px; }
#sitemap dd a:hover{ color:  }


/*-------- contact --------*/

#contact_nav{
	width: 800px;
	margin: 10px 10px 50px 10px;
	border-collapse: collapse; }
#contact_nav th{
	background-color: #006699;
	border: 1px solid #999999;
	color: #FFFFFF;
	font-weight: bold; }
#contact_nav td{ padding: 3px; }

#contact .container ul{ margin-top: 30px; }
#contact .container  li{
	margin-left: 20px;
	list-style-type: disc; }
#contact td{
	padding: 5px;
	border: 1px solid #999999; }


#contact1 table{
	width: 800px;
	margin: 10px;
	border-collapse: collapse; }
#contact1 th, #contact1 td{
	padding: 10px;
	border: 1px solid #999999; }
#contact1 th{
	background-color: #006699;
	border: 1px solid #999999;
	color: #FFFFFF;
	font-weight: bold; }
#contact1 img{
	display: block;
	margin: 5px 0; }
#contact .formbtn{ margin: 10px 0; }


#contact2 table{
	width: 800px;
	margin: 10px;
	border-collapse: collapse; }
#contact2 th, #contact2 td{
	padding: 10px;
	border: 1px solid #999999; }
#contact2 th{
	background-color: #006699;
	color: #FFFFFF;
	font-weight: bold; }
	
#contents #contact2 p{
	margin-left: 20px;
	text-indent: -1em; }

#contact3 h3{
	display: inline-block;
	margin: 0 5px 5px 0; }
#contact3 h4{ margin-left: 16px; }
#contact3 .container p{ margin: 0 0 20px 32px; }
#contact3 .contact3-1{ border-bottom: 1px solid #999999; }


/*------------------------------
             Class
--------------------------------*/

/* TEXT */
.font12{ font-size: 12px; font-size: 1.2rem; }
.small{ font-size: 85%; }

.red{ color: #FF0000; }
.sup{
	vertical-align: super;
	font-size: 10px; font-size:1rem;
	color: #FF0000; }
.b{ font-weight: bold; }
.cnt{ text-align: center; }
.L{ text-align: left; }
.R{ text-align: right; }


/* LINK */
a{ color: #1111CC; }
a:link, a:visited{
	text-decoration: none;
	color: #1111CC; }
a:hover, a:active{
	text-decoration: underline;
	color: #330099; }

a.linkred{ color: #FF0000; }
a:link.linkred, a:visited.linkred{
	text-decoration: none;
	color: #FF0000; }
a:hover.linkred, a:active.linkred{
	text-decoration: underline;
	color: #330099; }

.pdf{
	background: url(/wp-content/themes/www.souki.tsukuba.ac.jp/images/pdf.png) right center no-repeat;
	margin-right: 3px;
	padding-right: 20px; }

.out{
	background: url(/wp-content/themes/www.souki.tsukuba.ac.jp/images/out.gif) right center no-repeat;
	margin-right: 3px;
	padding-right: 16px; }


/* FORM */
.formbtn{
	display: block;
	position: relative;
	width: 500px;
	height: 40px;
	line-height: 40px;
	background: #EAEAEA;
	background: -ms-linear-gradient(top, #EFEFEF, #E0E0E0);
	background: -moz-linear-gradient(top, #EFEFEF, #E0E0E0);
	background: -webkit-gradient(linear, left bottom, left top, from(#EFEFEF), to(#E0E0E0));
	background: liner-gradient(to bottom, #EFEFEF, #E0E0E0);
	border: none;
	border-radius: 5px;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
	text-align: center; }
.formbtn:hover{
	background: #EAEAEA;
	background: -ms-linear-gradient(top, #E0E0E0, #EFEFEF);
	background: -moz-linear-gradient(top, #E0E0E0, #EFEFEF);
	background: -webkit-gradient(linear, left bottom, left top, from(#E0E0E0), to(#EFEFEF));
	background: liner-gradient(to bottom, #E0E0E0, #EFEFEF); }
.formbtn:active{ top: 2px; }

.formbtn a{
	display: block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	text-decoration: none;
	color: #333333; }


/* OTHERS */
img.icon{ 
	display: inline;
	margin: 1px;
	vertical-align: middle; }
.indent{
	padding-left: 1rem;
	text-indent: -1rem; }
.nolist{ list-style-type: none !important; }





/*------------------------------
             2019.01 追記
--------------------------------*/
#wrap:focus,#program2:focus,#program3:focus,#program4:focus,#method2:focus,#method3:focus,#session1:focus,#session2:focus,#results2:focus,#results3:focus,#results4:focus,#contact1:focus,#contact2:focus,#contact3:focus { 
        outline:none; }

.screen-reader-text{
        display:none;
}

p.article-date{text-align: right;
}


.wpcf7c-conf {
    background-color: #f5f5f5 !important;
    color: black !important;
    border: 1px solid #dfdcdc !important;
}

.r_title {
  color: red;
font-weight: bold;
margin: 20px 0;
position: relative;
text-align: center;
}
.r_title .left{
    position: absolute;
    border-top: 5px solid red;
    border-radius: 6px;
    width: 163px;
    height: 1px;
    color: red;
    left: 145px;
    top: 20px;
}
.r_title .right{
    position: absolute;
    border-top: 5px solid red;
    border-radius: 6px;
    width: 162px;
    height: 1px;
    color: red;
    left: 460px;
    /* top: 140px; */
    top: 20px;
}

.narrow .r_title .left{
    left: 250px;
}
.narrow .r_title .right{
    left: 540px;
}

.medium .r_title .right{
    left: 210px;
    top: 7px;
}

.medium .r_title .left{
    left: 525px;
    top: 7px;
}