@charset "utf-8";

.pc { display:block;}
.sumaho { display:none;}
@media screen and (max-width:767px){
	.pc { display:none;}
	.sumaho { display:block;}
}


/*マージン*/
.m0 { margin: 0 !important; }
.mb0 { margin-bottom:0px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}
.mb55 { margin-bottom:55px !important;}
.mb60 { margin-bottom:60px !important;}
.mb70 { margin-bottom:70px !important;}
.mb75 { margin-bottom:75px !important;}
.mb100 { margin-bottom:100px !important;}
.mb120 { margin-bottom:120px !important;}

.mt0 { margin-top:0px !important;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mt30 { margin-top:30px !important;}
.mt40 { margin-top:40px !important;}
.mt50 { margin-top:50px !important;}

.mr0 { margin-right: 0px !important; }
.mr20 { margin-right: 20px !important; }
.mr-20 { margin-right: -20px !important; }
.mr-26 {margin-right: -2.6% !important;}

.pb0 { padding-bottom:0 !important;}
.pb10 { padding-bottom:10px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb30 { padding-bottom:30px !important;}
.pb40 { padding-bottom:40px !important;}
.pb50 { padding-bottom:50px !important;}
.pb100 { padding-bottom:100px !important;}

.pt0 { padding-top:0px !important;}
.pt10 { padding-top:10px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt30 { padding-top:30px !important;}
.pt40 { padding-top:40px !important;}
.pt50 { padding-top:50px !important;}

.pr20 { padding-right:20px;}
.prl30 { padding:0 30px;}
.p30 { padding:30px;}

/*FontSize*/
.txt_70{font-size:70% !important;}
.txt_77{font-size:77% !important;}
.txt_85{font-size:85% !important;}
.txt_91{font-size:91% !important;}
.txt_100{font-size:100% !important;}
.txt_108{font-size:108% !important;}
.txt_117{font-size:117% !important;}
.txt_125{font-size:125% !important;}
.txt_133{font-size:133% !important;}
.txt_201{font-size:201% !important;}
.txt_ex { color:#F82D00; }
.txt_normal { font-weight:normal !important;}

/*width*/
.w85p {width: 85%;min-width: 1000px;margin:0 auto;min-width: 900px;}
.w150 { width:150px!important; }
.w160 { width:160px!important; }
.w210 { width:210px; }
.w220 { width:220px; }
.w270 { width:270px; }
.w300 { width:300px!important; }
.w360 { width:360px; }
.w364 { width:364px; }
.w430 { width:430px; }
.w440 { width:440px; }
.w450 { width:450px; }
.w500 { width:500px; }
.w550 { width:550px; }
.w560 { width:560px; }
.w610 { width:610px; }
.w636 { width:636px; }
.w690 { width:690px; }
.w800 { width:800px; margin:0 auto; }
.w840 { width:840px; }

/*整列*/
.t-center { text-align: center !important; }
.t-right { text-align: right !important; }
.t-left { text-align: left !important; }
.m-center { margin:0 auto; }

/*配置*/
.fl { float:left; }
.fr { float:right; }


/*color*/
.red { color: #F82D00; }
.blue { color:#0A2A59 !important;}
.bgGray { background:#E7EBEF;}
.shadow {-moz-box-shadow:0px 2px 2px rgba(10,42,89,0.2);-webkit-box-shadow:0px 2px 2px rgba(10,42,89,0.2);box-shadow:0px 2px 2px rgba(10,42,89,0.2);-ms-filter:"progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true)";filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0,OffY=2,Color=#330a2a59,Positive=true);}
.topLine { border-top:solid 1px #ccc;}
.btmLine { border-bottom:solid 1px #CBD0D8;}

/*bt*/
.btn {width:210px;font-weight: 500;display:block;text-align:center;padding:.5em 0;position: relative;font-size: 15px;letter-spacing: 0.1em;}
.btn2 {position: relative;display: block;width:210px;font-weight: 500;display:block;text-align:center;padding:.5em 0;position: relative;text-transform: uppercase;transform-style: flat;transition: all 250ms ease-out;z-index: 20;font-size: 15px;letter-spacing: 0.1em;}
.btn2:before, .btn2:after {content: "";position: absolute;z-index: -2;transition: all 250ms ease-out;}
.btn2:hover { opacity:1;}

.btn.more{ margin:0 auto; font-size:13px; width:100px; border:2px solid #000; font-weight:700;
transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
	-webkit-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
	-moz-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
	-o-transition: all 0.2s cubic-bezier(.165, .84, .44, 1);
}
a:hover .btn.more{ margin:0 auto; font-size:13px; width:100px; border:2px solid #000; background:#000; color:#FFFFFF; font-weight:700;}