@charset "utf-8";

/* =============================================================================
   HTML5 表示定義
   ========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   ベース
   ========================================================================== */
html { height: 100%; font-size: 1em; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #484848;
}
html, body, div, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	vertical-align: top;
}
button, input, select, textarea { font-family: sans-serif; color: #222; }

img, object, embed, video {	max-width: 100%;　}

.cf { zoom: 1; }
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }

.clearer {clear: both; display: block; margin: 0;	padding: 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp5 {clear: both; display: block; margin: 0 0 2px 0;	padding: 3px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp10 {clear: both; display: block; margin: 0 0 5px 0;	padding: 5px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp20 {clear: both; display: block; margin: 0 0 10px 0;	padding: 10px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp30 {clear: both; display: block; margin: 0 0 15px 0;	padding: 15px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}
.clSp40 {clear: both; display: block; margin: 0 0 20px 0;	padding: 20px 0 0 0;	height: 0; line-height: 1px; font-size: 1px;}

/* =============================================================================
   リンク
   ========================================================================== */
a:link {
	color: #1A5E95;
}
a:visited {
	color: #1A5E95;
}
a:hover {
	color:#C3C;
	outline: 0;
}
a:active {
	color: #1A5E95;
	outline: 0;
}

/* =============================================================================
   リスト
   ========================================================================== */
ul, ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
dd { margin: 0; }


/* ==================================================== pankuzu */
#pageHeader {
	position: relative;
	height: 114px;
}

#pankuzu {
	position: absolute;
	margin: 0 auto;
	text-align: right;
	width: 98%;
	clear: both;
	top: 120px;
	left: 0px;
}

#pankuzu li {
	display: inline;
	line-height: 100%;
	list-style-type: none;
	font-size: 10px;
	color: #657746;
}
#pankuzu li a {
	padding-right: 14px;
	text-decoration: none;

	background-image: url(../images/common/bg_pankuzu.png);
	background-repeat: no-repeat;
	background-position: right center;
	color: #827848;
	background-image: url(../images/common/pankuzu_bg.png);
}

/* ============================================================ contents */
.contentsInLine {
	padding: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #CCC;
}

.txtMidashi {
	background-image: url(../images/common/txt_midashi_bg.png);
	height: 44px;
	line-height: 44px;
	color: #FFFFFF;
	font-size: 16px;
	padding: 0 10px 0 38px;
	margin: 0 0 16px 0;
}

.txtMidashiSub {
	background-color: #FFF4EC;
	padding: 10px 10px 10px 16px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #F60;
	line-height: 1em;
	font-size: 14px;
}

.pageCopy {
	font-size: 1.31em;
	color: #009933;
	margin: 0 0 15px 0;
}

.pageRead {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #D3C8A3;
	background-color: #FFF7EC;
	padding: 12px;
	font-size: 14px;
	margin: 0 0 40px 0;
}

.pageMeyasu {
	font-size: 14px;
}

.backIndex {
	background: -moz-linear-gradient(
		top,
		#e8ebed 0%,
		#c7c7c7);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#e8ebed),
		to(#c7c7c7));
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 1px solid #999999;
	-moz-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	-webkit-box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	box-shadow: 0px 1px 2px rgba(000,000,000,0.2),
		inset 0px 0px 1px rgba(255,255,255,0.5);
	text-shadow: 0px 1px 1px rgba(255,255,255,0.7),
		0px 1px 0px rgba(255,255,255,0.3);
	text-align: center;
	width: 50%;
	margin: 0 auto;
}
.backIndex:hover {
	filter: alpha(opacity=0.8);
	-ms-filter: alpha(opacity=0.8);
	opacity: 0.8;
}
.backIndex a {
	display:block;
	font-size: 14px;
	color: #46508f;
	padding: 10px 20px;
	text-decoration:none;
}

.textR {
	text-align: right;
	display: block;
}
.textC {
	text-align: center;
	display: block;
}
.flL {
	float: left;
	display: block;
}
.flR {
	float:right;
}

/*画像枠付き*/
.imgLine {
	border: 1px solid #CCC;
	padding: 5px;
}

/*テーブル汎用*/
table.defTable {
	border-collapse:collapse;
	border-top: 1px #B4A89E solid;
	border-left: 1px #B4A89E solid;
}
table.defTable th {
	white-space: nowrap;
	background-color: #F0E0D2;
}
table.defTable th,
table.defTable td {
	font-size:12px;
	line-height:140%;
	padding:7px;
	border-right: 1px #B4A89E solid;
	border-bottom: 1px #B4A89E solid;
}

/* =============================================================================
   汎用
   ========================================================================== */
.clear {clear: both;}

/*外余白*/
.mgb10 {
	margin-bottom:10px;
}
.mgb15 {
	margin-bottom:15px;
}
.mgb20 {
	margin-bottom:20px;
}
.mgb30 {
	margin-bottom:30px;
}
.mgb40 {
	margin-bottom:40px;
}

/*内余白*/
.pdw5 {
	padding:0 5px;
}
.pdw10 {
	padding:0 10px;
}
.pdw15 {
	padding:0 15px;
}

/*区切りライン*/
.clLine {
	clear: both;
	display: block;
	margin: 0 0 20px 0;
	padding: 20px 0 0 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}
/*区切りライン間隔小*/
.clLine8 {
	clear: both;
	display: block;
	margin: 0 0 8px 0;
	padding: 8px 0 0 0;
	height: 0;
	line-height: 1px;
	font-size: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #E6E6E6;
}

/*画像ボタンエフェクト*/
.buttonImg:hover {
	filter: alpha(opacity=0.8);
	-ms-filter: alpha(opacity=0.8);
	opacity: 0.8;
}

/*font-size*/
.fs10 {
	font-size:0.63em;
}
.fs11 {
	font-size:0.68em;
}
.fs12 {
	font-size:0.73em;
}
.fs13 {
	font-size:0.81em;
}
.fs14 {
	font-size:0.87em;
}
.fs16 {
	font-size:1em;
}
.fs18 {
	font-size:1.12em;
}
.fs21 {
	font-size:1.31em;
}
.fs24 {
	font-size:1.47em;
}

/*色*/
.fcBlue01 {
	color: #06C;
}
.fcBlue02 {
	color: #03F;
}
.fcBlue03 {
	color: #33C;
}
.fcRed01 {
	color: #C33;
}
.fcRed02 {
	color: #F36;
}
.fcRed03 {
	color: #F69;
}
.fcOrg01 {
	color: #F60;
}
.fcOrg01b {
	color: #F60;
	font-weight:bold;
}
.fcOrg02 { color: #EB2400;
}
.fcPpl01 {
	color:#990099;
}

/* ===========================================================================================================================
		スマホレイアウト : ～640 px
============================================================================================================================*/
@media screen and (max-width: 640px) {

/* =============================================================================
   レイアウト
   ========================================================================== */
.gridContainer,
.gridContainerIn {
	margin-left: auto;
	margin-right: auto;
	width: 96%;
	padding: 2% 0 2% 0;
}

/* ============================================================ header */
header {
	background-image: url(../images/common/header_bg.png);
	width: 100%;
	min-width: 320px;
	text-align: left;
}

#headerWrap {
	padding: 3px 0 0 0;
	text-align: left;
	position: relative;
	margin: 0 auto;
}

#pageTitle {
	font-weight: normal;
	font-size: 62%;
	width: 100%;
	padding: 3px 0;
	margin: 0 0 12px 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #5DA234;
	line-height: 1em;
}

#addBox{
	clear: both;
	background: #fff;
	width: 90%;
	max-width: 91%;
	margin: 0px auto 15px;
	padding: 10px;
	box-shadow:0px 1px 6px 2px #acada2;
	-moz-box-shadow:0px 1px 6px 2px #acada2;
	-webkit-box-shadow:0px 1px 6px 2px #acada2;
}

#addBox h1{
  font-size: 0.885em;
	width: 100%;
	color: #fff;
	padding: 5px 0 5px 5px;
	margin-bottom: 12px;
	background: #7fb150;
	background: -moz-linear-gradient(top, #7fb150 0%, #659d38 100%);
	background: -webkit-linear-gradient(top, #7fb150 0%,#659d38 100%);
	background: linear-gradient(to bottom, #7fb150 0%,#659d38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb150', endColorstr='#659d38',GradientType=0 );
}

#addBox p{
	font-size: 0.88em;
}

.business_view{
    clear: both;
    background: #fff;
    width: 90%;
    max-width: 90%;
    margin: 0px auto 15px;
    padding: 10px;
    box-shadow:0px 1px 6px 2px #acada2;
    -moz-box-shadow:0px 1px 6px 2px #acada2;
    -webkit-box-shadow:0px 1px 6px 2px #acada2;
}
.youtube_view{
    clear: both;
    background: #fff;
    width: 90%;
    max-width: 90%;
    margin: 0px auto 15px;
    padding: 10px;
    box-shadow:0px 1px 6px 2px #acada2;
    -moz-box-shadow:0px 1px 6px 2px #acada2;
    -webkit-box-shadow:0px 1px 6px 2px #acada2;
}
 
#headerLogo {
	margin:0 0 6px 0;
}

#headerInfo {
	display:none;
}
#headerInfoSp {
	text-align: center;
	line-height: 1.4;
	font-size: 0.75em;
}

#headerNav {
	padding: 5px 0;
	clear: both;
	border-top: 1px dashed #999;
	border-bottom: 1px dashed #999;
	margin: 0 0 10px 0;
}
#headerNav select {
	width:96%;
	display:block;
	margin:0 auto;
}


/* ============================================================ contents */
#contentsWrap {
	background-image: url(../images/common/contentswrap_bg.png);
	padding: 10px 0 40px 0;
	width: 100%;
	min-width: 320px;
	text-align: left;
}
#contentsWrap small {
	font-size:0.75em;
}
#contentsWrapIn {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 96%;
}
#contentsMain {
	width: 100%;
	position: relative;
	margin: 0;
	padding: 0;
	text-align: left;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #556B2F;
	-moz-box-shadow: 0px 0px 5px #556B2F;
	box-shadow: 0px 0px 5px #556B2F;
}
#contentsMainPd {
	padding: 0;
	width: 96%;
	margin: 0 auto;
	position: relative;
}

/*ページタイトル*/
.pageTitle {
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	position: relative;
}

/*サブ見出し*/
.txtMidashi1 {
	color: #72B230;
	font-size: 1.29em;
	font-weight: bold;
	background-image: url(../images/common/txt_midashi1_bg.png);
	background-repeat: no-repeat;
}
.txtMidashi1 span {
	display: block;
	padding: 0 0 0 18px;
	margin: 0 0 0 18px;
	border-bottom: 4px solid #D3E4C4;
	line-height: 32px;
	background-position: 5px 4px;
}

.contentsIn {
	position: relative;
	margin: 0 auto;
	width: 98%;
}
.contentsIn2 {
	position: relative;
	margin: 0 auto;
	width: 98%;
}

/* ============================================================ sideNav */
#sideNav {
	display:none;
}


/* ============================================================ footer */
#footerL,
#footerR {
	display:none;
}

#footerSp {
	text-align: center;
	font-size: 0.88em;
	line-height:1.6;
}
#footerTel {
	width: 64%;
	margin: 0 auto 15px;
	background: -moz-linear-gradient(
		top,
		#f59936 0%,
		#f1582e);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#f59936),
		to(#f1582e));
	background: linear-gradient(to bottom, #f59936, #f1582e);
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 0px solid #000000;
	-moz-box-shadow: 0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	-webkit-box-shadow: 0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	box-shadow: 0px 1px 1px rgba(000,000,000,0.5),
		inset 0px 0px 0px rgba(255,255,255,0);
	text-shadow: 0px 0px 0px rgba(000,000,000,0),
		0px 1px 0px rgba(255,255,255,0.3);
	border-color: #F30;
	font-size: 100%;
}
#footerTel a {
	display: block;
	text-decoration: none;
	color: #FFF;
	padding: 14px 0;
}

#footerLine {
	background-color: #DAE49E;
	padding:10px 0 8px 0;
}

#footerCopy {
	display: block;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #5DA234;
	font-size: 75%;
	padding: 8px 0;
	text-align: center;
}
#footerCopy a {
	text-decoration: none;
	color: #4D3C31;
}

/* pageTop */
#pageTop {
	position: absolute;
	width: 120px;
	top: -44px;
	right: 15px;
}

    #pageLink{padding: 0px 0px 10px 0px;}
    #pageLink img{width: 50%;}
}
/* ===========================================================================================================================
		▲スマホレイアウト▲
============================================================================================================================*/

/* ===========================================================================================================================
		デスクトップレイアウト : 641 px ～最大 1000 px
============================================================================================================================*/
@media only screen and (min-width: 641px) {
body {
	font-size: 1em;
	line-height:1.4;
}
.gridContainer,
.gridContainerIn {
	margin: 0 auto;
	padding:0;
}
.gridContainer {
	width: 996px;
}
.gridContainerIn {
	width: 986px;
}

/* ==================================================== header */
header {
	background-image: url(../images/common/header_bg.png);
	width: 100%;
	text-align: center;
}

.addHeader{
	padding-top: 14px;
}

#headerWrap {
	padding: 3px 0 0 0;
	text-align: left;
	position: relative;
	margin: 0 auto 6px;
}

#pageTitle { font-size: 0.63em;
}

#addBox{
	clear: both;
	background: #fff;
	width: 955px;
	margin: 0px auto 15px;
	padding: 10px 10px 10px 10px;
	box-shadow:0px 1px 6px 2px #acada2;
	-moz-box-shadow:0px 1px 6px 2px #acada2;
	-webkit-box-shadow:0px 1px 6px 2px #acada2;
}

#addBox h1{
	width: 100%;
  font-size: 1.31em;
	color: #fff;
	padding: 5px 0 5px 5px;
	margin-bottom: 12px;
	background: #7fb150;
	background: -moz-linear-gradient(top, #7fb150 0%, #659d38 100%);
	background: -webkit-linear-gradient(top, #7fb150 0%,#659d38 100%);
	background: linear-gradient(to bottom, #7fb150 0%,#659d38 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7fb150', endColorstr='#659d38',GradientType=0 );
}

#addBox p{
	font-size: 0.88em;
}
    
.business_view{
    clear: both;
    background: #fff;
    width: 965px;
    margin: 10px auto 15px;
    padding: 10px;
    box-shadow:0px 1px 6px 2px #acada2;
    -moz-box-shadow:0px 1px 6px 2px #acada2;
    -webkit-box-shadow:0px 1px 6px 2px #acada2;
}
#headerLogo {
	float: left;
	margin: 0 0 6px 0;
	width: 54.8%;
}

#headerInfo {
	display: block;
	float: right;
	width: auto;
	margin: 0 0 6px 0;
}
#headerInfoSp {
	display:none;
}

#headerNav {
	background-color: #FFF;
	-webkit-box-shadow: 0px 0px 3px #A09785;
	-moz-box-shadow: 0px 0px 3px #A09785;
	box-shadow: 0px 0px 3px #A09785;
	padding: 8px;
	border-top: none;
	border-bottom: none;
	clear: both;
}

#headerNav li {
	float: left;
	background-image: -moz-linear-gradient(top, #f7fbf4, #e4efda);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #f7fbf4), color-stop(1.0, #e4efda));
	background-color: #eef5e7;
	max-width: 194px;
	width: 20%;
}

#headerNav li a {
	display: block;
	text-decoration: none;
	text-align: center;
	border-left: 1px solid #f8f7f0;
	border-right: 1px solid #dcd8c8;
	padding: 5px 0;
	height: 28px;
	line-height: 32px;
}

#headerNav li a:link {
	color:#2e1d08;
}

/* ============================================================ contents */
#contentsWrap {
	background-image: url(../images/common/contentswrap_bg.png);
	padding: 6px 0 40px 0;
}
#contentsWrapIn {
	clear: both;
	position: relative;
	margin: 0 auto;
	width: 986px;
}
#contentsMain {
	float: right;
	width: 720px;
	padding: 0 0 30px 0;
	font-size: 0.88em;
	line-height: 1.8;
	text-align: left;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #556B2F;
	-moz-box-shadow: 0px 0px 5px #556B2F;
	box-shadow: 0px 0px 5px #556B2F;
}
#contentsMainPd {
	padding: 0;
	width: 660px;
	margin: 0 auto;
	position: relative;
}

/*ページタイトル*/
.pageTitle {
	padding: 30px 0 0 0;
	margin: 0 0 20px 0;
	position: relative;
}

.contentsIn {
	margin: 0 auto;
	width: 640px;
}
.contentsIn2 {
	margin: 0 auto;
	width: 620px;
}

/* ============================================================ sideNav */
#sideNav {
	display:block;
	width: 250px;
	float: left;
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 5px #556B2F;
	-moz-box-shadow: 0px 0px 5px #556B2F;
	box-shadow: 0px 0px 5px #556B2F;
}

#sideNavPd {
	padding: 5px;
}

.sideNavIn {
	padding: 8px 10px;
	background-image: url(../images/common/sn_sub_bg.png);
	background-repeat: no-repeat;
	background-position: bottom;
}

.sideNavIn li {
	margin: 0 0 5px 0;
	line-height: 1em;
	font-size: 14px;
	display: block;
	padding: 2px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	border: 2px solid #D3D3D3;
}
.sideNavIn li:hover {
	background-color: #F0F4E3;
}
.sideNavIn li a {
	text-decoration: none;
	display: block;
	padding: 8px 8px 8px 22px;
	color: #826859;
	background-image:url(../images/common/sn_sub_icon.png);
	background-repeat:no-repeat;
	background-position:left center;
}

#sideBlogBn {
	text-align:center;
}
#sideBlogBn li {
	margin:0 0 10px 0;
}

#sideGMap {
	padding:0 5px;
}
#sideGMap small {
	display:block;
	font-size:10px;
	text-align:right;
}

/* ==================================================== footer */
footer {
	width: 100%;
	background-image: url(../images/common/footer_bg.png);
	min-width: 320px;
	padding: 20px 0;
	text-align: left;
	position: relative;
}
#footerContents {
	background-color: #e9e3c9;
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-bottom: 15px;
}

#footerL {
	float:left;
	width:488px;
}
#footerL div {
	float:left;
	margin:0 0 0 5px;
}
#footerPhoto {
	width:239px;
}
#footerMap {
	background-color:#FFF;
	padding:5px;
}

#footerR {
	float: right;
	width: 483px;
	margin: 0 5px 0 0;
}
#footerR h1, #footerR .addFotterMenu dt {
	padding: 0 0 0 5px;
	line-height: 1em;
	margin: 0 0 8px 0;
	font-size: 0.75em;
}
#footerR nav {
	margin: 0 0 20px 0;
	padding: 5px 0 0 0;
}
#footerR nav li {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #646464;
	font-size: 0.75em;
	float: left;
	padding: 0 8px;
	width: auto;
	background-color: #E9E3C9;
	border-bottom: none;
}
#footerR nav li a {
	text-decoration: none;
	color: #484848;
	padding: 0;
}
#footerR nav li:last-child {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #646464;
}
#footerInfo {
	display:block;
	margin: 0 0 14px 0;
}
#footerTxt {
	display: block;
	background-color: #f7f5eb;
	padding: 8px;
	font-size: 0.63em;
	line-height: 1.6em;
}

#footerCopy {
	display: block;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #5DA234;
	font-size: 75%;
	padding: 8px 0;
	text-align: center;
}
#footerCopy a {
	text-decoration: none;
	color: #4D3C31;
}

/* pageTop */
#pageTop {
	position: absolute;
	width: 120px;
	top: -44px;
	right: 15px;
}

#footerSp {
	display:none;
}

}
/* ===========================================================================================================================
		▲デスクトップレイアウト▲
============================================================================================================================*/


/* ============================================================ 20181016 */

#headerad{clear: both;overflow: hidden; padding: 5px 0; text-align: center;}
/*
@media screen and (max-width: 640px) {
    #headerad{display: none;}
}*/
.html5-video-player:not(.ytp-transparent), .html5-video-player.unstarted-mode, .html5-video-player.ad-interrupting, .html5-video-player.ended-mode, .html5-video-player.ytp-fullscreen {
    background-color: #fff !important;
}
.youtube_view{
    clear: both;
    background: #fff;
    width: 803px;
    margin: 10px auto 15px;
    padding: 10px;
    box-shadow:0px 1px 6px 2px #acada2;
    -moz-box-shadow:0px 1px 6px 2px #acada2;
    -webkit-box-shadow:0px 1px 6px 2px #acada2;
}
.iframeinfo{
    width: 801.48px;
    height: 451.9px;
}

@media screen and (max-width: 640px) {
.youtube_view{
  position:relative;
  padding-top:50.25%;
    width: 100% !important;
}
.youtube_view iframe{
  position:absolute;
  top:0;
  right:0;
  height:100%;
    width: 100% !important;
}
}

/* ============================================================ 20210421 */

#newsblog{padding: 10px;}
#newsblog .date{font-size: 12px;padding-top: 0.8px;}