@charset "UTF-8";
/* Title */
 
/* btn_open */
.btn_open {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	font-weight: bold;
	color: #000;
	background-color: #f7d4d2;
	border-radius: 2em;
	line-height: 2.0;
	padding: .4em 4.6em .4em 2.8em;
	cursor: pointer;
}
.btn_open span {
	position: relative;
	top: -.05em;
}
.btn_open span:after {
	content: '';
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	width: 6px;
	height: 6px;
	position: absolute;
	right: -2.4em;
	top: 50%;
	transform: translateY(-50%)rotate(135deg);
	-webkit- transform: translateY(-50%)rotate(135deg);
	transition: all 300ms 0s ease;
}
.btn_open:hover {
	text-decoration: none;
}
.btn_open:hover span:after {
	top: 65%;
}


/* btn_read_hide */
.btn_open.hide {
	display: inline-block;
	box-sizing: border-box;
	width: auto;
	font-weight: bold;
	color: #8f8f8f;
	background-color: #eaeaea;
	border-radius: 2em;
	line-height: 2.0;
	padding: .4em 4.6em .4em 2.8em;
}
.btn_open.hide span {
	position: relative;
	top: -.05em;
}
.btn_open.hide span:after {
	content: '';
	border-top: 2px solid #8f8f8f;
	border-right: 2px solid #8f8f8f;
	width: 6px;
	height: 6px;
	position: absolute;
	right: -2.4em;
	top: 70%;
	transform: translateY(-50%)rotate(-45deg);
	-webkit- transform: translateY(-50%)rotate(-45deg);
	transition: all 300ms 0s ease;
}
.btn_open.hide:hover {
	text-decoration: none;
}
.btn_open.hide:hover span:after {
	top: 50%;
}






@media handheld, print, screen and (min-width: 375px) {
/* iphone6 */



/* end of media query(iphone6) */	
}





@media handheld, print, screen and (min-width: 480px) {


/* end of media query */	
}

@media handheld, print, screen and (min-width: 620px) {



/* end of media query */	
}






@media handheld, print, screen and (min-width: 835px) {





/* end of media query */
}