@charset "utf-8";

.line1 {
	text-decoration: underline;
}
.line2 {
	text-decoration:underline red double;
}
.line3 {
	text-decoration:underline blue dotted;
}
.line4 {
	text-decoration:underline green dashed;
}
.line5 {
	text-decoration:underline blue wavy;
}
.line6 {
	text-decoration:line-through red;
}

.line7 {
	background:linear-gradient(transparent 60%, #87ceeb 60%);
}

/*text-shadow*/
.ts01{
	text-shadow: 2px 2px 3px #999;
}
.ts02{
	color:#fff; 
	text-shadow:0 0 5px #999;
}
.ts03{
	color:#ccc; 
	text-shadow:-1px -1px 0 #fff, 1px 1px 0 #aaa;
}
.ts04{
	color:#ccc; 
	text-shadow:-1px -1px 0 #aaa, 1px 1px 0 #fff;
}
.ts05{
	color:#fff;
	text-shadow:
		1px 1px 0 #999, 
		-1px 1px 0 #999, 
		1px -1px 0 #999, 
		-1px -1px 0 #999;
}
.ts06{
	text-shadow:
		0 0 5px #fff, 
		0 0 13px #f03, 
		0 0 13px #f03, 
		0 0 13px #f03, 
		0 0 13px #f03;
}

.ts07{
	color: #fff;
	text-shadow:
		0 0 5px #0099ff, 
		0 0 13px #0066cc, 
		0 0 13px #0066cc, 
		0 0 13px #0066cc, 
		0 0 13px #0066cc;
}

/* グレーのボックス */
.gry-box {
	margin:0 auto;
	padding: 10px 20px 10px;
	background: #f6f6f6;
	font-size: 26px;
	font-weight: bold;
	line-height: 2.4;
}

/* 黒のボックス */
.blk-box {
	margin:0 auto;
	padding: 10px 20px 10px;
	background: #000;
	font-size: 26px;
	font-weight: bold;
	line-height: 2.4;
}


.pp-box {
	margin:0 auto;
	padding: 5px 20px 5px;
	background: #dbffdb;
	margin-bottom: 40px;
}

/* フレックスボックスで横ならび2 */

.narabi {
	display:flex;
	justify-content:space-between;
    flex-wrap: wrap;
	margin-bottom: 30px;
	border-bottom: 1px dashed #ccc;
	padding: 10px 5px 15px;
}

.half-box {
	width:40%;
}

.half-box2 {
	width:55%;
	background-color: #ffffe0;
	padding-left: 10px;
}

@media screen and (max-width: 767px) {
  .narabi {
    flex-direction: column;
  }
  .narabi .half-box{
    width: 100%;
  }
  .narabi .half-box2{
    width: 100%;
  }
}