@charset "UTF-8";
body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Sans", "Helvetica Neue", "Helvetica", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
}
figure {
	margin: 0;
  padding: 0;
}
img {
  vertical-align: bottom;
	width: 100%;
	margin: 0;
  padding: 0;
}

.btn_entry { width: auto; margin: 5.625vw 20.83%;}
.btn_entry2 { width: auto; margin: 5.625vw 20.83%; background: url("../img/pc_back_entry.png") repeat-y;}



a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
a img {
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}





header { position: fixed; height: 5.66vw; z-index:50;}
header .insite {  display:table-cell; height: 5.66vw width:25%; }
header .lega {  display:table-cell; height: 5.66vw;  width:25%;}
header .entry{  display:table-cell; height: 5.66vw; width:50%;}
.dtb { display: table; }


.area_con { padding-top: 5.66vw;}
.area_detail { position: relative; width: 100%; height: 40vw; }
.detail_entry { position: absolute; top:13.541vw; left:20.833vw; width: 43.75%;}

.cxop {position: relative;width: 100%;height: 115.33vw;}
.cxoPC {position:absolute;top:91.545vw ;left:32.687vw ;width:35.312%}


footer { height: 6.083vw; }
.dtbf { display: table; }
.logo1 {  display:table-cell; height: 6.083vw; width:50%;}
.logo2 {  display:table-cell; height: 6.083vw; width:50%;}



.mgnB5{margin-bottom:5px !important;}
.mgnB10{margin-bottom:10px !important;}
.mgnB20{margin-bottom:20px !important;}
.mgnB30{margin-bottom:30px !important;}
.mgnB40{margin-bottom:40px !important;}
.mgnB50{margin-bottom:50px !important;}
.mgnB100 {margin-bottom:13.333vw !important;}
.mgnB150 {margin-bottom:6.25vw !important;}

.blue{color: #4b7191;}
a {color: #000; text-decoration: underline;}
a:hover {color: #777; text-decoration: none;}

.onlyPC {display:block;}
.onlySP {display:none;}

.btn{ width:450px;height:55px;line-height:55px;margin:0 auto;}
.btn a{ display:block;width:100%;height:100%;text-decoration: none;background:#dc2d52;text-align:center;color:#FFFFFF;font-size:20px;font-weight:bold;box-shadow:0px 0px 0px 4px #dc2d52 ;text-shadow:0px 0px 0px #FFFFFF ;transition: all 0.5s ease;border-radius: 30px;}
.btn a:hover{ background:#FFFFFF;color:#dc2d52;margin-left:0px;margin-top:0px;box-shadow:0px 0px 0px 4px #dc2d52 ;}



@media screen and (max-width: 640px) {
.onlyPC {display:none;}
.onlySP {display:block;}
	
header { position: fixed; height: 12.1621vw; z-index:50;}
header .insite2 {  display:table-cell; height: 12.1621vw width:33.8%; }
header .lega2 {  display:table-cell; height: 12.1621vw;  width:33.8%;}
header .entry2{  display:table-cell; height: 12.1621vw; width:32.4%;}
	
	
	
.area_con { padding-top: 12.1621vw;}
.area_detail { position: relative; width: 100%; height: 146vw; }
.detail_entry { position: absolute; top:60vw; left:9.4594vw; width: 81.081%;}
	
.btn{   width: 90%;}

.btn_entry { width: auto; margin: 8vw 10%;}
.btn_entry2 { width: auto; margin: 8vw 10%;}	

.cxos{position: relative;width: 100%;height: 185.81vw;}
.cxoSP {position:absolute;top:111.422vw ;left:34.189vw ;width:58.670%}

	
footer { height: 6.083vw; }
.foot1 {  display:table-cell; height: 15.675vw; width:50%;}
.foot2 {  display:table-cell; height: 15.675vw; width:50%;}
	
	
.mgnB5{margin-bottom:0.3125em !important;}
.mgnB10{margin-bottom:0.625em !important;}
.mgnB20{margin-bottom:1.25em !important;}
.mgnB30{margin-bottom:1.875em !important;}
.mgnB40{margin-bottom:2.5em !important;}
.mgnB50{margin-bottom:3.125em !important;}

}