@charset "Shift-JIS";

*{padding:0; margin:0; border:0;}
*, *:before, *:after{
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;}

html{width:100%; height:100%;}
body{
min-width:320px !important;
background-color:#000;
margin:0 auto;
font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
overflow-x:hidden;}
/*h1,h2,h3,h4,h5,h6{display:none;}*/
a{outline:none;}
a:link,a:visited,a:hover,a:active{text-decoration:none;}
img{padding:0; margin:0; border:0; vertical-align:bottom;}
ul{margin:0; padding:0; border:0;}
li{list-style:none;}
strong,em,b{font-weight:700; font-style:normal;}
table{width:100%; color:#000; border-collapse:collapse; border-spacing:0; margin:0 auto;}

a img{
-webkit-transition:opacity 0.3s ease;
-moz-transition:opacity 0.3s ease;
transition:opacity 0.3s ease;}

@media screen and (min-width:2000px){
body{max-width:2000px; margin:0 auto;}}

a.btn-link{
display:block;
width:100%;
max-width:280px;
color:#0c2d57;
background-color:#dd5065;
font-weight:bold;
border:4px solid #ff6a7a;
border-radius:5px;
padding:10px 0;
margin:20px auto 20px;
box-shadow:0px 5px 0px 0px rgba(255, 255, 255, 1.0);
transition:all 0.3s ease;
}
a.btn-link:hover{
background-color:#ff6a7a;
border:4px solid #dd5065;
color:#fff;
box-shadow:none;
transform:translateY(5px);
}

a.btn-link.cp{
background-color:#ffd552;
border:5px solid #ffc100;
box-shadow:0px 5px 0px 0px rgba(255, 255, 255, 1.0);
}
a.btn-link.cp:hover{
background-color:#ffc100;
border: 5px solid #ffd552;
color:#fff;
box-shadow:none;
transform:translateY(5px);
}

#bnr{width:100%;background-color:#ff6a7a;}
#bnr > p{display:flex; width:100%; max-width:500px; margin:0 auto; padding:20px 0;}
#bnr > p a{display:block; width:calc(50% - 20px); background-color:#fff; margin:0 10px;}
#bnr > p a img{width:100%;}
#bnr > p a:hover img{opacity:0.6;}
@media screen and (max-width:640px){#bnr > p{width:90%;}}