@charset "utf-8";

  * {
      -webkit-box-sizing: border-box;
      box-sizing: border-box;
      margin: 0;
      padding: 0;
  }




/* ////////////////////////////////////////////////////////////

html・body 基本設定

/////////////////////////////////////////////////////////////*/


	html {
		height: 100%;
		scroll-padding-top: 70px;
		font-size: 10px;
	}

	@media(max-width:1080px) {
		html {
			font-size: 9px;
			-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
		}
	}

	/* iPhone4-5-5s Android */
	@media screen and (min-width: 320px) and (max-width: 374px) {
		html {
			font-size: 80%;
		}
	}


	.wrapp {
		overflow-x: hidden;
		position: relative;
	}



	body {
		width: 100%;
		height: 100%;
		position: relative;
		font-family: var(--font-jp);
		color: var(--font-black);
		font-size: 1.6rem;
		font-style: normal;
		font-weight: 400;
		letter-spacing: .1em;
		line-height: 1.6;
		text-align: left;
		word-break: break-all;/* 勝手に改行を防ぐ */
		font-feature-settings : "pkna";
		background: rgba(255,255,255, 1);
		overflow-x: hidden;
		z-index: 100;
		box-sizing: border-box;
	}

	@media(max-width:767px) {
		body {
			min-width: 100%;
			-webkit-text-size-adjust: 100%;
			text-size-adjust: 100%;
		}
	}


	body, div, section, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, blockquote, pre {
		margin: 0;
		padding: 0;
		line-height: inherit;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}




/* ////////////////////////////////////////////////////////////

#container 基本設定

/////////////////////////////////////////////////////////////*/

	#container {
		padding: 0;
		margin: 0;
		text-align: left;
		display: block;
		position: relative;
		z-index: 0;
    width: 100%;
	}

	@media(max-width:1080px) {
		#container {
			width: 100%;
	    max-width: 100%;
      padding: 0 .1em;
		}
	}

	body.entry #container,
	body.sitemap #container {
	}


	/* 回り込み解除 */
	#container::after {
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}



/* ////////////////////////////////////////////////////////////

メイン 基本設定

/////////////////////////////////////////////////////////////*/


	#container .Main {
		box-sizing: border-box;
		margin: 0 auto;
		padding: 0;
		background: rgba(255,255,255, 1);
	}



/* ////////////////////////////////////////////////////////////

wrapper 基本設定

/////////////////////////////////////////////////////////////*/


	#container .wrapper {
		margin: 0 auto;
		padding: 0;
		z-index: 1;
	}

	@media(max-width:1080px){
		#container .wrapper {
			width: 100%;
      max-width: 100%;
			padding: 0 0;
		}
	}


	/* 回り込み解除 */
	#container .wrapper::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}


	#header .wrapper {
		width: 100%;
		margin: 0 auto;
		padding: 0;
		position: relative;
	}

	@media(max-width:1080px){
		#header .wrapper {
			width: 100%;
			padding: 0 0;
		}
	}

	/* 回り込み解除 */
	#header .wrapper::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}




/* ////////////////////////////////////////////////////////////

#header 基本設定

/////////////////////////////////////////////////////////////*/

	body.index #header {
		position:relative;
	}


	#header {
		position: relative;
	}

	@media(max-width:1280px){
		#header {
			height: inherit;
			background: none;
		}
	}


	body:not(.index) #header {
		background: none;
	}



/* ////////////////////////////////////////////////////////////

#footer 基本設定

/////////////////////////////////////////////////////////////*/

  #footer {
  	width: 100%;
  	display: block;
  	bottom: 0;
  	font-weight: normal;
    z-index: 0!important;
  }

  @media(max-width:1280px){
    #footer {
    }
  }

  @media(max-width:767px){
  	#footer {
  		padding: 0;
      z-index: 0!important;
  	}
  }

	/* 回り込み解除 */
  #footer::after{
  	content: "";
  	clear: both;
  	height: 0;
  	display: block;
  	visibility: hidden;
  }






/* ////////////////////////////////////////////////////////////

h類 基本設定

/////////////////////////////////////////////////////////////*/


	h1::before, h1::after,
	h2::before, h2::after,
	h3::before, h3::after,
	h4::before, h4::after,
	h5::before, h5::after,
	h6::before, h6::after{
    margin: 0;
	}



/* ////////////////////////////////////////////////////////////

p 基本設定

/////////////////////////////////////////////////////////////*/


  p {
  }

  @media(max-width:767px){
    p  {
    }
  }


  p a:hover {
  	text-decoration: none;
  }

  @media(max-width:767px){
  	p a:hover {
  	}
  }


  p a:hover svg,
  a:hover svg {
  	-webkit-animation: flipY .6s ease-in-out forwards;
  	animation: flipY .6s ease-in-out forwards;
  }

  @media(max-width:767px){
  	p a:hover svg,
  	a:hover svg {
  		-webkit-animation: none;
  		animation: none;
  	}
  }


  p.voicetext {
  	line-height: 2.2 !important;
  	font-size: .8em;
  }




/* ////////////////////////////////////////////////////////////

div 基本設定

/////////////////////////////////////////////////////////////*/

  div {

  }

  @media(max-width:767px){
    div{
      -webkit-background-size: 100% 100%;
      background-size: 100% 100%;
    }
  }


/* ////////////////////////////////////////////////////////////

img 基本設定

/////////////////////////////////////////////////////////////*/

  img {
  	max-width: 100%;
  	height: auto;
  	width /***/:auto;
    vertical-align: bottom;
		-webkit-transition: .5s;
		transition: .5s;
  }

  @media(max-width:767px){
  	img {
  		max-width: 100%;
  		width: 100%;
  		height: auto;
  		width /***/:auto;
  		margin: 0;
  		padding: 0;
  		display: block;
  	}
  }


/* ////////////////////////////////////////////////////////////

table 基本設定

/////////////////////////////////////////////////////////////*/

  table, th, td {
    text-decoration: none;
    margin: 0;
    padding: 0;
    font-size: 1em;
		-webkit-transition: .5s;
		transition: .5s;
  }


  table {
    border-collapse: collapse;
  }

  @media(max-width:767px){
    table {
      table-layout:fixed;
    }
  }


  th {
    font-style: italic;
    font-weight: bold;
    font-style:normal !important;
  }


  ol {
    list-style-type: decimal;
  }


  li {
    margin: 0;
    line-height: 1.0;
  }

  li::before,
  dt::before {
    margin-right: 0.2em;
  }


  ul {
    list-style-type: none;
  }


  li a {

  }

  @media(max-width:767px) {
    li a {
     display: inline-block;
   }
  }




/* ////////////////////////////////////////////////////////////

a 基本設定

/////////////////////////////////////////////////////////////*/

  a {
    text-decoration: none;
    letter-spacing: .1em;
    outline: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    color: #333333;
  }


	a:link {
		text-decoration: none;
    border: none;
	}


	a:visited {
		text-decoration: none;
    border: none;
	}


	a:hover {
    border: none;
	}


  a:hover img{
    opacity: .8;
  }


	a:active {
		text-decoration: none;
    border:none;
	}


  a:focus {
    border: none;
  }


  a.over {
     -webkit-transition: .4s ease-in-out;
     transition: .4s ease-in-out;
  }

  a.over:hover {
    -webkit-opacity: .65;
    opacity: .65;
    filter: alpha(opacity=65);
  }

  @media(max-width:767px){
    a.over:hover {
      -webkit-opacity: 1;
      opacity: 1;
      filter: alpha(opacity=100);
    }
  }


	a img {
    border: none;
    opacity: 1;
    transition: 0.3s;
    padding: 0;
    margin: 0;
  }

  @media(max-width:767px){
    a img {
      padding: 0;
      margin: 0;
    }
  }


  a.disable:hover {
		text-decoration: none;
		cursor: default;
	}




/* ////////////////////////////////////////////////////////////

iframe

/////////////////////////////////////////////////////////////*/


iframe {
	display: block;
}




/* ////////////////////////////////////////////////////////////

Font Awesome

/////////////////////////////////////////////////////////////*/


  /* Font Awesome */
  i.fa,
  i.fas {
    margin-right: .2em;
  }


/* ////////////////////////////////////////////////////////////

q , blockquote 基本設定 (引用・転載文タグ)

/////////////////////////////////////////////////////////////*/

  q {
    text-decoration: none;
  }

  q::before {
    content: open-quote;
  }

  q::after{
    content: close-quote;
  }


  blockquote {
    padding: .5em 1em;
    font-size: .9rem;
  }


  blockquote > p {
    margin: 0;
    padding: 0;
  }


/* ////////////////////////////////////////////////////////////

br 基本設定

/////////////////////////////////////////////////////////////*/

	br {
		letter-spacing: 0;
	}

	br.clear {
		clear: both;
	}


/* ////////////////////////////////////////////////////////////

span 基本設定

/////////////////////////////////////////////////////////////*/

  span {
    text-decoration: none;
  }


  span.clear {
    display: none;
  }


/* ////////////////////////////////////////////////////////////

hr 基本設定

/////////////////////////////////////////////////////////////*/

  hr {
	}


/* ////////////////////////////////////////////////////////////

label 基本設定

/////////////////////////////////////////////////////////////*/

  label {
		cursor: pointer;
	}


/* ////////////////////////////////////////////////////////////

abbr 基本設定 (略語を示すタグ)

/////////////////////////////////////////////////////////////*/

  abbr {
    border-style: none none dotted none;
    cursor: help;
    text-decoration: none;
  }


/* ////////////////////////////////////////////////////////////

del 基本設定 (削除済み文字タグ)

/////////////////////////////////////////////////////////////*/

  del {
    text-decoration: line-through;
  }


/* ////////////////////////////////////////////////////////////

address 基本設定 (連絡先要素タグ)

/////////////////////////////////////////////////////////////*/

  address {
    font-style: normal;
  }


/* ////////////////////////////////////////////////////////////

code 基本設定 (プログラムのソースコードを示すタグ)

/////////////////////////////////////////////////////////////*/

  code {
    padding: 0 0.2em;
    text-decoration: none;
  }

  pre > code {
    display: block;
    border-style: dotted;
    overflow: scroll;
  }


/* ////////////////////////////////////////////////////////////

strong 基本設定 (強調タグ)

/////////////////////////////////////////////////////////////*/

  strong {
    font-weight: 700;
    text-decoration: none;
  }


/* ////////////////////////////////////////////////////////////

em 基本設定 (強調タグ)

/////////////////////////////////////////////////////////////*/

  em {
    font-style: normal;
    font-weight: bold;
    text-decoration: none;
  }


/* ////////////////////////////////////////////////////////////

ins 基本設定 (後から追加された部分であることを示すタグ)

/////////////////////////////////////////////////////////////*/

  ins {
    border-style: solid;
    text-decoration: none;
  }


/* ////////////////////////////////////////////////////////////

rt 基本設定 (ふりがな・よみがなタグ)

/////////////////////////////////////////////////////////////*/

  rt {
    font-size: 0.7em;
  }


/* ////////////////////////////////////////////////////////////

ruby 基本設定 (ふりがな・よみがなタグ)

/////////////////////////////////////////////////////////////*/

  ruby {
		text-decoration: none;
	}



/* ////////////////////////////////////////////////////////////

fieldset 基本設定 (フォームの入力項目をグループ化するタグ)

/////////////////////////////////////////////////////////////*/


  fieldset {
    margin: 0;
    padding: 0;
    border: 0;
  }


/* ////////////////////////////////////////////////////////////

kbd 基本設定 (キーボード入力要素タグ)

/////////////////////////////////////////////////////////////*/

  kbd {
    border-style: outset;
    border-width: 0.15em;
    padding: 0.1em;
    margin: 0 0.15em;
    background-color: #ccc;
    border-color: #ccc;
  }




/* ////////////////////////////////////////////////////////////

clearfix 基本設定

/////////////////////////////////////////////////////////////*/

	.clearfix::after{
		content: "";
		clear: both;
		height: 0;
		display: block;
		visibility: hidden;
	}



/* ////////////////////////////////////////////////////////////
HTML5
/////////////////////////////////////////////////////////////*/

	article, aside, dialog, figure, footer, header, section, hgroup, menu, nav, section {
    display: block;
    position: relative;
   }








 /* ////////////////////////////////////////////////////////////

 共通 独自設定パーツ

 /////////////////////////////////////////////////////////////*/
 /* ////////////////////////////////////////////////////////////
 縦上揃え
 /////////////////////////////////////////////////////////////*/

 	.FLEX_topd {
 		width: 100%;
     display: flex;
     display: -webkit-flex;
     flex-direction: row;
     /* ▽両端揃えで横に並べる▽ */
     justify-content: space-between;
 		/* ▽縦上部配置▽ */
     -webkit-align-items: flex-start;
     -ms-align-items: flex-start;
     align-items: flex-start;
 		/* ▽折り返されず、1行で表示▽ */
     flex-wrap: nowrap;
     margin: 0 auto;
 	}

 	@media(max-width:1080px) {
     .FLEX_topd {
 			display: block;
 			width: 100%;
       flex-direction: column;
       padding: 0;
       margin: 0 auto;
     }
 	}


 	.FLEX_cent {
 		width: 100%;
 		display: flex;
 		display: -webkit-flex;
 		flex-direction: row;
 		justify-content: space-between;
 		-webkit-align-items: center;
 		-ms-align-items: center;
 		align-items: center;
 		flex-wrap: nowrap;
 		margin: 0 auto;
 	}

 	@media(max-width:1080px) {
 		.FLEX_cent {
 			display: block;
 			width: 100%;
 			flex-direction: column;
 			padding: 0;
 			margin: 0 auto;
 		}
 	}


 	.FL-item_50 {
 		flex-basis: 50%;
 		margin: 0 auto;
 	}

 	@media(max-width:1080px) {
 		.FL-item_50 {
 			margin: 0 auto;
 		}
 	}


 /* ////////////////////////////////////////////////////////////
 FL-item スマホでの表示順番指定
 /////////////////////////////////////////////////////////////*/

 	@media screen and (max-width: 767px) {
 		.order1 {
 		  order: 1; /*上から1番目に表示*/
 		}
 		.order2 {
 		  order: 2; /*上から2番目に表示*/
 		}
 		.order3 {
 		  order: 3; /*上から3番目に表示*/
 		}
 		.order4 {
 		  order: 4; /*上から4番目に表示*/
 		}
 	}


 	@media screen and (max-width: 1080px) {
 		.order1-1080 {
 			order: 1; /*上から1番目に表示*/
 		}
 		.order2-1080 {
 			order: 2; /*上から2番目に表示*/
 		}
 		.order3-1080 {
 			order: 3; /*上から3番目に表示*/
 		}
 		.order4-1080 {
 			order: 4; /*上から4番目に表示*/
 		}
 	}


	 @media screen and (max-width: 1280px) {
		.order1-1280 {
			order: 1; /*上から1番目に表示*/
		}
		.order2-1280 {
			order: 2; /*上から2番目に表示*/
		}
		.order3-1280 {
			order: 3; /*上から3番目に表示*/
		}
		.order4-1280 {
			order: 4; /*上から4番目に表示*/
		}
	}



 /* ////////////////////////////////////////////////////////////

 線

 /////////////////////////////////////////////////////////////*/


 	#container hr.nomal-gray-line {
 		margin: 5px auto;
 		width: 1400px;
 		size: 1px;
 		border-color: rgba(250,250,250,0.3);
 	}

 	@media(max-width:767px) {
 		#container hr.nomal-gray-line {
 			width: 100%;
 		}
 	}


 	#container hr.fullsize-gray-line {
 		margin: 5px auto;
 		width: 100%;
 		size: 1px;
 		border-color: rgba(250,250,250,0.3);
 	}

 	@media(max-width:767px) {
 		#container hr.fullsize-gray-line {
 			width: 100%;
 		}
 	}


 /* ////////////////////////////////////////////////////////////
 位置指定
 /////////////////////////////////////////////////////////////*/

 	.Center {
 		text-align: center!important;
 		margin: 0 auto!important;
 	}

 	@media(max-width:767px) {
 		.Center {
 		}
 	}



	.Center-txt {
		text-align: center!important;
	}

	@media(max-width:767px) {
		.Center-txt {
		}
	}


 /* PCのみセンター */
 	.pc-Center {
 		text-align: center!important;
 		margin: 0 auto!important;
 	}

 	@media(max-width:767px){
 		.pc-Center {
 			text-align: left!important;
 		}
 	}


 	.Left {
 		text-align: left!important;
 		margin: 0!important;
 	}

 	@media(max-width:767px) {
 		.Left {
 		}
 	}


 /* マージン */

 	.MG-top150 {
 		margin: 150px 0 0!important;
 	}

 	@media(max-width:767px){
 		.MG-top150 {
 			margin: 80px 0 0!important;
 		}
 	}


 	.MG-top120 {
 		margin: 120px 0 0!important;
 	}

 	@media(max-width:767px){
 		.MG-top120 {
 			margin: 100px 0 0!important;
 		}
 	}

 	.MG-bot120 {
 		margin: 0 0 120px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot120 {
 			margin: 0 0 60px!important;
 		}
 	}


 	.MG-tate90 {
 		margin: 90px 0!important;
 	}

 	@media(max-width:767px){
 		.MG-tate90 {
 			margin: 70px 0!important;
 		}
 	}


 	.MG-top90 {
 		margin: 90px 0 0!important;
 	}

 	@media(max-width:767px){
 		.MG-top90 {
 			margin: 70px 0 0!important;
 		}
 	}


 	.MG-bot90 {
 		margin: 0 0 90px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot90 {
 			margin: 0 0 60px!important;
 		}
 	}


 	.MG-bot70 {
 		margin: 0 0 70px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot70 {
 			margin: 0 0 60px!important;
 		}
 	}


  .MG-bot60-PC {
 		margin: 0 0 60px!important;
 	}

 	@media(max-width:1080px){
 		.MG-bot60-PC {
 			margin: 0 0 60px!important;
 		}
 	}

 	@media(max-width:767px){
 		.MG-bot60-PC {
 			margin: 0 0 40px!important;
 		}
 	}


 	.MG-bot60-1080 {
 		margin: 0 0px!important;
 	}

 	@media(max-width:1080px){
 		.MG-bot60-1080 {
 			margin: 0 0 60px!important;
 		}
 	}

 	@media(max-width:767px){
 		.MG-bot60-1080 {
 			margin: 0 0 40px!important;
 		}
 	}


 	.MG-top45 {
 		margin: 45px 0 0!important;
 	}

 	@media(max-width:767px){
 		.MG-top45 {
 			margin: 30px 0 0!important;
 		}
 	}


 	.MG-bot45 {
 		margin: 0 0 45px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot45 {
 			margin: 0 0 30px!important;
 		}
 	}


 	.MG-bot40-sp {
 		margin: 0 00px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot40-sp {
 			margin: 0 0 40px!important;
 		}
 	}


 	.MG-bot40 {
 		margin: 0 0 40px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot40 {
 			margin: 0 0 35px!important;
 		}
 	}


 	.MG-top20 {
 		margin: 20px 0 0!important;
 	}

 	@media(max-width:767px){
 		.MG-top20 {
 			margin: 20px 0 0!important;
 		}
 	}


 	.MG-bot20 {
 		margin: 0 0 20px!important;
 	}

 	@media(max-width:767px){
 		.MG-bot20 {
 			margin: 0 0 15px!important;
 		}
 	}



 /* パディング */

 	.PD-tate90 {
 		padding: 90px 0!important;
 	}

 	@media(max-width:767px){
 		.PD-tate90 {
 			padding: 70px 0!important;
 		}
 	}


 	.PD-bot90-pc {
 		padding: 0 0 90px!important;
 	}

 	@media(max-width:767px){
 		.PD-bot90-pc {
 			padding: 0 0 0!important;
 		}
 	}


 	.PD-tate15 {
 		padding: 15px 0!important;
 	}

 	@media(max-width:767px){
 		.PD-tate15 {
 			padding: 15px 0!important;
 		}
 	}


 	.PD-top2em {
 		padding: 2em 0 0!important;
 	}

 	@media(max-width:767px){
 		.PD-top2em {
 			padding: 2em 0 0!important;
 		}
 	}



 /* ////////////////////////////////////////////////////////////
 フォント指定
 /////////////////////////////////////////////////////////////*/


 	.Bold {
 		font-weight: 700!important;
 	}


 	.font-Roboto {
     font-family: var(--font-en);
 	}


 	.font-Mincho {
     font-family: 'Noto Serif JP', "游明朝", "Yu Mincho", "YuMincho", "游明朝体", "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", sans-serif;
 	}


 	.font-M {
 		font-size: 2.0rem!important;
 	}

 	@media(max-width:767px){
 		.font-M {
 			font-size: 2.0rem!important;
 		}
 	}


 	.line-height-14 {
 		line-height: 1.4!important;
 	}


 	/* ボトムのみ小マージン */
 	p.botlow-mg {
 		margin: 2em 0 1em!important;
 	}


 	/* トップのみ小マージン */
 	p.toplow-mg {
 		margin: 1em 0 2em!important;
 	}




 /* ////////////////////////////////////////////////////////////
 有効指定
 /////////////////////////////////////////////////////////////*/

 	/*767px以下のみ有効*/
   .pre_767 {
     display: none;
   }

   @media(max-width:767px){
     .pre_767 {
       display: block;
     }
   }


 	/*767px以下のみ有効*/
 	.post_768 {
 		display: block;
 	}

 	@media(max-width:767px){
 		.post_768 {
 			display: none;
 		}
 	}


 	/*1100px以下のみ有効*/
 	.pre_1100 {
 		display: none;
 	}

 	@media(max-width:1100px){
 		.pre_1100 {
 			display: block;
 		}
 	}


 	/*1080px以下のみ有効*/
 	.pre_1080 {
 		display: none;
 	}

 	@media(max-width:1080px){
 		.pre_1080 {
 			display: block;
 		}
 	}


 	/*1080px以上のみ有効*/
 	.post_1080 {
 		display: block;
 	}

 	@media(max-width:1080px){
 		.post_1080 {
 			display: none;
 		}
 	}



 /* ////////////////////////////////////////////////////////////

 カラー指定

 /////////////////////////////////////////////////////////////*/

 	.White {
 		color: #fff;
 	}

 	.Orange {
 		color: #ec6800;
 	}

 	.Orange-right {
 		color: #FFA500;
 	}


 	.Navy {
 		color: #26346e;
 	}



 /* ////////////////////////////////////////////////////////////

 テキストシャドウ

 /////////////////////////////////////////////////////////////*/

 	.shadow {
 		text-shadow: 2px 1.5px 1px rgb(0,0,0);
 	}
 	@media(max-width:767px){
 		.shadow {
 			text-shadow: 2px 2px 1px rgb(0,0,0);
 		}
 	}


 	.shadow-mbonly {
 		text-shadow: none;
 	}
 	@media(max-width:767px){
 		.shadow-mbonly {
 		text-shadow: 2px 1.5px 1px rgba(0,0,0,0.5);
 		}
 	}


 	.shadow-pad_and_mbonly {
 		text-shadow: none;
 	}
 	@media(max-width:1080px){
 		.shadow-pad_and_mbonly {
 		text-shadow: 2px 1.5px 1px rgb(0,0,0);
 		}
 	}


 	.whiteshadow {
 		text-shadow: 1.2px 1px 3px rgba(255,255,255,1);
 	}
 	@media(max-width:767px){
 		.whiteshadow {
 			text-shadow: 1.5px 2px 0px rgba(255,255,255,1);
 		}
 	}


 	.whiteshadow-mbonly {
 		text-shadow: none;
 	}
 	@media(max-width:767px){
 		.whiteshadow-mbonly {
 			text-shadow: 1.5px 1.5px 1px rgba(255,255,255,1);
 		}
 	}


 	.whiteshadow-pad_and_mbonly {
 		text-shadow: none;
 	}
 	@media(max-width:1080px){
 		.whiteshadow-pad_and_mbonly {
 		text-shadow: 2px 1.5px 1px rgb(255,255,255);
 		}
 	}


 	.pcwhiteshadow-pad_and_mbbkshadow {
 		text-shadow: 2px 1.5px 1px rgb(255,255,255);
 	}
 	@media(max-width:1080px){
 		.pcwhiteshadow-pad_and_mbbkshadow {
 		text-shadow: 2px 2px 1px rgb(0,0,0);
 		}
 	}








/* ////////////////////////////////////////////////////////////

Chart.js

/////////////////////////////////////////////////////////////*/

  canvas#GraphArea {
  	height: auto !important;
      width: 45% !important;
      display: block;
      margin: 0 auto;
  }

  @media(max-width:767px){
  	canvas#GraphArea {
  		width: 40% !important;
  	}
  }