/*
# Base Layout
---*/
* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
}

html { font-size: 100%; color: #fff;}

a, a:visited {color: #88b6de; text-decoration: none;}
a:active, a:focus, a:hover { color: #16a085;}

body, textarea {
	font-family: -apple-system, BlinkMacSystemFont,
	"Segoe UI", "Helvetica Neue", "Hiragino Sans", 
	"Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
}

body {
	background-color: #1e1f22;
    color:#fff;
	margin: 0;
	-webkit-text-size-adjust: 100%; 
}

.container {
	max-width: 768px;
	margin: 0 auto; 
}
.header  {
	display: block;
	margin: 0 auto;
	padding: 20px 20px 0;
	width: 100%;
	*zoom: 1;
}
.main  {
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
	width: 100%;
	*zoom: 1;
}
.articles {
	padding: 0 20px;
}
@media (min-width: 375px) {
}

@media (min-width: 414px) {
}

@media (min-width: 768px) {
}

/*
# Widget
---*/
.widget {
  color: #fff;
  font-size: 0.9375em;
  padding: 1em 0 1em;
}
.widget:after  {
  content: ""; display: table; clear: both;
}

/*
# Bottom Widgets
---*/
.widgets-bottom {
  background-color: transparent;
  padding-top: 0;
  padding-bottom: 1em;
}
.widgets-bottom .loading {
  margin-top: 1em;
}
.widgets-bottom-inner {
	margin: 0 auto;
	width: 100%;
	*zoom: 1;
}
.header-inner::after, .content-inner::after, 
.widgets-bottom-inner::after, .clearfix::after {
	content: ""; display: table; clear: both;
}

/*
# Header
*/

img.icon-left {
	border-radius: 50%;
	display:block;
	float: left;
	margin: 10px 0 -15px 10px;
	width: 75px; 
	filter:alpha(opacity=70);
	opacity: 0.7;
}
@media print {
	img.icon-left {
	border-radius: 50%;
	display:block;
	float: left;
	margin: 0 0 -15px 10px;
	width: 100px; 
	filter:alpha(opacity=10);
	opacity: 1;
	}
}
.header .right-top {
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin: 10px auto 5px;
}
.header .right-middle {
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin: 10px auto 10px;
}
.header .right-bottom {
	display:block;
	font-size: 16px;
	font-weight: bold;
	text-align: right;
	margin: 0 auto 5px;
}
@media (min-width: 375px) {
	.header .right-top {
		font-size: 24px;
	}
	.header .right-middle {
		font-size: 24px;
	}
	.header .right-bottom {
		font-size: 24px;
	}
}
@media (min-width: 414px) {
	.header .right-top {
	}
	.header .right-middle {
	}
	.header .right-bottom {
	}
}
@media (min-width: 768px) {
	.header .right-top {
		font-size: 20px;
		margin: 5px 20px 0 10px;
	}
	.header .right-middle {
		font-size: 20px;
		margin: 5px 20px 0 10px;
	}
	.header .right-bottom {
		font-size: 20px;
		margin: 5px 20px 0 10px;
	}
}

@media print {
	.header .right-middle, .header .right-bottom {
		display:none;
	}
 }

 
/*
h1
*/
h1 {
	font-size: 24px;
	margin: 30px auto 15px;
}
h1.center {
	text-align: center; 
	margin: 20px 40px 10px;
}
h1.flex-line {
        align-items: center;
        display: flex;
 }
 h1.flex-line:before,  h1.flex-line:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #888;
        margin:0 .4em;
 }
 @media (min-width: 375px) {
	h1 {
		font-size: 28px;
		margin: 30px auto 15px;
	}
}
@media (min-width: 414px) {
}
@media (min-width: 768px) {
}
@media print {
	h1 {
		color: #888;
		font-size: 26px;
	}
	h1.center {
		margin: 20px 0 5px;
	}
}

 /*
h2, h3
*/
h2 {
	display: block;
	font-size: 24px;
	margin: 8px 0 8px;
}
h2.faq {
	display: block;
	font-size: 20px;
	margin: 20px 0;
	padding-bottom: 10px;
}

h2.flex-line {
        align-items: center;
        display: flex;
 }
 h2.flex-line:before,  h2.flex-line:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #888;
        margin:0 .4em;
 }
h3 {
	font-size: 20px;
	margin: 20px 8px 8px;
}
@media (min-width: 375px) {
	h2 {
		font-size: 24px;
		 /*margin: 8px 8px 8px;*/
	}
}
@media (min-width: 414px) {
	h2.faq {
		display: block;
		font-size: 24px;
		margin: 20px 0;
		padding-bottom: 10px;
	}
}
@media (min-width: 768px) {
	h2 {
		font-size: 24px;
		margin: 20px 0 20px;
	}
}
@media print {
	h2 {
		color: #888;
	}
}

 /*
h4,h5
*/
h4 {
	display:inline;
	font-weight: bold;
}
h5.headline {
	display: block;
	font-size: 24px;
	margin: 20px 20px 8px;
}
h5.headline {
        align-items: center;
        display: flex;
 }
h5.headline:before,  h5.headline:after {
        content: "";
        flex-grow: 1;
        height: 1px; 
        background: #888; 
        margin:0 .4em;
 }
 
 /*
P
*/
p {
	font-size: 16px;
	line-height: 1.5;
	margin: 0 0 20px 5px;
}
p.small, p.excerpt {
	font-size: 15px;
	line-height: 1.5;
}
p.caption {
	font-size: 15px;
	line-height: 1.5;
	text-align: right;
}
p.flex-line {
	align-items: center;
	clear:both;
	color: #888;
    display: flex;
 }
p.flex-line:before,  p.flex-line:after {
	content: "";
	flex-grow: 1;
    height: 1px; 
    background: #888; 
    margin:0 10px;
 }
 p.canonicalURL {
	align-items: center;
	clear:both;
	color: #888;
    display: flex;
    margin: 20px 0 30px 0;
 }
p.canonicalURL:before, p.canonicalURL:after {
	content: "";
	flex-grow: 1;
    height: 1px; 
    background: #888; 
    margin:0 10px;
 }
@media print {
	p.canonicalURL  {display:none;}
 }
@media (min-width: 375px) {
	 p {
		font-size: 20px;
		line-height: 1.5;
		margin: 0 0 20px 5px;
	}
}
@media (min-width: 414px) {
	p {
		font-size: 24px;
		line-height: 1.5;
		margin: 0 0 20px 10px;
	}
	 p.small, p.excerpt {
		font-size: 20px;
		line-height: 1.25;
	}
	p.caption {
		font-size: 20px;
		line-height: 1.25;
		margin: 0 10px 10px;
	}
}
@media (min-width: 768px) {
	p {
		font-size: 24px;
		line-height: 1.5;
		margin: 0 0 10px 5px;
	}
}
@media print {
	p {
		color: #888;
		font-size: 20px;
		line-height: 1.25;
		margin: 0 0 5px;
	}
	p.flex-line {display:none;}
}

p.print-only-url  {display:none;}
@media print {
	p.print-only-url {
        align-items: center;
		display: flex;
		margin: -5px 0 10px;
        font-size: 24px;
        font-weight: bold;
 	}
 	p.print-only-url:before,  p.print-only-url:after {
        content: "";
        flex-grow: 1;
        height: 1px;
        background: #888;
        margin: 0;
 	}
 	p.excerpt {
 		display:none;
 	}
}
p.clear-link {
	clear:both;
	font-size: 20px;
	text-align: right;
}
p.clear-link a {
	background: rgba(231, 53, 98,0.5);
	border-radius: 8px;
	color: #fff;
	display: inline-block;
	margin: 0  8px 8px 0;
	padding: 8px 12px;
	-webkit-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
p.clear-link a:link,
p.clear-link a:visited {
	color: #fff;
}

p img, p video {
	display: block;
	margin: 10px auto 10px;
	width: 100%;
}
p img.vertical  {
	width: 70%;
}
p.print-only-img  {
	display:none;
}
p img.inline-square {
	display: inline;
	height: 1.25em;
	margin: 0 5px -5px 10px;
	width: 1.25em;
}

.youtube {margin: 0 auto 0;padding: 1em;}
@media (min-width: 768px) {
	p img, p video {
		margin: 30px auto 10px;
	 	width: 90%;
	 }
	 p img.vertical  {
	width: 63%;
}
}
@media print {
	 p img, p video {
	 	margin: 20px auto 10px;
	 	width: 55%;
	 }
	p.print-only-img {
		display: block;
	 	margin: 20px auto 10px;
	 	width: 100%;
 	}	
 	p.non-print-img  {
	 	display:none;
 	}
}

/*
span.caption
*/
span.caption {
  display: block;
  font-size: 18px;
  margin: 10px 0 0;
  padding: 0;
  color: #666;
  line-height: 1.3;
}

/* 
blockquote
*/
blockquote {
    background: #555;
    border-left: 8px solid #aaa;
    box-sizing: border-box;
    color: #ddd;
    font-style: italic;
    margin: 20px 0 20px 20px;
    position: relative;
    padding: 10px;
}
blockquote p {
    padding: 0;
    margin: 7px 0;
}
blockquote cite {
    display: block;
    font-size: 14px;
    text-align: right;
    color: #ddd;
}
@media (min-width: 375px) {
}
@media (min-width: 414px) {
}
@media (min-width: 768px) {
	blockquote {
		margin: 30px 10px 30px 20px;
		padding: 10px 10px 10px 20px;
	}
	blockquote cite {
		font-size: 20px;
	}
}

/*
縦書き
--- --- --- --- --- --- --- --- --- --- --- ---*/
.vertical-writing {
	border-bottom:solid 1px #CCC;
	margin: 10px auto 20px;
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
}
.vertical-writing p {
	margin: 10px 7px 10px;
}	

/*——————–
 吹き出しを作る
——————–*/
/* 全体のスタイル */
.tweet {
  margin: 12px -8px 12px;
}
@media (min-width: 375px) {
}
@media (min-width: 414px) {
	.tweet {
		margin: 16px 12px 8px;
	}
}
@media (min-width: 768px) {
	.tweet {
		margin: 16px 0 0;
	}
}
/* 左画像 */
.tweet-img-left {
  margin: 0;
  float: left;
  width: 60px;
  height: 60px;
  margin-right: -70px;
}
/* 右画像 */
.tweet-img-right {
  margin: 0;
  float: right;
  width: 60px;
  height: 60px;
  margin-left: -70px;
}
.tweet figure img {
  width: 100%;
  height: 100%;
  border: 1px solid #aaa;
  border-radius: 50%;
  margin: 0;
}
/* 画像の下のテキスト */
.tweet-img-description {
  padding: 5px 0 0;
  font-size: 10px;
  text-align: center;
  position: relative;
  bottom: 15px;
}
/* 左からの吹き出しテキスト */
.tweet-text {
  background: #3a3b3e;
  float: left;
  border-radius: 10px;
  font-size: 22px;
  margin: 0 0 12px 75px;
  padding: 10px 5px 5px 10px;
  position: relative;
}
@media (min-width: 414px) {
	.tweet-text {
	}
}
/* 共通の吹き出しテキスト */
.tweet-text-wide {
  clear:both;
  padding: 10px;
  border-radius: 10px;
  background: #3a3b3e;
  margin: 6px 0;
}
@media (min-width: 414px) {
	.tweet-text-wide {
		margin: 16px 0 8px;
	}
}
@media (min-width: 768px) {
	.tweet-text-wide {
		margin: 16px 0 8px 75px;
	}
}
/* 右からの吹き出しテキスト */
.tweet-text-left {
  position: relative;
  margin-right: 80px;
  padding: 10px;
  border-radius: 10px;
  background-color: #9cd6e7;
  margin-left: 12%;
  float: right;
}
/* 左の三角形を作る */
.tweet-text:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  left: -20px;
}
.tweet-text:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-right: 10px solid #3a3b3e;
  top: 15px;
  left: -19px;
}
/* 右の三角形を作る */
.tweet-text-left:before {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  top: 15px;
  right: -20px;
}
.tweet-text-left:after {
  position: absolute;
  content: '';
  border: 10px solid transparent;
  border-left: 10px solid #9cd6e7;
  top: 15px;
  right: -19px;
}
/* 回り込み解除 */
.tweet:after,.tweet:before {
  clear: both;
  content: "";
  display: block;
}


ul.faq li {
	font-size: 20px;
}

/* 水平線
-------------------------------------------------------*/
hr {
	border:none;
	border-top:solid 1px #888;
	height:1px;
	margin: 30px 40px;
}
hr.blank{
	border:none;
	border-top:solid 1px #1e1f22;
	height:1px;
	margin: 15px 40px;
}

/* 汎用クラス
-------------------------------------------------------*/
.bold {font-weight: bold}
.center {text-align: center; margin: 0 auto 20px;}
.right {text-align: right}
.clear {clear:both;}
.fl {float: left; margin: 10px 20px 10px 0;}
.fr {float: right; margin: 10px 0 0 20px;}
.normal {font-weight: normal;}

iframe {
	display : block;
	margin : 20px auto;
}
/* フォントサイズ
-------------------------------------------------------*/
.px18-1 {font-size: 18px; letter-spacing: 1px;}
.px20-1 {font-size: 20px; letter-spacing: 1px;}
.px22-1 {font-size: 22px; letter-spacing: 1px;}
.px24-1 {font-size: 24px; letter-spacing: 1px;}
.px24-2 {font-size: 24px; letter-spacing: 2px;}
.px26-1 {font-size: 26px; letter-spacing: 1px;}
.px26-2 {font-size: 26px; letter-spacing: 2px;}
.px26-3 {font-size: 26px; letter-spacing: 3px;}
.px28-1 {font-size: 28px; letter-spacing: 1px;}
.px28-2 {font-size: 28px; letter-spacing: 2px;}
.px28-3 {font-size: 28px; letter-spacing: 3px;}
.px28-4 {font-size: 28px; letter-spacing: 4px;}
.px28-5 {font-size: 28px; letter-spacing: 5px;}
.px30-3 {font-size: 30px; letter-spacing: 3px;}
.px36-3 {font-size: 36px; letter-spacing: 3px;}

/* .table-0005
----------------------------------------------------*/
.table-0005 {
	border-collapse: collapse;
	margin: 40px 20px 40px;
	width: auto;
}
.table-0005 th, .table-0005 td  {
	 padding: 10px; 
	 border: 1px solid #ddd; 
}
.table-0005 th  {
	background: #444;
	font-size: 16px;
	text-align: left;
	width: auto;
}
.table-0005 td { font-size: 18px; line-height: 1.5;}
.table-0005 td.tel {text-align: right;}
@media only screen and (max-width:480px){
	.table-0005 { margin: 0 -10px; }
	.table-0005 th, .table-0005 td{
		border-top: none;
		display: block;
		width: 100%;
	}
}
/* # 768pxより大きい場合に適用 ---*/
@media (min-width: 768px) {
	.table-0005 tr:first-child th {
		 border-top: 1px solid #ddd; 
	}
	.table-0005 td.tel {
		text-align: left;
	}
}

/* amazon
-------------------------------------------------------*/
.amazon {
float: right;
margin: 0 5px 0 10px;
}
.ipad {display: none;}
@media (min-width: 768px) {
	.ipad {display: block;}
}
@media print {
	.widgets-bottom-inner {display:none;}
	.print-none {display:none;}
}

/* 共通
--- --- --- --- --- --- --- --- --- ---*/
.grid, .grid-long, .grid-hashtag, .grid-list, .grid-wide, .grid-tweet, .grid-inside, .grid-samehash, .grid-footer {
	padding-left: 0;
}
.grid::after, .grid-long::after, .grid-hashtag::after, .grid-footer::after, .grid-inside::after, .grid-list::after, .grid-wide::after, .grid-tweet::after, .grid-samehash::after {
	content: ""; display: table; clear: both;
}
.grid li, .grid-long li, .grid-hashtag li, .grid-list li, .grid-wide li, .grid-tweet li, .grid-inside li, .grid-samehash li, .grid-footer li {
	border-radius: 8px;
	display: block;
	float: left;
	padding: 0;
	position: relative;
}

.grid-content {
	border-radius: 5px;
	height: inherit;
	padding: 5px;
	text-align: center;
	width: inherit;
}
.grid-content-icon img {
	border-radius:3px;
	display: block;
	filter:alpha(opacity=80);
	opacity: 0.8;
}
.grid-content-header {
	background-color: transparent;
	border-radius: 5px;
	font-weight: bold;
	color: #396bdd;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: left;
	text-overflow: ellipsis;
	top: 0;
	width: 100%;
}
.grid-content-title {
	border-radius: 5px;
	color: #ddd;
	line-height: 1.3;
	overflow: hidden;
	text-align: left;
	width: 100%;
}
.grid-content-title  span {
	display: inline-block;
}
.grid-content-title span::first-letter {
	font-size: 200%;
}
.grid-content-icon {
	position: relative;
}
.grid-content .number {
	bottom: 4px;
	color: #eee;
	font-size: 16px;
	position: absolute;
	right: 6px;
}

/* .grid --- --- --- --- --- --- --- --- --- --- */
.grid {
	margin: 12px auto 6px;
 	width: 348px;
}
.grid li {
	height: 185px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px 6px;
	width: 162px;
	/* = 5 + grid-content-icon + 5 */
}
.grid li a .grid-content-icon {
	height: 175px;
	/* = pt80 + img95 */
	overflow: hidden;
	padding-top: 80px;
	/* = grid-content-title */
}
.grid li a .grid-content-icon img {
	height: 95px;
	width: 152px;
}
.grid li a .grid-content-header {
	height: 80px;
	/* = grid-content-title */
}
.grid li a .grid-content-title {
	font-size: 18px;
	height: 80px;
	padding: 6px 2px 0 8px;
}
@media (min-width: 375px) {
	.grid {
		margin: 12px auto 6px;
 		width: 364px;
 	}
	.grid li {
		height: 190px;
		/* = 5 + grid-content-icon + 5 */
		margin: 0 6px 12px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid li a .grid-content-icon {
		height: 180px;
		/* = pt80 + img100 */
	}
	.grid li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid li a .grid-content-title {
		font-size: 20px;
		height: 80px;
		padding: 6px 6px 0 10px;
	}
}
 @media (min-width: 414px) {
  	.grid {
 		margin: 8px auto -8px;
 		width: 372px;
 	}
 	.grid li {
 		height: 190px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 8px;
 		width: 170px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid li a .grid-content-icon {
 		height: 180px;
 		/* = pt80 + img100 */
 	}
 	.grid li a .grid-content-icon img {
 		height: 100px;
 		width: 160px;
 	}
 	.grid li a .grid-content-title {
 		font-size: 20px;
 		height: 80px;
 		padding: 6px 6px 0 10px;
 	}
 }
@media (min-width: 768px) {
	.grid {
		margin: 12px auto 16px;
		width: 744px;
		/* 744px  = 186px*4 */
	}
	.grid li {
		height: 155px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid li a .grid-content-icon {
		height: 145px;
		/* = pt45 + img100 */
		overflow: hidden;
		padding-top: 45px;
		/* = grid-content-title */
	}
	.grid li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid li a .grid-content-header {
		height: 45px;
		/* = grid-content-title */
	}
	.grid li a .grid-content-title {
		font-size: 16px;
		height: 45px;
	}
}
@media print {
  	.grid {display:none;}
 }
 
/* .grid-long --- --- --- --- --- --- --- --- --- */
.grid-long {
	margin: 12px auto 6px;
 	width: 348px;
 }
 .grid-long li {
 	height: 295px;
 	/* = 5 + grid-content-icon + grid-content-body110 + 5 */
 	margin: 0 6px 12px;
 	width: 162px;
 	/* = 5 + grid-content-icon + 5 */
 }
 .grid-long li a .grid-content-icon {
 	height: 175px;
 	/* = pt80 + img95 */
 	overflow: hidden;
 	padding-top: 80px;
 	/* = grid-content-title */
 }
 .grid-long li a .grid-content-icon img {
 	height: 95px;
 	width: 152px;
 }
 .grid-long li a .grid-content-radius img {
  	display: block; 
  	height: 100px;
  	margin: 60px auto 0;
  	padding: 0;
  	border-radius: 50%;
  	filter:alpha(opacity=70);
	opacity: 0.7;
  }
 .grid-long li a .grid-content-header {
 	height: 80px;
 	/* = grid-content-title */
 }
 .grid-long li a .grid-content-title {
 	font-size: 18px;
 	height: 80px;
 	padding: 6px 2px 0 8px;
 }
 .grid-long li a .grid-content-body,
 .grid-long li a .grid-content-radius-body {
  	border-radius: 5px;
    display: block;
    font-size: 16px;
    line-height: 1.3;
    overflow: hidden;
    padding: 5px 0 0 3px;
    text-align: left;
    width: 100%;
 }
  .grid-long li a .grid-content-body {
 	color: #bbb;
  }
 .grid-long li a .grid-content-radius-body {
 	color: #ccc;
  }
 .grid-long li a .grid-content-body {
 	height: 110px;
 }
 .grid-long li a .grid-content-radius-body {
 	height: 140px;
 }
 .grid-long li a .grid-content-radius-body p {
     font-size: 18px;
     margin: 6px 0px 9px;
 }
  @media (min-width: 375px) {
	.grid-long {
		margin: 12px auto 6px;
 		width: 364px;
	}
	.grid-long li {
		height: 315px;
		/* = 5 + grid-content-icon180 + grid-content-body125 + 5 */
		margin: 0 6px 12px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-long li a .grid-content-icon {
		height: 180px;
		/* = pt80 + img100 */
	}
	.grid-long li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-long li a .grid-content-header {
  		height: 80px;
  	}
	.grid-long li a .grid-content-title {
		font-size: 20px;
		height: 80px;
		padding: 6px 6px 0 10px;
	}
	.grid-long li a .grid-content-body,
 	.grid-long li a .grid-content-radius-body {
		font-size: 18px;
  		margin: 3px 6px 9px 3px;
  	}
  	.grid-long li a .grid-content-body {
     	height: 125px;
     }
    .grid-long li a .grid-content-radius-body {
     	height: 140px;
     }
}
@media (min-width: 414px) {
 	.grid-long {
 		margin: 8px auto -8px;
 		width: 372px;
 	}
 	.grid-long li {
 		margin: 8px;
 	}
 	.grid-long li a .grid-content-icon {
   		height: 183px;
   		/* = pt83 + img100 */
   		padding-top: 83px;
   	}
   	.grid-long li a .grid-content-title {
     		height: 83px;
     	}
   	.grid-long li a .grid-content-body {
         	height: 122px;
     }
 }
@media (min-width: 768px) {
	.grid-long {
		margin: 12px auto 16px;
		width: 744px;
		/* 744px  = 186px*4 */
	}
	.grid-long li {
		height: 275px;
		/* = 5 + grid-content-icon + grid-content-body120 + 5 */
		margin: 8px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-long li a .grid-content-icon {
		height: 145px;
		/* = pt45 + img100 */
		overflow: hidden;
		padding-top: 45px;
		/* = grid-content-title */
	}
	.grid-long li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-long li a .grid-content-radius img {
    	margin: 45px auto 0;
  	}  
	.grid-long li a .grid-content-header {
		height: 45px;
		/* = grid-content-title */
	}
	.grid-long li a .grid-content-title {
   		font-size: 16px;
   		height: 45px;
 	}
  	.grid-long li a .grid-content-body,
 	.grid-long li a .grid-content-radius-body {
   		font-size: 15px;
   		margin: 0 0 9px 4px;
   	} 
   	.grid-long li a .grid-content-body {
     	height: 120px;
     }
    .grid-long li a .grid-content-radius-body {
     	height: 140px;
     }
}

/* .grid-hashtag --- --- --- --- --- --- --- --- */
.grid-hashtag {
	margin: 6px auto 6px;
 	width: 348px;
}
.grid-hashtag li {
	height: 155px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px;
	width: 162px;
	/* = 5 + grid-content-icon + 5 */
}
.grid-hashtag li a .grid-content-icon {
	height: 145px;
	/* = pt50 + img95 */
	overflow: hidden;
	padding-top: 50px;
	/* = grid-content-title */
}
.grid-hashtag li a .grid-content-icon img {
	height: 95px;
	width: 152px;
}
.grid-hashtag li a .grid-content-header {
	height: 50px;
	/* = grid-content-title */
}
.grid-hashtag li a .grid-content-title {
	font-size: 18px;
	height: 50px;
	padding: 6px 2px 0 8px;
}
@media (min-width: 375px) {
	.grid-hashtag {
		margin: 12px auto 16px;
		width: 364px;
	}
	.grid-hashtag li {
		height: 165px;
		/* = 5 + grid-content-icon + 5 */
		margin: 0 6px 12px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-hashtag li a .grid-content-icon {
		height: 155px;
		/* = pt55 + img95 */
		overflow: hidden;
		padding-top: 55px;
		/* = grid-content-title */
	}
	.grid-hashtag li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-hashtag li a .grid-content-header {
		height: 55px;
		/* = grid-content-title */
	}
	.grid-hashtag li a .grid-content-title {
		font-size: 20px;
		height: 55px;
		padding: 6px 6px 0 10px;
	}
}
@media (min-width: 414px) {
	.grid-hashtag {
 		margin: 8px auto 16px;
 		width: 372px;
 	}
 	.grid-hashtag li {
 		height: 165px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 8px;
 		width: 170px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-hashtag li a .grid-content-icon {
 		height: 155px;
			/* = pt55 + img100 */
			overflow: hidden;
			padding-top: 55px;
			/* = grid-content-title */
 	}
 	.grid-hashtag li a .grid-content-icon img {
 		height: 100px;
 		width: 160px;
 	}
 	.grid-hashtag li a .grid-content-header {
  		height: 55px;
  		/* = grid-content-title */
  	}
 	.grid-hashtag li a .grid-content-title {
 		font-size: 20px;
 		height: 55px;
 		padding: 6px 6px 0 10px;
 	}
 }
@media (min-width: 768px) {
	.grid-hashtag {
		margin: 12px auto 16px;
		width: 744px;
		/* 744px  = 186px*4 */
	}
	.grid-hashtag li {
		height: 155px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-hashtag li a .grid-content-icon {
		height: 145px;
		/* = pt45 + img100 */
		overflow: hidden;
		padding-top: 45px;
		/* = grid-content-title */
	}
	.grid-hashtag li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-hashtag li a .grid-content-header {
		height: 45px;
		/* = grid-content-title */
	}
	.grid-hashtag li a .grid-content-title {
		font-size: 16px;
		height: 45px;
	}
}
@media print {
  	.grid-hashtag {display:none;}
 }
 
 /* .grid-footer --- --- --- --- --- --- --- --- --- */
.grid-footer {
	margin: 12px 6px 6px;
 	padding-left: 0;
}
.grid-footer li {
	height: 40px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px;
	width: 162px;
	/* = 5 + grid-content-icon + 5 */
}
.grid-footer li a .grid-content-header {
	border-radius: 5px;
	color: #ccc;
	font-weight: bold;
	height: 30px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: left;
	text-overflow: ellipsis;
	top: 0;
	width: 100%;	
}
.grid-footer li a .grid-content-title {
	border-radius: 5px;
	color: #ccc;
	font-size: 16px;
	height: 30px;
	line-height: 20px;
	overflow: hidden;
	padding: 6px 2px 0 8px;
	text-align: left;
	width: 100%;
}
@media (min-width: 375px) {
	.grid-footer {
		margin: 12px 0 16px;
		padding: 10px 16px 0;
	}
	.grid-footer li {
		height: 45px;
		/* = 5 + grid-content-icon + 5 */
		margin: 0 5px 10px;
		width: 160px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-footer li a .grid-content-header {
  		height: 35px;
  		/* = grid-content-title */
  	}
	.grid-footer li a .grid-content-title {
		font-size: 18px;
		height: 35px;
		padding: 12px 2px 0 8px;
	}
}
@media (min-width: 414px) {
	.grid-footer {
	}
	.grid-footer li {
		height: 50px;
		width: 180px;
	}
	.grid-footer li a .grid-content-header {
		height: 40px;
  	}
	.grid-footer li a .grid-content-title {
		font-size: 20px;
		height: 40px;
	}
}
@media (min-width: 768px) {
	.grid-footer {
		margin: 12px 0 12px;
		padding: 6px 0 6px;
	}
	.grid-footer li {
		height: 45px;
		margin: 5px;
		width: 142px;
	}
	.grid-footer li a .grid-content-header {
		height: 35px;
		/* = grid-content-title */
	}
	.grid-footer li a .grid-content-title {
		font-size: 15px;
		height: 35px;
		padding: 12px 2px 0 8px;
	}
}

 /* .grid-inside --- --- --- --- --- --- --- --- --- --- */
.grid-inside {
	margin: 0 auto -6px;
 	width: 320px;
}
.grid-inside li {
	height: 105px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px 6px;
	width: 308px;
	/* = 5 + grid-content-icon + 5 */
}
.grid-inside li a .grid-content-icon {
	height: 95px;
	/* = img95 */
	overflow: hidden;
	padding-left: 146px;
	width: 298px;
	/* = pl146 + img152 */
	/* = grid-content-title */
}
.grid-inside li a .grid-content-icon img {
	height: 95px;
	width: 152px;
}
.grid-inside li a .grid-content-header {
	height: 105px;
	/* = grid-wide li */
}
.grid-inside li a .grid-content-title {
	font-size: 18px;
	padding: 6px 2px 0 8px;
	width: 146px;
}
@media (min-width: 375px) {
 	.grid-inside {
 		margin: 12px auto 16px;
 		width: 335px;
 	}
 	.grid-inside li {
 		height: 110px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 6px;
 		width: 323px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-inside li a .grid-content-icon {
 		height: 100px;
 		/* = img100 */
 		padding-left: 153px;
    	width: 313px;
    	/* = pl153 + img160 */
    	/* = grid-content-title */
 	}
 	.grid-inside li a .grid-content-icon img {
   		height: 100px;
      	width: 160px;
   	}
   	.grid-inside li a .grid-content-header {
           	height: 110px;
         }
 	.grid-inside li a .grid-content-title {
 		font-size: 20px;
 		padding: 3px 2px 0 10px;
 		width: 153px;
 	}
 }
@media (min-width: 414px) {
 	.grid-inside {
		margin: 8px auto -8px;
		width: 372px;
	}
	.grid-inside li {
		height: 110px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 356px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-inside li a .grid-content-icon {
		height: 100px;
		/* = img100 */
		padding-left: 186px;
   		width: 346px;
   		/* = pl186 + img160 */
   		/* = grid-content-title */
	}
	.grid-inside li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-inside li a .grid-content-header {
    	height: 110px;
    }
	.grid-inside li a .grid-content-title {
		font-size: 20px;
		height: 100px;
		padding: 5px 2px 0 10px;
		width: 186px;
	}
}
@media (min-width: 768px) {
	.grid-inside {
		margin: 12px auto -8px;
		width: 724px;
	}
	.grid-inside li {
		margin: 8px;
		width: 346px;
	}
	.grid-inside li a .grid-content-icon {
		height: 100px;
   		/* = img100 */
   		padding-left: 176px;
      	width: 336px;
	}
	.grid-inside li a .grid-content-icon img {
	}
	.grid-inside li a .grid-content-header {
	}
	.grid-inside li a .grid-content-title {
		font-size: 18px;
		width: 176px;
	}
}
@media print {
 	.grid-inside {display:none;}
}
 
 /* .grid-wide --- --- --- --- --- --- --- --- --- --- */
.grid-wide {
	margin: 0 auto -6px;
 	width: 348px;
}
.grid-wide li {
	height: 105px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px 6px;
	width: 336px;
	/* = 5 + grid-content-icon + 5 */
}
.grid-wide li a .grid-content-icon {
	height: 95px;
	/* = img95 */
	overflow: hidden;
	padding-left: 174px;
	width: 326px;
	/* = pl174 + img152 */
	/* = grid-content-title */
}
.grid-wide li a .grid-content-icon img {
	height: 95px;
	width: 152px;
}
.grid-wide li a .grid-content-header {
	height: 105px;
	/* = grid-wide li */
}
.grid-wide li a .grid-content-title {
	font-size: 18px;
	padding: 6px 2px 0 8px;
	width: 174px;
}

@media (min-width: 375px) {
 	.grid-wide {
 		margin: 12px auto -6px;
 		width: 364px;
 	}
 	.grid-wide li {
 		height: 110px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 6px;
 		width: 354px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-wide li a .grid-content-icon {
 		height: 100px;
 		/* = img100 */
 		padding-left: 184px;
    	width: 344px;
    	/* = pl184 + img160 */
    	/* = grid-content-title */
 	}
 	.grid-wide li a .grid-content-icon img {
 		height: 100px;
    	width: 160px;
 	}
 	.grid-wide li a .grid-content-header {
       	height: 110px;
     }
 	.grid-wide li a .grid-content-title {
 		font-size: 20px;
 		padding: 6px 2px 0 10px;
 		width: 184px;
 	}
 }
@media (min-width: 414px) {
 	.grid-wide {
		margin: 8px auto -8px;
	}
	.grid-wide li {
		height: 110px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 356px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-wide li a .grid-content-icon {
		height: 100px;
		/* = img100 */
		padding-left: 186px;
   		width: 346px;
   		/* = pl186 + img160 */
   		/* = grid-content-title */
	}
	.grid-wide li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-wide li a .grid-content-header {
 		height: 110px;
 	}
	.grid-wide li a .grid-content-title {
		font-size: 20px; 
		height: 110px;
		padding: 5px 2px 0 10px;
		width: 186px;
	}
}
@media (min-width: 768px) {
	.grid-wide {
		margin: 12px auto -8px;
 		width: 744px;
    	/* 744px  = 186px*4 */
	}
	.grid-wide li {
		margin: 8px;
	}
	.grid-wide li a .grid-content-icon {
	}
	.grid-wide li a .grid-content-icon img {
	}
	.grid-wide li a .grid-content-header {
	}
	.grid-wide li a .grid-content-title {
		font-size: 18px;
	}
}
@media print {
 	.grid-wide {display:none;}
}



 /* .grid-tweet --- --- --- --- --- --- --- --- --- --- */
 .grid-tweet {
 	margin: 0 0 -6px 63px;
 	width: 297px;
 }
 .grid-tweet li {
 	height: 105px;
 	/* = 5 + grid-content-icon + 5 */
 	margin: 0 0 12px 12px;
 	width: 285px;
 	/* = 5 + grid-content-icon + 5 */
 }
 .grid-tweet li a .grid-content-icon {
 	height: 95px;
 	/* = img95 */
 	overflow: hidden;
 	padding-left: 123px;
 	width: 275px;
 	/* = pl123 + img152 */
 	/* = grid-content-title */
 }
 .grid-tweet li a .grid-content-icon img {
 	height: 95px;
 	width: 152px;
 }
 .grid-tweet li a .grid-content-header {
 	height: 105px;
 	/* = grid-tweet li */
 }
 .grid-tweet li a .grid-content-title {
 	font-size: 18px;
 	padding: 6px 2px 0 8px;
 	width: 174px;
 }
 @media (min-width: 375px) {
 	.grid-tweet {
 		margin: 0 0 -6px 63px;
 		width: 312px;
 	}
 	.grid-tweet li {
 		height: 110px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 0 0 12px 12px;
 		width: 300px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-tweet li a .grid-content-icon {
 		height: 100px;
 		/* = img100 */
 		padding-left: 130px;
    		width: 290px;
    		/* = pl130 + img160 */
    		/* = grid-content-title */
 	}
 	.grid-tweet li a .grid-content-icon img {
 		height: 100px;
    		width: 160px;
 	}
 	.grid-tweet li a .grid-content-header {
       	height: 110px;
     }
 	.grid-tweet li a .grid-content-title {
 		font-size: 20px;
 		padding: 6px 2px 0 10px;
 		width: 184px;
 	}
 }
 @media (min-width: 414px) {
  	.grid-tweet {
 		margin: 0 0 -6px 63px;
 		width: 351px;
 	}
 	.grid-tweet li {
 		height: 110px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 0 0 12px 12px;
 		width: 339px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-tweet li a .grid-content-icon {
 		height: 100px;
 		/* = img100 */
 		padding-left: 169px;
    		width: 329px;
    		/* = pl169 + img160 */
    		/* = grid-content-title */
 	}
 	.grid-tweet li a .grid-content-icon img {
 		height: 100px;
 		width: 160px;
 	}
 	.grid-tweet li a .grid-content-header {
     	height: 110px;
     }
 	.grid-tweet li a .grid-content-title {
 		font-size: 20px;
 		height: 100px;
 		padding: 5px 2px 0 10px;
 		width: 186px;
 	}
 }
 @media (min-width: 768px) {
 	.grid-tweet {
 		margin: 0 0 -6px 63px;
 		width: 705px;
    		/* 705px  = 768px-63px */
 	}
 	.grid-tweet li {
 		height: 110px;
 		/* = 5 + grid-content-icon + 5 */
 		margin: 0 0 12px 12px;
 		width: 340px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-tweet li a .grid-content-icon {
 		height: 100px;
 		/* = img100 */
 		padding-left: 170px;
    		width: 330px;
    		/* = pl176 + img160 */
    		/* = grid-content-title */
 	}
 	.grid-tweet li a .grid-content-icon img {
 	}
 	.grid-tweet li a .grid-content-header {
 	}
 	.grid-tweet li a .grid-content-title {
 		font-size: 18px;
 	}
 }
 @media print {
  	.grid-tweet {display:none;}
 } 
 
/* .grid-samehash --- --- --- --- --- --- --- --- */
.grid-samehash {
	margin: 6px auto 6px;
 	width: 348px;
}
.grid-samehash li {
	height: 155px;
	/* = 5 + grid-content-icon + 5 */
	margin: 0 6px 12px;
	width: 162px;
	/* = 5 + grid-content-icon + 5 */
}
.grid-samehash li a .grid-content-icon {
	height: 145px;
	/* = pt50 + img95 */
	overflow: hidden;
	padding-top: 50px;
	/* = grid-content-title */
}
.grid-samehash li a .grid-content-icon img {
	height: 95px;
	width: 152px;
}
.grid-samehash li a .grid-content-header {
	height: 50px;
	/* = grid-content-title */
}
.grid-samehash li a .grid-content-title {
	font-size: 18px;
	height: 50px;
	padding: 6px 2px 0 8px;
}
@media (min-width: 375px) {
	.grid-samehash {
		margin: 12px auto 16px;
		width: 364px;
	}
	.grid-samehash li {
		height: 165px;
		/* = 5 + grid-content-icon + 5 */
		margin: 0 6px 12px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-samehash li a .grid-content-icon {
		height: 155px;
		/* = pt55 + img100 */
		overflow: hidden;
		padding-top: 55px;
		/* = grid-content-title */
	}
	.grid-samehash li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-samehash li a .grid-content-header {
 		height: 55px;
 		/* = grid-content-title */
 	}
	.grid-samehash li a .grid-content-title {
		font-size: 20px;
		height: 55px;
		padding: 6px 6px 0 10px;
	}
}
@media (min-width: 414px) {
	.grid-samehash {
		margin: 8px auto 16px;
		width: 372px;
	}
	.grid-samehash li {
		height: 165px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-samehash li a .grid-content-icon {
		height: 155px;
		/* = pt55 + img100 */
		overflow: hidden;
		padding-top: 55px;
		/* = grid-content-title */
	}
	.grid-samehash li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-samehash li a .grid-content-header {
 		height: 55px;
 		/* = grid-content-title */
 	}
	.grid-samehash li a .grid-content-title {
		font-size: 20px;
		height: 55px;
		padding: 6px 6px 0 10px;
	}
}
@media (min-width: 768px) {
	.grid-samehash {
		margin: 8px auto 8px;
		width: 744px;
		/* 744px  = 186px*4 */
	}
	.grid-samehash li {
		height: 155px;
		/* = 5 + grid-content-icon + 5 */
		margin: 8px;
		width: 170px;
		/* = 5 + grid-content-icon + 5 */
	}
	.grid-samehash li a .grid-content-icon {
		height: 145px;
		/* = pt45 + img100 */
		overflow: hidden;
		padding-top: 45px;
		/* = grid-content-title */
	}
	.grid-samehash li a .grid-content-icon img {
		height: 100px;
		width: 160px;
	}
	.grid-samehash li a .grid-content-header {
		height: 45px;
		/* = grid-content-title */
	}
	.grid-samehash li a .grid-content-title {
		font-size: 16px;
		height: 45px;
	}
}
@media print {
 	.grid-samehash {display:none;}
}

/* .grid-list --- --- --- --- --- --- --- --- --- --- */
.grid-list {
 	margin: 0 0 -6px;
 }
 .grid-list li {
 	height: 380px;
 	/* = 5 + grid-content-icon + grid-content-body120 + 5 */
 	margin: 6px 6px 12px;
 	width: 308px;
 	/* = 5 + grid-content-icon + 5 */
 }
 .grid-list li a .grid-content-icon {
 	height: 250px;
 	/* = pt64 + img186 */
 	overflow: hidden;
 	padding-top: 64px;
 	width: 298px;
 	/* = grid-content-title */
 }
 .grid-list li a .grid-content-icon img {
 	height: 186px;
 	width: 298px;
 }
 .grid-list li a .grid-content-header {
 	height: 64px;
 	/* = grid-list li */
 }
 .grid-list li a .grid-content-title {
 	font-size: 20px;
 	height: 80px;
 	padding: 6px 2px 0 12px;
 }
 .grid-list li a .grid-content-body {
   	border-radius: 5px;
     display: block;
     font-size: 18px;
     line-height: 1.3;
     overflow: hidden;
     padding: 5px 0 0 3px;
     text-align: left;
     width: 100%;
  }
  .grid-list li a .grid-content-body {
 	color: #888;
 	height: 120px;
  }
        
 @media (min-width: 375px) {
 	.grid-list {
 		margin: 6px 0 6px;
 	}
 	.grid-list li {
 		height: 390px;
   		/* = 5 + grid-content-icon + grid-content-body120 + 5 */
   		margin: 0 6px 12px;
   		width: 323px;
   		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-list li a .grid-content-icon {
 		height: 260px;
   		/* = pt64 + img196 */
   		padding-top: 64px;
      	width: 313px;
      	/* =  */
 	}
 	.grid-list li a .grid-content-icon img {
 		height: 196px;
      	width: 313px;
 	}
 	.grid-list li a .grid-content-header {
 	}
 	.grid-list li a .grid-content-title {
 	}
 }
@media (min-width: 414px) {
  	.grid-list {
 		margin: 8px 13px 8px;
 	}
 	.grid-list li {
 		height: 394px;
 		/* = 5 + grid-content-icon + grid-content-body120 + 5 */
 		margin: 0 8px 12px;
 		width: 330px;
 		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-list li a .grid-content-icon {
 		height: 264px;
 		/* = pt64 + img200 */
 		padding-top: 64px;
    		width: 320px;
 	}
 	.grid-list li a .grid-content-icon img {
 		height: 200px;
 		width: 320px;
 	}
 	.grid-list li a .grid-content-header {
     	height: 110px;
     }
 	.grid-list li a .grid-content-title {
 		font-size: 20px;
 		height: 100px;
 		padding: 5px 2px 0 10px;
 	}
 }
 @media (min-width: 768px) {
 	.grid-list {
 		margin: 12px 18px 8px;
 	}
 	.grid-list li {
 		height: 390px;
    		/* = 5 + grid-content-iconn + grid-content-body120 + 5 */
    		margin: 0 8px 16px;
    		width: 330px;
    		/* = 5 + grid-content-icon + 5 */
 	}
 	.grid-list li a .grid-content-icon {
 		height: 260px;
   		/* = pt60 + img200 */
   		padding-top: 60px;
      	width: 320px;
 	}
 	.grid-list li a .grid-content-icon img {
 		height: 200px;
 		width: 320px;
 	}
 	.grid-list li a .grid-content-header {
 	}
 	.grid-list li a .grid-content-title {
 	}
 	.grid-list li a .grid-content-body {
      }
 }
@media print {
 	.grid-list {display:none;}
}

/* default ---*/
.grid .default, .grid-long .default, .grid-hashtag .default, .grid-list .default, .grid-wide .default, .grid-tweet .default, .grid-samehash .default, .grid-inside .default, .grid-footer .footer  {
	background: linear-gradient(to bottom right, #616264, #3a3b3e); 
}
	
.grid-long .vert, .grid-hashtag .vert, .grid-inside .vert, .grid-samehash .vert {
	background: linear-gradient(to bottom right, #0d604f, #0b5042);
}
.grid-long .bleu, .grid-hashtag .bleu, .grid-inside .bleu, .grid-samehash .bleu {
	background: linear-gradient(to bottom right, #184c6f, #3a3b3e);
}
.grid-long .jaune, .grid-hashtag .jaune, .grid-inside .jaune, .grid-samehash .jaune {
	background: linear-gradient(to bottom right, #757577, #4d4e51); 
}
.grid-long .orange, .grid-hashtag .orange, .grid-inside .orange, .grid-samehash .orange {
	background: linear-gradient(to bottom right, #794e09, #613e07);
}
.grid-long .violet, .grid-hashtag .violet, .grid-inside .violet, .grid-samehash .violet {
	background: linear-gradient(to bottom right, #472256, #381b45);
}
.grid-long .rouge, .grid-hashtag .rouge, .grid-inside .rouge, .grid-samehash .rouge {background: rgba(231, 76, 60,0.2);}

.grid-long .bFaaaP, .grid-hashtag .bFaaaP, .grid-inside .bFaaaP, .grid-samehash .bFaaaP {
	background: rgba(10, 60, 95,0.2);
}

/* my_selection ---*/
.grid .default.anity_select, .grid-long .default.anity_select,
.grid .default.both_select, .grid-long .default.both_select,
.grid .default.ootaki_select, .grid-long .default.ootaki_select,
.grid-inside .default.anity_select, .grid-wide .default.anity_select,
.grid-inside .default.both_select, .grid-wide .default.both_select,
.grid-inside .default.ootaki_select, .grid-wide .default.ootaki_select {
	background: linear-gradient(to bottom right, #7e4141, #6e2929);
}