@charset "UTF-8";
/* CSS Document */


/*----------------------------------------------------
	☆wrap
----------------------------------------------------*/
.sidenav{
 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
border-right:1px solid #efefef;
 width:220px;
 position:fixed;
 background:#fff;
 height:100vh;
}

.wrap {
margin: 0 0 0 auto;
width: calc(100% - 220px);}



.width1600 {
 max-width: 1600px;
 width: 95%;
 margin: 0 auto;
}
.width1140 {
 max-width: 1140px;
 width: 95%;
 margin: 0 auto;
}


/*----------------------------------------------------
	☆indent
----------------------------------------------------*/

.center {
	text-align: center!important;
}
.left {
	text-align: left!important;
}
.right {
	text-align: right!important;
}
.spleft {
	text-align: center !important;
}
/*margin*/
.top0 {
	margin-top: 0 !important;
}
.top5 {
	margin-top: 5px !important;
}
.top10 {
	margin-top: 10px !important;
}
.top20 {
	margin-top: 20px !important;
}
.top40 {
	margin-top: 40px !important;
}
.top60 {
	margin-top: 60px !important;
}
.top80 {
	margin-top: 80px !important;
}
.top100 {
	margin-top: 100px !important;
}
.ml5 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.mr5 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.m0auto {
	margin: 0 auto !important;
}
/*padding*/
.pad10 {
	padding: 10px 0 !important;
}
.pad20 {
	padding: 20px 0 !important;
}
.pad40 {
	padding: 40px 0 !important;
}
.pad60 {
	padding: 60px 0 !important;
}
.pad80 {
	padding: 80px 0 !important;
}
.pad100 {
	padding: 100px 0 !important;
}
.padbtmnon {
	padding-bottom: 0 !important;
}
/*verticalalign*/
.vAT {
	vertical-align: top !important;
}
.vAM {
	vertical-align: middle !important;
}
.vAB {
	vertical-align: bottom !important;
}
/*----------------------------------------------------
	☆color
----------------------------------------------------*/



.red {
	color: #e60012 !important;
}
.gray {
 color: #858484 !important;
}
.white {
 color: #fff !important;
}
.black {
 color: #111 !important;
}
.blue {
 color: #00036a;
}

/*----------------------------------------------------
	☆bgcolor
----------------------------------------------------*/


.bggray {
 background: #f5f5f5;
}

/*----------------------------------------------------
	☆display
----------------------------------------------------*/


.block{
 display:inline-block;
}


.tabHide {
	display: block;
}
.tabDisp {
	display: none;
}
.spHide {
	display: block;
}
.spDisp {
	display: none;
}




/*----------------------------------------------------
	☆list ●　数字
----------------------------------------------------*/
ul.maru li {
 padding-left: 1.2em;
 text-indent: -1.0em;
 list-style-position: inside;
}
ul.maru li {
 list-style-type: disc !important;
 color: #111;
}
ul.number li {
 list-style-type: decimal !important;
 color: #111;
 padding-left: 1.2em;
 text-indent: -1.0em;
 list-style-position: inside;
}

/*----------------------------------------------------
	☆Width
----------------------------------------------------*/

.width5 {
	width: 5% !important;
}
.width10 {
	width: 10% !important;
}
.width20 {
	width: 20% !important;
}
.width25 {
	width: 25% !important;
}
.width30 {
	width: 30% !important;
}
.width35 {
	width: 35% !important;
}
.width40 {
	width: 40% !important;
}
.width45 {
	width: 45% !important;
}
.width49 {
	width: 49% !important;
}
.width50 {
	width: 50% !important;
}
.width55 {
	width: 55% !important;
}
.width60 {
	width: 60% !important;
}
.width65 {
	width: 65% !important;
}
.width70 {
	width: 70% !important;
}
.width75 {
	width: 75% !important;
}
.width80 {
	width: 80% !important;
}
.width85 {
	width: 85% !important;
}
.width90 {
	width: 90% !important;
}
.width95 {
	width: 95% !important;
}
.width100 {
	width: 100% !important;
}
/*----------------------------------------------------
	☆basecompo
----------------------------------------------------*/

img.icon {
	margin-right: 5px;
	vertical-align: middle;
}

/*----------------------------------------------------
	☆float
----------------------------------------------------*/


.box01 {
 float: left;
}
.box02 {
 float: right;
}
.box01_re {
 float: left;
}
.box02_re {
 float: right;
}



ul.inlineblock {
 font-size: 0;
 line-height: 0;
 text-align: left;
}
ul.inlineblock li {
 box-sizing: border-box;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
 display: inline-block;
 vertical-align: top;
 margin-right: 2%;
 width: 32%
}


ul.twoinlineblock li{
  width: 49%
}


ul.fiveinlineblock li{
  width: 18.4%
}




ul.inlineblock li:nth-child(3n) {
 margin-right: 0;
}

ul.fiveinlineblock li:nth-child(3n){
 margin-right: 2% !important;
}

ul.fiveinlineblock li:nth-child(5n){
 margin-right: 0% !important;
}


ul.inlineblock li.last {
 margin-right: 0;
}





ul.inlineblock li.four {
 margin-right: 2%;
 width: 23.5%
}


ul.inlineblock li.four:nth-child(3n){
 margin-right: 2%;
}


ul.inlineblock li.four:nth-child(4n){
 margin-right: 0%;
}



ul.inlineblocktable li{
 width:auto !important;
}

ul.inlineblocktable li:nth-child(odd){
 width:10% !important;
 margin-right:1%;
}

ul.inlineblocktable li:nth-child(even){
 width:85% !important;
}



/*----------------------------------------------------
	☆btn
----------------------------------------------------*/


p.btn a {
 background:#c3143b;
 font-family: 'Teko', sans-serif;
 letter-spacing:0.2rem;
 display: block;
 padding: 10px 0;
 transition: all 0.5s ease-in-out 0s;
 -moz-transition: all 0.5s ease-in-out 0s;
 -webkit-transition: all 0.5s ease-in-out 0s;
 -o-transition: all 0.5s ease-in-out 0s;
width:180px;
margin:0 auto;
text-align:center;
}

p.btn a:hover {
 background: #660018;
}


















@media only screen and (max-width: 1100px) {
.tabHide {
	display: none;
}
.tabDisp {
	display: block;
}
}

@media only screen and (max-width: 960px) {
 
 
 /*----------------------------------------------------
	☆wrap
----------------------------------------------------*/



.wrap {
margin: 0 auto;
width:100%;}


.wrap95 {
 width: 100%;
}
.wrapin95 {
 width: 95%;
}
.contents {
 width: 100%;
 margin: 0 auto;
}
.contentsdetail {
 /*margin-top: 50px;*/
 text-align: center;
}
.width1600 {
 margin: 0 auto;
 width: 95%;
}
.width1200 {
 margin: 0 auto;
 width: 95%;
}
 
 
 
.spcenter {
	text-align: center !important;
}
.spleft {
	text-align: left !important;
}
.spHide {
	display: none;
}
.spDisp {
	display: block;
}


.bgboxblue{
 display:block;
}



/*----------------------------------------------------
	☆float
----------------------------------------------------*/



ul.inlineblock li{
 width:49%;
 margin-right:2%;

}

ul.inlineblock li:nth-child(2n){
 margin-right:0;
}


ul.inlineblock li:nth-child(3){
  margin-right:2%;
}


}

@media only screen and (max-width: 740px) {
/*----------------------------------------------------
	☆indent
----------------------------------------------------*/
.top30 {
	margin-top: 20px !important;
}
.top40 {
	margin-top: 20px !important;
}
.top60 {
	margin-top: 40px !important;
}
.top80 {
	margin-top: 40px !important;
}
.top100 {
	margin-top: 40px !important;
}
.pad40 {
	padding: 20px 0 !important;
}
.pad60 {
	padding: 40px 0 !important;
}
.pad80 {
	padding: 60px 0 !important;
}
.pad100 {
	padding: 60px 0 !important;
}



/*----------------------------------------------------
	☆spcenter
----------------------------------------------------*/
.spcenter{
 text-align:center !important;
}


/*----------------------------------------------------
	☆img
----------------------------------------------------*/

.spimg{
 width:100% !important;
}



/*----------------------------------------------------
	☆float
----------------------------------------------------*/
.box01 {
 float: none;
 padding: 0;
 width: 100% !important;
}
.box02 {
 float: none;
 padding: 0;
 width: 100% !important;
}
.box01_re {
 float: none;
 padding: 0;
 width: 100% !important;
}
.box02_re {
 float: none;
 padding: 0;
 width: 100% !important;
}




ul.inlineblock li.four {
 margin-right: 1%;
 margin-bottom:1%;
 width: 49%
}


ul.inlineblock li.four:nth-child(2n) {
 margin-right: 0;
}




ul.inlineblock li.four:nth-child(3n){
 margin-right: 1%;
}


ul.inlineblock li.four:nth-child(4n){
 margin-right: 0%;
}



/*----------------------------------------------------
	☆btn
----------------------------------------------------*/


p.btn a {
 margin:0 auto;
width:80%;
}


}