@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: 30%; margin-left:35vw;}
.tsuduki { width: 20%; margin-left:30vw;}
.tsuduki20 { width: 40%; margin-left:30vw;}

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;
}

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

.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 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: 13.5135vw; z-index:50;}
header .logo {  display:table-cell; width:58.108%; }
header .entry {   display:table-cell; width:41.992%;}

.area_con { padding-top: 0vw;}
.area_detail { position: relative; width: 100%; height: 146vw; }
.detail_entry { position: absolute; top:60vw; left:9.4594vw; width: 81.081%;}

.btn_sp{width: 50%; margin-left:25vw; }

	

.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;}

}