@charset "UTF-8";
/* Title */
 
a.btn {
 	display: inline-block;
 	background-color: #f3633e;
 	border-radius: 5px;
 	font-size: 16px;
 	text-decoration: none;
 	color: #fff;
 	padding: 0.6em 3em 0.6em 2.4em;
 	background-image: url(../img/share/arrow_btn.png);
 	background-repeat: no-repeat;
 	background-position: right 2em top 50%;
 	background-size: 7px;
 	transition: all 300ms 0s ease;
 }
 a.btn span {
 	display: inline-block;
 	line-height: 1.4;
 	text-align: left;
 }
a.btn:hover {
	text-decoration: none;
	color: #fff;
	background-position: right 1.8em top 50%;
}

/*ボタンを黄色にする*/
a.btn2{
  background-color: #DFE049;
 	color: #000;
	border-radius: 0px;
}

a.btn2:hover {
	color: #000;
	border: 1px solid;
	background-color: #fff;
}


/* 戻る */
a.btn.btn_back {
	padding: 0.6em 2.4em 0.6em 3em;
	background-image: url(../img/share/arrow_btn_back.png);
 	background-repeat: no-repeat;
 	background-position: left 2em top 50%;
}
a.btn.btn_back:hover {
	background-position: left 1.8em top 50%;	
}


/* サイズ大 */
a.btn.btn_b {
	font-size: 20px;
	font-weight: bold;
	background-size: 7px;
	padding: 0.6em 2em 0.6em 1.4em;
	background-position: right 1.2em top 50%;
}
a.btn.btn_b:hover {
	background-position: right 1.0em top 50%;
}





a.btn.btn_land {
	padding: 0.6em 2.2em 0.6em 1.4em;
	background-position: right 1.2em top 50%;
}
a.btn.btn_land:hover {
	background-position: right 0.9em top 50%;

}


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



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





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

a.btn {
 	font-size: 20px;
 	padding: 0.6em 3em 0.6em 2.4em;
 	background-position: right 2em top 50%;
 	background-size: 7px;
 }
a.btn:hover {
	text-decoration: none;
	color: #fff;
	background-position: right 1.8em top 50%;
}

/* サイズ大 */
a.btn.btn_b {
	font-size: 26px;
	font-weight: bold;
	background-size: 10px;
	padding: 0.6em 3em 0.6em 2.4em;
	background-position: right 2em top 50%;
}
a.btn.btn_b:hover {
	background-position: right 1.8em top 50%;
}



/*ボタンを黄色にする*/
a.btn2{
  background-color: #DFE049;
 	color: #000;
	border-radius: 0px;
}

a.btn2:hover {
	color: #000;
	border: 1px solid;
	background-color: #fff;
}
}

/* end of media query */	
}

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




/* end of media query */	
}






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





/* end of media query */
}