@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:#fff;
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:#fff;
background-color:#18263a;
background-image:url("../img/top/red.png"), url("../img/top/green.png");
background-position:left top -55px, right bottom -55px;
background-repeat:no-repeat, no-repeat;
font-weight:bold;
border-radius:10px;
box-shadow:0px 5px 0px 0px rgba(255, 255, 255, 1.0);
transition:all 0.3s ease;
padding:15px 0;
margin:0 auto;
}
a.btn-link:hover{
background-color:#636465;
/*border:4px solid #dd5065;*/
color:#fff;
box-shadow:none;
transform:translateY(5px);
}

a.btn-link.dm{
background-color:#ffd552;
/*border:5px solid #ffc100;*/
box-shadow:0px 5px 0px 0px rgba(255, 255, 255, 1.0);
}
a.btn-link.dm: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%;}}