/* LESS Document */

/*-----------------------------------------------------------
class
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	.pc{display: block;}
	.sp{display: none;}
	
	.link-l{
		text-align: left;
		font-size: 1.4rem;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.link-r{
		text-align: right;
		font-size: 1.4rem;
		margin-top: 20px;
		margin-bottom: 20px;
	}
	.text-center{
		text-align: center;
	}
	table{
		width: 100%;
		
		tr{
			
			th{
				width: 30%;
				padding: 20px;
				text-align: left;
				font-size: 1.4rem;
				font-weight: normal;
				background: #f5f5f5;
				vertical-align: middle;
				box-sizing: border-box;
				border: 1px #ddd solid;
			}
			td{
				width: 70%;
				padding: 20px;
				text-align: left;
				font-size: 1.4rem;
				font-weight: normal;
				background: #ffffff;
				vertical-align: middle;
				box-sizing: border-box;
				border: 1px #ddd solid;
			}
		}
	}
	.wp-pagenavi{
		clear: both;
		padding: 20px 0;
		text-align: center;
		
		a{
			font-size:1.4rem;
			padding: 5px 10px;
			margin: 0 1px;
			border-radius: 2px;
			border: 1px #ddd solid;
			background: #ffffff;
			text-decoration: none;
			display: inline-block;
			
			&:hover{
				background: #f5f5f5;
			}
		}
		span{
			color: #ddd;
			font-size:1.4rem;
			padding: 5px 10px;
			margin: 0 1px;
			border-radius: 2px;
			border: 1px #ddd solid;
			background: #ffffff;
			text-decoration: none;
			display: inline-block;
		}
	}
}
@media screen and (max-width: 640px){
	.pc{display: none;}
	.sp{display: block;}
	
	.link-l{
		text-align: left;
		font-size: 1.4rem;
		margin: 20px 10px;
	}
	.link-r{
		text-align: right;
		font-size: 1.4rem;
		margin: 20px 10px;
	}
	.text-center{
		text-align: left;
	}
	table{
		width: 94%;
		margin: 0 3%;
		
		tr{
			
			th{
				width: 100%;
				padding: 20px;
				display: block;
				text-align: left;
				font-size: 1.4rem;
				background: #f5f5f5;
				font-weight: normal;
				vertical-align: middle;
				box-sizing: border-box;
				border: 1px #eee solid;
			}
			td{
				width: 100%;
				padding: 20px;
				display: block;
				text-align: left;
				font-size: 1.4rem;
				background: #ffffff;
				font-weight: normal;
				vertical-align: middle;
				box-sizing: border-box;
				border: 1px #eee solid;
			}
		}
	}
	.wp-pagenavi{
		clear: both;
		padding: 20px 0;
		text-align: center;
		
		a{
			font-size:1.4rem;
			padding: 5px 10px;
			margin: 0 1px;
			border-radius: 2px;
			border: 1px #ddd solid;
			background: #ffffff;
			text-decoration: none;
			display: inline-block;
			
			&:hover{
				background: #eeeeee;
			}
		}
		span{
			color: #ddd;
			font-size:1.4rem;
			padding: 5px 10px;
			margin: 0 1px;
			border-radius: 2px;
			border: 1px #ddd solid;
			background: #ffffff;
			text-decoration: none;
			display: inline-block;
		}
	}
}
form{

	select,
	textarea,
	input[type="tel"],
	input[type="text"],
	input[type="mail"],
	input[type="submit"],
	input[type="number"],
	input[type="image"]{
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
}
.video{
	position: relative;
	width: 100%;
	padding-top: 56.25%;
	
	iframe{
		position: absolute;
		top: 0;
		right: 0;
		width: 100%!important;
		height: 100%!important;
	}
}

/*-----------------------------------------------------------
col
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	.inner{
		width: 1080px;
		margin: 0 auto;
		overflow: hidden;
		
		main{
			float: left;
			width: 700px;
		}
		
		.content-box{
			margin-bottom: 50px;

			.content-title{
				color: #fff;
				font-size: 2.4rem;
				line-height: 1.0;
				padding: 18px;
				background: url(../images/content-title-bg.png) no-repeat #ae8dbc;
			}
		}
		#archive{
			background: #ffffff;

			li{
				clear: both;
				border-bottom: 1px #eeeeee solid;

				&:last-child{
					border-bottom: 0;
				}

				a{
					display: block;
					color: #333333;
					padding: 20px;
					overflow: hidden;

					&:hover{
						background: #fbfbfb;
						-webkit-transition: all 0.2s;
						-moz-transition: all 0.2s;
						-ms-transition: all 0.2s;
						-o-transition: all 0.2s;
						transition: all 0.2s;
					}
				}
				.archive-thum{
					float: left;
					width: 180px;
					height: 120px;
					overflow: hidden;

					img{
						width: 180px;
						height: 120px;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
					}
				}
				.archive-textbox{
					float: left;
					max-width: 460px;
					margin-left: 20px;

					.archive-title{
						font-size: 2.0rem;
						margin-bottom: 10px;
						line-height: 1.5;
						display: block;
					}
					.archive-day,
					.archive-writer{
						color: #999;
						font-size: 1.2rem;
					}
					.archive-views{
						color: #ED5273;
						font-size: 1.2rem;
						margin-top: 10px;
						display: block;
					}
				}
			}
		}
		#blog-container{
			padding: 30px;
			background: #ffffff;
			
			#blog-header{
				overflow: hidden;
				margin-bottom: 20px;

				.blog-textbox{
					float: left;
					max-width: 440px;
					margin-right: 20px;

					h1{
						font-size: 2.8rem;
						font-weight: bold;
						margin-bottom: 10px;
						line-height: 1.5;
						display: block;
					}
					.blog-day{
						color: #999;
						font-size: 1.2rem;
						margin-bottom: 10px;
						display: inline-block;
					}
					.blog-views{
						color: #ED5273;
						font-size: 1.2rem;
						margin-bottom: 10px;
						display: inline-block;
					}
				}
				.blog-thum{
					float: right;
					width: 180px;
					height: 120px;
					overflow: hidden;

					img{
						width: 180px;
						height: 120px;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
					}
				}
			}
			#blog-index-wrap{
				clear: both;
				overflow: hidden;
				margin-bottom: 20px;

				#blog-index{
					padding: 20px 20px 10px 20px;
					overflow: hidden;
					background: #fbfbfb;
					border-top: 1px #ae8dbc dashed;
					border-bottom: 1px #ae8dbc dashed;
					
					#blog-index-title {
						color: #fff;
						position: relative;
						font-size: 2.0rem;
						height: 50px;
						line-height: 50px;
						padding: 0 1em;
						background: #ae8dbc;
					}
					#blog-index-title::after {
						content: '';
						position: absolute;
					}
					#blog-index-title::after {
						top: 0;
						right: 0;
						z-index: 2;
						border-width: 25px 20px;
						border-style: solid;
						border-color: transparent;
						border-right-color: #fbfbfb;
					}

					.main-index{
						color: #333;
						font-size: 1.6rem;
						margin-top: 20px;

						li{
						
							span{
								content: "";
								width: 14px;
								height: 14px;
								display: table-cell;
								
								img{
									width: 100%;
									height: 100%;
								}
							}
							#index-icon1{background: url(../images/index-icon1.svg) no-repeat;}
							#index-icon2{background: url(../images/index-icon2.svg) no-repeat;}
							#index-icon3{background: url(../images/index-icon3.svg) no-repeat;}
							#index-icon4{background: url(../images/index-icon4.svg) no-repeat;}
							#index-icon5{background: url(../images/index-icon5.svg) no-repeat;}
							#index-icon6{background: url(../images/index-icon6.svg) no-repeat;}
							#index-icon7{background: url(../images/index-icon7.svg) no-repeat;}
							#index-icon8{background: url(../images/index-icon8.svg) no-repeat;}
							#index-icon9{background: url(../images/index-icon9.svg) no-repeat;}
							#index-icon10{background: url(../images/index-icon10.svg) no-repeat;}
							a{
								font-size: 1.6rem;
								display: table-cell;
								padding-left: 5px;
								padding-bottom: 10px;
							}
						}
					}
				}
			}
			#blog-read p{
				color: #666;
				font-size: 1.4rem !important;
			}
			#blog-read,
			#blog-content{
				clear: both;
				overflow: hidden;

				h2{
					color: #333;
					font-size: 2.4rem;
					font-weight: bold;
					background: #f9eeff;
					margin-top: 80px;
					margin-bottom: 20px;
					padding: 20px;
					border-left: 5px #ae8dbc solid;
					border-bottom-right-radius: 20px;

					&:first-child{
						margin-top: 0;
					}
				}
				h3{
					color: #ae8dbc;
					font-size: 2.4rem;
					font-weight: bold;
					margin-top: 40px;
					margin-bottom: 20px;
					padding: 10px 0;
					border-top: 1px #ae8dbc solid;
					border-bottom: 1px #ae8dbc solid;
				}
				h4{
					color: #ae8dbc;
					font-size: 2.0rem;
					font-weight: bold;
					margin-top: 30px;
					margin-bottom: 20px;
					border-bottom: #ae8dbc double;
				}
				p{
					color: #666;
					font-size: 1.6rem;
					line-height: 1.8;
					margin-bottom: 20px;
				}
				strong{
					color: #222;
					font-weight: bold;
				}
				a{
					text-decoration: underline;
				}
				img{
					max-width: 640px;
					height: auto;
					line-height: 1.0;
					margin-bottom: 20px;
				}
				ul{
					color: #333;
					font-size: 1.6rem;
					margin-left: 20px;
					margin-bottom: 20px;
					list-style-type: disc;
				}
				.talk,
				.good-talk,
				.bad-talk{
					font-size: 1.4rem;
					line-height: 1.6;
					margin-bottom: 20px;
					padding: 35px 20px 20px 20px;
					background: url(../images/talk.svg) no-repeat;
					background-size: 25px 25px;
					background-position: 20px 10px;
					
					span{
						word-break:break-all;
						word-wrap:break-word;
					}
				}
				.talk{
					background-color: #f7f7f7;
				}
				.good-talk{
					background-color: #fdeff1;
				}
				.bad-talk{
					background-color: #e1fcff;
				}
				.pick-up{
					font-size: 1.6rem;
					line-height: 1.6;
					margin-bottom: 20px;
					padding: 20px;
					background: #f9eeff;
					border: 1px #ae8dbc solid;
					border-radius: 3px;
					box-sizing: border-box;
				}
				.atend{
					font-size: 1.6rem;
					margin-bottom: 20px;
					padding: 20px;
					background: #fff6d1;
					border: 1px #b18f6d solid;
					border-radius: 3px;
					box-sizing: border-box;
				}
				.marker{
					background: linear-gradient(transparent 60%, #ff0 0%);
				}
				.relation{
					max-width: 100%;
					margin-bottom: 20px;
					padding: 10px;
					overflow: hidden;
					background: #fefaff;
					border: 1px #eee0f4 solid;
					box-sizing: border-box;
					border-radius: 5px;
					
					a:hover{
						text-decoration: none;
					}
					img{
						float: left;
						width: 130px;
						height: auto;
						margin-bottom: 0 !important;
					}
					.relation-text{
						float: right;
						width: 480px;
					}
					.relation-title{
						font-size: 1.6rem;
						font-weight: bold;
						display: block;
						color: #ae8dbc;
						padding: 10px 0;
						margin-bottom: 10px;
						border-bottom: 2px #fff solid;
					}
					.relation-link{
						font-size: 1.6rem;
					}
				}
				table{
					margin: 22px 0 5px;
					padding: 0;
					width: 100%;
					table-layout: fixed;

					tr{

						th{
							padding: 20px;
							text-align: left;
							font-size: 1.4rem;
							font-weight: normal;
							background: #f5f5f5;
							vertical-align: middle;
							box-sizing: border-box;
							border: 1px #ddd solid;
							word-wrap: break-word
						}
						td{
							padding: 20px;
							text-align: left;
							font-size: 1.4rem;
							font-weight: normal;
							background: #ffffff;
							vertical-align: middle;
							box-sizing: border-box;
							border: 1px #ddd solid;
							word-wrap: break-word
						}
					}
				}
				.cv-bt{
					margin-bottom: 20px;
					
					a{
						max-width: 100%;
						padding: 20px;
						margin: 0 auto 3px auto;
						background-color: #fc6f8e;
						text-align: center;
						border-radius: 5px;
						display: block;
						color: #ffffff;
						line-height: 1.5;
						font-size: 1.6rem;
						position: relative;
						text-decoration: none;
						box-shadow: 0px 3px 0px 0px #e55877;
						-o-box-shadow: 0px 3px 0px 0px #e55877;
						-ms-box-shadow: 0px 3px 0px 0px #e55877;
						-moz-box-shadow: 0px 3px 0px 0px #e55877;
						-webkit-box-shadow: 0px 3px 0px 0px #e55877;
						
						&:hover{
							text-decoration: none;
							background-color: #eb5a7a;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
						&:after{
							float: right;
							content: "";
							width: 16px;
							height: 16px;
							background: url(../images/arrow-white.svg);
							position: absolute;
							top: 42%;
							right: 20px;
							
							img{
								width: 100%;
								height: 100%;
							}
						}
					}
				}
			}
			#blog-sns{
				overflow: hidden;
				margin: 10px 0 20px;

				li{
					width: 18%;
					float: left;
					color: #fff;
					border-radius: 3px;
					text-align: center;
					margin-right: 2.5%;
					margin-bottom: 10px;
					overflow: hidden;

					&:nth-of-type(5n){
						margin-right: 0;
					}

					a{
						color: #fff;
						display: block;
						padding: 10px 0;
						font-size: 1.4rem;
						text-decoration: none;

						&:hover{
							padding: 11px 0 9px 0;
						}
					}
				}
				#twitter-bt		{background: #00acee;}
				#facebook-bt	{background: #4267b2;}
				#hatebu-bt		{background: #5d8ac1;}
				#line-bt		{background: #25af00;}
				#favorite-bt{
					position: relative;
					width: 38.5%;
					background: #fff;
					
					img.wpfp-img{
						display: none;
					}
					a{
						background: url(../images/favorite.png) 30px 10px no-repeat #fff;
						background-size: 16px 14px;
						border: 1px solid #eee;
						border-radius: 3px;
						color: #333;
					}
				}
			}
			#blog-tag{
				overflow: hidden;
				padding: 20px 0;
				border-top: 2px #eeeeee solid;
				
				.tag{
					display: block;

					&:before{
						float: left;
						content: "";
						width: 20px;
						height: 20px;
						margin-right: 10px;
						background: url(../images/tag.svg);
					}

					a{
						padding: 5px;
						margin-right: 5px;
						margin-bottom: 5px;
						font-size: 1.2rem;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
						display: inline-block;

						&:hover{
							background: #f5f5f5;
							text-decoration: none;
						}
					}
				}
			}
			#writer-info{
				overflow: hidden;
				padding-top: 20px;
				border-top: 2px #eeeeee solid;
				
				#writer-title{
					color: #ae8dbc;
					font-size: 2.0rem;
					font-weight: bold;
					margin-bottom: 10px;
				}
				img{
					float: left;
					width: 18%;
					height: auto;
					margin-right: 2%;
				}
				#text-box{
					float: right;
					width: 80%;
				}
				#writer-name{
					font-size: 1.6rem;
					margin-bottom: 10px;
				}
				#writer-description{
					font-size: 1.4rem;
					line-height: 1.6;
				}
			}
		}
		.free-space{
			padding: 30px;
			background: #ffffff;

			h2{
				color: #333;
				font-size: 2.4rem;
				font-weight: bold;
				background: #f9eeff;
				margin-top: 80px;
				margin-bottom: 20px;
				padding: 20px;
				border-left: 5px #ae8dbc solid;
				border-bottom-right-radius: 20px;

				&:first-child{
					margin-top: 0;
				}
			}
			h3{
				color: #ae8dbc;
				font-size: 2.0rem;
				font-weight: bold;
				margin-bottom: 20px;
				padding: 10px 0;
				border-top: 1px #ae8dbc solid;
				border-bottom: 1px #ae8dbc solid;
			}
			h4{
				color: #ae8dbc;
				font-size: 1.8rem;
				font-weight: bold;
				margin-top: 30px;
				margin-bottom: 20px;
				border-bottom: #ae8dbc double;
			}
			p{
				color: #666;
				font-size: 1.6rem;
				line-height: 1.6;
				margin-bottom: 20px;
			}
			strong{
				color: #222;
				font-weight: bold;
			}
			a{
				text-decoration: underline;
			}
			img{
				max-width: 640px;
				height: auto;
				line-height: 1.0;
				margin-bottom: 20px;
			}
			ul{
				color: #333;
				font-size: 1.6rem;
				margin-left: 20px;
				margin-bottom: 20px;
				list-style-type: disc;
			}
			.writer-list{
				clear: both;
				overflow: hidden;
				margin-bottom: 40px;
				
				div{
					float: left;
					width: 15%;
					
					img{
						width: 100%;
						height: auto;
					}
				}
				p{
					float: right;
					width: 80%;
				}
			}
		}
		#author{
			max-width: 100%;
			padding: 15px 30px;
			margin-top: 50px;
			overflow: hidden;
			border: 1px #ffffff solid;
			box-sizing: border-box;
			
			#author-img{
				float: left;
				width: 12%;
				
				img{
					width: 100%;
					height: auto;
				}
			}
			#author-info{
				float: right;
				width: 85%;
				margin-top: 32px;
				
				span{
					font-size: 1.3rem;
					margin-right: 10px;
				}
			}
		}
		aside{
			float: right;
			width: 340px;
			
			.aside-box{
				margin-bottom: 50px;
			}
			
			.aside-content-title{
				color: #fff;
				font-size: 2.0rem;
				line-height: 1.0;
				padding: 10px;
				background: url(../images/content-title-bg.png) no-repeat #b5cedc;
				
				span{
					font-size: 1.0rem;
					margin-left: 5px;
				}
			}
			#aside-rank,
			#aside-favorite{
				background: #ffffff;
				
				li{
					clear: both;
					position: relative;
					border-bottom: 1px #eeeeee solid;

					&:last-child{
						border-bottom: 0;
					}

					a{
						display: block;
						color: #333333;
						padding: 20px;
						font-size: 1.4rem;
						overflow: hidden;
						
						&:hover{
							background: #fbfbfb;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
					.aside-rank{
						position: absolute;
						top: 12px;
						left: 12px;
						width: 24px;
						height: 24px;
						color: #ffffff;
						font-size: 1.2rem;
						display: inline-block;
						z-index: 100;
						
						img{
							width: 100%;
							height: 100%;
						}
					}
					.aside-thum{
						float: left;
						width: 90px;
						height: 60px;

						img{
							width: 90px;
							height: 60px;
							border: 1px #eeeeee solid;
							box-sizing: border-box;
						}
					}
					.aside-textbox{
						float: left;
						max-width: 180px;
						margin-left: 20px;

						.aside-title{
							font-size: 1.4rem;
							margin-bottom: 10px;
							line-height: 1.5;
							display: block;
						}
						.aside-views{
							color: #ED5273;
							font-size: 1.2rem;
							display: block;
						}
						.aside-day{
							display: block;
							margin-left: -5px;
							font-size: 1rem;
							color: #999;
						}
					}
				}
				li:nth-child(1) .aside-rank{background: url(../images/rank-1.svg);}
				li:nth-child(2) .aside-rank{background: url(../images/rank-2.svg);}
				li:nth-child(3) .aside-rank{background: url(../images/rank-3.svg);}
				li:nth-child(4) .aside-rank{background: url(../images/rank-4.svg);}
				li:nth-child(5) .aside-rank{background: url(../images/rank-5.svg);}
				li.extra .aside-rank{
					width: 50px;
					background: url(../images/rank-ex.png);
				}
			}
			#aside-pickup{
				background: #ffffff;
				
				li{
					clear: both;
					position: relative;
					border-bottom: 1px #eeeeee solid;

					&:last-child{
						border-bottom: 0;
					}

					a{
						display: block;
						color: #333333;
						padding: 20px;
						font-size: 1.4rem;
						overflow: hidden;
						
						&:hover{
							background: #fbfbfb;
							text-decoration: none;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
					.aside-pickup-img{
						width: 300px;
						height: 150px;
						overflow: hidden;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
						margin-bottom: 10px;

						img{
							width: 100%;
							height: auto;
						}
					}
					.aside-pickup-title{
						font-size: 1.4rem;
						line-height: 1.5;
						display: block;
					}
				}
			}
			#aside-hotword{
				padding: 20px;
				background: #ffffff;
				
				a{
					padding: 10px;
					margin-right: 10px;
					margin-bottom: 10px;
					font-size: 1.2rem;
					border: 1px #eeeeee solid;
					box-sizing: border-box;
					display: inline-block;
					
					&:hover{
						background: #f5f5f5;
						text-decoration: none;
					}
				}
			}
			#aside-cat{
				
				li{
					clear: both;
					position: relative;
					border-top: 1px #bbbbbb solid;

					&:last-child{
						border-bottom: 1px #bbbbbb solid;
					}

					a{
						display: block;
						color: #333333;
						padding: 10px 0;
						font-size: 1.4rem;
						overflow: hidden;
						
						img{
							width: 45px;
							height: 45px;
							border-radius: 45px;
						}
						span{
							position: relative;
							top: -15px;
							margin-left: 10px;
						}
					}
				}
			}
		}
	}
}
@media screen and (max-width: 640px){
	.inner{
		max-width: 640px;
		margin: 0 auto;
		overflow: hidden;
		
		main{
			max-width: 640px;
		}
		
		.content-box{
			margin-bottom: 50px;

			.content-title{
				color: #fff;
				font-size: 2.4rem;
				line-height: 1.0;
				padding: 14px 10px;
				background: url(../images/content-title-bg.png) no-repeat #ae8dbc;
				background-size: auto 100%;
			}
		}
		#archive{
			background: #ffffff;

			li{
				clear: both;
				border-bottom: 1px #eeeeee solid;

				&:last-child{
					border-bottom: 0;
				}

				a{
					display: block;
					color: #333333;
					padding: 10px 3%;
					overflow: hidden;

					&:hover{
						background: #fbfbfb;
						-webkit-transition: all 0.2s;
						-moz-transition: all 0.2s;
						-ms-transition: all 0.2s;
						-o-transition: all 0.2s;
						transition: all 0.2s;
					}
				}
				.archive-thum{
					float: left;
					width: 30%;
					overflow: hidden;

					img{
						width: 100%;
						height: auto;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
					}
				}
				.archive-textbox{
					float: left;
					max-width: 68%;
					margin-left: 2%;

					.archive-title{
						font-size: 1.4rem;
						margin-bottom: 5px;
						line-height: 1.5;
						display: block;
					}
					.archive-day,
					.archive-writer{
						color: #999;
						font-size: 1.0rem;
					}
					.archive-views{
						color: #ED5273;
						font-size: 1.2rem;
						margin-top: 10px;
						display: block;
					}
				}
			}
			li.count5{
				
				a{
					position: relative;
					padding: 0;
				}
				.archive-thum{
					float: none;
					width: 100%;
					
					img{
						width: 100%;
						height: 30vh;
						object-fit: cover;
					}
				}
				.archive-textbox{
					float: none;
					position: absolute;
					left: 0;
					bottom: 0;
					margin-left: 0;
					padding: 10px;
					max-width: 100%;
					max-height: 50%;
					background: -webkit-linear-gradient(transparent, rgba(0, 0, 0, .5));
					background: linear-gradient(transparent, rgba(0, 0, 0, .5));
					color: #fff;
					
					.archive-day{
						color: #fff;
					}
				}
			}
		}
		#blog-container{
			padding: 20px 5%;
			background: #ffffff;
			
			#blog-header{
				overflow: hidden;
				margin-bottom: 20px;

				.blog-textbox{
					max-width: 100%;

					h1{
						font-size: 2.0rem;
						font-weight: bold;
						margin-bottom: 5px;
						line-height: 1.2;
						display: block;
					}
					.blog-day{
						color: #999;
						font-size: 1.0rem;
						margin-bottom: 10px;
						display: block;
						text-align: right;
					}
					.blog-views{
						color: #ED5273;
						font-size: 1.0rem;
						margin-bottom: 10px;
						display: inline-block;
					}
				}
				.blog-thum{
					width: 100%;
					height: auto;
					line-height: 1.0;
					overflow: hidden;

					img{
						width: 100%;
						height: auto;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
					}
				}
			}
			#blog-index-wrap{
				clear: both;
				overflow: hidden;
				margin-bottom: 20px;

				#blog-index{
					padding: 10px 10px 0 10px;
					background: #f5f5f5;
					border-top: 1px #ae8dbc dashed;
					border-bottom: 1px #ae8dbc dashed;

					#blog-index-title{
						color: #ffffff;
						padding: 10px;
						font-size: 2.0rem;
						margin-bottom: 20px;
						background: #ae8dbc;
					}

					.main-index{
						color: #333;
						font-size: 1.4rem;
						
						li{
						
							span{
								content: "";
								width: 14px;
								height: 14px;
								display: table-cell;
								
								img{
									width: 100%;
									height: 100%;
								}
							}
							#index-icon1{background: url(../images/index-icon1.svg) no-repeat;}
							#index-icon2{background: url(../images/index-icon2.svg) no-repeat;}
							#index-icon3{background: url(../images/index-icon3.svg) no-repeat;}
							#index-icon4{background: url(../images/index-icon4.svg) no-repeat;}
							#index-icon5{background: url(../images/index-icon5.svg) no-repeat;}
							#index-icon6{background: url(../images/index-icon6.svg) no-repeat;}
							#index-icon7{background: url(../images/index-icon7.svg) no-repeat;}
							#index-icon8{background: url(../images/index-icon8.svg) no-repeat;}
							#index-icon9{background: url(../images/index-icon9.svg) no-repeat;}
							#index-icon10{background: url(../images/index-icon10.svg) no-repeat;}
							a{
								font-size: 1.4rem;
								display: table-cell;
								padding-left: 5px;
								padding-bottom: 10px;
								line-height: 1.2;
							}
						}
					}
				}
			}
			#blog-read p{
				color: #666;
				font-size: 1.4rem !important;
			}
			#blog-read,
			#blog-content{
				clear: both;
				overflow: hidden;

				h2{
					color: #333;
					font-size: 2.4rem;
					font-weight: bold;
					background: #f9eeff;
					margin-top: 80px;
					margin-bottom: 20px;
					padding: 10px;
					border-left: 5px #ae8dbc solid;
					border-bottom-right-radius: 20px;

					&:first-child{
						margin-top: 0;
					}
				}
				h3{
					color: #ae8dbc;
					font-size: 2.4rem;
					font-weight: bold;
					margin-top: 40px;
					margin-bottom: 20px;
					padding: 10px 0;
					border-top: 1px #ae8dbc solid;
					border-bottom: 1px #ae8dbc solid;
				}
				h4{
					color: #ae8dbc;
					font-size: 2.0rem;
					font-weight: bold;
					margin-top: 30px;
					margin-bottom: 20px;
					border-bottom: #ae8dbc double;
				}
				p{
					color: #666;
					font-size: 1.4rem;
					line-height: 1.5;
					margin-bottom: 20px;
				}
				strong{
					color: #222;
					font-weight: bold;
				}
				a{
					text-decoration: underline;
				}
				img{
					max-width: 100%;
					height: auto;
					margin-bottom: 20px;
				}
				ul{
					color: #333;
					font-size: 1.4rem;
					margin-left: 20px;
					margin-bottom: 20px;
					list-style-type: disc;
				}
				.talk,
				.good-talk,
				.bad-talk{
					max-whidth: 100%;
					line-height: 1.5;
					font-size: 1.4rem;
					margin-bottom: 20px;
					padding: 35px 20px 20px 20px;
					background: url(../images/talk.svg) no-repeat;
					background-size: 25px 25px;
					background-position: 20px 10px;
					
					span{
						word-break:break-all;
						word-wrap:break-word;
					}
				}
				.talk{
					background-color: #f7f7f7;
				}
				.good-talk{
					background-color: #fdeff1;
				}
				.bad-talk{
					background-color: #e1fcff;
				}
				.pick-up{
					font-size: 1.4rem;
					line-height: 1.5;
					margin-bottom: 20px;
					padding: 10px;
					background: #f9eeff;
					border: 1px #ae8dbc solid;
					border-radius: 3px;
					box-sizing: border-box;
				}
				.atend{
					font-size: 1.4rem;
					margin-bottom: 20px;
					padding: 10px;
					background: #fff6d1;
					border: 1px #b18f6d solid;
					border-radius: 3px;
					box-sizing: border-box;
				}
				.marker{
					background: linear-gradient(transparent 60%, #ff0 0%);
				}
				.relation{
					max-width: 100%;
					margin-bottom: 20px;
					padding: 10px;
					overflow: hidden;
					background: #fefaff;
					border: 1px #eee0f4 solid;
					box-sizing: border-box;
					border-radius: 5px;
					
					a:hover{
						text-decoration: none;
					}
					img{
						float: left;
						width: 30%;
						height: auto;
						margin-bottom: 0 !important;
					}
					.relation-text{
						float: right;
						width: 65%;
					}
					.relation-title{
						font-size: 1.4rem;
						font-weight: bold;
						display: block;
						color: #ae8dbc;
						padding-bottom: 5px;
						margin-bottom: 10px;
						border-bottom: 2px #fff solid;
					}
					.relation-link{
						font-size: 1.4rem;
					}
				}
				table{
					margin: 22px 0 5px;
					padding: 0;
					width: 100%;
					table-layout: fixed;

					tr{

						th{
							padding: 10px;
							text-align: left;
							font-size: 1.4rem;
							font-weight: normal;
							background: #f5f5f5;
							vertical-align: middle;
							box-sizing: border-box;
							border: 1px #ddd solid;
							display: table-cell;
							word-wrap: break-word
						}
						td{
							padding: 10px;
							text-align: left;
							font-size: 1.4rem;
							font-weight: normal;
							background: #ffffff;
							vertical-align: middle;
							box-sizing: border-box;
							border: 1px #ddd solid;
							display: table-cell;
							word-wrap: break-word
						}
					}
				}
				.cv-bt{
					margin-bottom: 20px;
					
					a{
						max-width: 100%;
						padding: 20px 30px;
						margin: 0 auto 3px auto;
						background-color: #fc6f8e;
						text-align: center;
						border-radius: 5px;
						display: block;
						color: #ffffff;
						line-height: 1.5;
						font-size: 1.6rem;
						position: relative;
						text-decoration: none;
						box-shadow: 0px 3px 0px 0px #e55877;
						-o-box-shadow: 0px 3px 0px 0px #e55877;
						-ms-box-shadow: 0px 3px 0px 0px #e55877;
						-moz-box-shadow: 0px 3px 0px 0px #e55877;
						-webkit-box-shadow: 0px 3px 0px 0px #e55877;
						
						&:hover{
							text-decoration: none;
							background-color: #eb5a7a;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
						&:after{
							float: right;
							content: "";
							width: 16px;
							height: 16px;
							background: url(../images/arrow-white.svg);
							position: absolute;
							top: 40%;
							right: 10px;
							
							img{
								width: 100%;
								height: 100%;
							}
						}
					}
				}
				.btfix{
					position: fixed;
					left: 0;
					bottom: 0;
					padding: 10px;
					width: 100%;
					background: rgba(0, 0, 0, .5);
					box-sizing: border-box;
					z-index: 999;
					
					.btfix_close{
						position: absolute;
						top: -20px;
						left: 0;
						width: 20px;
						height: 20px;
						background: rgba(0, 0, 0, .7);
						font-size: 2rem;
						
						&:before{
							position: absolute;
							content: "×";
							color: #fff;
						}
					}
					.cv-bt{
						margin-bottom: 0;
					}
				}
			}
			#blog-sns{
				overflow: hidden;
				margin: 20px 0;

				li{
					width: 23.5%;
					float: left;
					color: #fff;
					border-radius: 3px;
					text-align: center;
					margin-right: 2%;
					margin-bottom: 5px;
					overflow: hidden;

					&:nth-child(4){
						margin-right: 0;
					}

					a{
						color: #fff;
						display: block;
						padding: 10px 0;
						font-size: 1.2rem;
						text-decoration: none;

						&:hover{
							padding: 11px 0 9px 0;
						}
					}
				}
				#twitter-bt		{background: #00acee;}
				#facebook-bt	{background: #4267b2;}
				#hatebu-bt		{background: #5d8ac1;}
				#line-bt		{background: #25af00;}
				#favorite-bt{
					position: relative;
					width: 49%;
					background: #fff;
					
					img.wpfp-img{
						display: none;
					}
					a{
						padding: 8px 0 8px 10px;
						background: url(../images/favorite.png) 8px 7px no-repeat #fff;
						background-size: 16px 14px;
						border: 1px solid #eee;
						border-radius: 3px;
						color: #333;
					}
				}
			}
			#blog-tag{
				overflow: hidden;
				padding: 20px 0;
				border-top: 2px #eeeeee solid;
				
				.tag{
					display: block;

					&:before{
						float: left;
						content: "";
						width: 20px;
						height: 20px;
						margin-right: 10px;
						background: url(../images/tag.svg);
					}

					a{
						padding: 5px;
						margin-right: 5px;
						margin-bottom: 5px;
						font-size: 1.2rem;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
						display: inline-block;

						&:hover{
							background: #f5f5f5;
							text-decoration: none;
						}
					}
				}
			}
			#writer-info{
				overflow: hidden;
				padding-top: 20px;
				border-top: 2px #eeeeee solid;
				
				#writer-title{
					color: #ae8dbc;
					font-size: 1.6rem;
					font-weight: bold;
					margin-bottom: 10px;
				}
				img{
					float: left;
					width: 18%;
					height: auto;
					margin-right: 2%;
				}
				#text-box{
					float: right;
					width: 80%;
				}
				#writer-name{
					font-size: 1.6rem;
					margin-bottom: 10px;
				}
				#writer-description{
					font-size: 1.2rem;
					line-height: 1.6;
				}
			}
		}
		.free-space{
			padding: 20px 5%;
			background: #ffffff;

			h2{
				color: #333;
				font-size: 2.4rem;
				font-weight: bold;
				background: #f9eeff;
				margin-top: 80px;
				margin-bottom: 20px;
				padding: 10px;
				border-left: 5px #ae8dbc solid;
				border-bottom-right-radius: 20px;

				&:first-child{
					margin-top: 0;
				}
			}
			h3{
				color: #ae8dbc;
				font-size: 2.0rem;
				font-weight: bold;
				margin-bottom: 20px;
				padding: 10px 0;
				border-top: 1px #ae8dbc solid;
				border-bottom: 1px #ae8dbc solid;
			}
			h4{
				color: #ae8dbc;
				font-size: 1.8rem;
				font-weight: bold;
				margin-top: 30px;
				margin-bottom: 20px;
				border-bottom: #ae8dbc double;
			}
			p{
				color: #666;
				font-size: 1.4rem;
				line-height: 1.5;
				margin-bottom: 20px;
			}
			strong{
				color: #222;
				font-weight: bold;
			}
			a{
				text-decoration: underline;
			}
			img{
				width: 100%;
				height: auto;
				margin-bottom: 20px;
			}
			ul{
				color: #333;
				font-size: 1.4rem;
				margin-left: 20px;
				margin-bottom: 20px;
				list-style-type: disc;
			}
			.writer-list{
				clear: both;
				overflow: hidden;
				margin-bottom: 20px;
				
				div{
					float: left;
					width: 15%;
					
					img{
						width: 100%;
						height: auto;
					}
				}
				p{
					float: right;
					width: 80%;
				}
			}
		}
		#author{
			max-width: 90%;
			padding: 15px;
			margin-top: 50px;
			margin-left: auto;
			margin-right: auto;
			overflow: hidden;
			border: 1px #ffffff solid;
			box-sizing: border-box;
			
			#author-img{
				float: left;
				width: 20%;
				
				img{
					width: 100%;
					height: auto;
				}
			}
			#author-info{
				float: right;
				width: 75%;
				margin-top: 5px;
				
				span{
					font-size: 1.2rem;
					margin-bottom: 5px;
					display: block;
				}
			}
		}
		aside{
			max-width: 640px;
			
			.aside-box{
				margin-bottom: 50px;
			}
			
			.aside-content-title{
				color: #fff;
				font-size: 2.0rem;
				line-height: 1.0;
				padding: 10px;
				background: url(../images/content-title-bg.png) no-repeat #b5cedc;
				background-size: auto 100%;
				
				span{
					font-size: 1.0rem;
					margin-left: 5px;
				}
			}
			#aside-rank{
				background: #ffffff;
				
				li{
					clear: both;
					position: relative;
					border-bottom: 1px #eeeeee solid;

					&:last-child{
						border-bottom: 0;
					}

					a{
						display: block;
						color: #333333;
						padding: 10px 3%;
						font-size: 1.6rem;
						overflow: hidden;
						
						&:hover{
							background: #fbfbfb;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
					.aside-rank{
						position: absolute;
						top: 4px;
						left: 4px;
						width: 24px;
						height: 24px;
						color: #ffffff;
						font-size: 1.2rem;
						display: inline-block;
						z-index: 100;
						
						img{
							width: 100%;
							height: 100%;
						}
					}
					.aside-thum{
						float: left;
						width: 30%;
						overflow: hidden;

						img{
							width: 100%;
							height: auto;
							border: 1px #eeeeee solid;
							box-sizing: border-box;
						}
					}
					.aside-textbox{
						float: left;
						max-width: 68%;
						margin-left: 2%;

						.aside-title{
							font-size: 1.4rem;
							margin-bottom: 5px;
							line-height: 1.5;
							display: block;
						}
						.aside-views{
							color: #ED5273;
							font-size: 1.2rem;
						}
					}
				}
				li:nth-child(1) .aside-rank{background: url(../images/rank-1.svg);}
				li:nth-child(2) .aside-rank{background: url(../images/rank-2.svg);}
				li:nth-child(3) .aside-rank{background: url(../images/rank-3.svg);}
				li:nth-child(4) .aside-rank{background: url(../images/rank-4.svg);}
				li:nth-child(5) .aside-rank{background: url(../images/rank-5.svg);}
				li.extra .aside-rank{
					width: 50px;
					background: url(../images/rank-ex.png);
				}
			}
			#aside-pickup{
				overflow: hidden;
				
				li{
					display: inline-block;
					width: 49%;
					height: auto;
					vertical-align: top;
					overflow: hidden;

					&:last-child{
						border-bottom: 0;
					}

					a{
						display: block;
						color: #333333;
						padding: 10px 3%;
						font-size: 1.6rem;
						overflow: hidden;
						
						&:hover{
							background: #fbfbfb;
							-webkit-transition: all 0.2s;
							-moz-transition: all 0.2s;
							-ms-transition: all 0.2s;
							-o-transition: all 0.2s;
							transition: all 0.2s;
						}
					}
					.aside-pickup-img{
						max-width: 640px;
						height: auto;
						overflow: hidden;
						border: 1px #eeeeee solid;
						box-sizing: border-box;
						margin-bottom: 10px;

						img{
							width: 100%;
							height: auto;
						}
					}
					.aside-pickup-title{
						font-size: 1.4rem;
						line-height: 1.5;
						display: block;
					}
				}
			}
			#aside-hotword{
				padding: 20px 3%;
				background: #ffffff;
				
				a{
					padding: 10px;
					margin-right: 10px;
					margin-bottom: 10px;
					font-size: 1.2rem;
					border: 1px #eeeeee solid;
					box-sizing: border-box;
					display: inline-block;
					
					&:hover{
						background: #f5f5f5;
						text-decoration: none;
					}
				}
			}
			#aside-cat{
				margin-bottom: 30px;
				overflow: hidden;
				
				li{
					float: left;
					width: 44%;
					margin: 0 3%;
					position: relative;
					border-bottom: 1px #dddddd solid;

					&:nth-child(1){
						border-top: 1px #dddddd solid;
					}
					&:nth-child(2){
						border-top: 1px #dddddd solid;
					}

					a{
						display: table;
						color: #333333;
						padding: 10px 0;
						font-size: 1.4rem;
						overflow: hidden;
						
						img{
							width: 30px;
							height: 30px;
							border-radius: 30px;
						}
						span{
							display: table-cell;
							padding-left: 5px;
							vertical-align: middle;
						}
					}
				}
			}
			#aside-twitter{
				margin-left: 8%;
				margin-right: 8%;
			}
			.fb_iframe_widget{
				display: block!important;
				text-align: center;
			}
		}
	}
}

/*-----------------------------------------------------------
header
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	
	header{
		overflow: hidden;
		background: #ffffff;
		
		#header-inner{
			width: 1080px;
			margin: 0 auto;

			#header-logo{
				margin-top: 30px;
				text-align: center;

				img{
					width: 200px;
					height: 60px;
				}
			}
			#header-search-pc{
				float: right;
				width: 300px;
				height: 40px;
				font-size: 1.6rem;
				position: relative;
				margin-top: -45px;
				margin-bottom: 35px;

				#search-form-pc{
					position: absolute;
					top: 0;
					left: 0;
					width: 260px;
					height: 40px;
					padding: 0 10px;
					border: 1px #dfcbd9 solid;
					box-sizing: border-box;
					border-radius: 3px 0 0 3px;
					vertical-align: middle;
				}
				#search-bt-pc{
					position: absolute;
					top: 0;
					left: 260px;
					width: 20px;
					height: 20px;
					padding: 10px;
					background: #ae8dbc;
					border-radius: 0 3px 3px 0;
					vertical-align: middle;
				}
			}
		}
	}
	#pc-gm{
		clear: both;
		width: 100%;
		overflow: hidden;
		background: #ae8dbc;
		display: none;
		
		ul{
			width: 1080px;
			margin: 0 auto;
			
			li{
				float: left;
				width: 25%;
				border-left: 1px #ffffff dotted;
				box-sizing: border-box;

				&:last-child{
					border-right: 1px #ffffff dotted;
				}
				
				a{
					color: #ffffff;
					padding: 13px 0;
					font-size: 1.4rem;
					text-align: center;
					display: block;
					
					&:hover{
						background: #dfcbd9;
						text-decoration: none;
						-webkit-transition: all 0.2s;
						-moz-transition: all 0.2s;
						-ms-transition: all 0.2s;
						-o-transition: all 0.2s;
						transition: all 0.2s;
					}
				}
			}
		}
	}
	#sp-gm,
	#drawer,
	#search-sp{
		display: none;
	}
	#bcm{
		clear: both;
		color: #999;
		font-size: 1.2rem;
		margin: 20px 0;
		
		li{
			margin: 0 5px;
			display: inline-block;
			
			&:first-child{
				margin-left: 0;
			}
			&:last-child{
				margin-right: 0;
			}
			a{
				display: inline-block;
				
				span{
					display: inline-block;
					
					&:hover{
						text-decoration: underline;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 640px){
	
	header{
		max-width: 640px;
		margin: 0 auto;
		overflow: hidden;
		background: #ffffff;
		
		#header-inner{

			#header-logo{
				margin-top: 4px;
				margin-bottom: 4px;
				text-align: center;

				img{
					width: 160px;
					height: 48px;
				}
			}
			#header-search-pc{
				display: none;
			}
		}
	}
	#pc-gm{
		display: none;
	}
	#sp-gm{
		width: 100%;
		z-index: 9998;
		position: fixed;
		top: 0;
		right: 0;
		overflow: hidden;
		background: #FFF;
		
		li{
			float: left;
			width: 24.7%;
			list-style: none;
			text-align: center;
			padding: 10px 0;
		    border-right: 1px #ae8dbc solid;
			
			&:last-child{
				border-right: 0;
			}
			a{
				text-decoration: none;
				display: block;
			}
			img{
				width: 22px;
				height: 22px;
				margin-bottom: 4px;
			}
			span{
				color: #ae8dbc;
				display: block;
				font-size: 1.0rem;
				font-weight: bold;
				line-height: 1.0;
			}
		}
		li.home{
			padding: 4px 0;
			width: 49.4%;
			background: #FFF;
			
			img{
				width: 160px;
				height: 48px;
				margin-bottom: 0;
			}
		}
	}
	#search-sp{
		width: 100%;
		background: #fff;
		overflow: hidden;
		padding: 10px 0;
		
		#search-form-sp{
			float: left;
			width: 77%;
			height: 40px;
			font-size: 1.6rem;
			padding-left: 10px;
			margin-left: 3%;
			border: 1px #dfcbd9 solid;
			box-sizing: border-box;
			border-radius: 3px 0 0 3px;
			vertical-align: middle;
		}
		#search-bt-sp{
			float: right;
			width: 17%;
			height: 20px;
			padding: 10px 0;
			margin-right: 3%;
			background: #ae8dbc;
			border-radius: 0 3px 3px 0;
			vertical-align: middle;
		}
	}
	#wrapper {
		-webkit-transition: all .2s;
		transition: all .2s;
	}
	#drawer {
		position: fixed;
		top: 0;
		right: -100%;
		width: 100%;
		overflow-x: hidden;
		background: #ae8dbc;
		-webkit-transition: all .2s;
		transition: all .2s;
		z-index: 9999;

		&.open {
			-webkit-transform: translate3d(-100%, 0, 0);
			transform: translate3d(-100%, 0, 0);
		}

		ul{
			letter-spacing: -.4rem;

			li{
				box-sizing: border-box;
				border-bottom: 1px #fff solid;
				border-right: 1px #fff solid;
				display: inline-block;
				width: 50%;
				letter-spacing: -.09rem;
				margin-bottom: -2px;
				
				&:first-child{
					display: block;
					width: 100%;
					margin-bottom: 0;
				}
				&:last-child{
					display: block;
					width: 100%;
					border-bottom: 0;
					border-right: 0;
				}
				&:nth-of-type(odd){
					border-right: 0;
				}
				
				a{
					color: #fff;
					display: block;
					font-size: 4vw;
					padding: 15px 0 15px 2%;
					
					figure{
						display: table-cell;
						vertical-align: middle;
					}
					
					img{
						width: 30px;
						height: 30px;
						border-radius: 15px;
					}
					span{
						position: relative;
						padding-left: 5px;
						display: table-cell;
						vertical-align: middle;
					}
				}
			}
			#favolist{
				display: block;
				width: 100%;
				background: #fff;
				font-size: 1.4rem;
				
				.favotitle{
					display: block;
					padding: 10px 5px 5px 26px;
					background: url(../images/favorite.png) 5px 9px no-repeat;
					background-size: 16px 14px;
				}
				li{
					border-bottom: 1px solid #eee;
					
					a{
						display: table;
						width: 100%;
						color: #333;
						
						.thumb{
							display: table-cell;
							width: 100px;
							
							img{
								width: 100%;
								height: auto;
								border-radius: 0;
							}
						}
						.text{
							display: table-cell;
							padding: 0 10px;
							vertical-align: middle;
							line-height: 1.5;
							
							.day{
								display: block;
								margin-top: 5px;
								margin-left: -5px;
								font-size: 1rem;
								color: #999;
							}
						}
					}
				}
			}
		}
	}
	#bcm{
		clear: both;
		color: #999;
		max-width: 640px;
		font-size: 1.0rem;
		line-height: 1.2;
		padding: 10px 3%;
		background: #fbfbfb;
		overflow-x: auto;
		white-space: nowrap;
		
		li{
			margin: 0 5px;
			display: inline-block;
			
			&:first-child{
				margin-left: 0;
			}
			&:last-child{
				margin-right: 0;
			}
			a{
				display: inline-block;
				
				span{
					display: inline-block;
					
					&:hover{
						text-decoration: underline;
					}
				}
			}
		}
	}
}

/*-----------------------------------------------------------
slider
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	
	#slider-wrap{
		width: 100%;
		height: 380px;
		overflow: hidden;
		background: #f9f9f9;

		.bx-wrapper{
			width: 1080px;
			height: 320px;
			margin-top: 20px;
			margin-left: auto;
			margin-right: auto;
			
			.slider-caption{
				float: left;
				color: #fff;
				width: 300px;
				height: 320px;
				display: block;
				padding: 0 60px;
				line-height: 1.5;
				font-size: 2.0rem;
				text-align: center;
				background: #ff718d;
				
				&:before{
					width: 100px;
					content: "PICK UP!";
					line-height: 1.0;
					font-size: 2.0rem;
					font-weight: bold;
					text-align: center;
					margin: 70px auto 20px auto;
					padding-bottom: 20px;
					display: block;
					border-bottom: 2px #ffffff solid;
				}
				&:after{
					content: "";
					width: 100px;
					margin: 20px auto;
					display: block;
					border-bottom: 2px #ffffff solid;
				}
				&:hover{
					background: #f76783;
					-webkit-transition: all 0.2s;
					-moz-transition: all 0.2s;
					-ms-transition: all 0.2s;
					-o-transition: all 0.2s;
					transition: all 0.2s;
				}
				span{
					display: block;
					font-size: 1.2rem;
					margin-top: 10px;
				}
			}
			#slider-img{
				float: right;
				width: 660px;
				height: 320px;
				display: block;
				overflow: hidden;
				
				img{
					width: 100%;
					height: auto;
				}
			}
		}
	}
	.bx-pager {
		text-align: center;
		font-size: 0.8rem;
		color: #666666;
		z-index: 100;
		position: relative;
		top: 15px;
	}
	.bx-pager-item,
	.bx-controls-auto-item{
		display: inline-block;
	}
	.bx-default-pager{

		a{
			background: #999;
			text-indent: -9999px;
			display: block;
			width: 10px;
			height: 10px;
			margin: 0 5px;
			outline: 0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;

			&:hover{
				background: #ff718d;
			}
		}
		.active{
			color: #ae8dbc;
			background: #ff718d;
		}
	}
	.bx-prev {
		background-repeat: no-repeat;
		background: url(../images/slider-arrow-left.svg);
		background-size: 40px 40px;
	}
	.bx-next {
		margin-left: 1040px;
		background-repeat: no-repeat;
		background: url(../images/slider-arrow-right.svg);
		background-size: 40px 40px;
	}
	.bx-controls-direction {

		a{
			position: absolute;
			top: 290px;
			outline: 0;
			width: 40px;
			height: 40px;
			text-indent: -9999px;
			z-index: 100;
		}
	}
}
@media screen and (max-width: 640px){
	
	#slider-wrap{
		position: relative;
		max-width: 640px;
		line-height: 1.0;
		overflow: hidden;
		
		a{
			&:hover{
				text-decoration: none;
			}
		}

		.bx-wrapper{
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			position: relative;
			
			.slider-caption{
				color: #fff;
				display: block;
				padding: 10px;
				font-size: 1.2rem;
				background: rgba(0,0,0,0.4);
				position: absolute;
				bottom: 0;
				
				span{
					display: none;
				}
			}
			#slider-img{
				
				img{
					width: 100%;
					height: auto;
					display: block;
				}
			}
		}
	}
	.bx-pager {
		text-align: center;
		font-size: 0.8rem;
		color: #666666;
		z-index: 100;
		padding: 10px 0;
	}
	.bx-pager-item,
	.bx-controls-auto-item{
		display: inline-block;
	}
	.bx-default-pager{

		a{
			background: #999;
			text-indent: -9999px;
			display: block;
			width: 10px;
			height: 10px;
			margin: 0 5px;
			outline: 0;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px;

			&:hover{
				background: #ff718d;
			}
		}
		.active{
			color: #ae8dbc;
			background: #ff718d;
		}
	}
	.bx-prev {
		position: absolute;
		top: 40%;
		left: 0;
		background-repeat: no-repeat;
		background: url(../images/slider-arrow-left.svg);
		background-size: 30px 30px;
	}
	.bx-next {
		position: absolute;
		top: 40%;
		right: 0;
		background-repeat: no-repeat;
		background: url(../images/slider-arrow-right.svg);
		background-size: 30px 30px;
	}
	.bx-controls-direction {
		
		a{
			outline: 0;
			width: 30px;
			height: 30px;
			text-indent: -9999px;
			z-index: 100;
		}
	}
}

/*-----------------------------------------------------------
simulation
------------------------------------------------------------*/
#simulation-wrap{
	padding: 30px;
	background: #fff;
	border: 5px solid #ecb7ce;
	
	h1{
		overflow: hidden;
		margin: 0 auto 20px;
		width: 284px;
		height: 45px;
		background: url(../images/h1-simulation.png) center 0 no-repeat;
		text-indent: 100%;
		white-space: nowrap;
	}
	p{
		margin-bottom: 20px;
		font-size: 1.5rem;
	}
	.btn-start{
		text-align: center;
	}
}
#simulation{
	font-size: 16px;
	
	p{
		margin: 30px 0;
		font-size: 2em;
	}
}
.simulation-size{
	text-align: center;
	
	.cup,
	.under{
		display: inline-block;
		margin: 20px 0;
		width: 49%;
		font-size: 1.5em;
		
		.title{
			margin-bottom: 10px;
		}
		label.size{
			position: relative;
			
			&:before{
				position: absolute;
				content: "";
				top: 8px;
				right: 8px;
				margin: auto;
				width: 0;
				height: 0;
				border: 8px solid transparent;
				border-top: 12px solid #ae8dbc;
				pointer-events: none;
			}
		}
		select{
			padding: 5px 30px 5px 20px;
			border: 1px solid #ddd;
			border-radius: 5px;
			font-size: 1.2em;
			cursor: pointer;
		}
	}
	button{
		display: block;
		margin: 30px auto;
		padding: 20px;
		width: 90%;
		background: #ecb7ce;
		border-radius: 5px;
		font-size: 1em;
		color: #fff;
		cursor: pointer;
	}
}
.simulation-genre{
	text-align: center;
	
	li{
		display: inline-block;
		margin: 0 1% 10px;
		width: 47%;
		background: #ecb7ce;
		border-radius: 5px;
		box-sizing: border-box;
		color: #fff;
		cursor: pointer;
		
		a{
			display: block;
			padding: 20px 1px;
			color: #fff;
			
			&:hover{
				border-radius: 5px;
				text-decoration: none;
				opacity: .7;
			}
		}
	}
}
.simulation-result{
	
	p b{
		font-size: 1.2em;
		color: #ff718d;
	}
	.result-item{
		margin-bottom: 50px;
		padding: 20px 40px;
		background: #fff;
		border: 1px solid #dfcbd9;
		
		.item-name{
			text-align: center;
			font-weight: bold;
			font-size: 1.2em;
			color: #ae8dbc;
		}
		.item-image{
			position: relative;
			margin: 30px 30px 40px;
			
			img{
				max-width: 100%;
				height: auto;
			}
			.item-size{
				position: absolute;
				right: -20px;
				bottom: -20px;
				padding: 27px 15px;
				background: #f9eeff;
				border-radius: 100%;
				text-align: center;
				font-size: 1.5em;
				color: #ae8dbc;
			}
		}
		.comment{
			font-weight: bold;
			font-size: 1.2em;
			color: #ae8dbc;
		}
		th,td{
			padding: 10px;
			border: 0;
			border-bottom: 1px solid #ddd;
			font-size: 1em;
		}
		th{
			background: none;
		}
		td{
			text-align: right;
		}
		.cv-bt{
			
			a{
				position: relative;
				display: block;
				margin: 20px 0;
				padding: 20px;
				background: #fc6f8e;
				border-bottom: 3px solid #e55877;
				border-radius: 5px;
				text-align: center;
				line-height: 1.4;
				font-size: 1.2em;
				color: #fff;
				
				&:before{
					position: absolute;
					content: "";
					top: 0;
					bottom: 0;
					right: 20px;
					margin: auto;
					width: 16px;
					height: 16px;
					background: url(../images/arrow-white.svg);
				}
				&:hover{
					background: #eb5a7a;
					text-decoration: none;
				}
			}
		}
		.relation{
			max-width: 100%;
			margin-bottom: 20px;
			padding: 10px;
			overflow: hidden;
			background: #fefaff;
			border: 1px #eee0f4 solid;
			box-sizing: border-box;
			border-radius: 5px;
			
			a:hover{
				text-decoration: none;
			}
			img{
				float: left;
				width: 130px;
				height: auto;
				margin-bottom: 0 !important;
			}
			.relation-text{
				float: right;
				width: 380px;
			}
			.relation-title{
				font-size: 1.6rem;
				font-weight: bold;
				display: block;
				color: #ae8dbc;
				padding: 10px 0;
				margin-bottom: 10px;
				border-bottom: 2px #fff solid;
			}
			.relation-link{
				font-size: 1.6rem;
			}
		}
	}
}
.result-more{
	margin-bottom: 50px;
	padding: 10px;
	background: #ecb7ce;
	border-radius: 5px;
	text-align: center;
	color: #fff;
	cursor: pointer;
	
	&:after{
		content: "▼";
		margin-left: 20px;
	}
}
.result-more-item{
	display: none;
}

@media screen and (max-width: 640px){
	#simulation-wrap{
		margin: 10px;
		padding: 20px 15px;
		
		h1{
			width: 200px;
			height: 32px;
			background-size: contain;
		}
		.btn-start{
			
			img{
				width: 100%;
				height: auto;
			}
		}
	}
	.simulation-size{
		.cup,
		.under{
			display: block;
			width: 100%;
			
			select{
				width: 100%;
			}
		}
	}
	.simulation-genre{
		
		li{
			vertical-align: middle;
			
			a{
				font-size: .9em;
			}
		}
	}
	.simulation-result{
		.result-item{
			padding: 15px;
			
			.item-image{
				margin: 20px 0;
				
				.item-size{
					right: -15px;
					bottom: -13px;
					padding: 22px 15px;
					font-size: 1em;
				}
			}
			.comment{
				text-align: left;
			}
			th,td{
				display: table-cell;
				padding: 10px 0;
			}
			th{
				width: 30%;
			}
			td{
				width: 70%;
			}
			.relation{
				
				img{
					width: 30%;
				}
				.relation-text{
					width: 65%;
				}
				.relation-title{
					font-size: 1.4rem;
					padding: 0 0 5px;
				}
				.relation-link{
					font-size: 1.4rem;
				}
			}
		}
	}
}

/*-----------------------------------------------------------
review
------------------------------------------------------------*/
.inner{
	#blog-container.review_wrap{
		
		h1{
			font-weight: bold;
			font-size: 2.8rem;
		}
		img{
			width: auto;
			max-width: 100%;
			margin-bottom: 0;
		}
		.review_hyouka{
			overflow: hidden;
			
			.ttl{
				padding: 10px;
				background: #f9eeff;
				font-weight: bold;
				font-size: 1.6rem;
			}
			dl, .chart{
				display: table-cell;
				padding: 10px;
				width: 50%;
				box-sizing: border-box;
				vertical-align: middle;
			}
			dl{
				padding-left: 50px;
				
				dt,  dd{
					font-weight: bold;
					font-size: 2rem;
				}
				dd b{
					font-weight: bold;
					font-size: 5rem;
					color: #fc0;
				}
			}
		}
		#blog-content{
			font-size: 1.4rem;
			
			img{
				width: auto;
				max-width: 100%;
				margin-bottom: 0;
			}
			#sort{
				display: table;
				margin-bottom: 10px;
				width: 100%;
				text-align: right;
				
				label{
					display: table-cell;
					vertical-align: middle;
				}
				.sort-select{
					display: table-cell;
					vertical-align: middle;
					width: 140px;
					
					select{
						margin-left: 5px;
						padding: 8px 10px 10px;
						background: #f6f6f6;
						border: 1px solid #ddd;
						border-radius: 5px;
						-webkit-appearance: menulist;
						appearance: menulist;
					}
				}
			}
			.review_post{
				margin-bottom: 20px;
				padding: 15px;
				background: #f9eeff;
				border-radius: 5px;
				
				.review_header{
					.rating{
						display: inline-block;
						width: 100px;
					}
					h3{
						display: inline-block;
						margin: 0;
						border: 0;
						font-size: 1.6rem;
						color: #333;
					}
				}
				.review_profile{
					margin: 15px 0;
					padding: 5px 10px;
					background: #fff;
					border-radius: 5px;
					
					table{
						margin: 0;
						
						th{
							padding: 10px 0;
							width: 50%;
							background: none;
							border: 0;
							border-bottom: 1px solid #f9eeff;
						}
						td{
							padding: 10px 0;
							border: 0;
							border-bottom: 1px solid #f9eeff;
						}
						tr:last-child th, tr:last-child td{
							border-bottom: 0;
						}
					}
				}
				.rating_wrap{
					dl{
						margin: 10px 0;
						
						a{
							display: table;
							width: 100%;
							background: #fff;
							border-radius: 5px;
							text-decoration: none;
							
							dt{
								display: table-cell;
								padding: 10px;
								width: 70px;
								background: #ae8dbc;
								border-radius: 5px 0 0 5px;
								vertical-align: middle;
								text-align: center;
								color: #fff;
							}
							dd{
								display: table-cell;
								position: relative;
								padding: 10px 20px 10px 10px;
								vertical-align: middle;
								
								&:before{
									position: absolute;
									content: "";
									top: 0;
									bottom: 0;
									right: 8px;
									margin: auto;
									width: 5px;
									height: 5px;
									border-right: 2px solid #ae8dbc;
									border-bottom: 2px solid #ae8dbc;
									-webkit-transform: rotate(45deg);
									transform: rotate(45deg);
								}
								span{
									color: #fa3463;
								}
							}
						}
					}
				}
				.review_photo{
					margin: 20px 0 30px;
					padding: 5px;
					background: url(../images/review_photo_bg.png) 0 0;
					text-align: center;
					
					img{
						display: block;
						margin: auto;
					}
				}
				.review{
					margin: 10px 0;
					padding: 5px 10px 10px;
					background: #fff;
					line-height: 1.4;
					
					h4{
						position: relative;
						margin: 0 -10px 10px -15px;
						padding: 5px 10px;
						background: #ae8dbc;
						border: 0;
						font-size: 1.4rem;
						color: #fff;
						
						&:before{
							position: absolute;
							content: "";
							bottom: -6px;
							left: 0;
							width: 0;
							height: 0;
							border-width: 3px;
							border-style: solid;
							border-color: #8a6d96 #8a6d96 transparent transparent;
						}
					}
				}
			}
			.wpulike{
				text-align: right;
				
				a.wp_ulike_btn{
					float: right;
					padding: 0 10px 0 20px;
					background: url(../images/favorite.png) 3px center no-repeat #fbfbfb;
					background-size: 16px 14px;
					border: 1px solid #bdbdbd;
					text-decoration: none!important;
					font-size: 1rem;
				}
				.count-box{
					margin-left: 0;
					margin-right: 8px;
					
					&:before{
						left: auto;
						right: 0;
						border-bottom-color: transparent;
						border-left-color: transparent;
						border-top-color: #bdbdbd;
						border-right-color: #bdbdbd;
					}
				}
			}
		}
	}
}
@media screen and (max-width: 640px){
	.inner{
		#blog-container.review_wrap{
			
			h1{
				font-size: 2.0rem;
			}
			.review_hyouka{
				
				dl, .chart{
					display: block;
					width: 100%;
				}
				dl{
					padding-left: 10px;
					
					dt, dd{
						display: inline-block;
						font-size: 1.4rem;
					}
					dd{
						
						b{
							font-size: 2.6rem;
						}
						img{
							margin: 0 10px;
						}
					}
				}
				.chart{
					margin: 10px 0 20px;
					border: 1px solid #ddd;
					border-radius: 5px;
					box-sizing: border-box;
					text-align: center;
				}
			}
		}
	}
}

/*-----------------------------------------------------------
sitemap
------------------------------------------------------------*/
@media screen and (min-width: 641px){

	.sitemap{
		
		li{
			
			a{
				font-size: 1.4rem;
				padding: 10px 0;
				display: block;
			}
		}
	}
}
@media screen and (max-width: 640px){

	.sitemap{
		
		li{
			
			a{
				font-size: 1.4rem;
				padding: 10px 0;
				display: block;
			}
		}
	}
}

/*-----------------------------------------------------------
form
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	#contact{
		
		table{
		
			th{
				background: #f5f5f5;
				padding: 15px;
				width: 200px;
			}
			td{
				padding: 20px;
			}
		}
		
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="number"],
		input[type="tel"],
		select,
		textarea{
			padding: 10px 5px;
			border: 2px #ddd solid;
			box-sizing: border-box;
			border-radius: 4px;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
		}
		
		input[type="submit"]{
			width: 320px;
			color: #fff;
			padding: 10px;
			font-size: 2.4rem;
			border-radius: 4px;
			background: #FF6E00;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
			
			&:hover{
				background: #FF2700;
			}
		}
	}
}
@media screen and (max-width: 640px){
	#contact{
		
		table{
			width: 100%;
			padding: 0;
			margin: 0;
			
			th{
				text-align: left;
				background: #f5f5f5;
				border: 0;
			}
			
			td{
				border: 1px #f5f5f5 solid;
				box-sizing: border-box;
				
				input[type="text"],
				input[type="email"],
				input[type="password"],
				textarea{
					width: 100%;
					padding: 10px 5px;
					border: 2px #ddd solid;
					box-sizing: border-box;
					border-radius: 4px;
					-webkit-appearance: none;
					-moz-appearance: none;
					-ms-appearance: none;
					-o-appearance: none;
					appearance: none;
				}
			}
		}
		
		input[type="submit"]{
			width: 95%;
			color: #fff;
			padding: 5px;
			font-size: 2.4rem;
			border-radius: 4px;
			background: #FF6E00;
			-webkit-appearance: none;
			-moz-appearance: none;
			-ms-appearance: none;
			-o-appearance: none;
			appearance: none;
		}
	}
}
#monitor{
	
	input[type="text"],
	input[type="email"],
	input[type="password"],
	input[type="number"],
	input[type="tel"],
	select,
	textarea{
		padding: 10px 5px;
		border: 2px #ddd solid;
		box-sizing: border-box;
		border-radius: 4px;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
	}
	
	select{
		width: 100px;
		-webkit-appearance: menulist;
		-moz-appearance: menulist;
		-ms-appearance: menulist;
		-o-appearance: menulist;
		appearance: menulist;
	}
	
	label{
		margin-right: 10px;
		padding: 5px 10px;
		border: 2px solid #ddd;
		border-radius: 4px;
		cursor: pointer;
	}
	
	input[type="submit"]{
		width: 320px;
		color: #fff;
		padding: 10px;
		font-size: 2.4rem;
		border-radius: 4px;
		background: #FF6E00;
		-webkit-appearance: none;
		-moz-appearance: none;
		-ms-appearance: none;
		-o-appearance: none;
		appearance: none;
		
		&:hover{
			background: #FF2700;
		}
	}
}
@media screen and (max-width: 640px){
	#monitor{
		
		input[type="text"],
		input[type="email"],
		input[type="password"],
		input[type="number"],
		input[type="tel"],
		select,
		textarea{
			width: 100%;
		}
		
		label{
			display: block;
			margin-right: 0;
			margin-bottom: 10px;
			padding: 10px;
		}
		
		input[type="submit"]{
			width: 95%;
		}
	}
}
.talk_left{
	position: relative;
	padding: 8px 150px 50px 100px;
	background-repeat: no-repeat;
	background-position: 0 0;
	
	&:before{
		position: absolute;
		top: 80px;
		font-size: .8em;
	}
	.talk_txt{
		position: relative;
		padding: 20px;
		background: #fff;
		border: 2px solid;
		border-radius: 5px;
		line-height: 1.8;
		font-size:1.6rem;
		
		&:before{
			position: absolute;
			content: "";
			top: 17px;
			left: -25px;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-right: 13px solid;
		}
		&:after{
			position: absolute;
			content: "";
			top: 17px;
			left: -22px;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-right: 13px solid #fff;
		}
	}
}
.talk_right{
	position: relative;
	padding: 8px 100px 50px 150px;
	background-repeat: no-repeat;
	background-position: right 0;
	
	&:before{
		position: absolute;
		top: 80px;
		font-size: .8em;
	}
	.talk_txt{
		position: relative;
		padding: 20px;
		background: #fff;
		border: 2px solid;
		border-radius: 5px;
		line-height: 1.8;
		font-size:1.6rem;
		
		&:before{
			position: absolute;
			content: "";
			top: 17px;
			right: -25px;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-left: 13px solid;
		}
		&:after{
			position: absolute;
			content: "";
			top: 17px;
			right: -22px;
			width: 0;
			height: 0;
			border: 10px solid transparent;
			border-left: 13px solid #fff;
		}
	}
}
.talk_rinto{
	background-image: url(../images/talk_rinto.png);
	
	&:before{
		content: "リント編集部";
		right: 7px;
	}
	
	.talk_txt{
		border-color: #ccc;
		
		&:before{
			border-left-color: #ccc;
		}
	}
}
.talk_shina{
	background-image: url(../images/talk_shinagawa.png);
	
	&:before{
		content: "原田先生";
		left: 15px;
	}
	
	.talk_txt{
		border-color: #ae8dbc;
		
		&:before{
			border-right-color: #ae8dbc;
		}
	}
}
.talk_shina2{
	background-image: url(../images/talk_shinagawa2.png);
	
	&:before{
		content: "原田先生";
		left: 15px;
	}
	
	.talk_txt{
		border-color: #ae8dbc;
		
		&:before{
			border-right-color: #ae8dbc;
		}
	}
}
@media screen and (max-width: 640px){
	.talk_left{ padding: 8px 0 50px 90px }
	.talk_right{ padding: 8px 90px 50px 0; }
	.talk_txt{ padding: 15px; }
}

/*-----------------------------------------------------------
footer
------------------------------------------------------------*/
@media screen and (min-width: 641px){
	
	footer{
		width: 100%;
		overflow: hidden;
		background: #ffffff;
		
		#footer-nav{
			padding: 20px 0;
			overflow: hidden;
			text-align: center;
			background: #dfcbd9;
			
			li{
				display: inline-block;
				margin: 0 8px;
				
				a{
					color: #333;
					font-size: 1.2rem;
				}
			}
		}
		#footer-logo{
			margin-top: 20px;
			margin-bottom: 10px;
			text-align: center;
			
			img{
				width: 160px;
				height: 48px;
			}
		}
		address{
			color: #999;
			margin-bottom: 20px;
			text-align: center;
			font-style: normal;
			font-size: 1.2rem;
		}
	}
	#page-top{
		width: 80px;
		height: 80px;
		z-index: 100;
		position: fixed;
		bottom: 10px;
		right: 10px;
		border-radius: 40px;
		background: #ae8dbc;
		text-align: center;
		
		a{
			color: #fff;
			font-size: 1.0rem;
		}
		img{
			width: 25px;
			height: 25px;
			display: block;
			margin:  15px auto 3px auto;
		}
	}
}
@media screen and (max-width: 640px){
	
	footer{
		clear: both;
		width: 100%;
		overflow: hidden;
		background: #ffffff;
		margin-bottom: 50px;
		
		#footer-nav{
			overflow: hidden;
			
			li{
				float: left;
				width: 50%;
				border-bottom: 1px #ffffff solid;
				box-sizing: border-box;
				text-align: center;
				
				&:nth-child(2n){
					border-left: 1px #ffffff solid;
				}
				a{
					position: relative;
					display: block;
					color: #333;
					padding: 15px;
					font-size: 1.2rem;
					
					&:before{
						position: absolute;
						content: "";
						top: 15px;
						right: 7px;
						width: 0;
						height: 0;
						border: 5px solid transparent;
						border-left: 6px solid #dfcbd9;
					}
				}
			}
		}
		#footer-logo{
			margin-top: 20px;
			margin-bottom: 10px;
			text-align: center;
			
			img{
				width: 160px;
				height: 48px;
			}
		}
		address{
			color: #999;
			margin-bottom: 20px;
			text-align: center;
			font-style: normal;
			font-size: 1.0rem;
		}
	}
	#page-top{
		z-index: 100;
		position: fixed;
		bottom: 50px;
		right: 10px;
		
		a{
			display: block;
			padding: 10px 0;
			width: 50px;
			height: 50px;
			background-color: #ae8dbc;
			border-radius: 40px;
			box-sizing: border-box;
			text-align: center;
			color: #fff;
			font-size: .6rem;
			
			img{
				width: 25px;
				height: 25px;
			}
			span{
				display: none;
			}
		}
	}
}