/*! * Style_sp.css *//*! * Variables | 2018.02.06 @okanogumi *//*! * Style_sp.css *//*! * Variables | 2018.02.06 @okanogumi *//*! * Style_sp.css | 2018.02.06 @okanogumi *//*! * Variables | 2018.02.06 @okanogumi */html{width:100%;word-wrap:break-word;-webkit-text-size-adjust:100%}body{position:relative;top:50px;width:100%;max-width:480px;min-width:inherit;margin:0 auto}.wrap{box-sizing:border-box;width:inherit;padding:0 15px}.left{float:none}.right{float:none}.sp_view{display:block}.pc_view{display:none}img{width:100%;height:auto}.btnBox{padding:10px 0;text-align:center}.btnBox a,.btnBox button{display:inline-block;min-width:220px;height:50px;padding:0 15px;font-size:14px;font-weight:bold;line-height:50px;text-decoration:none;background-color:#fff;border:1px solid #111;cursor:pointer}.btnBox a:hover,.btnBox button:hover{border-color:#b31941}.btnBox a+a,.btnBox a button,.btnBox button+a,.btnBox button button{margin-top:10px;margin-left:0}.stateBox{margin:0 10px 20px}.stateBox .text{padding:3px 15px;font-size:14px;line-height:21px;border:none}#header{position:relative;position:fixed;top:0;left:0;right:0;z-index:201;background-color:#333;background-color:#b31941}#header .upper{display:none}#header .main{height:50px;padding:0 20px}#header .main .logo{float:left;height:26px;padding:12px 0}#header .main .logo img{width:auto;height:26px}#header .main #nav{display:none;position:absolute;top:50px;left:0;right:0;z-index:101;float:none;width:100%;height:auto;padding:10px 0 48px;margin-left:0;background-color:#b31941;background-color:#aaa}#header .main #nav li{float:none;padding:0 15px}#header .main #nav li a{display:block;height:40px;color:#fff;font-size:16px;line-height:40px}#header .main #nav li a:hover{color:#b31941}#header .main #nav li+li{margin-left:0}#header .main #nav li+li a{border-top:1px solid rgba(255,255,255,0.3)}#header .main .sns{display:none;float:none;position:absolute;top:350px;left:0;right:0;z-index:102;width:90px;height:30px;padding:0;margin:auto;text-align:center}#header .main .sns a{display:inline-block;width:30px;height:30px;color:#fff;font-size:13px;text-align:center;line-height:30px;background-color:#999;border-radius:15px;border-color:#aaa}#header .main .sns a+a{margin-left:10px}#header #menuBtn{display:block;position:absolute;top:13px;right:20px;width:34px;height:24px}#header #menuBtn a{display:block;position:relative;width:34px;height:24px;padding:0;margin:0 auto 3px;transition:all .4s;box-sizing:border-box}#header #menuBtn a span{display:inline-block;position:absolute;left:0;width:100%;height:3px;background-color:#fff;transition:all .4s;box-sizing:border-box}#header #menuBtn a span:nth-of-type(1){top:0}#header #menuBtn a span:nth-of-type(2){top:10px}#header #menuBtn a span:nth-of-type(3){top:20px}#header #menuBtn a.active span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(-315deg);transform:translateY(10px) rotate(-315deg)}#header #menuBtn a.active span:nth-of-type(2){opacity:0}#header #menuBtn a.active span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(315deg);transform:translateY(-10px) rotate(315deg)}@media screen and (orientation: landscape){body{top:0}#header{position:relative}}#content{padding-top:30px}#content h2{margin-bottom:30px;font-size:24px;font-weight:normal;letter-spacing:1px}#breadcrumb{display:none}#pageNav{padding:6px 15px;text-align:center;background-color:#eee}#pageNav ul li{display:inline-block;height:14px}#pageNav ul li a{padding:0 12px;font-size:14px;line-height:14px;border-left:1px solid #ccc;border-right:1px solid #ccc}#pageNav ul li.active a{color:#b31941}#pageNav ul li+li a{border-left:none}#pager{padding:15px 0;overflow:hidden}#pager ul{width:100%;text-align:center;overflow:hidden}#pager ul li{display:block;display:inline-block;width:36px;height:36px;border:1px solid #e0e0e0}#pager ul li a{display:block;height:100%;color:#666;font-size:14px;font-weight:bold;line-height:38px;text-decoration:none}#pager ul li a .fa{margin:0}#pager ul li a:hover{color:#b31941}#pager ul li.active{background-color:#b31941;border:1px solid #cdcdcd}#pager ul li.active a{color:#fff;font-weight:normal}#pager ul li+li{margin-left:10px}#pager p{padding:5px 0;color:#333;font-size:12px}#footer{position:relative;padding:90px 0 30px;color:#fff;background-color:#333}#footer .sitemap{display:none !important}#footer .copyright p{color:#999;font-size:10px;text-align:center}#footer .pageTop{position:absolute;top:30px;bottom:auto;left:0;right:0;margin:auto}#footer .pageTop img{width:40px;height:40px}#main{padding-bottom:60px;background-color:#eee}#main .cover{position:relative;max-width:inherit;margin:0 auto 15px}#main .cover .title{position:relative;top:auto;left:auto;padding:30px 15px;text-align:center}#main .cover .title h2{margin-bottom:30px}#main .cover .title h2 img{width:140px}#main .cover .title .lead{color:#111;color:#b31941;font-size:14px;line-height:26px}#main .cover .title .lead span{line-height:32px}#main .cover .title .lead b{font-size:18px}#main .cover .image img{width:100%;height:auto}#main ul{max-width:inherit}#main ul li{display:block;width:auto}#main ul li img{width:100%;height:auto}#main ul li+li{margin-top:15px;margin-left:0}#visual{position:fixed;top:50px;left:0;right:0;z-index:1}#visual .cover{position:relative;max-width:inherit;height:240px;margin:0 auto}#visual .cover h2{position:absolute;top:30px;left:15px;color:#fff;font-size:24px;font-weight:normal;text-align:left;text-shadow:0 0 6px #666;line-height:32px;letter-spacing:2px}#visual .cover h2 span{font-size:20px}#visual .cover .catch{position:absolute;top:auto;bottom:20px;left:10px;text-align:right}#visual .cover .catch img{width:auto;height:30px}#content{position:relative;top:240px;z-index:101;padding-top:0;background-color:#fff}#content #message{padding-top:60px}#content #message h3{padding:0 15px;margin-bottom:60px;font-size:14px;line-height:28px}#content #message .btnBox{margin-bottom:60px}#content #message .cover img{width:100%;height:auto} /*# sourceMappingURL=style_s.css.map */