div#slide img {
		width: 100%;
	}

	div#slide {
		position: fixed;
		width: 200px;
		height: 200px;
		right: 10px;
		bottom: 0px;
		font-family: 'Meiryo UI', Meiryo, 'Yu Gothic', 'MS PGothic', 'Segoe UI', Tahoma, Helvetica, sans-serif;
		color: #555;
		line-height:1.5;
		font-size: 16px;
		z-index: 999999;
	}

	div#slide a,
	div#chat a {
		margin:0;
		padding:0;
		font-size:100%;
		vertical-align:baseline;
		background:transparent;
		text-decoration: none;
		cursor: pointer;
	}

	div#slide-title {
		position: relative;
		width: 100%;
		padding: 10px;
		color: #fff;
		background-color: #0099e3;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	a#close-btn {
		display: inline-block;
		position: absolute;
		top: 12px;
		right: 15px;
	}

	div#slide-contents {
		width: 100%;
		height: 590px;
		margin: 0 auto;
		padding: 20px 0 20px 10px;	
		overflow: scroll;
		background-color: #fff;
		/*background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(255,255,255,.5) 25px, rgba(255,255,255,.5) 50px);*/
		background-image: url("../img/31ddc85e3790eb0f8dc48945dd639136150138_bg.jpg");
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	/* アイコン -------------------------- */
	figure.char_icon {
		display: inline-block;
		width: 17%;
		vertical-align: top;
		margin: 0;
	}

	/* 吹き出し -------------------------- */
	div.question_box {
		display: inline-block;
		width: 80%;
	}

	div.answer_box {
		width: 100%;
		text-align: right;
	}

	div.arrow_question {
		width: 90%;
		margin: 3px auto 10px;
		padding: 12px;
		border-radius: 10px;
		background: #EFEFEF;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	div.arrow_answer {
		display: inline-block;
		width: 40%;
		margin: 3px 10px 10px 0;
		padding: 12px;
		border-radius: 10px;
		background: #85e249;
		text-align: left;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	p.question_label {
		font-size: 14px;
		margin: 0 0 5px;
	}

	/* ボタン -------------------------- */
	div.bottom {
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}

	div.arrow_bottom {	
		display: inline-block;
		margin: 0 5px 10px;
		padding: 10px;
		border-radius: 5px;
		color: #fff;
		overflow: hidden;
		text-align: center;
		text-decoration: none;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	div.arrow_bottom a {
		display: block;
		color: #fff;
		font-weight: bold;
	}

	div.yes {
		width: 44%;
		/*green_btn*/
		border: 1px solid #00e100;
		background-color: #00e100;
	}

	div.no {
		width: 44%;
		/*red_btn*/
		border: 1px solid #FF3300;
		background-color: #FF3300;
	}

	div.a {	
		width: 90%;
		text-align: left;
		/*orange_btn*/
		border: 1px solid #FF7F00;
		background-color: #FF7F00;
	}

	div.b {	
		width: 90%;
		text-align: left;
		/*amaranth_btn*/
		border: 1px solid #EB2142;
		background-color: #EB2142;
	}

	div.c {	
		width: 90%;
		text-align: left;
		/*amaranth_btn*/
		border: 1px solid #FDC44F;
		background-color: #FDC44F;
	}


	/* アイコンの動作 -------------------------- */
	a.swing {
		margin:10px;
/*		-moz-animation: swing linear 5s infinite;
		-moz-transform-origin: center -30px 0;
		-webkit-animation: swing linear 5s infinite;
		-webkit-transform-origin: center -30px 0;
		-ms-animation: swing linear 5s infinite;
		-ms-transform-origin: center -30px 0;
		-o-animation: swing linear 5s infinite;
		-o-transform-origin:center -30px 0;
		animation: swing linear 5s infinite;
		transform-origin: center -30px 0;*/
		display: block;
		float:left;
	}
	 
	/*@-moz-keyframes swing {
		0% { -moz-transform: rotate(0deg) }
		25% { -moz-transform: rotate(5deg); }
		50% { -moz-transform: rotate(0deg); }
		75% { -moz-transform: rotate(-5deg); }
		100% { -moz-transform: rotate(0deg); }
	}

	@-webkit-keyframes swing {
		0% { -webkit-transform: rotate(0deg); }
		25% { -webkit-transform: rotate(5deg); }
		50% { -webkit-transform: rotate(0deg); }
		75% { -webkit-transform: rotate(-5deg); }
		100% { -webkit-transform: rotate(0deg); }
	}  

	@-o-keyframes swing {
		0% { -o-transform: rotate(0deg); }
		25% { -o-transform: rotate(5deg); }
		50% { -o-transform: rotate(0deg); }
		75% { -o-transform: rotate(-5deg); }
		100% { -o-transform: rotate(0deg); }
	}

	@-ms-keyframes swing {
		0% { -ms-transform: rotate(0deg); }
		25% { -ms-transform: rotate(5deg); }
		50% { -ms-transform: rotate(0deg); }
		75% { -ms-transform: rotate(-5deg); }
		100% { -ms-transform: rotate(0deg); }
	}

	@keyframes swing {
		0% { transform: rotate(0deg); }
		25% { transform: rotate(5deg); }
		50% { transform: rotate(0deg); }
		75% { transform: rotate(-5deg); }
		100% { transform: rotate(0deg); }
	}*/
 
 	/* アイコンの動作 -------------------------- */
 	 div.recommend {
		width: 85%;
		display: block;
		margin: 10px auto;
		padding: 10px;
		text-align: center;
		background: #fff;
		border: 1px solid #EFEFEF;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

 	 div.recommend img {
		width: 100%;
	}

	p.recommend_txt {
		color: #666;
		margin: 7px 0 10px;
		text-align: left;
	}

	a.recommend_link {
		width: 100%;
		display: block;
		color: #fff;
		padding: 5px !important;
		background-color: #0099e3 !important;
		text-align: center;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	/* loading 表示 -------------------------- */
	div.loading {
		width: 40%;
		margin: 0;
		margin-left: 15px;
		padding: 17px;
	}

	div.loader,
	div.loader:before,
	div.loader:after {
		border-radius: 50%;
		width: 1.0em;
		height: 1.0em;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation: load7 1.8s infinite ease-in-out;
		animation: load7 1.8s infinite ease-in-out;
	}

	div.loader {
		top: -1.0em;
		left: 3.0em;
		color: #999;
		font-size: 10px;
		position: relative;
		-webkit-transform: translateZ(0);
		-ms-transform: translateZ(0);
		transform: translateZ(0);
		-webkit-animation-delay: -0.16s;
		animation-delay: -0.16s;
	}

	div.loader:before,
	div.loader:after {
		content: '';
		position: absolute;
		top: 0;
	}

	div.loader:before {
		left: -1.5em;
		-webkit-animation-delay: -0.32s;
		animation-delay: -0.32s;
	}

	div.loader:after {
		left: 1.5em;
	}

	@-webkit-keyframes load7 {
		0%,
		80%,
		100% {
			box-shadow: 0 1.0em 0 -1.3em;
		}
		40% {
			box-shadow: 0 1.0em 0 0;
		}
	}

	@keyframes load7 {
		0%,
		80%,
		100% {
			box-shadow: 0 1.0em 0 -1.3em;
		}
		40% {
			box-shadow: 0 1.0em 0 0;
		}
	}

@media screen and (max-width: 959px) {
	div#slide_SMP {
		position: fixed;
		width: 100px;
		height: 100px;
		bottom: 0;
		right: 0;
		z-index: 5;
	}

	div#slide_SMP img {
		width: 100%;
	}

	/* スマホ版新規ウィンドウ -------------------------- */
	div#chat {
		width: 100%;
		background-color: #fff;
		/*background-image: repeating-linear-gradient(45deg, transparent, transparent 25px, rgba(255,255,255,.5) 25px, rgba(255,255,255,.5) 50px);*/
		background-image: url("../img/31ddc85e3790eb0f8dc48945dd639136150138_bg.jpg");
		font-family: 'Meiryo UI', Meiryo, 'Yu Gothic', 'MS PGothic', 'Segoe UI', Tahoma, Helvetica, sans-serif;
		color: #555;
		line-height:1.5;
		font-size: 16px;
	}

	div#chat-title {
		width: 100%;
		padding: 10px;
		color: #fff;
		background-color: #0099e3;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}

	div#chat-contents {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 20px 10px;	
		overflow: scroll;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
	}
	
	div#chat figure.char_icon img {
		width: 100%;
	}
}