@charset "UTF-8";
@import url("../simplicity/style.css");

/*
Theme Name: Simplicity child
Template:   simplicity
Version:    20150717
*/

/* Simplicity子テーマ用のスタイルを書く */

#site-title {
  display: none;
}

/************************************
** サイトタイトル＆説明文を非表示
************************************/
#site-description{
display:none;
}


/************************************
** カスタム .article
************************************/
.appIconKigou{
 display: block;
 margin-left: auto;
 margin-right: auto;
}

.box_Azure {
background-color: Azure;
border: dashed 1px #81DAF5;
margin:5px 5px 25px 5px;
padding: 20px;
}
.box_FloralWhite {
background-color: FloralWhite;
border: dashed 1px #fff4fc;
margin:5px 5px 25px 5px;
padding: 20px;
}

/* 付箋始まり */
.husen_Red {
  width: 200px;
   height: 48px;
   line-height: 40px;
   background: url(http://trend-neta.com/wp-content/uploads/2016/01/h_red.gif) no-repeat right top;
}
.husen_green {
  width: 200px;
   height: 48px;
   line-height: 40px;
   background: url(http://trend-neta.com/wp-content/uploads/2016/01/h_green.gif) no-repeat right top;
}
/* 付箋終わり */

.lisan {
  background: url(http://trend-neta.com/wp-content/uploads/2015/04/orenji.jpg) left center no-repeat;
  line-height: 1.5;
  padding: 3px 0 1px 20px;
  margin: 4px 0 3px 0;
}
.box {
position: relative;
margin:5px 5px 25px 5px;
padding: 20px;
background-color:#f8f4c0;
-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.03);
-moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.03);
box-shadow: 0 0 2px rgba(0, 0, 0, 0.15), inset 0 0 50px rgba(0, 0, 0, 0.03);
box-shadow: 0 10px 8px -6px #8d8c8c;
display: inline-block;
box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);
}
.box:before, .box:after {
position: absolute;
width: 40%;
height: 10px;
content: ' ';
left: 12px;
bottom: 12px;
background: transparent;
-webkit-transform: skew(-5deg) rotate(-5deg);
-moz-transform: skew(-5deg) rotate(-5deg);
-ms-transform: skew(-5deg) rotate(-5deg);
-o-transform: skew(-5deg) rotate(-5deg);
transform: skew(-5deg) rotate(-5deg);
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
box-shadow: 0 15px 10px rgba(0, 0, 0, 0.3);
z-index: -1;
}
.box:after {
left: auto;
right: 12px;
-webkit-transform: skew(5deg) rotate(5deg);
-moz-transform: skew(5deg) rotate(5deg);
-ms-transform: skew(5deg) rotate(5deg);
-o-transform: skew(5deg) rotate(5deg);
transform: skew(5deg) rotate(5deg);
}

.box_Smoke {
background-color:#f9f9f9 !important;
margin:5px 5px 25px 5px;
}

.box_white {
border-style: solid;
border-width: 1px;
border-color: #008000;
    background-color:#f9f9f9;
margin:5px 5px 25px 5px;
padding: 20px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:5px;
    box-shadow:5px 5px 5px #AAA;
    -moz-box-shadow:5px 5px 5px #AAA;
    -webkit-box-shadow:5px 5px 5px #AAA;
}


.font18px {
  font-size: 18px;
  font-weight:bold;
}
.font20px {
  font-size: 20px;
  font-weight:bold;
}

.labele_red {
    color:#ffffff;
    margin: 5px;
    padding: 5px 10px;
    line-height: 2em;
    font-weight:bold;
    background-color:  #de3631;
    border-radius: 10px;   
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.labele_blue {
    color:#ffffff;
    margin: 5px;
    padding: 5px 10px;
    line-height: 2em;
    font-weight:bold;
    background-color:  #0d94ec;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.labele_green {
    color:#ffffff;
    margin: 5px;
    padding: 5px 10px;
    line-height: 2em;
    background-color:  #1abc9c;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.labele_orenji {
    color:#ffffff;
    margin: 5px;
    padding: 5px 10px;
    line-height: 2em;
    background-color:  #ff8c00;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.daen_red {
    color:#ffffff;
    margin: 5px;
    padding: 5px 10px;
    line-height: 2em;
    font-weight:bold;
    background-color:  #de3631;
    border-radius: 20px;   
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}

.article{
  font-size:16px;
  line-height:180%;
}

/*記事・カテゴリ中の画像を要素内に収める*/
.article img,
.category-description img,
.wp-caption{
  max-width:100%;
  height:auto !important;
}

.aligncenter{
  clear:both;
}

/************************************
** 見出し（H1-6）
************************************/
h1, h2, h3, h4, h5, h6{
  line-height:130%;
  color:#333;
}

.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6{
  position:relative;
  margin-top:35px;
  margin-bottom:20px;
}

/************************************
** 見出しカスタマイズ（H1-6）
************************************/
.article h1 {
  margin-top:30px;
  margin-bottom:20px;
  font-size: 26px;
  line-height:117%;
}

#archive-title{
  padding-bottom:20px;
  font-size:26px;
}

.article h2 {
position: relative;
background: #5da4d0;
color: #fff;
font-size: 24px;
line-height: 30px;
padding: 15px;
margin-bottom: 40px;
margin-left: -30px;
padding-left: 45px;
}
.article h2:after {
content: '';
position: absolute;
border-top: 10px solid #5da4d0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50px;
}
.article h2:before {
content: '';
position: absolute;
border-top: 10px solid #5da4d0;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
bottom: -10px;
left: 50px;
}

.article h3 {
font-size: 23px;
margin-bottom: 30px;
margin-top: 10px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 60px;
color: #000000;
line-height: 30px;
background-image: url(images/blue.png);
background-repeat: no-repeat;
background-position: left center;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

.article h4, .article h5, .article h6{
margin-bottom: 30px;
margin-top: 10px;
padding-top: 15px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 40px;
  border-bottom: 3px double #5da4d0;
  font-size:20px;
}

/************************************
** カスタム
************************************/
p{margin-bottom: 45px; }

.sankou{
padding:2px;
background-color:#FD7C22;
color:#ffffff;
margin-right:10px;
font-size:12px;
vertical-align:middle;
}
.imaiti {
  padding: 2px;
  background-color: #b90000;
  color: #ffffff;
  margin-right: 5px;
  font-size: 12px;
vertical-align:middle;
}
.matome {
background-image: url(images/matome.jpg);
background-repeat: no-repeat;
height:53px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 55px;
font-size:30px;
font-weight:bold;color:#444444;
}

.Yellow_Line {
border-bottom:solid 3px #f7d745;
}

.Yellow_mLine {
background: linear-gradient(transparent 90%, #f7d745 60%);
}

p.mojidai{text-align:left;margin:5px 30px}
p.mojidai{margin:0;color:red;font-size:22px;font-weight:700;line-height:120%;padding:10px}
p.mojidai{margin:5px 5px 5px;color:red;font-size:22px;font-weight:700;line-height:150%;padding-bottom:10px}

.box_lightLine {
background-color: aliceblue;
       margin-left:10px;
       padding: 10px;
       border-top:5px solid lightslategray;
       border-right:2px solid lightslategray;
       border-left:2px solid lightslategray;
       border-bottom:5px solid lightslategray;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
-webkit-text-size-adjust: 100%;
}

.box_Line {
     /*拡張CSSのスタイル  width:650px; */
     /* padding-top: 70px; */
     padding : 70px 0px 10px 10px;
       margin-left:20px;
       margin-right:auto;
       margin-top:30px;
       margin-bottom:30px;
       background:url(http://trend-neta.com/wp-content/uploads/2015/02/fusen.jpg) 20px 7px no-repeat;
       border-top:7px solid #fec993;
       border-right:2px solid #fec993;
       border-left:2px solid #fec993;
       border-bottom:7px solid #fec993;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       -webkit-text-size-adjust: 100%;
}

.box_hikuLine {
        /*拡張CSSのスタイル  width:650px; */
        /* padding-top: 70px; */
     padding : 70px 0px 10px 10px;
       margin-left:20px;
       margin-right:auto;
       margin-top:30px;
       margin-bottom:30px;
       background:url(http://trend-neta.com/wp-content/uploads/2015/02/mai-fusen.jpg) 20px 7px no-repeat;
       border-top:7px solid #414141;
       border-right:2px solid #414141;
       border-left:2px solid #414141;
       border-bottom:7px solid #414141;
       -moz-border-radius: 10px;
       -webkit-border-radius: 10px;
       border-radius: 10px;
       -webkit-text-size-adjust: 1 00%;
}

div.box_Snow {
background-color: Snow;
border-color: DimGray;
border-width: 1px;
border-style: solid;
margin:5px 5px 25px 5px;
padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
div.box_GhostWhite {
background-color: GhostWhite;
border-color: DimGray;
border-width: 1px;
border-style: solid;
margin:5px 5px 25px 5px;
padding: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div.box_moji {
background-color: LightYellow;
border-color: LightGrey;
border-width: 2px;
border-style: solid;
margin: 15px;
padding : 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
}

div.box_hasen {
background-color: White;
border-color: Red;
border-width: 2px;
border-style: dashed;
margin: 15px;
padding : 10px;
}

/************************************
** 画像とテキストカスタム
************************************/
.img_box {
    position:relative;
    display:block;
    margin:0;
    padding:0;
}
.img_box img {
    z-index:0;
    margin:0;
    padding:0;
}
.img_box a {
    color:MediumBlue;
}
.img_box img:hover {
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.img_comment2 {
    position:absolute;
    bottom:20px;
    left:0px;
    z-index:1;
    text-align:center;
    padding:10px;
    margin:0;
    text-shadow:3px 3px 3px #000;
}
.img_comment2 a:hover {
    color:white;
}

/************************************
** サイド画像とカスタム
************************************/

.side-gazou {
position: relative;
margin-bottom: 10px;
width: 300px;
height: 150px;
}
.side-gazou a { display: block; }

a.rank1-menu {
border: 1px solid #777;
width: 300px;
height: 150px;
}

a.rank1 {
position: absolute;
top: -10px;
left: 10px;
width: 50px;
height: 50px;
}

.shadow{
position: relative;
display: block;
width: 300px; /* 画像の横幅 */
margin: 0 auto;
z-index: 1;
}
.shadow:before{
content: "";
position: absolute;
bottom: 6px;
left: 18px;
width: 50%;
box-shadow: 0 0 4px 8px rgba(0,0,0,0.6);
z-index: -1;
transform:rotate(-3deg)
}
.shadow:after{
content: "";
position: absolute;
bottom: 6px;
right: 18px;
width: 50%;
box-shadow: 0 0 4px 8px rgba(0,0,0,0.6);
z-index: -1;
transform:rotate(3deg)
}

/************************************
** テーブルのカスタマイズ-１
************************************/

table {
  width: auto;
  border-spacing: 0;
  font-size:14px;
}
table th {
  color: #000;
  padding: 8px 15px;
  background: #eee;
  background:-moz-linear-gradient(#eee, #ddd 50%);
  background:-webkit-gradient(linear, 100% 0%, 100% 50%, from(#eee), to(#ddd));
  font-weight: bold;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
  line-height: 120%;
  text-align: center;
  text-shadow:0 -1px 0 rgba(255,255,255,0.9);
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
}
table th:first-child {
  border-left:1px solid #aaa;
  border-radius: 5px 0 0 0; 
}
table th:last-child {
  border-radius:0 5px 0 0;
  border-right:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr td {
  padding: 8px 15px;
  text-align: center;
}

table tr td:first-child {
  border-left: 1px solid #aaa;
}
table tr td:last-child {
  border-right: 1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr {
  background: #fff;
}
table tr:nth-child(2n+1) {
  background: #f5f5f5;
}
table tr:last-child td {
  border-bottom:1px solid #aaa;
  box-shadow: 2px 2px 1px rgba(0,0,0,0.1);
}
table tr:last-child td:first-child {
  border-radius: 0 0 0 5px;
}
table tr:last-child td:last-child {
  border-radius: 0 0 5px 0;
}
table tr:hover {
  background: #eee;
  cursor:pointer;
}

/************************************
** テーブルのカスタマイズ-2
************************************/

table.nidie{border:solid 2px #84b2e0;border-collapse:collapse}
table.nidie td{border-right:solid 1px #84b2e0;border-bottom:solid 1px #84b2e0}
table.nidie td.top{border-bottom:solid 1px #84b2e0;border-right:solid 1px #84b2e0;background-color:#bbd4ee}

/************************************
** リストタグカスタム
************************************/
/**
**ul {
**  margin-left: 1em;
**list-style-image:url(http://trend-neta.com/wp-content/uploads/2015/04/orenji.jpg);
**}
**/
ul {
    list-style: disc;
    margin: 10px 5 0 0;
margin-bottom: 10px;
}
li {
    line-height: 120%;
margin-bottom: 20px;
}

ol {
    list-style: decimal;
    margin: 10px 5 0 0;
margin-bottom: 10px;
}
ol.kaigyou li {
margin-bottom: 20px;
}