@charset "utf-8";

body {
	margin: 0;
	font-family: sans-serif;
}
.container {
	margin: 0 auto 0 auto;
	max-width: 1100px;
	padding: 0 10px;
}

.img-responsive {
	display: block;
	max-width: 100%;
	height: auto;
}

main {
	padding: 30px;
}

/* 01-ラインに色 */
.sen01 {
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #43a047;
}

/* 02-細い点線 */
.sen02 {
	border-width: 1px 0 0 0;
	border-style: dashed;
	border-color: #ffb300;
}

/* 03-細い点線2 */
.sen03 {
	border-width: 1px 0 0 0;
	border-style: dotted;
	border-color: #1e88e5;
}

/* 04-2本線 */
.sen04 {
	border-width: 3px 0 0 0;
	border-style: double;
	border-color: #ff6f00;
}

/* 05-グラデーション */
.sen05 {
	position: relative;
	height: 2px;
	border-width: 0;
	background-color: #00bcd4;
	background-image: -webkit-linear-gradient(left,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
	background-image:         linear-gradient(90deg,
	#00bcd4 0%,#283593 50%,#00bcd4 100%);
}

/* 06-背景に色 */
.sen06 {
	border-top: 2px dashed #9dd1ff;
	background-color: #56b0ff;
}


/* 07-切り取り線 */
.sen07 {
  border-top: 1px dashed #008b8b;
}
.sen07:after {
  content: '\002702';
  display: inline-block;
  position: relative;
  top: -12px;
  left: 40px;
  padding: 0 3px;
  background: #fff;
  color: #008b8b;
  font-size: 18px;
}

.kakomi1{
	background-color: crimson;
	color: white;
	padding: 0 10px;
}

.kakomi2{
	background-color:#3366cc;
	color: white;
	padding: 0 10px;
}

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