/* 見出しＣＳＳ */

/* 左・下ボーダし */
/*
.title_border {
	position: relative;
	/*margin:1em 0.5em 0.5em 0.5em;
	padding: .25em 0 .5em .60em;
	border-left: 6px solid #083260;
	font-size:1.5em;
}
.title_border::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #083260;
}
*/

/* 吹き出し */
.title_fukidashi{
    position:relative;
    margin:15px 5px 20px 0px;
    padding:10px 10px 10px 15px;
    font:bold 18px/1.6 Arial, Helvetica, sans-serif;
    color:#4e4d4d;
    border:#4e4d4d solid 2px;
    /*color:#333;
    border:#333 solid 3px;*/
    border-radius:18px;
    background:#fff;
    box-shadow:
        -7px -5px 0 0 #eee inset,
        2px 3px 0 0 #4e4d4d;

   /* box-shadow:
        -7px -5px 0 0 #e8e8e8 inset,
        2px 3px 0 0 #000;*/
}

.title_fukidashi:before{
    content:" ";
    position:absolute;
    top:100%;
    left:14px;
    width:0;
    height:0;
    border-width:20px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#4e4d4d;
    /*border-top-color:#333;*/
}

.title_fukidashi:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#eee;
    /*border-top-color:#e8e8e8;*/
}


/*吹き出し2（背景薄いグレー）
.title_fukidashi2{
	position: relative;
	padding: .6em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
  font-size:1.2em;
  font-weight:bold;
}
.title_fukidashi2:after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}
*/

/*吹き出し3（濃いピンク） */
.title_fukidashi3{
	position: relative;
	padding: .6em .75em;
	/*background-color: #ff5110;　濃いオレンジ*/
	background-color: #ff705c;
	border-radius: 6px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
}

.title_fukidashi3:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    /*border-top-color:#ff5110;*/
    border-top-color:#ff705c;
}

/*吹き出し4（水色） */
.title_fukidashi4{
	position: relative;
	padding: .6em .75em;
	/*background-color: #ff6600;濃いオレンジ */
	background-color: #59b1eb;
	border-radius: 6px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
}

.title_fukidashi4:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
	/*background-color: #ff6600;濃いオレンジ */
    border-top-color:#59b1eb;
}

/*吹き出し5（黄緑） */
.title_fukidashi5{
	position: relative;
	padding: .6em .75em;
	background-color: #a7be18;
	border-radius: 6px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
	width:98%;

}

.title_fukidashi5:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#a7be18;
}

/*吹き出し7（オレンジ） */
.title_fukidashi7{
	position: relative;
	padding: .6em .75em;
	background-color: #ff9c00;
	border-radius: 6px;
  font-size:1.1em;
  font-weight:bold;
  color:#fff;
}

.title_fukidashi7:after{
    content:" ";
    position:absolute;
    bottom:-27px;
    left:18px;
    width:0;
    height:0;
    border-width:14px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#ff9c00;
}

/*吹き出し6（背景薄いグレー/ 文字の太さ標準） */
.title_fukidashi6{
	position: relative;
	padding: .6em .75em;
	background-color: #f0f0f0;
	border-radius: 6px;
  font-size:1.1em;
  /*font-weight:bold;*/
}
.title_fukidashi6:after {
	position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #f0f0f0;
}

/* ここから追加（22/10/24）
 * --------------------------- */
.title_fukidashi3,
.title_fukidashi4,
.title_fukidashi5,
.title_fukidashi6,
.title_fukidashi7{
	width:98%;
}
/* ここまで追加（22/10/24）
 * --------------------------- */


/*テープ */
.tape{
    /*width:1200px; 追加
    font-size:2.0em; */
    font-size:1.5em;
    position:relative;
    margin:20px 0 5px 0;
    /*margin:0 -1px;*/
    padding:10px;
    /*padding:35px;*/
    /*font:bold 30px/1.6 Arial, Helvetica, sans-serif;*/
    /*text-align:center;*/
    color:#333;
    /*color:#fff;*/
    background:#f0e800; /*黄色*/
    /*background:#00236f;*/
    /*-webkit-transform: rotate(-2deg) skew(-2deg);
    -moz-transform: rotate(-2deg) skew(-2deg);
    -o-transform: rotate(-2deg) skew(-2deg);
    -ms-transform: rotate(-2deg) skew(-2deg);
    transform: rotate(-2deg) skew(-2deg);*/
    -webkit-transform: rotate(-3deg) skew(-3deg);
    -moz-transform: rotate(-3deg) skew(-3deg);
    -o-transform: rotate(-3deg) skew(-3deg);
    -ms-transform: rotate(-3deg) skew(-3deg);
    transform: rotate(-3deg) skew(-3deg);
    text-shadow:1px 1px 0 rgba(255,255,255,1); 文字の影
    /*box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),10px 0 0 0 #001968,-10px 0 0 0 #001968;
    box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),30px 0 0 0 #f0e800,-30px 0 0 0 #f0e800;*/
}

.tape a{
    color:#333; 
}

.tape a:hover{
    color:#333; 
}

/* マーカー */
.maker_line{
	font-weight:bold;
	background: linear-gradient(transparent 85%, #c1e4e9 85%);

}

/* □ */

    .make_sikaku {
    	position: relative;
    	padding-left: 30px;
    	font-size:20px;
    	color: #325A8C;
    }
    .make_sikaku::before,
    .make_sikaku::after{
    	content: "□";
    	position: absolute;
    }
    .make_sikaku::before{
    	left:0;
    	top:-3px;
    }
    .make_sikaku::after{
    	left: 5px;
    	top: 3px;
    	color: #A1B8D1;
    }


/* 上下に線 */
.border2 {
	padding: .5em;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}



/* 切り取り線 */
.cutoff_line{
    position:relative;
    /*padding:5px;*/
    padding:15px 5px 20px 5px;
    /*font:bold 24px/1.6 Arial, Helvetica, sans-serif;*/
    /*text-align:center;
    color:#655;*/
    border-top:1px dashed #aaa;
    border-bottom:1px dashed #aaa;
    background:#eee;
    text-shadow:1px 1px 0 rgba(255,255,255,1);
    box-shadow: 0 5px 4px -4px rgba(0,0,0,0.3) inset;
}

/* かちかえし */
.kachikaeshi{
    border-left: 12px solid #203744;
    text-shadow: 1px 1px 3px #000;
    color: #203744;
    font-size: 1.2em;
    padding: 10px;
    box-shadow: 0 5px 2px -2px #203744;
}

/* 角丸右 */
.kadomaru_r{
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    border-radius: 0 30px 30px 0 / 0 30px 30px 0;
    /*box-shadow: 0 1px 10px 0 #69821b;*/
    /*text-shadow: 0 0 5px;padding: 10px;*/
    /*margin-left: 20px;*/
    padding: 10px 0px 10px 10px; /*追加*/
    background-color:#4e4d4d;
    /*background-color:#0075BA; 青系*/
    /* 紺色のグラデ
    background-color:#081742;
    background-image:-moz-linear-gradient(top, #081742, #2b385d);
    background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#081742), to(#2b385d));
    background-image:-webkit-linear-gradient(top, #081742, #2b385d);
    background-image:-o-linear-gradient(top, #081742, #2b385d);
    background-image:linear-gradient(to bottom, #081742, #2b385d);
    background-repeat:repeat-x;
    */
}

/* リボン */
.titlle_ribbon {
	position: relative;
	padding: .75em 1em;
	background-color: #f0f0f0;
}
.titlle_ribbon::before,
.titlle_ribbon::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
.titlle_ribbon::before {
	left: 0;
	border-width: 0 15px 15px 0;
	border-right-color: #ccc;
}
.titlle_ribbon::after {
	right: 0;
	border-style: solid;
	border-width: 15px 15px 0 0;
	border-top-color: #ccc;
}


/* リボン2 */ /*レスポンシブ対応しない*/
.titlle_ribbon2 {
	font-size:1.8em;
	font-weight:bold;
	position: relative;
	height: 50px;
	line-height: 50px;
	padding: 0 1em;
	color:#fff;
	/*background-color: #4e4d4d;*/
	background-color: #a7be18; 黄緑
	/*background-color: #ff705c; 濃いピンク*/
	/*background-color: #ff705c; 薄いグレー*/
}
.titlle_ribbon2::before,
.titlle_ribbon2::after {
	content: '';
	position: absolute;
}
.titlle_ribbon2::before {
	top: 100%;
	left: 0;
	border-width: 0 15px 15px 0;
	border-style: solid;
	border-color: transparent;
	/*border-right-color: #000;*/
	border-right-color: #707f13;
  /*border-right-color: #ccc;*/
}
.titlle_ribbon2::after {
	top: 0;
	right: 0;
	z-index: 2;
	border-width: 25px 20px;
	border-style: solid;
	border-color: transparent;
	border-right-color: #fff;
}


/* リボン3 */
.titlle_ribbon3{
	position:relative;
	margin:0 -10px 0 -10px;
	padding:10px 20px;
	background:#88ccef;
	box-shadow:
		0 3px 3px 0 rgba(0,0,0,0.1);
}
.titlle_ribbon3:before{
	content:" ";
	position:absolute;
	top:100%;
	left:0;
	width:0;
	height:0;
	border-width:0 10px 10px 0;
	border-style:solid;
	border-color:transparent;
	border-right-color:#7bb8d8;
}
.titlle_ribbon3:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:10px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#7bb8d8;
}

/* リボン　左織れ */
.title_ribbon4{
  font-size:1.8em;
  font-weight:bold;
  position: relative;
  padding: 0.5em;
  background: #a7be18;
  color: white;
}
.title_ribbon4:before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px rgb(149, 158, 155);
}


/* シンプル */
.simple{
    width:100%; /* 追加 */
    color: #000031;
    /*color: #111;*/
    font-size: 3em;
    font-weight: bold;
    font-family: "ＭＳ Ｐゴシック",sans-serif; 
    margin: 1em 0px 1em 0;
    padding-left: 0.3em;
    /*border-bottom: 2px solid #B92A2C;
    border-bottom: 2px solid #00236f;
    box-shadow: 0 1px 0 #aaaaaa;
    -webkit-box-shadow: 0 1px 0 #aaaaaa;
    -moz-box-shadow: 0 1px 0 #aaaaaa; */
    text-shadow: #999999 0px 1px 1px;
}
.simple a{
    text-decoration: none;
    color: #000031;
}
.simple a:hover{
    color: #6666a8;
    /*color: #E79723;*/
    text-decoration: none;
}


/* 付箋 */
.fusen {
    /*width:70%;*/
    background:#eaf4fc;
    /*font-size:18pt;*/
    /*color:#164a84;*/
    -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #eaf4fc,15px 15px 1px -4px rgba(0,0,0,0.2);
    /*padding:10px; */
    padding:15px;
}


/* 旗 */
.title_flag{
    position:relative;
    margin:10px 0px 10px 15px;
    padding:10px 15px 10px 10px;
    font-weight:bold;
    /*font-size:1.0em;*/
    /*font:bold 22px/1.2 Arial, Helvetica, sans-serif;*/
    color:#fff;
    background:#c33;
}

.title_flag:before{
    content:"<";
    position:absolute;
    top:middle;
    left:-10px;
    width:0;
    height:0;
    /*font-size:25px;*/
    line-height:1.0;
    color:#c96;
}

.title_flag:after{
    content:" ";
    position:absolute;
    top:-2px;
    left:-10px;
    width:0;
    height:130%;
    border:#600 solid 2px;
    border-radius:2px;
    -webkit-transform: rotate(-2deg);
    -moz-transform: rotate(-2deg);
    -o-transform: rotate(-2deg);
    transform: rotate(-2deg);
}

/* 追加ＣＳＳ　旗の色 */
.iro-blue{
    background:#06c;
}
.iro-red{
    background:#c33;
}
.iro-yellow{
    background:#FFCC33;
}

.iro-green{
    font-size:1.5em;
    background:#097900;
}

.iro-ygreen{
    background:#a7be18;
}

.iro-pink{
    background:#ff705c;
}

.iro-gry{
    font-size:1.5em;
    background:#4e4d4d;
}

.iro-mizuiro{
    background:#59b1eb;
}

.iro-orange{
    background:#ff8300;
}

/* アメリカンな(?)吹き出し */
.title_america{
    width: 100%; /*追加 */
    position:relative;
    font-size:1.1em;
    font-weight:bold;
    padding:10px 5px 10px 5px;
    /*font:bold 28px/1.6 Arial, Helvetica, sans-serif; */
    color:#0075BA;
    background:#fff;
    /*text-shadow:
        1px 1px 0 #fff,
        2px 2px 0 #999;*/
    border-top:#0075BA solid 3px;
    border-bottom:#0075BA 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;
}

.title_america:before{
    content:" ";
    position:absolute;
    top:100%;
    left:24px;
    width:0;
    height:0;
    border-width:12px;
    border-style:solid;
    border-color:transparent;
    border-top-color:#0075BA;
}

.title_america: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;
}


/* 付箋2 */
.fusen2{
    position:relative;
    /*margin:0 22px 0 10px;
    padding:14px 15px 0px 20px;*/
    font-size:1.1em;
    margin:5px 15px 10px 10px;
    padding:20px 5px 15px 15px;
    /*font:normal 24px/1.3 serif;
    color:#009;
    background:#ffc;
    box-shadow:
        12px 0 0 0 #ffc,
        0 12px 0 0 #ffc,
        1px 15px 4px -3px rgba(0,0,0,0.2);*/
    background: #f0f0f0;
	 /* background: #dfefff;
    background:#eaf4fc;*/
    box-shadow:
        12px 0 0 0 #f0f0f0,
        0 12px 0 0 #f0f0f0,
       /* 12px 0 0 0 #eaf4fc,
        0 12px 0 0 #eaf4fc,*/
        1px 15px 4px -3px rgba(0,0,0,0.2);
}

.fusen2:before{
    content:" ";
    position:absolute;
    top:100%;
    left:100%;
    width:0;
    height:0;
    border-width:12px 12px 0 0;
    border-style:solid;
    border-color:transparent;
    /*border-top-color:#cc9;
    border-top-color:#9cc;*/
    border-top-color:#c8c8c8;
}

/*.fusen2:after{
    content:" ";
    position:absolute;
    padding:0 20px;
    bottom:0;
    left:10px;
    width:120px;
    height:20px;
    background:rgba(255,182,182,0.4);
    -webkit-transform: rotate(-1deg); 
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}*/


/* メモ帳風　*/
.blockquote {
  background:#eaf4fc; 
  /*background:#fffbe6; クリーム色*/
  /* background: #eee url(http://www.webcreatorbox.com/sample/images/quote.gif) no-repeat 10px 10px ;*/
  padding: 15px;
  /*padding: 25px;*/
  /*font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"メイリオ",Helvetica,Sans-Serif;*/

  /*box-shadow: 5px 5px 10px #000;  ボックスシャドウ 
    -webkit-box-shadow: 5px 5px 10px #000;
    -moz-box-shadow: 5px 5px 10px #000;*/ 
}


.blockquote li {
  list-style-type : none;
  padding:5px 10px;
  border-bottom:1px solid #84b2e0;
}


/* ポストイット風 */
.gracias{
    position:relative;
    margin:10px 0 10px 0; /* 追加したCSS */
    /*margin:0 10px;*/
    padding:0 10px 0 55px;
    font:bold 1.2em/2.4em Arial, Helvetica, sans-serif;
    /*font:bold 22px/40px Arial, Helvetica, sans-serif;*/
    /*color:#666;*/
    background:#f3f3f3;
    z-index:1;
}

.gracias:before{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    border-right:#fff solid 2px;
    /*background:#f60; 一番濃い朱色 */
    background:#33CCCC;
    background-image: -webkit-gradient(linear, left top, left bottom,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(top,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to bottom,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,1
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

.gracias:after{
    content:" ";
    position:absolute;
    top:0;
    left:0;
    width:40px;
    height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
            from(            rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.0)),
            color-stop(0.20, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.1)),
            color-stop(0.40, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.3)),
            color-stop(0.60, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.5)),
            color-stop(0.80, rgba(255, 255, 255, 0.6)),
            to(              rgba(255, 255, 255, 0.6))
            );

    background-image: -webkit-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -moz-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: -o-linear-gradient(left,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );

    background-image: linear-gradient(to right,
            transparent 20%,
            rgba(255, 255, 255, 0.1) 20%,
            rgba(255, 255, 255, 0.1) 40%,
            rgba(255, 255, 255, 0.3) 40%,
            rgba(255, 255, 255, 0.3) 60%,
            rgba(255, 255, 255, 0.5) 60%,
            rgba(255, 255, 255, 0.5) 80%,
            rgba(255, 255, 255, 0.6) 80%,
            rgba(255, 255, 255, 0.6) 100%
            );
            z-index:-1;
}

/* 下線 */
.title_bottom {
	margin-bottom:0.5em;
	padding:2px 5px;
	/*color:#e78f00;
	font-size:16px;*/
	border-bottom:1px solid #000;
}

.title_stripe:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -5px;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}

/* 黒背景 */
.title_kuro {
	margin-bottom:0.25em;
	padding: 10px 0px 10px 10px;
	color:#fff;
	font-size:1.1em;
	background:#4e4d4d;
/*background:#333;*/
}

/* 黒背景 トップの事故日報のみ */
.title_kuro2 {
	margin-bottom:0.25em;
	padding: 10px 0px 10px 10px;
	color:#fff;
	font-size:0.9em;
	background:#4e4d4d;
/*background:#333;*/
}

/* 青背景 */
.title_blue {
	margin-bottom:0.25em;
	padding: 5px 0px 5px 10px;
	color:#fff;
  font-size:1.0em;
	background:#007bbb;
/*background:#333;*/
}


/* 手書き風　囲い枠 */
.title_tegaki {
	padding: 1em;
	border: 3px solid #ccc;
	border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;
}

/* 布縫い目 */
.title_nuime{
  color:#000;
  font-size:1.25em; /*追加ＣＳＳ*/
	background: #dfefff;
	box-shadow: 0px 0px 0px 5px #dfefff;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
}



/* 布縫い目 個人*/
.title_nuime_k{
  color:#fff;
  font-size:1.25em; /*追加ＣＳＳ*/
	background: #ff705c;
	box-shadow: 0px 0px 0px 5px #ff705c;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
}

.title_nuime_k a{
 color:#fff;
 text-decoration: none;
}

.title_nuime_k a:hover{
  color:#23527c;
	background: #ff705c;
	/*box-shadow: 0px 0px 0px 5px #ff705c;
	border: dashed 2px white;*/
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
 text-decoration: none;
}

/* 布縫い目 自治会*/
.title_nuime_j{
  color:#fff;
  font-size:1.25em; /*追加ＣＳＳ*/
	background: #59b1eb;
	box-shadow: 0px 0px 0px 5px #59b1eb;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
}

.title_nuime_j a{
 color:#fff;
 text-decoration: none;
}

.title_nuime_j a:hover{
  color:#23527c;
	background: #59b1eb;
	/*box-shadow: 0px 0px 0px 5px #ff705c;
	border: dashed 2px white;*/
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
 text-decoration: none;
}

/* 布縫い目 自主グループ*/
.title_nuime_g{
  color:#fff;
  font-size:1.25em; /*追加ＣＳＳ*/
	background: #a7be18;
	box-shadow: 0px 0px 0px 5px #a7be18;
	border: dashed 2px white;
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
}

.title_nuime_g a{
 color:#fff;
 text-decoration: none;
}

.title_nuime_g a:hover{
  color:#23527c;
	background: #a7be18;
	/*box-shadow: 0px 0px 0px 5px #ff705c;
	border: dashed 2px white;*/
	padding: 0.2em 0.5em;
  margin:1em 0.2em 1em 0.2em; /*追加ＣＳＳ*/
 text-decoration: none;
}


/* ステッチ */
.title_stitch{
  /*font-size:1.25em; 追加ＣＳＳ*/
  background: #f0f0f0;
  box-shadow: 0px 0px 0px 5px #f0f0f0;
  border: dashed 1px #c8c8c8;
   /*background: #dfefff;
  box-shadow: 0px 0px 0px 5px #dfefff;
  border: dashed 1px #96c2fe;*/
  padding: 0.2em 0.5em;
  margin:1.2em 0.5em 1em 0.5em; /*追加ＣＳＳ*/
  color: #454545;
}

/*背景に蛍光ペンみたいなライン引く*/
.title-line {
  background: linear-gradient(transparent 10%, #fff001 0%); /* 0%が一番太い　90%細くなる*/
}

/*角がくるん*/
.title-kadokurun{
  position: relative;
  padding: 0.25em 1em;
  margin: 1.5em 1em 0.25em 1em;
  border: solid 2px black;
  border-radius: 3px 0 3px 0;
}

.title-kadokurun:before,title-kadokurun:after{
  content: '';
  position: absolute;
  width:10px;
  height: 10px;
  border: solid 2px black;
  border-radius: 50%;
}

.title-kadokurun:after {
  top:-12px;
  left:30px;
  /*left:-12px;*/
}
.title-kadokurun:before {
  bottom:-12px;
  right:-12px;
}