﻿@charset "utf-8";

/*
===============================================================

    1.General Setting
    2.pathArea
    3.contArea
    4.contBlock
    5.sideBlock
    6.sitemap
    7.English
    8.parts

===============================================================
*/

/*======================================
    1.General Setting
======================================*/

section {
	margin: 0 0 4rem;
	padding: 0 16px;
}

.col1 .contBlock section {
	padding: 0;
}

article > section:last-child {
	margin-bottom: 0;
}

section::after {
	display: table;
	clear: both;
	content: '';
}

main h1 {
	background-color: #fff;
	border: 2px solid #c9c9c9;
	font-size: 1.25rem;
	margin: 0 0 20px;
	padding: 20px 14px;
	position: relative;
	line-height: 1.2;
}

h1::before {
	content: "";
	display: block;
	background-color: #9b0301;
	position: absolute;
	left: -2px;
	top: 50%;
	margin-top: -15px;
	width: 2px;
	height: 30px;
}

h2 {
	margin: 30px -16px 20px;
	background-color: #fff;
	border: 1px solid #c9c9c9;
	font-size: 1.125rem;
	line-height: 1.3;
	padding: 12px 10px 12px 31px;
	position: relative;
}

h2::before,
section h2 a::before {
	content: "";
	display: block;
	background-color: #9b0301;
	position: absolute;
	left: -1px;
	top: 20px;
	width: 20px;
	height: 6px;
}

h2 a{
	display: block;
	margin: -12px -10px -13px -31px !important;
	padding: 12px 20px 12px 31px;
	position: relative;
	height: 100%;
}

h2 a:after{
	position: absolute;
	top: 50%;
	margin-top: -4px;
	right: 10px;
	width: 8px;
	height: 8px;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
}

h2 a:hover{
	background-color: #9b0301;
	color: #fff;
}

h2 a:hover::before {
	background-color: #fff;
}

h2 a:hover:after{
	border-color: #fff;
}

h3 {
	background-color: #dfdfdf;
	border: 1px solid #c9c9c9;
	line-height: 1.3;
	margin: 30px -16px 20px;
	padding: 7px 10px 7px 31px;
	position: relative;
}

h4 {
	line-height: 1.3;
	margin: 30px -16px 20px;
	padding: 7px 10px 7px 31px;
	border-bottom: 2px solid #ababab;
	position: relative;
}

h5 {
	line-height: 1.3;
	margin: 30px -16px 14px;
	padding: 7px 10px 7px 31px;
	position: relative;
}

h3::before ,
h4::before ,
h5::before {
	content: "";
	display: block;
	background-color: #9b0301;
	position: absolute;
	left: 12px;
	top: 12px;
	width: 10px;
	height: 10px;
}

section > h2:first-child {
	margin: 0 -16px 20px;
}

p {
	margin: 0 0 20px;
}

ul,
ol {
	margin: 0 0 60px 30px;
}

ul ul,
ul ol,
ol ul,
ol ol {
	margin-top: 15px;
	margin-bottom: 30px;
	margin-left: 2.4em;
}

li {
	margin: 0 0 30px;
}

li li{
	margin: 0 0 15px;
}

table{
	font-size: 0.875rem;
}

th,
td {
	background-color: #fff;
	padding: 8px;
	text-align: left;
	vertical-align: middle;
	border: 1px solid #b2b2b2;
}

th,
td,
th *,
td *{
	line-height: 1.3;
}

th {
	background: #e5e5e4;
}

thead th {
	text-align: center;
}

@media screen and (max-width: 767px) {

h1 {
	padding: 1.2rem 16px 1.2rem 4.8rem;
}

#header {
	border-bottom: 1px solid #cbcbcb;
}
}

/*======================================
    2.pathArea
======================================*/

.pathArea ul {
	width: 980px;
	margin: 0 auto;
	padding: 8px 10px;
}

.pathArea li {
	display: inline;
	font-size: 0.75rem;
	margin: 0;
}

.pathArea li:not(:last-child)::after {
	display: inline-block;
	padding: 0 4px 0 8px;
	content: '>';
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {

.pathArea {
	display: none;
}
}

/*======================================
    3.contArea
======================================*/

.contArea {
	width: 980px;
	margin: 24px auto 0;
	padding: 0;
}

.contArea::after {
	display: table;
	clear: both;
	content: '';
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {

.contArea {
	width: auto;
	margin: 10px 0 0;
	padding: 0;
}
}

/*======================================
    4.contBlock
======================================*/

.contBlock {
	float: left;
	width: 74.5%;
}

.contBlock li a {
	display: block;
	position: relative;
}

.contBlock li a::before {
	position: absolute;
	top: 0;
	left: -1.5rem;
	background: url(/common/img/icon-blt01.png) no-repeat center center ,url(../img/bg.png);
	background-size: 7px auto,auto auto;
	width: 20px;
	height: 20px;
	content: '';
}

.contBlock section iframe {
	width: 100%;
	width: calc(100% + 32px);
	margin: 0 -16px;
	max-width: none;
}

.col1 .contBlock {
	float: none;
	width: 100%;
}

/*==== Layout ====*/

.column2,
.imgColumn2,
.column3,
.imgColumn3 {
	margin: 0 -10px;
}

.col1 .contBlock .column2,
.col1 .contBlock .imgColumn2,
.col1 .contBlock .column3,
.col1 .contBlock .imgColumn3 {
	margin: 0;
}

.column2::after,
.imgColumn2::after,
.column3::after,
.imgColumn3::after {
	display: table;
	clear: both;
	content: '';
}

.column2 .box,
.imgColumn2 p {
	float: left;
	width: 48%;
	margin: 0 4% 2rem 0;
	padding: 0 10px 2rem;
}

.column3 .box,
.imgColumn3 p {
	float: left;
	width: 31.5%;
	margin: 0 2.75% 2rem 0;
	padding: 0 10px 2rem;
}

.column2 ul,
.column3 ul{
	margin-left: 25px;
	position: relative;
}

.column2 h2 + ul,
.column3 h2 + ul{
	margin-top: 40px;
}

.column2 li,
.column3 li{
	position: relative;
}

.column2 li:after,
.column3 li:after{
	position: absolute;
	bottom: -15px;
	left: -20px;
	display: block;
	width: calc(100% + 20px);
	height: 1px;
	content: '';
	background: url(../img/line01.png) repeat-x 0 0;
}

.column2 ul:before,
.column3 ul:before{
	position: absolute;
	top: -15px;
	left: -20px;
	display: block;
	width: calc(100% + 20px);
	height: 1px;
	content: '';
	background: url(../img/line01.png) repeat-x 0 0;
}

.column2 .box:nth-child(2n),
.imgColumn2 p:nth-child(2n),
.column3 .box:nth-child(3n),
.imgColumn3 p:nth-child(3n) {
	margin-right: 0;
}

.column3 .box:nth-child(3n + 1),
.imgColumn3 p:nth-child(3n + 1) {
	clear: left;
}

.column2 .box *:last-child,
.column3 .box *:last-child {
	margin-bottom: 0;
}

.column2 .box p + ul,
.column3 .box p + ul {
	margin-top: 40px;
}

.box h2:first-child {
	margin: 0 -10px 20px;
}

.imgColumn2 p,
.imgColumn3 p {
	text-align: center;
}

.imgColumn2 img,
.imgColumn3 img {
	max-width: 100% !important;
	height: auto !important;
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #d7d3d3;
 padding: 5px;
	margin-bottom: 5px;
}


.shareList {
	font-size: 0;
	margin: 0 0 2rem;
	list-style: none;
	text-align: right;
}

.shareList li {
	display: inline-block;
	margin: 0 0 0 8px;
	vertical-align: middle;
}

.alertBox,
.refBox {
	margin: 0 -16px 4rem;
	padding: 20px;
	border: 1px solid #b2b2b2;
	background: #fff;
}

.alertBox > p,
.refBox > p {
	font-weight: bold;
	margin: 0 0 7px;
}

.alertBox > p {
	color: #cc1919;
}

.refBox {
	background: #e5e5e4;
}

.imgtxtBox .fl-l img {
	margin: 0 16px 16px 0;
}

.imgtxtBox .fl-r img {
	margin: 0 0 16px 16px;
}

.imgtxtBox .fl-l img ,
.imgtxtBox .fl-r img {
	background-color: #fff;
	box-sizing: border-box;
	border: 1px solid #d7d3d3;
 padding: 5px;
}

.imgtxtBox {
	margin: 0 0 4rem;
}

.imgtxtBox::after {
	display: table;
	clear: both;
	content: '';
}

.imgtxtBox .txtBox {
	overflow: hidden;
}

.anchorLink {
	line-height: 1.4;
	margin: 0 -16px 4rem;
	padding: 1.7rem 16px;
	background: #fff;
	border: 1px solid #b2b2b2;
}

.anchorLink ul {
	margin: 0;
	list-style: none;
}

.anchorLink li {
	display: inline-block;
	margin: 0 23px .4rem 0;
}

.anchorLink li a {
	position: relative;
	display: inline-block;
	padding: 0 0 0 21px;
}

.anchorLink li a::before {
	display: inline-block;
 position: absolute;
	top: 6px;
	left: 0;
	width: 6px;
	height: 6px;
	content: '';
	background: none;
	-webkit-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	border-top: 2px solid #9b0301;
	border-right: 2px solid #9b0301;
 margin: 0 .4rem;
}

.table01 {
	overflow-x: auto;
	margin: 0 -16px 4rem;
	padding: 0 0 .1rem;
}

.table02 {
	margin: 0 -16px 4rem;
	overflow-x: auto\9;
 padding: 0 0 .1rem\9;
}
.table01::-webkit-scrollbar, .table02 tbody::-webkit-scrollbar {
 height: 4px;
}
.table01::-webkit-scrollbar-track, .table02 tbody::-webkit-scrollbar-track {
 height: 4px;
 border-radius: 10px;
 background: #ccc;
}
.table01::-webkit-scrollbar-thumb, .table02 tbody::-webkit-scrollbar-thumb {
 border-radius: 10px;
 background: #666;
}
.table01::-webkit-scrollbar-thumb:window-inactive, .table02 tbody::-webkit-scrollbar-thumb:window-inactive {
 background: #666;
}

.bkBtn {
	background-color: #fff;
	color: #9b0301;
	position: relative;
	font-size: 0.75rem;
 padding: 8px 8px 8px 32px;
	cursor: pointer;
	border: 2px solid #9b0301;
	width: 13em;
	margin: 0 0 0 -16px;
	line-height: 1.4;
	text-decoration: underline;
}

.bkBtn::before {
	position: absolute;
	top: 50%;
	left: 15px;
	width: 8px;
	height: 8px;
	margin-top: -5px;
	content: '';
	-ms-transform: rotate(225deg);
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
	border-top: 2px solid #9b0301;
	border-right: 2px solid #9b0301;
}

.bkBtn + * {
	clear: right;
}

.bkBtn:hover {
	background-color: #9b0301;
	color: #fff;
	text-decoration: none;
}

.bkBtn:hover::before {
	border-color: #fff;
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {
section {
	margin: 0 0 20px;
	padding: 0;
}

section h2,
section h3,
section h4,
section h5{
	margin-left: 0 !important;
	margin-right: 0 !important;
	margin-bottom: 10px !important;
}

main h1{
	font-size: 1.1428rem;
	padding: 14px 10px;
}

section h2{
	font-size: 1rem;
	padding-left: 20px;
}

section h2 a{
	margin-left: -20px !important;
	padding-left: 20px;
}

h2::before,
section h2 a::before {
	width: 16px;
}

section h3,
section h4{
	font-size: 0.8125rem;
	padding-left: 20px;
}

h3::before,
h4::before{
	top: 10px;
	left: 7px;
}

h4::before{
	left: 8px;
}

section h5{
	margin-left: -10px !important;
}

ul, ol {
	margin-bottom: 15px;
}

ul ul, ul ol, ol ul, ol ol{
	margin-left: 1.4em;
}

.alertBox, .refBox{
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 30px;
}

.contBlock {
	float: none;
	width: auto;
	margin: 0 0 30px;
}

.column2, .imgColumn2, .column3, .imgColumn3{
	margin: 0;
}

.column2 .box,
 .imgColumn2 p,
 .column3 .box,
 .imgColumn3 p {
	float: none;
	width: auto;
	margin: 0 0 20px;
}

.column2 .box,
.column3 .box{
	margin-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}

.imgtxtBox{
	margin-bottom: 30px;
}

.box > h2:only-child{
	margin-bottom: -20px !important;
}

h2 + .newsBox{
	margin-top: -15px;
} 

h2 + .topicsList{
	margin-top: 0;
}
 
.topicsList dt,
.newsList dt {
	width: 100%;
	padding: 1.2rem 16px .4rem;
}

.topicsList dd,
.newsList dd {
	padding: 1.3rem 16px;
}

.fsz_L .newsList span {
	right: auto;
}

.imgtxtBox .fl-l img,
.imgtxtBox .fl-r img {
	display: block;
	margin: 0 auto 16px;
}

.imgtxtBox .txtBox,
.imgtxtBox .fl-l + .txtBox,
.imgtxtBox .fl-r + .txtBox {
	overflow: auto;
	margin: 0 -10px;
	padding: 0 16px 1.4rem;
}

.table01,
.table02{
	margin-left: 0;
	margin-right: 0;
}

.table01 th {
	white-space: nowrap;
}

.table02 table {
	position: relative;
	display: block;
	width: 100%;
	border-collapse: collapse;
}

.table02 thead {
	display: block;
	float: left;
	float: none\9;
}

.table02 tbody {
	font-size: 0;
	position: relative;
	display: block;
	overflow-x: auto;
	width: auto;
	white-space: nowrap;
}

.table02 thead tr {
	display: block;
}

.table02 tbody tr {
	font-size: 0.875rem;
	display: inline-block;
	vertical-align: top;
}

.table02 th,
.table02 td {
	display: block;
	min-height: 35px;
}

.table02 thead th {
	border-bottom: 0;
}

.table02 tbody th,
.table02 tbody td {
	border-bottom: 0;
	border-left: 0;
}

.table02 thead th:last-child,
.table02 tbody td:last-child {
	border-bottom: 1px solid #b2b2b2;
}

.anchorLink{
	margin-left: 0;
	margin-right: 0;
}

.anchorLink li{
	display: block;
}

.bkBtn {
	margin: 0;
	float: none;
}
}

@media screen and (min-width: 768px) {

.table02 th,
 .table02 td {
	height: auto !important;
}
}

/*======================================
    5.sideBlock
======================================*/

.sideBlock {
	float: right;
	width: 21.9%;
}

#iframe_sd{
	background-color: #f9f9f9;
	border: 2px solid #c9c9c9;
	margin: 0 0 3.5rem;
	padding: 0 10px;
}

.sideBlock #iframe_sd h2 {
	margin: -2px 0 0 !important;
	padding: 12px 0 !important;
	background-color: transparent;
	border: none;
	font-weight: normal;
	font-size: 1rem;
}

.sideBlock h2::before {
	display: none;
}

.sideBlock h2 a{
	margin: -12px -11px !important;
	padding: 10px 26px 10px 9px !important;
	border: 2px solid #9b0301;
	color: #9b0301;
}

.sideBlock h2 a:hover{
	background-color: #9b0301;
	color: #fff;
}

.sideBlock h2 a::after{
	right: 16px;
	border-color: #9b0301;
}

.sideBlock h2 a:hover::after{
	border-color: #fff;
}

.sideBlock ul {
	margin: 1px 0 0;
	padding: 0;
}

.sideBlock li {
	border-bottom: 1px solid #e1e1e1;
	list-style: none;
	margin: 0;
	padding: 0;
}

.sideBlock li li{
	border-bottom: none;
	position: relative;
}

.sideBlock li li:before{
	position: absolute;
	top: -1px;
	left: 20px;
	width: 175px;
	height: 1px;
	content: '';
	background: url(../img/line01.png) repeat-x 0 0;
}

.sideBlock li:last-child {
	background: none;
	border-bottom: none;
}

.sideBlock li a ,
.sideBlock li span {
	display: block;
	line-height: 1.2;
	position: relative;
	padding: 12px 28px 12px 11px;
	margin: 0 -10px;
}

.sideBlock li span {
	font-weight: bold;
}

.sideBlock li.current > a ,
.sideBlock li a:hover {
	background-color: #9b0301;
	color: #fff;
}

.sideBlock li.current > a::before ,
.sideBlock li a:hover::before {
	border-color: #fff;
}

.sideBlock li li a {
	padding-left: 50px;
	padding-right: 10px;
	font-size: 0.875rem;
}

.sideBlock li a::before {
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 16px;
	width: 8px;
	height: 8px;
	content: '';
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: 2px solid #333333;
	border-right: 2px solid #333333;
}

.sideBlock li li a::before {
	z-index: 1;
	right: auto;
	left: 34px;
	margin-top: -4px;
	width: 6px;
	height: 6px;
}

.sideBlock iframe {
	width: 100%;
	margin: 0 0 1rem;
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {

.sideBlock {
	float: none;
	width: auto;
}

.sideBlock li ul{
	display: none;
}

}

/*======================================
    6.sitemap
======================================*/


/*======================================
    7.English
======================================*/

.en .contBlock a[href^='http://']::after,
.contBlock a[href^='https://']::after {
	content: 'Open a new window';
}

.en .contBlock a[href$='pdf']::after {
	content: 'Open a PDF file';
}

.en .contBlock a[href$='xlsx']::after,
.contBlock a[href$='xlsm']::after,
.contBlock a[href$='xls']::after {
	content: 'Open a Excel file';
}

.en .contBlock a[href$='doc']::after,
.contBlock a[href$='docx']::after {
	content: 'Open a word file';
}

.en .contBlock a[href$='zip']::after {
	content: 'Open a zip file';
}

.en .contBlock a[href$='mov']::after,
.contBlock a[href$='mpeg']::after,
.contBlock a[href$='mpg']::after,
.contBlock a[href$='wmv']::after {
	content: 'Open a movie file';
}

.en .contBlock a[href^='mailto']::after {
	content: 'Write a mail';
}

/*======================================
    8.parts
======================================*/
/***** Font Size *****/
.fs10 {
	font-size: 1.0rem !important;
}

.fs11 {
	font-size: 1.1rem !important;
}

.fs12 {
	font-size: 1.2rem !important;
}

.fs13 {
	font-size: 1.3rem !important;
}

.fs14 {
	font-size: 1.4rem !important;
}

.fs15 {
	font-size: 1.5rem !important;
}

.fs16 {
	font-size: 1.6rem !important;
}

.fs17 {
	font-size: 1.7rem !important;
}

.fs18 {
	font-size: 1.8rem !important;
}

.fs19 {
	font-size: 1.9rem !important;
}

.fs20 {
	font-size: 2.0rem !important;
}

.fs21 {
	font-size: 2.1rem !important;
}

.fs22 {
	font-size: 2.2rem !important;
}

.fs23 {
	font-size: 2.3rem !important;
}

.fs24 {
	font-size: 2.4rem !important;
}

.fs25 {
	font-size: 2.5rem !important;
}

.fs26 {
	font-size: 2.6rem !important;
}

.fs27 {
	font-size: 2.7rem !important;
}

.fs28 {
	font-size: 2.8rem !important;
}

.fs29 {
	font-size: 2.9rem !important;
}

.fs30 {
	font-size: 3.0rem !important;
}

.fs31 {
	font-size: 3.1rem !important;
}

.fs32 {
	font-size: 3.2rem !important;
}

.fs33 {
	font-size: 3.3rem !important;
}

.fs34 {
	font-size: 3.4rem !important;
}

.fs35 {
	font-size: 3.5rem !important;
}

.fs36 {
	font-size: 3.6rem !important;
}

.fs37 {
	font-size: 3.7rem !important;
}

.fs38 {
	font-size: 3.8rem !important;
}

.fs39 {
	font-size: 3.9rem !important;
}

.fs40 {
	font-size: 4.0rem !important;
}

.fs41 {
	font-size: 4.1rem !important;
}

.fs42 {
	font-size: 4.2rem !important;
}

.fs43 {
	font-size: 4.3rem !important;
}

.fs44 {
	font-size: 4.4rem !important;
}

.fs45 {
	font-size: 4.5rem !important;
}

.fs46 {
	font-size: 4.6rem !important;
}

.fs47 {
	font-size: 4.7rem !important;
}

.fs48 {
	font-size: 4.8rem !important;
}

.fs49 {
	font-size: 4.9rem !important;
}

.fs50 {
	font-size: 5.0rem !important;
}

/***** text-align *****/
.txtLeft {
	text-align: left !important;
}

.txtRight {
	text-align: right !important;
}

.txtCenter {
	text-align: center !important;
}

/***** Vertical-align *****/
.vaTop {
	vertical-align: top;
}

.vaMid {
	vertical-align: middle;
}

.vaBot {
	vertical-align: bottom;
}

.vaBas {
	vertical-align: baseline;
}

/***** Color *****/
.txtRed {
	color: #cc1919;
}

/***** Weight *****/
.txtBold {
	font-weight: bold;
}

.txtNormal {
	font-weight: normal;
}

/***** hide text *****/
.hidetxt {
	display: block;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

/***** Margin All *****/
.m0 {
	margin: 0 !important;
}

.m5 {
	margin: 5px !important;
}

.m10 {
	margin: 10px !important;
}

.m15 {
	margin: 15px !important;
}

.m20 {
	margin: 20px !important;
}

.m5r {
	margin: .5rem !important;
}

.m10r {
	margin: 1rem !important;
}

.m15r {
	margin: 1.5rem !important;
}

.m20r {
	margin: 2rem !important;
}

/***** Margin Top *****/
.mT0 {
	margin-top: 0 !important;
}

.mT5 {
	margin-top: 5px !important;
}

.mT10 {
	margin-top: 10px !important;
}

.mT15 {
	margin-top: 15px !important;
}

.mT20 {
	margin-top: 20px !important;
}

.mT5r {
	margin-top: .5rem !important;
}

.mT10r {
	margin-top: 1rem !important;
}

.mT15r {
	margin-top: 1.5rem !important;
}

.mT20r {
	margin-top: 2rem !important;
}

/***** Margin Bottom *****/
.mB0 {
	margin-bottom: 0 !important;
}

.mB5 {
	margin-bottom: 5px !important;
}

.mB10 {
	margin-bottom: 10px !important;
}

.mB15 {
	margin-bottom: 15px !important;
}

.mB20 {
	margin-bottom: 20px !important;
}

.mB5r {
	margin-bottom: .5rem !important;
}

.mB10r {
	margin-bottom: 1rem !important;
}

.mB15r {
	margin-bottom: 1.5rem !important;
}

.mB20r {
	margin-bottom: 2rem !important;
}

/***** Margin Left *****/
.mL0 {
	margin-left: 0 !important;
}

.mL5 {
	margin-left: 5px !important;
}

.mL10 {
	margin-left: 10px !important;
}

.mL15 {
	margin-left: 15px !important;
}

.mL20 {
	margin-left: 20px !important;
}

.mL5r {
	margin-left: .5rem !important;
}

.mL10r {
	margin-left: 1rem !important;
}

.mL15r {
	margin-left: 1.5rem !important;
}

.mL20r {
	margin-left: 2rem !important;
}

/***** Margin Right *****/
.mR0 {
	margin-right: 0 !important;
}

.mR5 {
	margin-right: 5px !important;
}

.mR10 {
	margin-right: 10px !important;
}

.mR15 {
	margin-right: 15px !important;
}

.mR20 {
	margin-right: 20px !important;
}

.mR5r {
	margin-right: .5rem !important;
}

.mR10r {
	margin-right: 1rem !important;
}

.mR15r {
	margin-right: 1.5rem !important;
}

.mR20r {
	margin-right: 2rem !important;
}

/***** Padding All *****/
.p0 {
	padding: 0 !important;
}

.p5 {
	padding: 5px !important;
}

.p10 {
	padding: 10px !important;
}

.p15 {
	padding: 15px !important;
}

.p20 {
	padding: 20px !important;
}

.p5r {
	padding: .5rem !important;
}

.p10r {
	padding: 1rem !important;
}

.p15r {
	padding: 1.5rem !important;
}

.p20r {
	padding: 2rem !important;
}

/***** Padding Top *****/
.pT0 {
	padding-top: 0 !important;
}

.pT5 {
	padding-top: 5px !important;
}

.pT10 {
	padding-top: 10px !important;
}

.pT15 {
	padding-top: 15px !important;
}

.pT20 {
	padding-top: 20px !important;
}

.pT5r {
	padding-top: .5rem !important;
}

.pT10r {
	padding-top: 1rem !important;
}

.pT15r {
	padding-top: 1.5rem !important;
}

.pT20r {
	padding-top: 2rem !important;
}

/***** Padding Bottom *****/
.pB0 {
	padding-bottom: 0 !important;
}

.pB5 {
	padding-bottom: 5px !important;
}

.pB10 {
	padding-bottom: 10px !important;
}

.pB15 {
	padding-bottom: 15px !important;
}

.pB20 {
	padding-bottom: 20px !important;
}

.pB5r {
	padding-bottom: .5rem !important;
}

.pB10r {
	padding-bottom: 1rem !important;
}

.pB15r {
	padding-bottom: 1.5rem !important;
}

.pB20r {
	padding-bottom: 2rem !important;
}

/***** Padding Left *****/
.pL0 {
	padding-left: 0 !important;
}

.pL5 {
	padding-left: 5px !important;
}

.pL10 {
	padding-left: 10px !important;
}

.pL15 {
	padding-left: 15px !important;
}

.pL20 {
	padding-left: 20px !important;
}

.pL5r {
	padding-left: .5rem !important;
}

.pL10r {
	padding-left: 1rem !important;
}

.pL15r {
	padding-left: 1.5rem !important;
}

.pL20r {
	padding-left: 2rem !important;
}

/***** Padding Right *****/
.pR0 {
	padding-right: 0 !important;
}

.pR5 {
	padding-right: 5px !important;
}

.pR10 {
	padding-right: 10px !important;
}

.pR15 {
	padding-right: 15px !important;
}

.pR20 {
	padding-right: 20px !important;
}

.pR5r {
	padding-right: .5rem !important;
}

.pR10r {
	padding-right: 1rem !important;
}

.pR15r {
	padding-right: 1.5rem !important;
}

.pR20r {
	padding-right: 2rem !important;
}

.relative {
	position: relative !important;
}

.absolute {
	position: absolute !important;
}

.fl-l,
.resFl {
	float: left !important;
}

.fl-r,
.resFr {
	float: right !important;
}

/***** Clearfix *****/
.clearfix::after {
	content: '';
	display: table;
	clear: both;
}

/*==== Media Queries ====*/

@media screen and (max-width: 767px) {

.fl-l,
.fl-r {
	float: none !important;
}
}

/*Google Custom Search*/
#searchResultBox td {
	border: none; 
	background-color: transparent;
}
#searchResultBox .gsc-input-box {
	height: 35px;
}
#searchResultBox .gsc-table-result, 
#searchResultBox .gsc-thumbnail-inside, 
#searchResultBox .gsc-url-top {
	padding-left: 0;
	padding-right: 0;
}