@charset "UTF-8";
/* Title */
 
/* 白ボタン */
.btn_wht {
	display: inline-block;
	background-color: #fff;
	border: 1px solid #c8c8c8;
	color: #ca373d;
	text-decoration: none;
	text-align: left;
	padding: 0.8em 2em 0.8em 3.5em;
	font-size: 14px;
	line-height: 1.3;
	background-image: url(../img/share/icn_btn_wht.png);
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 20px;
	
	transition: all 300ms 0s ease;
	border-radius: 0px;

}
.btn_wht:hover {
	text-decoration: none;
	border-radius: 0em;
	box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #ca373d;
}

.btn_wht.btn_wht_b {
	font-size: 16px;
}

.btn_wht.btn_back {
	background-image: url(../img/share/icn_btn_wht_back.png);
}

 /* 赤ボタン基本 */
.btn_red {
	display: inline-block;
	background-color: #ca373d;
	
	color: #fff;
	text-decoration: none;
	padding: 0.8em 1em 0.8em 3.3em;
	font-size: 16px;
	text-align: left;
	line-height: 1.3;
	background-image: url(../img/share/icn_btn_red.png);
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 20px;
	
	transition: all 300ms 0s ease;
	border-radius: 0px;
	position: relative;

	overflow: hidden;
	
}
.btn_red span {
	transition: none;
	

}

/*  
.btn_red:before {
	content: '';
	position: absolute;
	top: 0;
	right: -50px;
	bottom: 0;
	left: 0;
	border-right: 50px solid transparent;
	border-bottom: 60px solid #ffbbbe;
	-webkit-transform: translateX(-100%);
	transform: translateX(-100%);

	box-sizing: border-box;
	transition: 0.3s ease-in-out;

	 z-index: 1;
}
.btn_red:hover {
	text-decoration: none;
	color: #ca373d;
}
.btn_red:hover:before {
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
*/

.btn_red:hover {
	text-decoration: none;
	border-radius: 0em;
	box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #ca373d;
	background-color: #ca373d;
	color: #fff;
}

.btn_red.btn_red_b {
	font-size: 20px;
	background-image: url(../img/share/icn_btn_red_b.png);
	background-size: 23px;
}
 
.btn_red.btn_red_b.btn_s {
	font-size: 16px;	
	background-size: 20px;
}


 /* 赤ボタントップページ用 */
.btn_red202003 {
	display: inline-block;
	background-color: #ca373d;
	
	color: #fff;
	text-decoration: none;
	padding: 0.3em 0.8em 0.3em 3.3em;
	font-size: 16px;
	white-space:nowrap;
	text-align: left;
	line-height: 1.3;
	background-image: url(../img/share/icn_btn_red.png);
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 16px;
	
	transition: all 300ms 0s ease;
	position: relative;

    border-radius: 27px;
    -webkit-border-radius: 27px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 27px;/* for Firefox 対応*/
	box-shadow: 10px 10px 10px rgba(0,0,0,0.4); 
	
	overflow: hidden;
	
}
.btn_red202003 span {
	transition: none;
}
.btn_red202003:hover {
	text-decoration: none;
	box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #ca373d;
	background-color: #ca373d;
	color: #fff;
}

/* 紺ボタン */
.btn_navy {
	display: inline-block;
	background-color: #1d2088;
	color: #fff;
	text-decoration: none;
	padding: 0.8em 1em 0.8em 3.3em;
	font-size: 16px;
	text-align: left;
	line-height: 1.3;
	background-image: url(../img/share/icn_btn_navy.png);
	background-repeat: no-repeat;
	background-position: 1.5em 50%;
	background-size: 20px;
	
	transition: all 300ms 0s ease;
	border-radius: 0px;
	position: relative;

	overflow: hidden;
	
}
.btn_navy span {
	transition: none;
	

}

.btn_navy:hover {
	text-decoration: none;
	border-radius: 0em;
	box-shadow: 0 0 0 0.1875rem white, 0 0 0 0.375rem #1d2088;
	background-color: #1d2088;
	color: #fff;
}

@media handheld, print, screen and (min-width: 350px) {
.btn_red202003 {
	font-size: 18px;	
	background-size: 20px;
}
}

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



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





@media handheld, print, screen and (min-width: 481px) {
.btn_red202003 {
    border-radius: 28px;
    -webkit-border-radius: 28px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 28px;/* for Firefox 対応*/
}
.btn_red202003 {
	font-size: 24px;	
	background-size: 20px;
}
.btn_red.btn_red_b.btn_s {
	font-size: 20px;	
	background-size: 23px;
}

/* end of media query */	
}

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

.btn_red202003 {
	padding: 0.3em 0.8em 0.3em 3.3em;
    border-radius: 44px;
    -webkit-border-radius: 44px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 44px;/* for Firefox 対応*/
}
.btn_red202003 {
	font-size: 28px;	
	background-size: 20px;
}
/* end of media query */	
}






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

.btn_red202003 {
    border-radius: 50px;
    -webkit-border-radius: 50px;/* for Safari and Chrome 対応*/
    -moz-border-radius: 56px;/* for Firefox 対応*/
}
.btn_red202003 {
	font-size: 34px;	
	background-size: 20px;
}
/* 
/* end of media query */