/* リセットCSS */
html,body,div,span,h1,h2,h3,h4,h5,h6,p,img,a,ul,li,header,footer,small{
	margin:0;
	padding:0;
	border:0;
	font-weight: normal;
	font-size: inherit;
}
article,aside,canvas,details,figcaption,figure,
header,footer,main,menu,nav,section,summary {
  display: block;
}
a { outline:none; }

img{ max-width:100%; }

/* ▼以下全体デザイン */
body{
	line-height:1;
	text-align: center;
	background: #745399;
	background : -webkit-repeating-linear-gradient(5deg,
                                         #745399,
                                         #745399 30px,
                                         #1f1f1f 0,
                                         #1f1f1f 50px);
	background : repeating-linear-gradient(5deg,
                                         #745399,
                                         #745399 30px,
                                         #1f1f1f 0,
                                         #1f1f1f 50px);
	color: #fff;
	padding: 14px 14px 0;
}

/* font */

h1,h2,webfnt{
	font-family: 'Berkshire Swash',"Times New Roman",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}
.serif,nav{
	font-family: "Times New Roman",Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;
}

/* −−−−−−−−−−−
メインコンテンツの本文 */
.main{
	max-width: 600px;/* 幅は最大で600px */
	text-align:left;/* ここは変えないこと */
	margin: 0 auto;/* ここは変えないこと */
	font-size:14px;
	background:#000;
	background: rgba(0,0,0,0.6);
	line-height:1.5;/* 行間 */
	padding:6px 12px;/* 内側余白の上下px 左右px */
}
small{
	display: block;
	font-size: 80%;
	text-align: right;
}
/* −−−−−−−−
見出し部分の装飾 */

h1,h2{ font-weight: bold; }
h1{ margin: 1em 0; }
h1 span{
	font-size:24px;
	color: #fff;
	position: relative;
	line-height: 1;
	display: inline-block;
	padding: 8px 12px;
	-webkit-transform: rotate(-6deg);
	transform: rotate(-6deg);
	max-width: 100%;
	word-wrap: break-word;
	background: #000;
}
h1 span::after{
	position: absolute;
	top: 2px;
	left: -5%;
	content: "";
	z-index: -1;
	height: 90%;
	width: 110%;
	-webkit-transform: rotate(-5deg);
	transform: rotate(-5deg);
	background: #7cfc00;
	background: rgba(172, 251, 58,0.5);
}


h2{
	font-size:125%;
	margin: 4px 0 8px;
}
h2 span{
	padding: 0 4px 0 30px;
	border-bottom: 1px solid #7cfc00;
	-webkit-transform: rotate(5deg);
	transform: rotate(5deg);
	display: inline-block;
	margin-left: -10px;
}

/* −−−−−−−−−−−−−−−−−−−−
■ページ全体のリンク■
−−−−−−−−−−−−−−−−−−−− */

a:link{
	text-decoration:none;/* 下線を消す */
	color:#fff;/* 未訪問リンク */
	border-bottom: 1px solid #f98289;/* 下線 */
}
a:visited{ color:#fff; }/* 訪問済み */
a:hover{
	color:#f3f; /* オンマウスとタップで */
	border-color: #745399;/* 下線色 */
}
a:active{ color:#f3f; }/* 選択中 */


/* −−−−−−−−
メニューのリンク */

nav{ margin: 8px 0;}

nav a, nav a:link, nav a:visited, nav a:hover, nav a:active{
	display: inline-block;
	border: 1px solid #fff;
	background: #f3f;
	box-shadow: 0 0 0 1px #f3f;
	padding: 4px 6px;
	margin: 8px;
}

nav a:hover, nav a:active{
	background: #000;
	box-shadow: 0 0 0 1px #000;
	border-color: #f3f;
	color: #f3f;
}

footer{
	background: #000;
	margin: 14px -14px;
	padding: 8px;
}
footer a:link{
	border: none;
	color: #fff;
}