@charset "utf-8";

/*-------------------------------------------------------------------------------------------

REFINE CUSTOM STYLESHEET

スタイルシートをカスタマイズする場合は、style.cssを編集する代わりにこちらに
記述してください。そうすることで、テンプレートがアップデートされた場合でも、
このページをコピー＆ペーストするだけで、簡単に新バージョンのテンプレートに、
自分のカスタムを反映させることができます。

-------------------------------------------------------------------------------------------*/
.banner {
 background:none;
 }


.input[type="text"],
 textarea {
    width: 100%;
 }


.input[type=checkbox] {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    background-color: lavender;
}

.input[type=checkbox] {
  -webkit-transform-origin: center middle;
  -webkit-transform: scale( 2 , 2 );
}

.input[type=checkbox] {
/* もともとright bottom（要素の右下を中心とする）になっていたが、理由不明*/
  -moz-transform-origin: center middle;
  -moz-transform: scale( 2 , 2 );
}



.input[type=radio] {
    width: 20px;
    height: 20px;
    text-align: center;
    vertical-align: middle;
    background-color: lavender;
}
.input[type=radio] {
  -webkit-transform-origin: center middle;
  -webkit-transform: scale( 2 , 2 );
}
.input[type=radio] {
/* もともとright bottom（要素の右下を中心とする）になっていたが、radioは使っていなかったので理由不明*/
  -moz-transform-origin: center middle;
  -moz-transform: scale( 2 , 2 );
}

.maste-serotape-left {
	background: rgba(255,255,255,0.4);
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	width: 70px;
	height: 28px;
	position: absolute;
	top: -13px;
	left: 30px;
	margin-left: 30px;
	-webkit-transform: rotate(-2deg);
	-moz-transform: rotate(-2deg);
}

.maste-serotape-right {
	background: rgba(255,255,255,0.4);
	border-left: 2px dotted rgba(0,0,0,0.1);
	border-right: 2px dotted rgba(0,0,0,0.1);
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	width: 70px;
	height: 28px;
	position: absolute;
	top: -13px;
	right: 30px;
	margin-right: 30px;
	-webkit-transform: rotate(2deg);
	-moz-transform: rotate(2deg);
}

.maste-stripepink-left {
	position: absolute;
	top: -1em;
	left: 30px;
	margin-left: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,#FFC0CB 25%,transparent 25%,transparent 50%,#FFC0CB 50%,#FFC0CB 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
	color: #65513f;
/*↑濁った橙、どの部分か不明*/
	transform: rotate(-4deg);
}

.maste-stripeblue-left {
	position: absolute;
	top: -1em;
	left: 30px;
	margin-left: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,rgba(0,102,255,.4) 25%,transparent 25%,transparent 50%,rgba(0,102,255,.4) 50%,rgba(0,102,255,.4) 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
	color: #65513f;
/*↑濁った橙、どの部分か不明*/
	transform: rotate(-4deg);
}

.maste-stripeblue-right {
	position: absolute;
	top: -1em;
	right: 30px;
	margin-right: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,rgba(0,102,255,.4) 25%,transparent 25%,transparent 50%,rgba(0,102,255,.4) 50%,rgba(0,102,255,.4) 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
/*↓両端のドットの色*/
	color: #000000;
	transform: rotate(1deg);
}

.maste-stripepink-right {
	position: absolute;
	top: -1em;
	right: 30px;
	margin-right: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,#FFC0CB 25%,transparent 25%,transparent 50%,#FFC0CB 50%,#FFC0CB 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
/*↓両端のドットの色*/
	color: #000000;
	transform: rotate(1deg);
}

.maste-stripeburlywood-left {
	position: absolute;
	top: -1em;
	left: 30px;
	margin-left: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,#DEB887 25%,transparent 25%,transparent 50%,#DEB887 50%,#DEB887 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
/*↓両端のドットの色*/
	color: #000000;
	transform: rotate(-4deg);
}

.maste-stripeburlywood-right {
	position: absolute;
	top: -1em;
	right: 30px;
	margin-right: 30px;
	width: 70px;
	height: 30px;
	background-image: linear-gradient(-45deg,#DEB887 25%,transparent 25%,transparent 50%,#DEB887 50%,#DEB887 75%,transparent 75%,transparent 100%);
	background-size: 20px 20px;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	padding: .25em 2em;
/*↓両端のドットの色*/
	color: #000000;
	transform: rotate(1deg);
}

.maste-purpledot-left {
	position: absolute;
	top: -1em;
	left: 30px;
	margin-left: 30px;
	width: 70px;
	height: 30px;
	background: #DBD0E4;
        background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
        background-position: 0 0, 10px 10px;
        background-size: 21px 21px;
        /*↑ドットの細かさ、ドットの配置が変わる*/
	padding: 1em;
        /*↑テープの大きさが変わる*/
	color: #593869;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform: rotate(-4deg);
}

.maste-purpledot-right {
	position: absolute;
	top: -1em;
	right: 30px;
	margin-right: 30px;
	width: 70px;
	height: 30px;
	background: #DBD0E4;
        background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
        background-position: 0 0, 10px 10px;
        background-size: 21px 21px;
        /*↑ドットの細かさ、ドットの配置が変わる*/
	padding: 1em;
        /*↑テープの大きさが変わる*/
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform: rotate(1deg);
}
.maste-bluedot-left {
	position: absolute;
	top: -1em;
	left: 30px;
	margin-left: 30px;
	width: 70px;
	height: 30px;
	background: #87CEFA;
        background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
        background-position: 0 0, 10px 10px;
        background-size: 21px 21px;
        /*↑ドットの細かさ、ドットの配置が変わる*/
	padding: 1em;
        /*↑テープの大きさが変わる*/
	color: #593869;
/*↓両端のギザギザ*/
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform: rotate(-4deg);
}

.maste-bluedot-right {
	position: absolute;
	top: -1em;
	right: 30px;
	margin-right: 30px;
	width: 70px;
	height: 30px;
	background: #87CEFA;
        background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
        background-position: 0 0, 10px 10px;
        background-size: 21px 21px;
        /*↑ドットの細かさ、ドットの配置が変わる*/
	padding: 1em;
        /*↑テープの大きさが変わる*/
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform: rotate(1deg);
}


.whitepapernarrow-box{
    background:#fff;
    box-shadow:1px 1px 8px rgba(0,0,0,0.3),0 0 50px rgba(0,0,0,0.1) inset;
    position:relative;
    width:280px;
    margin:40px auto;
    padding: 25px;
}

.whitepaperwide-box{
    background:#fff;
    box-shadow:1px 1px 8px rgba(0,0,0,0.3),0 0 50px rgba(0,0,0,0.1) inset;
    position:relative;
    width:100%;
    margin: 0 auto;
    padding: 25px;
}

.serotapeshort{
    background:rgba(255,255,255,0.4);
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:85px;
    height:28px;
    position:absolute;
    top:-13px;
    left:32%;
    transform:rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
}

.serotapeshortstripepink{
    background-image: linear-gradient(-45deg,pink 25%,transparent 25%,transparent 50%,pink 50%,pink 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:85px;
    height:28px;
    position:absolute;
    top:-13px;
    left:32%;
    transform:rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
}

.serotapeshortstripeblue{
    background-image: linear-gradient(-45deg,rgba(0,102,255,.4) 25%,transparent 25%,transparent 50%,rgba(0,102,255,.4) 50%,rgba(0,102,255,.4) 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:85px;
    height:28px;
    position:absolute;
    top:-13px;
    left:32%;
    transform:rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
}

.serotapeshortstripeburlywood{
    background-image: linear-gradient(-45deg,#DEB887 25%,transparent 25%,transparent 50%,#DEB887 50%,#DEB887 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:85px;
    height:28px;
    position:absolute;
    top:-13px;
    left:32%;
    transform:rotate(-4deg);
    -webkit-transform: rotate(-4deg);
    -moz-transform: rotate(-4deg);
}

.serotapeshortpurpledot {
	position: absolute;
	top: -1em;
	left: 32%;
	width: 85px;
	height: 30px;
	background: #DBD0E4;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
}

.serotapeshortbluedot {
	position: absolute;
	top: -1em;
	left: 32%;
	width: 85px;
	height: 30px;
	background: #87CEFA;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
}

.kraftpapernarrow-box {
	position: relative;
	background: #F8F0D7;
	border-left: 4px dotted rgba(0,0,0,.1);
	border-right: 4px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
        margin:40px auto;
        padding: 25px;
	color: #65513f;
	width: 280px;
}

.kraftpaperwide-box {
	position: relative;
	background: #F8F0D7;
	border-left: 4px dotted rgba(0,0,0,.1);
	border-right: 4px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
        margin:0 auto;
        padding: 25px;
	color: #65513f;
	width: 100%;
}

.serotapemiddle{
    background:rgba(255,255,255,0.4);
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:50%;
    height:28px;
    position:absolute;
    top:-13px;
    left:26%;
    transform:rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.serotapemiddlestripepink{
    background-image: linear-gradient(-45deg,pink 25%,transparent 25%,transparent 50%,pink 50%,pink 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:50%;
    height:28px;
    position:absolute;
    top:-13px;
    left:26%;
    transform:rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.serotapemiddlestripeblue{
    background-image: linear-gradient(-45deg,rgba(0,102,255,.4) 25%,transparent 25%,transparent 50%,rgba(0,102,255,.4) 50%,rgba(0,102,255,.4) 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:50%;
    height:28px;
    position:absolute;
    top:-13px;
    left:26%;
    transform:rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.serotapemiddlestripeburlywood{
    background-image: linear-gradient(-45deg,#DEB887 25%,transparent 25%,transparent 50%,#DEB887 50%,#DEB887 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:50%;
    height:28px;
    position:absolute;
    top:-13px;
    left:26%;
    transform:rotate(-1deg);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
}

.serotapemiddlepurpledot {
	position: absolute;
	top: -1em;
	left: 26%;
	width: 50%;
	height: 30px;
	background: #DBD0E4;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
}

.serotapemiddlebluedot {
	position: absolute;
	top: -1em;
	left: 26%;
	width: 50%;
	height: 30px;
	background: #87CEFA;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
}


.serotapelong{
    background:rgba(255,255,255,0.4);
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:90%;
    height:28px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.serotapelongstripepink{
    background-image: linear-gradient(-45deg,pink 25%,transparent 25%,transparent 50%,pink 50%,pink 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:90%;
    height:28px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.serotapelongstripeblue{
    background-image: linear-gradient(-45deg,rgba(0,102,255,.4) 25%,transparent 25%,transparent 50%,rgba(0,102,255,.4) 50%,rgba(0,102,255,.4) 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:90%;
    height:28px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.serotapelongstripeburlywood{
    background-image: linear-gradient(-45deg,#DEB887 25%,transparent 25%,transparent 50%,#DEB887 50%,#DEB887 75%,transparent 75%,transparent 100%);
    background-size: 20px 20px;
    border-left:2px dotted rgba(0,0,0,0.1);
    border-right:2px dotted rgba(0,0,0,0.1);
    box-shadow:0 0 5px rgba(0,0,0,0.2);
    width:90%;
    height:28px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.serotapelongpurpledot {
	position: absolute;
	top: -1em;
	left: 5%;
	width: 90%;
	height: 30px;
	background: #DBD0E4;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
}

.serotapelongbluedot {
	position: absolute;
	top: -1em;
	left: 5%;
	width: 90%;
	height: 30px;
	background: #87CEFA;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
}

/*↓ここから20181111に追記、eigoblock試行錯誤161*/
.serotapemiddlemistyrosedot {
	position: absolute;
	top: -1em;
	left: 26%;
	width: 50%;
	height: 30px;
	background: #FFE4E1;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
}


.serotapeshortmistyrosedot {
	position: absolute;
	top: -1em;
	left: 32%;
	width: 85px;
	height: 30px;
	background: #FFE4E1;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
}

.serotapelongmistyrosedot {
	position: absolute;
	top: -1em;
	left: 5%;
	width: 90%;
	height: 30px;
	background: #FFE4E1;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
}


.serotapemiddlelightgreendot {
	position: absolute;
	top: -1em;
	left: 26%;
	width: 50%;
	height: 30px;
	background: #90EE90;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-1deg);
        -webkit-transform: rotate(-1deg);
        -moz-transform: rotate(-1deg);
}


.serotapeshortlightgreendot {
	position: absolute;
	top: -1em;
	left: 32%;
	width: 85px;
	height: 30px;
	background: #90EE90;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(-4deg);
        -webkit-transform: rotate(-4deg);
        -moz-transform: rotate(-4deg);
}

.serotapelonglightgreendot {
	position: absolute;
	top: -1em;
	left: 5%;
	width: 90%;
	height: 30px;
	background: #90EE90;
	background-image: radial-gradient(#fff 20%,transparent 0), radial-gradient(#fff 20%,transparent 0);
	background-position: 0 0, 10px 10px;
	background-size: 21px 21px;
	padding: 1em;
	color: #593869;
	border-left: 2px dotted rgba(0,0,0,.1);
	border-right: 2px dotted rgba(0,0,0,.1);
	box-shadow: 0 0 5px rgba(0,0,0,.2);
	transform:rotate(0deg);
        -webkit-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
}
/*↑ここまで20181111に追記、eigoblock試行錯誤161*/


.bluemagnet1-box {
	/*青マグネットを上側左右に2個、紙width280px*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 280px;
	margin: 40px auto;
	padding: 25px;
}

.bluemagnet1:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #0099ff;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.bluemagnet1:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #0099ff;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}


.bluemagnet2-box {
	/*青マグネットを上側左右に2個、紙width100%*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 100%;
	margin: 40px auto;
	padding: 25px;
}

.bluemagnet2:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #0099ff;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.bluemagnet2:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #0099ff;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}


.redmagnet1-box {
	/*青マグネットを上側左右に2個、紙width280px*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 280px;
	margin: 40px auto;
	padding: 25px;
}

.redmagnet1:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FF0000;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.redmagnet1:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FF0000;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}


.redmagnet2-box {
	/*赤マグネットを上側左右に2個、紙width100%*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 100%;
	margin: 40px auto;
	padding: 25px;
}

.redmagnet2:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FF0000;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.redmagnet2:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FF0000;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}


.yellowmagnet1-box {
	/*黄色マグネットを上側左右に2個、紙width280px*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 280px;
	margin: 40px auto;
	padding: 25px;
}

.yellowmagnet1:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FFD700;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.yellowmagnet1:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FFD700;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}

.yellowmagnet2-box {
	/*青マグネットを上側左右に2個、紙width280px*/
        position: relative;
	background: #fff;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.3), 0 0 50px rgba(0,0,0,0.1) inset;
	width: 100%;
	margin: 40px auto;
	padding: 25px;
}

.yellowmagnet2:before {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FFD700;
	font-size: 30px;
	top: -11px;
	left: 1px;
	margin-left: 1px;
	z-index: 2;
}

.yellowmagnet2:after {
	content: '●';
/*contentは文字も可*/
	position: absolute;
	display: inline-block;
	vertical-align: middle;
	color: #FFD700;
	font-size: 30px;
	top: -11px;
	right: 1px;
	margin-right: 1px;
	z-index: 2;
}

.minitatekanbangazoumojioneline2moji {
	position: relative;
}

.minitatekanbangazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 16px;
	left: 24px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minitatekanbangazoumojioneline2moji img {
	width: 100%;
}


.minicorkboardgazoumojioneline2moji {
	position: relative;
}

.minicorkboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 8px;
	left: 21px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minicorkboardgazoumojioneline2moji img {
	width: 100%;
}

.minigreenboardgazoumojioneline2moji {
	position: relative;
}

.minigreenboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 5px;
	left: 20px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minigreenboardgazoumojioneline2moji img {
	width: 100%;
}

.miniwoodframeblackboardgazoumojioneline2moji {
	position: relative;
}

.miniwoodframeblackboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 6px;
	left: 21px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodframeblackboardgazoumojioneline2moji img {
	width: 100%;
}

.miniwoodframewhiteboardgazoumojioneline2moji {
	position: relative;
}

.miniwoodframewhiteboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 7px;
	left: 20px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodframewhiteboardgazoumojioneline2moji img {
	width: 100%;
}

.miniwoodroundframewhiteboardgazoumojioneline2moji {
	position: relative;
}

.miniwoodroundframewhiteboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 5px;
	left: 21px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodroundframewhiteboardgazoumojioneline2moji img {
	width: 100%;
}

.minicorkframewhiteboardgazoumojioneline2moji {
	position: relative;
}

.minicorkframewhiteboardgazoumojioneline2moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 7px;
	left: 21px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minicorkframewhiteboardgazoumojioneline2moji img {
	width: 100%;
}

.minitatekanbangazoumojioneline3moji {
	position: relative;
}

.minitatekanbangazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 29px;
	left: 21px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minitatekanbangazoumojioneline3moji img {
	width: 100%;
}


.minicorkboardgazoumojioneline3moji {
	position: relative;
}

.minicorkboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 16px;
	left: 13px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minicorkboardgazoumojioneline3moji img {
	width: 100%;
}

.minigreenboardgazoumojioneline3moji {
	position: relative;
}

.minigreenboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 14px;
	left: 12px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minigreenboardgazoumojioneline3moji img {
	width: 100%;
}

.miniwoodframeblackboardgazoumojioneline3moji {
	position: relative;
}

.miniwoodframeblackboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 14px;
	left: 13px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodframeblackboardgazoumojioneline3moji img {
	width: 100%;
}

.miniwoodframewhiteboardgazoumojioneline3moji {
	position: relative;
}

.miniwoodframewhiteboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 15px;
	left: 12px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodframewhiteboardgazoumojioneline3moji img {
	width: 100%;
}

.miniwoodroundframewhiteboardgazoumojioneline3moji {
	position: relative;
}

.miniwoodroundframewhiteboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 14px;
	left: 13px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniwoodroundframewhiteboardgazoumojioneline3moji img {
	width: 100%;
}

.minicorkframewhiteboardgazoumojioneline3moji {
	position: relative;
}

.minicorkframewhiteboardgazoumojioneline3moji p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 15px;
	left: 13px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.minicorkframewhiteboardgazoumojioneline3moji img {
	width: 100%;
}
.miniboardgazoumojionelineonedigit {
	position: relative;
}

.miniboardgazoumojionelineonedigit p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
        top: 13px;
	left: 33px;
	right: ;
/*文字数が限られているのでrightは必要ない、16pxにしていたが*/
	margin: 0;
	padding: 0;
}

.miniboardgazoumojionelineonedigit img {
	width: 100%;
}

.miniboardgazoumojionelinetwodigit {
	position: relative;
}

.miniboardgazoumojionelinetwodigit p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
	top: 13px;
	left: 22px;
	right: ;
	margin: 0;
	padding: 0;
}

.miniboardgazoumojionelinetwodigit img {
	width: 100%;
}

.miniboardgazoumojionelinethreedigit {
	position: relative;
}

.miniboardgazoumojionelinethreedigit p {
	position: absolute;
	color: black;
	font-weight: ;
	font-size: ;
	top: 13px;
	left: 20px;
	right: ;
	margin: 0;
	padding: 0;
}

.miniboardgazoumojionelinethreedigit img {
	width: 100%;
}

/* ホワイトボード余白なし */

.bg-deco-whiteboardyohakunashi {
	text-align: left;
	color: #222 !important;
        margin: 0 auto 20px;
	padding: 15px 7px 5px 17px;
/* もともとはmargin(ホワイトボードの外側): 0 auto 20px;(上、左右、下)
padding（ホワイトボードの内側）: 30px 35px 35px;(上、左右、下)、４つ並べると上右下左の順 */
	background: 
		url("img/shortcodes/bg-whiteboardyohakunashi1.png") no-repeat left   top,
		url("img/shortcodes/bg-whiteboardyohakunashi2.png") no-repeat right  top,
		url("img/shortcodes/bg-whiteboardyohakunashi3.png") no-repeat left   bottom,
		url("img/shortcodes/bg-whiteboardyohakunashi4.png") no-repeat right  bottom,
		url("img/shortcodes/bg-whiteboardyohakunashi5.png") repeat-x  center top,
		url("img/shortcodes/bg-whiteboardyohakunashi6.png") repeat-y  right  center,
		url("img/shortcodes/bg-whiteboardyohakunashi7.png") repeat-x  center bottom,
		url("img/shortcodes/bg-whiteboardyohakunashi8.png") repeat-y  left   center,
		url("img/shortcodes/bg-whiteboardyohakunashi9.png") repeat    center center;
	/*IE6 IE7 IE8 */
	behavior: url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/PIE.htc");
	position: relative;
	zoom: 1;
	-pie-background: 
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi1.png") no-repeat left   top,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi2.png") no-repeat right  top,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi3.png") no-repeat left   bottom,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi4.png") no-repeat right  bottom,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi5.png") repeat-x  center top,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi6.png") repeat-y  right  center,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi7.png") repeat-x  center bottom,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi8.png") repeat-y  left   center,
		url("https://eigoblock.net/wp-content/themes/refinesnow2-1.2/img/shortcodes/bg-whiteboardyohakunashi9.png") repeat    center center;
}

.bg-deco-whiteboardyohakunashi h1, 
.bg-deco-whiteboardyohakunashi h2, 
.bg-deco-whiteboardyohakunashi h3, 
.bg-deco-whiteboardyohakunashi h4, 
.bg-deco-whiteboardyohakunashi h5, 
.bg-deco-whiteboardyohakunashi h6, 
.bg-deco-whiteboardyohakunashi p {
	color: #222 !important;
}


/*shikou161にある。position:absoluteだとrotateできる。これをもとにしたsoloヴァージョンをshikou356に*/
.fusenorange {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px orange;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;transform: rotate(-1deg);
}



.fusenred {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px red;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;
transform: rotate(-1deg);
}


.fusenblue {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px blue;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;
transform: rotate(-1deg);
}


.fusengreen {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px green;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;
transform: rotate(-1deg);
}

.fusenyellow {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px yellow;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;
transform: rotate(-1deg);
}


.fusenpink {
position: absolute;
width:200px;
height:50px;
vertical-align:middle;
padding: 11px;/*文字周りの余白*/
color: #494949;/*文字色*/
background: #fffaf4;/*背景色*/
border-left: solid 8px pink;/*左線（実線 太さ 色）*/
box-shadow: 1px 1px 0px 0px tan;
transform: rotate(-1deg);
}



.tape1-box {
position: relative;
background-color: #FFF;
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
/*↓問題をかくした際に、２行で重なってしまうのでclass指定で対処。もともとはpだったが、行間広いのでline-heightで対策*/
.tape1-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.tape2-box {
position: relative;
background-color: lightyellow ;
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape2-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.tape3-box {
position: relative;
background-color: whitesmoke;
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape3-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.tape4-box {
position: relative;
background-color:seashell;
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape4-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}


.tape5-box {
position: relative;
background-color: honeydew;
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape5-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}

.tape6-box {
position: relative;
background-color: #fff;
background: repeating-linear-gradient(-45deg,seashell,seashell 10px,ivory 0,ivory 20px);
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape6-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}


.tape7-box {
position: relative;
background-color: #fff;
background: repeating-linear-gradient(-45deg,#edf5f4,#edf5f4 10px,#f6faf9 0,#f6faf9 20px);
padding: 1em;
box-shadow: 1px 1px 1px 2px #999;
}
.tape7-box div[class=tapeboxichi] {
color: #000;
/* メイン文章の色*/
padding: 15px 10px 10px;
/*↓行間調整30px,2em,200%がほぼ同じ*/
line-height: 30px;}



.tapeorange-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid orange;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapered-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid red;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapeblue-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid blue;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapegreen-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid green;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapeyellow-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid yellow;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapepink-moccasin {
position: absolute;
top: -.75em;
background-color: moccasin;
border-left: 5px solid pink;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}


.tapeorange-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid orange;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapered-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid red;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapeblue-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid blue;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapegreen-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid green;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapeyellow-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid yellow;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

.tapepink-ghostwhite {
position: absolute;
top: -.75em;
background-color: ghostwhite;
border-left: 5px solid pink;
padding: .25em 2em;
color: #454545;
/* ↑ふせんの上の文字色*/
transform: rotate(-1deg);
box-shadow: 1px 1px 0px 0px lavender;}

/*マグネットテープ各種shikousakugo214*/
.magnettapetransparentlong{
    background:transparent;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px transparent;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapeorangeredlong{
    background:orangered;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapemildyellowlong{
    background:#FFFF33;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapedodgerbluelong{
    background:dodgerblue;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapegraylong{
    background:gray;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px lavender;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapeblacklong{
    background:black;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapeorangelong{
    background:orange;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapewhitelong{
    background:white;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px 1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapepurplelong{
    background:purple;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapebrownlong{
    background:brown;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapeyellowgreenlong{
    background:yellowgreen;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapegoldlong{
    background:gold;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapelavenderlong{
    background:lavender;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapeturquoiselong{
    background:turquoise;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettaperedlong{
    background:red;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.magnettapebluelong{
    background:blue;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.magnettapeyellowlong{
    background:yellow;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}
.magnettapegreenlong{
    background:green;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}

.magnettapepinklong{
    background:pink;
    opacity:0.8;
	  border-radius:2px;
    box-shadow:1px 1px gray;
    width:90%;
    height:23px;
    position:absolute;
    top:-13px;
    left:5%;
    transform:rotate(0deg);
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
}


.mojigradient1 {
	color: #444;
	text-shadow: 1px 1px 0 #eee, 2px 2px 0 #707070;
}

.mojigradient2 {
	color: #fff;
	text-shadow: 0 0 1px #666, 0 0 5px #666, 0 0 6px #666;
}

.mojigradient3 {
	color: #fff;
	text-shadow: 0 1px 0 #999, 0 2px 0 #888, 0 3px 0 #777, 0 4px 0 #666, 0 5px 0 #555, 0 6px 0 #444, 0 7px 0 #333, 0 8px 7px #111;
}

.mojigradient4 {
	color: #222;
	text-shadow: -1px -1px 0 #eee, 1px -1px 0 #5c5c5c, 1px 1px 0 #5c5c5c, -1px 1px 0 #5c5c5c;
}

.mojigradient5 {
	color: #000;
	text-shadow: -1px -1px 0 #5c5c5c, 1px -1px 0 #5c5c5c, 1px 1px 0 #5c5c5c, -1px 1px 0 #5c5c5c;
}

.mojigradient6 {
	color: #ccc;
	text-shadow: 1px 1px 0 #fff, -1px -1px 1px #666;
}

.mojigradient7 {
	text-shadow: 0 0 35px #ffdd65, 0 0 30px #ffdd65, 0 0 25px #ffdd65, 0 0 20px #ffdd65, 0 0 15px #ffdd65, 0 0 10px #ffdd65, 0 0 5px #fff;
}

.mojigradient8 {
	color: #fff;
	text-shadow: 0 0 15px #edf8ff, 0 0 10px #edf8ff, 0 0 20px #edf8ff;
}

.mojigradient9 {
	position: relative;
	color: #f2f2f2;
	text-shadow: 1px 1px 0 red, 2px 2px 0 red, 3px 3px 0 red, 4px 4px 0 red, 5px 5px 0 orange, 6px 6px 0 orange, 7px 7px 0 orange, 8px 8px 0 orange, 

9px 9px 0 pink, 10px 10px 0 pink, 11px 11px 0 pink, 12px 12px 0 pink, 13px 13px 0 yellow, 14px 14px 0 yellow, 15px 15px 0 yellow, 16px 16px 0 yellow, 

17px 17px 0 green, 18px 18px 0 green, 19px 19px 0 green, 20px 20px 0 green, 21px 21px 0 blue, 22px 22px 0 blue, 23px 23px 0 blue, 24px 24px 0 blue, 25px 

25px 0 indigo, 26px 26px 0 indigo, 27px 27px 0 indigo, 28px 28px 0 indigo, 29px 29px 0 violet, 30px 30px 0 violet, 31px 31px 0 violet, 32px 32px 0 

violet;
}

.mojigradient10 {
	color: rgba(255,255,255,0.1);
	text-shadow: 0 0 15px rgba(255,255,255,0.5), 0 0 10px rgba(255,255,255,0.5);
}

.mojigradient11 {
	position: relative;
	color: #000000;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3);
}

.mojigradient11:before {
	content: attr(title);
	position: absolute;
	top: -2px;
	left: -2px;
	display: block;
}

.mojigradient11:after {
	content: attr(title);
	position: absolute;
	top: -4px;
	left: -4px;
	display: block;
}

.mojigradient11:before {
	color: #f2f2f2;
}

.mojigradient11:after {
/*一番上に出る色*/
	color: #ffcc00;
}

.mojigradient12 {
	position: relative;
	color: #000000;
}

.mojigradient12:before {
	position: absolute;
	display: block;
	content: attr(title);
	top: -2px;
	left: -2px;
	color: #f2f2f2;
}

.mojigradient12:after {
	position: absolute;
	display: block;
	content: attr(title);
	top: -4px;
	left: -4px;
	color: #ffcc00;
}

.mojigradient13 {
	font-size: 50px;
	color: #000;
	position: relative;
}

.mojigradient13:before {
	content: "英語ブロック";
	color: #F5DEB3;
	position: absolute;
	top: -52px;
	left: 0;
	font-size: 50px;
	transform: rotateX(180deg);
	background-image: linear-gradient(transparent 50%,transparent 50%,#f2f2f2);
}

.mojigradient13:after {
	content: "英語ブロック";
	color: #DEB887;
	position: absolute;
	top: 37px;
	left: 0;
	font-size: 50px;
	transform: rotateX(180deg);
	background-image: linear-gradient(#f2f2f2 50%,transparent 50%);
}

.mojigradient14 {
	position: relative;
	text-shadow: 1px 1px 3px #999, 2px 2px 0 #f2f2f2, 3px 3px 0 #f2f2f2, 4px 4px 0 #f2f2f2, 5px 5px 0 #f2f2f2, 6px 6px 0 #f2f2f2, 7px 7px 0 #f2f2f2, 

8px 8px 0 #f2f2f2, 9px 9px 0 #f2f2f2, 10px 10px 0 #f2f2f2, 11px 11px 0 #f2f2f2, 12px 12px 0 #f2f2f2, 13px 13px 0 #f2f2f2, 14px 14px 0 #f2f2f2, 15px 15px 

0 #f2f2f2, 16px 16px 0 #f2f2f2, 17px 17px 7px #555;
}

.mojigradient15 {
	position: relative;
	text-shadow: 0 1px 3px #999, 0 2px 0 #f2f2f2, 0 3px 0 #f2f2f2, 0 4px 0 #f2f2f2, 0 5px 0 #f2f2f2, 0 6px 0 #f2f2f2, 0 7px 0 #f2f2f2, 0 8px 0 

#f2f2f2, 0 9px 0 #f2f2f2, 0 10px 0 #f2f2f2, 0 11px 0 #f2f2f2, 0 12px 0 #f2f2f2, 0 13px 0 #f2f2f2, 0 14px 0 #f2f2f2, 0 15px 0 #f2f2f2, 0 16px 0 #f2f2f2, 0 

17px 17px #555;
}

.mojigradient16 {
	text-shadow: 0 0 10px #fefcc9, 2px -2px 15px #feec85, -5px -5px 20px #ffae34, 5px -10px 25px #ec760c, -5px -15px 30px #cd4606, 0 -20px 35px 

#973716, 5px -25px 40px #451b0e;
}

.mojigradient17 {
	text-shadow: 2px 2px 0 #eee, 4px 4px 0 #707070;
}

.mojigradient18 {
	position: relative;
	text-shadow: 10px 50px 15px #111;
	font-style: oblique;
}

.mojigradient19 {
/*レインボー背景*/
	position: relative;
}

.mojigradient20 {
	position: relative;
}