.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"]
{ width: 60%;
  height: 45px !important; }

.wpcf7 textarea[name="your-message"]
 { width: 60%;
   height: 350px !important; }

.C1 { text-align: center; }

#C9 { margin-right:auto; margin-left:auto; width: 160px; }



#C2,#C3,#C4,#C5{
padding-bottom: 0px;
margin-bottom: 0px;
text-align: left; margin-left: auto; margin-right: auto; width: 80%; }
#C2 {
  padding-top: 30px; }

/*************** 補足情報 *************/
.point	{position: relative;
	margin: 20px 0 10px;
	padding: 5px 10px 0px;
	border-radius: 10px;
	background-color: #CEF6CE;
	font-size: 14px;
	clear: both}

.point:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0eb';
	z-index: 2;
	width: 32px;
	height: 32px;
	padding-top: 3px;
	border-radius: 16px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #04B45F;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1;
	text-align: center}

.point:after	{position: absolute;
	left: 32px;
	top: -8px;
	z-index: 1;
	content: 'POINT';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #04B45F;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}
/*************** MEMO *************/
.memo	{position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #e6e6fa;
	font-size: 14px;
	clear: both}

.memo:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0f6';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	text-align: center}

.memo:after	{position: absolute;
	left: 32px;
	top: -10px;
	z-index: 1;
	content: 'MEMO';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #b0c4de;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}

/*************** check1 *************/
.check1	{position: relative;
	margin: 40px 0 30px;
	padding: 25px 20px 20px;
	border-radius: 10px;
	background-color: #faebd7;
	font-size: 14px;
	clear: both}

.check1:before	{position: absolute;
	left: 15px;
	top: -15px;
	content: '\f0a4';
	z-index: 2;
	width: 30px;
	height: 30px;
	padding-top: 4px;
	border-radius: 8px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: #deb887;
	color: #ffffff;
	font-family: 'FontAwesome';
	font-size: 20px;
	line-height: 1;
	text-align: center}

.check1:after	{position: absolute;
	left: 32px;
	top: -10px;
	z-index: 1;
	content: 'CHECK';
	padding: 3px 10px 3px 20px;
	border-radius: 5px;
	background-color: #deb887;
	color: #ffffff;
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1}

/* 注意書き */
.attention	{position: relative;
	margin: 40px 0 30px;
	padding: 20px;
	border-radius: 10px;
	border: dotted 2px #ff0000;
	background-color: #ffefef;
	font-size: 14px;
	clear: both}

.attention:before	{position: absolute;
	left: 20px;
	top: -15px;
	content: '\f071';
	background-color: #ffffff;
	color: #ff0000;
	font-family: 'FontAwesome';
	font-size: 26px;
	line-height: 1}


/************************************************************** 
【Table of Contents Plus中央表示】 
**************************************************************/

#toc_container { 
  margin-left: auto; 
  margin-right: auto; 
}

/********************************************
ウィジェット画像hover設定
*********************************************/
.domein:hover{
position:relative;
top:3px;
left:3px;
filter:alpha(opacity=80);
  opacity:0.8;}
.domein{
text-decoration: none;}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.c8:hover{
position:relative;
top:3px;
left:3px;
}
/********************************************
簡単ボタン設置
*********************************************/
.test:hover{
position:relative;
top:3px;
left:3px;
filter:alpha(opacity=80);
  opacity:0.8;}
/********************************************
PC画面設置
*********************************************/
.pcm:hover{
filter:alpha(opacity=80);
opacity:0.8;
}
/*********************************************
slideshareスマホ対応 
*********************************************/
.slideshare {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 80%;
  margin-bottom: 20px;
  box-shadow: 1px 1px 5px #000, -1px -1px 5px #000;
}
.slideshare iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  max-width: 978px;
  max-height: 1000px;
  margin: 0 auto;
}

/********************************************
見出し装飾
*********************************************/
.midashi {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid #660066;
}
/********************************************
olの装飾
*********************************************/
.check2 ol{ list-style: none; }

.check2 li
	{position: relative;
padding-left: 25px;}

.check2 li:before
	{ content: '\f046';
	color: #ff0000;
	font-family: 'FontAwesome';
    position: absolute;
	left: -5px;
	top: 5px;
    font-size: 1.5em;
	line-height: 1 }
 
/********************************************
olの装飾テスト
*********************************************/
.test1 { list-style: none; }
.test1 li
    { position: relative;
      padding-left: 25px; }
.test1 li:before
	{ content: '\f046';
	  color: #ff0000;
	  font-family: 'FontAwesome';
      position: absolute;
      left: -5px;
      top: 3px;
      font-size: 1.5em;
	  line-height: 1 }
.test2 { list-style: none; }
.test2 li
 { position: relative;
      padding-left: 25px; }
.test2 li:before
	{ content: '\f219';
	  color: #8181F7;
	  font-family: 'FontAwesome';
      position: absolute;
      left: -5px;
      top: 3px;
      font-size: 1.5em;
	  line-height: 1 }

.test3 {
 list-style: url('https://share-life.biz/wp-content/uploads/2015/12/36276eb567f3a9ddcd01e056af29c5ba.png'); }


.test4 li:before {
	background-image:url("https://share-life.biz/wp-content/uploads/2015/12/873f5fe7d001e4d671975a1a4d52d258.png");
	background-repeat:no-repeat;
	text-indent:50px;
	background-position: left center;/*背景画像の縦位置の指定。*/
  }

.test5 {
 list-style: url("https://share-life.biz/wp-content/uploads/2015/12/873f5fe7d001e4d671975a1a4d52d258.png"); }

/* ブログカード */
.blogcard{
    width:90%;
    padding:10px 10px;
    margin:0 auto 10px;
    border:solid 1px #DDD;
    border-radius:5px; /* CSS3草案 */
    -webkit-border-radius:5px; /* Safari,Google Chrome用 */
    -moz-border-radius:5px; /* Firefox用 */
}
 
.blogcard .blogcard_img{
    width:20%;
    margin-right:3%;
    float:left;
}
 
.blogcard .blogcard_img.right{
    margin:0 0 0 3% !important;
}
 
 
.blogcard .blogcard_info{
    width:75%;
    float:left;
}
 
.blogcard .blogcard_info a{
    color:#444;
    text-decoration:underline;
}
 
.blogcard .blogcard_info .blogcard_description{
    font-size:12px;
    line-height:22px;
    color:#5F5F5F;
}
 
.blogcard .blogcard_footer{
    border-top:solid 1px #EEE;
    margin-top:10px;
    height: 20px;
    font-size: 12px;
}
 
.blogcard .blogcard_footer img.icon{
    width:15px;
    padding-bottom: 3px;
}
 
.blogcard .blogcard_footer img.bukuma_number{
    width:35px;
}
 
/* 以下レスポンシブ対応 */
 
/* ●style.css 画面の横幅が640以下 */
@media screen and (max-width: 640px) {
    .blogcard .blogcard_img{
        width:25%;
    }
 
    .blogcard .blogcard_info{
        width:72%;
    }
}
 
/* ●style.css 画面の横幅が320以下 */
@media screen and (max-width: 320px) {
    .blogcard .blogcard_info a{
        font-size:14px;
    }
 
    .blogcard .blogcard_img{
        width:30%;
    }
 
    .blogcard .blogcard_info{
        width:67%;
    }
}
/***************************
四角２つの見出し
***************************/
.head1 {
  position: relative;
  color: #111;
  font-size: 20px;
  line-height: 1;
  margin: 30px 0 0 0;
  padding: 14px 5px 10px 10px;
}
.head1:before {
  content: "";
  position: absolute;
  background: #999;
  top: 0;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.head1:after {
  content: "";
  position: absolute;
  background:#777;
  top: 15px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
/***************************
 見出し上下のライン
***************************/
h4.custom-h4 {
margin: 0 0 1.5em;
padding: .8em;
color: #3B2F2C;
border-top: 3px double #3B2F2C;
border-bottom: 3px double #3B2F2C;
font-size: 1.5em;
font-weight: bold;
}
/*************************
テスト枠
**************************/
  .waku01{
    padding:7px;
    border:1px solid #ccc;
    background:#fff;
  }
/************************
テストボックス
************************/
.pressed {
    color: #fff;
    padding: 20px;
    background: #f5f5f5;
    border: 1px solid #ccc;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #353fff535;
      /* IE以外なら丸角も！ */
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

/*************************
シャドウ
*************************/
.frame {
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}

/* ページネーション */
.pagination	{margin: 40px 0 30px;
	text-align: center}

.pagination ul	{display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none}

.pagination li a,
.pagination li > span
	{display: block;
	margin: 0 5px;
	padding: 6px 8px;
	border: solid 1px #cccccc;
	color: #000000;
	font-size: 14px;
	text-decoration: none}

.pagination li > span
	{background-color: #BBBBBB}

.pagination li a:hover	{background-color: #6BB8E4}

.pagination ul:after	{content: "";
	display: block;
	clear: both}

.pagination li	{float: left;
	width: auto}


/* 記事一覧のページネーション */
.pagination-index li .dots
	{padding: 6px 2px;
	border-color: transparent;
	background-color: transparent}

@media (max-width: 599px) {
	.pagination-index li a,
	.pagination-index li > span
		{margin: 0;
		padding: 6px 7px;
		border-left: none;
		font-size: 12px}

	.pagination-index li:first-child a,
	.pagination-index li:first-child > span
		{border-left: solid 1px #cccccc}

	.pagination-index li .dots
		{border-right-color: #cccccc}
}

/**********ウィジェット見出し**************/
.widget1 {
	position: relative;
	padding: .5em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
	box-shadow: 2px 2px 4px rgba(0, 0, 0, .1) inset;
    margin-bottom: 16px;
    font-size: 12pt;
}
.widget1::after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
    
}

.widget2 {
	padding: .5em .75em;
	background: -webkit-linear-gradient(top, #69b4e6 0%, #3498db 100%);
	background: linear-gradient(to bottom, #69b4e6 0%, #3498db 100%);
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    font-size: 12pt;
}

ul li { list-style-type:none; background-image:none; padding-left:0; }

.test3 li
      { position: relative;
        padding-left: 25px; 
        padding-bottom: 10px;
        padding-top: 10px;}
.test3 li:before
      { content: '\f046';
        color: #ff0000;
       	font-family: 'FontAwesome';
        position: absolute;
        left: -5px;
        font-size: 1.5em;
       	line-height: 1 }

.links2 {
    background-color: #fff;
    border: 1px solid #111;
    list-style: none;
    position: relative;
　margin: 3em 0;
    padding: 1.5em 1em;    
}
.links2:before {
    content: "接続と拡張性";
    color: #ff4f02;
    background-color: #fff;
    font-size: 1.2em;
    position: absolute;
    top: -1.2em;
    left: 1em;
    padding: 0 .5em;
}
.links2:after {
    content: "Apple";
    color: #111;
    background-color: #fff;
    font-size: 1.2em;
    position: absolute;
    bottom: -0.8em;
    right: 1em;
    padding: 0 .5em;
}
.amazon {
float:left; }

@media screen and (max-width: 640px){
.migi { float:left; 
           margin: 0px; 
           padding: 0px; }
.clear {
    clear:both;　/*floatの解除、ここがポイント*/
}
}

 .single-main { width: 60%;
	                  margin: 0 auto; 
                    margin-bottom: 15px; } 
@media screen and (max-width: 640px){
  .single-main { width: 100%; } }


.domein {
  float: left; }

H4 {
  font-size: 120% !important;
}
p {
  font-size: 16px !important;
}