/*
Theme Name: Genique
Theme URI: https://digipress.info/
Version: 2.0.0.1
Stable tag: 2.0.0.1
Requires at least: 6.4
Tested up to: 7.1
Requires PHP: 8.0
Last Update: 2026/9/7
Author: digistate co.,ltd.
Author URI: https://www.digistate.co.jp/
Description: Customize various visual settings and select theme type for DigiPress theme. Do not use this for any commercial purpose.
Tags: two-columns, left-sidebar, accessibility-ready, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: DigiPress
*/





/*見出し　　　　　　　　　　　　　　　　　*/
/*アメリカンな吹き出し*/
.post_content100{
position:relative;
padding:14px 20px;  /*高さ*/
margin: 20px 0;    /*見出し上下に余白をあける*/
font:bold 28px/1.6 Arial, Helvetica, sans-serif;
color:#333;
background:#fff;
text-shadow:
1px 1px 0 #fff,
2px 2px 0 #999;
border-top:#333 solid 3px;
border-bottom:#333 solid 3px;
background-image: -webkit-gradient(linear, left top, right bottom,
from( rgba(255, 255, 255, 0.0)),
color-stop(0.4, rgba(255, 255, 255, 0.0)),
color-stop(0.4, rgba(0, 0, 0, 0.1)),
color-stop(0.6, rgba(0, 0, 0, 0.1)),
color-stop(0.6, rgba(255, 255, 255, 0.0)),
to( rgba(255, 255, 255, 0.0))
);
background-image: -webkit-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: -moz-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: -o-linear-gradient(top -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-image: linear-gradient(to bottom -45deg,
transparent 40%,
rgba(0, 0, 0, 0.1) 40%,
rgba(0, 0, 0, 0.1) 60%,
transparent 60%
);
background-size:4px 4px;
}

.post_content100:before{
content:" ";
position:absolute;
top:100%;
left:24px!important;
width:0;
height:0;
border-width:12px;
border-style:solid;
border-color:transparent;
border-top-color:#333;
}

.post_content100:after{
content:" ";
position:absolute;
top:100%;
left:28px;
width:0;
height:0;
border-width:8px;
border-style:solid;
border-color:transparent;
border-top-color:#f0f0f0;
z-index:1;
}

/*ストライプ000*/
.post_content000 {
  color: #6cb4e4;
  text-align: left;
  padding: 0.65em;
  border-top: solid 2px #6cb4e4;
  border-bottom: solid 2px #6cb4e4;
  background: -webkit-repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
  background: repeating-linear-gradient(-45deg, #f0f8ff, #f0f8ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

/*101吹無地*/
.post_content101{
    position: relative;
    padding: 1rem 1rem 1rem 1.5rem;
    border: 3px solid #333;
    font-weight: bold;
    font-size: 26px;
}

.post_content101:before,
.post_content101:after {
    position: absolute;
    top: 100%;
    left: 30px!important;
    height: 0;
    width: 0;
    border: solid transparent;
    content: "";
}

.post_content101:before {
    margin-left: -12px;
    border-color: transparent;
    border-top-color: #333;
    border-width: 12px;
}

.post_content101:after {
    margin-left: -8px;
    border-color: transparent;
    border-top-color: white;
    border-width: 8px;
}

/*102吹無地2*/
.post_content102 {
    position: relative;
    padding: 0.8rem 0.8rem;
    margin-bottom: 0.2rem;
    border-bottom: 5px solid;
    color: black;
    font-weight: bold;
    font-size: 35px;
    text-align: center;
}

.post_content102:before,
.post_content102:after {
    position: absolute;
    top: 100%;
    left: 50%!important;
    content: "";
    height: 0;
    width: 0;
}

.post_content102:before {
    border: 16px solid;
    border-color: transparent;
    border-top-color: black;
    margin-left: -16px;
}

.post_content102:after {
    border: 10px solid;
    border-color: transparent;
    border-top-color: white;
    margin-left: -10px;
}

/*001二重枠*/

.post_content001 {
    padding: .5em .7em;
    border: 2px solid #2589d0;
    box-shadow: 5px 5px #2589d0;
    color: #2589d0;
}

/*002映画フィルム*/
.post_content002 {
    display: flex;
    align-items: center;
    position:relative;
    padding: 1.1em 1.4em 1.1em 1em;
    background-color: #000000;
    color: #fff;
}

.post_content002::before {
    position:relative;
    left: 5px;
    width: calc(100% - 10px);
    height: 88%;
    border-top: 10px dashed #fff;
    border-bottom: 10px dashed #fff;
	margin-bottom: 0.2em;
    margin-left:0.25em;
	content: '';
}
/*003ストライプ2*/
.post_content003 {
    padding: .5em .7em;
    background-image: repeating-linear-gradient(-45deg, #bbdbfb, #bbdbfb 3px, #f2f6fc 3px, #f2f6fc 7px);
    color: #333333;
font-size:1.5em!important;
}

/*200ストライプ下線☆*/
.post_content200{
	position: relative;
	line-height: 1.4;
	font-size: 1.5em!important;
	font-weight: normal;
	padding: 0 0 5px calc(1em + 5px);	
	color: #6699cc;
}
.post_content200:before{
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 400;
	content: '\f005';
	position: absolute;/*アイコンの位置*/
	top: 0px;/*アイコンの位置*/
	bottom: 0px;/*アイコンの位置*/
}
.post_content200:after{
	position: absolute;
	bottom: -6px;
	display: block;
	width: 100%;
	height: 6px;
	background-color: #ecf5ff;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #d6e1ed), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #d6e1ed),color-stop(.75, #d6e1ed), color-stop(.75, transparent),to(transparent));
	-webkit-background-size: 14px 14px;
	left: 0;
	content: '';
}
  
 /*201消えていく線*/
.post_content201{
	position: relative;
	line-height: 1.4!important;
	font-size: 1.5em!important;
	font-weight: normal;
	padding: 0 0 5px calc(1em + 5px);	
	color: #6699cc;

}
.post_content201:before{
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f4ad';
	position: absolute;/*アイコンの位置*/
	top: 0px;/*アイコンの位置*/
	bottom: 0px;/*アイコンの位置*/
}
.post_content201:after{
	position: absolute;
	bottom: -4px;
	display: block;
	width: 100%;
	height: 4px;
	background: rgba(102, 153, 204, 1);
	background: -moz-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 153, 204, 0) 100%);
	background: -webkit-linear-gradient(left, rgba(102, 153, 204, 1) 0%, rgba(102, 153, 204, 0) 100%);
	background: linear-gradient(to right, rgba(102, 153, 204, 1) 0%, rgba(102, 153, 204, 0) 100%);
	left: 0;
	content: '';
}

/*004チェック柄上下線*/
.post_content004{
    padding: .6em .7em;
    border-top: 2px solid #5ba9f7;
    border-bottom: 2px solid #5ba9f7;
    background-image: linear-gradient(45deg, #5ba9f712 25%, transparent 25%, transparent 50%, #5ba9f712 50%, #5ba9f712 75%, transparent 75%, transparent), linear-gradient(-45deg, #5ba9f712 25%, transparent 25%, transparent 50%, #5ba9f712 50%, #5ba9f712 75%, transparent 75%, transparent);
    background-color: #5ba9f70d;
    background-size: 20px 20px;
    color: #5ba9f7;
}
/*005チエック柄ブルー*/

.post_content005 {
  padding: 1.65rem 2rem;
  background-color: rgba(165, 210, 255, .4);
  background-image:
    linear-gradient(90deg, rgba(165, 210, 255, .3) 50%, transparent 50%),
    linear-gradient(rgba(165, 210, 255, .3) 50%, transparent 50%);
  background-size: 40px 40px;
}
/*006チェック柄レッド*/
.post_content006 {
  padding: 1.65rem 2rem;
  color: #e5004f;
  background-color: transparent;
  background-image: linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc),
    linear-gradient(45deg, #f9dbdc 25%, transparent 25%, transparent 75%, #f9dbdc 75%, #f9dbdc);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}

/*007上下線*/
.post_content007 {
  padding: 1rem 2rem;
  border-top: 3px solid #000;
  border-bottom: 3px solid #000;
}
/*202icon->>青*/
.post_content202{
	position: relative;
	line-height: 1.4;
	font-size: 1em;
	font-weight: normal;
	padding: 5px 5px 5px calc(1em + 5px);
	border-bottom: 3px double #3366cc;
	color: #3366cc;
}
.post_content202:before{
	position: absolute;
	left: 0;
	font-style: normal;
	font-variant: normal;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	font-family: "Font Awesome 5 Free"; 
	font-weight: 900;
	content: '\f101';
}
 /*203アイコン->赤*/
.post_content203 {
  position: relative;/*相対位置*/
  padding: 0.5em 0.5em 0.5em 1.5em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
  color: #000000;/*文字色*/
  /*border-top: solid 2px gray; 上の線*/
  /*border-bottom: solid 2px gray;下の線*/
  background: #ffffff;
}

.post_content203::before {
  font-family: "Font Awesome 5 Free";/*忘れずに*/
  content: "\f138";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0.25em;/*アイコンの位置*/
  top: 0.5em;/*アイコンの位置*/
  color: #ff6a6a; /*アイコン色*/
	}

.post_content204{
  position: relative;/*相対位置*/
  padding-left: 1.2em;/*アイコン分のスペース*/
  line-height: 1.4;/*行高*/
}

.post_content204:before {
  font-family: "Font Awesome 5 Free";
  content: "\f075";/*アイコンのユニコード*/
  font-weight: 900;
  position: absolute;/*絶対位置*/
  font-size: 1em;/*サイズ*/
  left: 0;/*アイコンの位置*/
  top: 0;/*アイコンの位置*/
  color: #5ab9ff; /*アイコン色*/
}