* {
		margin: 0;
		padding: 0;
		/*全要素のマージン・パディングをリセット*/
		line-height: 1.5;
		/*全要素の行の高さを1.5倍にする*/
		color: #333631;
		/*文字色*/
}


/*clearfix*/

clearfix::after {
		content: '';
		display: table;
		clear: both
}


/*layout*/

body {
		text-align: center;
		/*IE6以下でセンタリングするための対策*/
		background-image:url("../image/akunekotop.jpg");
		background-position: left top;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		width: 100%;
		min-height: 100vh;

}


div#pagebody {
		font: 95%/1.5em "Century Gothic", "Arial", "sans-serif";
		width: 900px;
		margin: 20px auto;
		/*内容全体をセンタリング*/
		text-align: left;
		/*テキストの配置を左揃えにする*/
}

@font-face {
  font-family: 'NotoSansJP-VariableFont_wght.ttf';
  src:url('../fonts/NotoSansJP-VariableFont_wght.ttf') format('ttf')
      format('woff2');
  font-display: swap;
}

/*header*/

header {
		padding: 5px;
		border-radius: 10px;
		box-shadow: 0 0 10px #333;
		background: linear-gradient(#fffaf0, #98d98e);
		margin: 0 0 20px;
		padding: 0 20px;
		text-align: center;
		text-shadow: 0 5px 5px #333333;
}

#title h1 {
		text-align: center;
		color: #f7fcfe;
		font-size: 2em;
		margin: 5px;
		padding: 0px;
		text-shadow: 0 5px 5px #333333;
}

h1 img
{
		vertical-align: middle;
		padding: 0 10px 0 0;
}

h1 a {
		text-decoration: none;
}


.yohaku{
margin: 0px 20px 20px 20px;
}

ol {
margin: 0px 20px 20px 20px;
}


figure .left {
  text-align: left;
  width: 50px;
}

/*パンくずリスト　ここから*/
.breadcrumb-001 {
    display: flex;
    gap: 0 22px;
    list-style: none;
    padding: 0;
    font-size: .9em;
}

.breadcrumb-001 li {
    display: flex;
    align-items: center;
}

.breadcrumb-001 li:first-child::before {
    display: inline-block;
    width: 1em;
    height: 1em;
    margin-right: 4px;
    background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M11.7%207.5%204%2013.8v6.8c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-4c0-.4.3-.7.7-.7h2.7c.4%200%20.7.3.7.7v4c0%20.4.3.7.7.7h4.7c.4%200%20.7-.3.7-.7v-6.8l-7.7-6.3h-.9zm12.1%204.4L20.3%209V3.2c0-.3-.2-.5-.5-.5h-2.3c-.3%200-.5.2-.5.5v2.9L13.3%203c-.7-.6-1.8-.6-2.5%200L.2%2011.8c-.2.2-.3.5-.1.7l1.1%201.3c.2.2.5.2.7.1l9.8-8.1h.6l9.8%208.1c.2.2.5.1.7-.1l1.1-1.3c.2-.2.1-.5-.1-.6z%22%20style%3D%22fill%3A%2364c242%22%2F%3E%3C%2Fsvg%3E');
    background-repeat: no-repeat;
    content: '';
}

.breadcrumb-001 li:not(:last-child)::after {
    display: inline-block;
    transform: rotate(45deg);
    width: .3em;
    height: .3em;
    margin-left: 10px;
    border-top: 1px solid #64c242;
    border-right: 1px solid #64c242;
    content: '';
}

.breadcrumb-001 a {
    color: #74bf36;
    text-decoration: none;
}

/*パンくずリスト　ここまで*/

/*吹き出しここから*/

:focus {
    outline: none;
}
/* 吹き出し本体 主　右からしゃべる*/
.balloon1 {
		position: relative;
		padding: 20px;
		border-radius: 10px;
		color: #f8fbf8;
		background-color: #98d98e;
		margin: 25px 115px 40px 0;

}

/* 画像 - 絶対配置で右上に配置 */
.balloon1 .icon {
		position: absolute;
		right: -110px;
		top: 0;
		op: 0;
}
.balloon1 img {
		width: 100%;
		height: auto;
		border: solid 3px #98d98e;
		border-radius: 50%;
}

/* 三角アイコン */
.balloon1::before {
		content: '';
		position: absolute;
		display: block;
		width: 0;
		height: 0;
		right: -15px;
		top: 20px;
		border-left: 15px solid #98d98e;
		border-top: 15px solid transparent;
		border-bottom: 15px solid transparent;
		outline: none;
}

span {
		font-weight: bold;
}

.orange {
		color: #ff8c00;
}

.red {
		color: #ff0000;
}

.pink {
		color: #ff7aff;
}

.green {
		color: #38b48b;
}

.blue {
		color: #00bfff;
}

.violet {
		color: #7058a3;
}

.cancel{
		text-decoration: line-through;
		font-weight:normal; 
}

ruby{
		color: #f8fbf8;
}

rt{
		color: #f8fbf8;
}

/*マーカー*/
mark {
 background: linear-gradient(transparent 40%, #ff69b4 80%);
}

/*リンクの下線を無くす*/

body div#pagebody header p#sub {
		;
		margin: 5px 5px 5px 5px padding: 0;
		font-weight: bold;
		text-align: center;
		color: #f8f4e6;
}


/*header終了*/

@media only screen and (max-width: 750px) {
		img {
				max-width: 100%;
		}
}

/*Q&A*/
.qa {
    max-width: auto;
    margin-bottom: 10px;
    border: none;
    border-radius: 25px;
    box-shadow: 0 4px 4px rgb(0 0 0 / 2%), 0 2px 3px -2px rgba(0 0 0 / 5%);
    background-color: #fff;
}

.qa summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em 1em 3em;
    color: #333631;
    font-weight: 600;
    cursor: pointer;
}

.qa summary::before,
.qa p::before {
    position: absolute;
    left: 1em;
    font-weight: 600;
    font-size: 1.3em;
}

.qa summary::before {
    color: #00a3af;
    content: "Q";
}

.qa summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333631b3;
    border-right: 3px solid #333631b3;
    content: '';
    transition: transform .5s;
}

.qa[open] summary::after {
    transform: rotate(225deg);
}

.qa p {
    position: relative;
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .3em 3em 1.5em;
    color: #333;
    transition: transform .5s, opacity .5s;
}

.qa[open] p {
    transform: none;
    opacity: 1;
}

.qa[open] img {
  width: 70%;
  margin: auto;
  display: block;
}

.qa p::before {
    color: #ff8d8d;
    line-height: 1.2;
    content: "A";
}

/* ------------------------------
 CLEARFIX ELEMENTS
------------------------------ */

#menuList>ul:before, #menuList>ul:after {
		content: " ";
		display: table;
}

#menuList>ul:after {
		clear: both;
}

#menuList>ul {
		*zoom: 1;
}
/*ナビ　https://www.asobou.co.jp/blog/web/css-dropdown/*/

/*ナビ　ここまで*/

/*article*/

article {
		float: left;
		width: 600px;
		border-radius: 10px;
		box-shadow: 0 0 10px #333;
		background-color: #f9fff9;
		text-align: left;
		margin: 0 0 20px;
		padding: 0 20px;

}

article h2 {
		border-radius: 5px;
		margin: 10px 0 10px;
		padding-left: 15px;
		font-size: 1,5em;
		color: #f8fbf8;
		font-weight: bold;
		background: #98d98e;
}

/*section*/
section {
		margin: 0px 0 20px;
		background-color: #f9fff9;
}

section h2 {
		border-radius: 5px;
		margin: 20px 0 10px;
		padding-left: 40px;
		font-size: 1.1em;
		color: #e6e6fa;
		font-weight: bold;
}

h3{
		color: #ffd700;
		padding: 0.5em;
		font-size: 1rem; /* 文字サイズ */
		outline: 0px;
		border: 0px;
}

h3 a:link {color: #f0908d;}

h3 a:visited {color: #e597b2;}

h4 {
		color: #005243;
		padding: 0.5em 0.5em 0.5em 1.5em;
		font-size: 0.9rem; /* 文字サイズ */
		outline: 0px;
		border: 0px;
}

h3 a:link {color: #005243;}

h3 a:visited {color: #005243;}


.container {
  font-family: "Yu Gothic", YuGothic, Verdana, 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, sans-serif;
  text-align: center;
  padding-top: 40px;
}

/* ワンポイントBOX */
.mybox {
	border: 5px solid #d6e9ca;	/* 線の太さ・種類・色 */
	margin: 10px; /* 外側の余白 */
	padding: 10px; /* 内側の余白 */
	position: relative;
	z-index: 0;
}

.mybox p{
	margin: 0px; /* 外側の余白 */
	padding: 0px 10px 10px 25px; /* 内側の余白 */
}

.mybox:before {
	background-color: #68be8d;;	/* ワインポイントの色 */
	content: '';
	display: block;
	position: absolute;
	top: -5px;
	left: -5px;
	width: 5px;
	height: 5px;
	z-index: 1;
}
/* ワンポイントBOXここまで */

/* 重要BOX ここから*/

.box{
  position: relative;
  background: linear-gradient(
    -45deg,
    #fff 25%, #fbc6cc 25%,
    #fbc6cc 50%, #fff 50%,
    #fff 75%, #fbc6cc 75%,
    #d8e0ff
  );
  background-size: 8px 8px;
  padding: 8px;
    margin: 8px;
}
.box_inner{
  background: #FFF;
  padding: .5em;
}

/* 重要BOXここまで */

.ebox {
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #e95295;
    background color: #fef263;
}
.ebox .box-title {
    position: absolute;
    display: inline-block;
    top: -27px;
    left: -3px;
    padding: 0 9px;
    height: 25px;
    line-height: 25px;
    font-size: 17px;
    background: #e95295;
    color: #fdeff2;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}
.ebox p {
    margin: 0; 
    padding: 0;

}


/* シンプルBOXここから */
.sbox {
    margin: 0.3em 0em 1em 2.5em; /* 枠外との間隔（上、右、下、左） */
    padding: 5px 10px;
    font-size: 0.9em; /* 文字サイズ */
    color: #ffffff;/*文字色*/
    background: #fffafa;
    border: solid 3px #a58f86;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.sbox p {
    margin: 0; 
    padding: 0;
}
/* シンプルBOXここまで */

/* 補足BOX */
.kakomi-hosoku {
 margin: 0.3em 0em 1em 2.5em; /* 枠外との間隔（上、右、下、左） */
 padding: 5px 10px;
 font-size: 0.9em; /* 文字サイズ */
 color: #583822; /* 文字色 */
 border-left: 3px solid #a58f86; /* 線の太さ・線種・色 */
 border-radius: 5px;
}

.kakomi-hosoku  a:link { color: #69b076; }
.kakomi-hosoku  a:visited { color: #583822; }


/* 引用 */
blockquote {
    margin: 0.3em 0em 1em 1em; 
    position: relative;
    padding: 10px 20px;
    box-sizing: border-box;
    font-style: italic;
    color: #badcad;
    background: #eaedf7;
}

blockquote:before{
    display: inline-block;
    position: absolute;
    top: 7px;
    left: 10px;
    content: "\f10d";
    font-family: FontAwesome;
    color: #e6e6fa;
    font-size: 58px;
    line-height: 1;
    font-weight: 900;
}

blockquote:after{
    display: inline-block;
    position: absolute;
    bottom: 5px;
    right: 15px;
    text-align: center;
    content: "\f10e";
    font-family: FontAwesome;
    color: #e6e6fa;
    font-size: 40px;
    line-height: 1;
    font-weight: 900;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}

blockquote cite {
    position: relative;
    z-index: 3;
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* 引用ここまで */


/*アコーディオンここから*/


/*ボックス全体*/
.accbox {
		margin: 2em 0;
		padding: 0;
		max-width: 100%;/*最大幅*/
}

/*ラベル*/
.accbox label {
		display: block;
		margin: 1.5px 0;
		padding : 13px 12px;
		color: #68be8d;
		font-weight: bold;
		background: #d6e9ca;
		cursor :pointer;
		transition: all 0.5s;
}

/*アイコンを表示*/
.accbox label:before {
    content: '\f054';
		font-family: 'FontAwesome';
		padding-right: 8px;
}

/*ラベルホバー時*/
.accbox label:hover {
		background :#f8fbf8;
}

/*チェックは隠す*/
.accbox input {
		display: none;
}

/*中身を非表示にしておく*/
.accbox .accshow {
		height: 0;
		padding: 0;
		overflow: hidden;
		opacity: 0;
		transition: 0.8s;
}

/*クリックで中身表示*/
.cssacc:checked + label + .accshow {
		height: auto;
		padding: 5px;
		background-color: #f9fff9;
		opacity: 1;
}

.accbox .accshow p {
		margin: 15px 0 20px 5px}

/*アイコンを入れ替える*/
.cssacc:checked + label:before {
		content: '\f078';
}

.accbox  a:link { color: #028760; }
.accbox  a:visited { color: #68be8d; }


.accordion-001 {
    max-width: auto;
    background-color: #f8fbf8;
}

.accordion-001:not([open]) {
    margin-bottom: 7px;
}

.accordion-001 summary {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 1em 2em;
    border-radius: 5px;
    background-color: #98d98e;
    color: #ffffff;
    font-weight: 600;
    cursor: pointer;
}

.accordion-001 summary::-webkit-details-marker {
    display: none;
}

.accordion-001 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #68be8d;
    border-right: 3px solid #68be8d;
    content: '';
    transition: transform .3s;
}

.accordion-001[open] summary::after {
    transform: rotate(225deg);
}

.accordion-001 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 1em 2em 2em 2em;
    color: #333631;
    transition: transform .5s, opacity .5s;
}

.accordion-001[open] p {
    transform: none;
    opacity: 1;
}

.accordion-001 a:link { color: #028760; }
.accordion-001 a:visited { color: #68be8d; }

/*アコーディオンここまで*/

/*区切り線ここから*/
hr.style {
  margin: 20px;
  border: 0; 
  height: 1px; 
  background-image: -webkit-linear-gradient(left, #f0f0f0, #98d98e, #f0f0f0);
  background-image: -moz-linear-gradient(left, #f0f0f0, #98d98e, #f0f0f0);
  background-image: -ms-linear-gradient(left, #f0f0f0, #98d98e, #f0f0f0);
  background-image: -o-linear-gradient(left, #f0f0f0, #98d98e, #f0f0f0); 
}

/*区切り線ここまで*/


#smp1 li span .small {
		font-weight: normal;
		font-size: x-small;
}
.boxContainer {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		/* 長くなるのでベンダープレフィックスの記述は省略 */
}


/*aside*/
aside {
		float: right;
		width: 210px;
		border-radius: 10px;
		box-shadow: 0 0 10px #333;
		margin: 0px 0 20px;
		background-color: #f9fff9;
		text-align: left;
		padding: 0 20px;
}

aside ul, aside li {
		margin: 0 0 0 0.5em;
		padding: 0;
		list-style: none;
}


/*サムネイル表示したい*/
.cover {
  object-fit: cover;
  width: 90%;
  background-color: #ccc;
  border: 1px solid #ccc;
  margin: 0 0 0 0.6em;
  padding: 0;
}

/* テーブルここから */

.now table{
  width: 100%;
  text-align: center;
  border: solid 2px #98d98e;/*表全体を線で囲う*/
  padding: 5px;
	table-layout: fixed;
}

.now table th, table td {
  border: 1px #98d98e;
  color: #69b076;
  text-align: center;
  padding: 10px;
  margin: 2px;
}

.now table tr{
  border-bottom: solid 1px #98d98e;
  cursor: pointer;
  padding: 2px;
}

tr:nth-child(2n) td {
    background-color: #ffffff;
}

.now th {
  text-align: center;
  color: #f8fbf8;/*文字色*/
  background: #98d98e;/*背景色*/	

}

/*テーブルここまで*/

/*ボタンここから～*/
div.btn {
  max-width: 300px;
  margin: 10px auto;
}
a.btn {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 50px;
  position: relative;
  background: #98d98e;
  border: 1px solid #98d98e;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 0 45px 0 25px;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  right: 25px;
  margin-top: -6px;
}
a.btn:hover {
  background: #fff;
  color: #98d98e;
}
a.btn:hover:before {
  border-top: 2px solid #98d98e;
  border-right: 2px solid #98d98e;
}



/*ボタンここまで～*/

p.delete {
  text-decoration: line-through;
}


/*スライドさせたいここから*/
.slider {
    padding: 0px;
    margin: 10px;
}

.slick-arrow {
    z-index: 100;
}

.slick-prev {
    left: 10px;
}

.slick-next {
    right: 10px;
}

.slick-prev:before,
.slick-next:before {
    color: #900;
}

.slick-dots {
    bottom: 10px;
}
/*スライドさせたいここまで*/

/*画像と文字指定ここから*/
.sam {
	float:left;
}

	.bname{
		width:100px;
		height:auto;
		margin:0;
		text-align:center;
	}

.center {
  text-align: center;
  margin: 0;
  padding: 0;
}

.yokonarabi{
    display:flex;
}
.yokonarabi>div{
    width:50%;
}

/*画像と文字指定ここまで*/

/*画像＋タイトル＋テキスト（画像中央表示）ここから*/
.flex {
  display: flex; /*横並び*/
}
.flex .image {
  width: 640px; /*画像サイズ指定*/
  margin: 0;
  padding: 0;
}
.flex .image img {
  width: 100%;
  height: auto;
}
.flex .right {
  margin: 0 0 0 20px;
  padding: 0;
}
.flex .title {
  color: #98d98e;
  margin: 0;
  padding: 0 0 0 10px;
  font-weight: bold;
  font-size: 18px;
}
.flex .text {
  color: #333631;
  margin: 10px 0 0;
  padding:  0 0 0 10px;
}
/*画像＋タイトル＋テキスト（画像中央表示）ここまで*/

body {
  margin: 20px;
  padding: 0;
}

/*額縁風*/

.golden{
    border: 10px solid;
    border-image: linear-gradient(to right bottom,#e0d9b6,#b4983a) 1 / 10px;
    outline: 3px outset #efe9cc;
    padding: 15px;
    background: #FFF;
    box-shadow: 1px 3px 10px #999;
    display: block;
    margin:auto;
}

.stamp {
    padding: 15px;
    display: block;
    margin:auto;
}

/*背景黒*/
.black{
    background-color: #000000;
    color: #fbfaf5;
    padding: 0.5em;
}

.black p{
    color: #ffffff;
}

.gold{
    color: #ffd700;
}

.gray{
    color: #dcdcdc;
}


/*リストアイコン*/

ul {
	padding: 0;
	list-style-position: inside;
	list-style-image: url(../image/tea.jpg);
}

ul li {
  color: #583822;
  padding: 0;
  margin:0 0 0.5em 0;
  list-style-type: none!important;
  font-size: 1rem; /* 文字サイズ */
}

ul a:link { color: #69b076; }
ul a:visited { color: #8a3b00; }

/*リストアイコンここまで*/


.mist {
  background-image: url(../episode1/image2/mist.jpg);
  background-blend-mode:lighten;
  font-size: 0.9rem; /* 文字サイズ */
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  background width: 100%
}

.mist p{
    color: #f8fbf8;
}

.transparent1 {
  background-image: url(../episode1/image/breakfast.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 1rem; /* 文字サイズ */
}

.transparent2 {
  background-image: url(../episode1/image/Scone.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 1rem; /* 文字サイズ */
}

.transparent3 {
  background-image: url(../episode1/image/sugarhoneypie.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 1rem; /* 文字サイズ */
}

.transparent4 {
  background-image: url(../episode1/image2/cake.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 1rem; /* 文字サイズ */
}

.transparent5 {
  background-image: url(../episode1/image2/maplehotmilk.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 1rem; /* 文字サイズ */
}

.transparent6 {
  background-image: url(../episode1/image2/old.jpg);
  background-color: rgba(255,255,255,0.85);
  background-blend-mode:lighten;
  font-size: 0.9rem; /* 文字サイズ */
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  margin: 0;
  background width: 100%
}

.transparent7 {
  background-image: url(../episode1/image2/box.jpg);
  background-repeat: no-repeat;
  background-color: rgba(255,255,255,0.5);
  background-blend-mode:lighten;
  font-size: 0.9rem; /* 文字サイズ */
  padding: 0.1rem 0.5rem 0.1rem 0.5rem;
  margin: 0.1rem 0.5rem 1rem 0.5rem;
  background width: 100%
}


/*背景画像透過ここまで*/

/*取り消し線ここから*/
.through {
  text-decoration: line-through;
}
/*取り消し線ここまで*/


/*footer*/
footer {
		clear:both;
		text-align: center;
		padding: 5px;
		color: #FFF;
		background: #000;
		font-size: 80%;
		border-radius: 10px;
		box-shadow: 0 0 10px #333;
		background-color: #000;
		margin:0 0 20px;
		padding:0 20px;
}

/*page-top*/
#page-top {
		position: fixed;
		bottom: 10px;
		right: 10px;
		font-size: 120%;
		z-index:2;
}
#page-top a {
		background: #81F781;
		text-decoration: none;
		color: #fff;
		width: 80px;
		padding: 10px 0;
		text-align: center;
		display: block;
		border-radius: 5px;
}
#page-top a:hover {
		text-decoration: none;
		background: #2E2E2E;
		z-index:2;
}

/* animation */
.marquee {
		width:870px;
		height:50px;
		overflow:hidden;
		background-color:#000;
		position:relative;
		margin:5px;
		z-index:1;
}
.marquee p:after {
		content:"";
		white-space:nowrap;
}
.marquee p {
		margin:0;
		padding-left:900px;
		display:inline-block;
		white-space:nowrap;
		-webkit-animation-name:marquee;
		-webkit-animation-timing-function:linear;
		-webkit-animation-duration:10s;
		-webkit-animation-iteration-count:infinite;
		-moz-animation-name:marquee;
		-moz-animation-timing-function:linear;
		-moz-animation-duration:10s;
		-moz-animation-iteration-count:infinite;
		-ms-animation-name:marquee;
		-ms-animation-timing-function:linear;
		-ms-animation-duration:10s;
		-ms-animation-iteration-count:infinite;
		-o-animation-name:marquee;
		-o-animation-timing-function:linear;
		-o-animation-duration:10s;
		-o-animation-iteration-count:infinite;
		animation-name:marquee;
		animation-timing-function:linear;
		animation-duration:10s;
		animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
		from {
				-webkit-transform: translate(0%);
		}
		99%, to {
				-webkit-transform: translate(-100%);
		}
}
@-moz-keyframes marquee {
		from {
				-moz-transform: translate(0%);
		}
		99%, to {
				-moz-transform: translate(-100%);
		}
}
@-ms-keyframes marquee {
		from {
				-ms-transform: translate(0%);
		}
		99%, to {
				-ms-transform: translate(-100%);
		}
}
@-o-keyframes marquee {
		from {
				-o-transform: translate(0%);
		}
		99%, to {
				-o-transform: translate(-100%);
		}
}
@keyframes marquee {
		from {
				transform: translate(0%);
		}
		99%, to {
				transform: translate(-100%);
		}
}
footer a {
		color:#ffa500;
}
footer a:hover {
		color:mintcream;
}
.effect {
	padding: 11px;
	margin: auto;
	background-color: #FFFFFF;
	box-shadow: 0 3px 18px -4px rgba(0, 0, 0, 0.8);
}