*{box-sizing: border-box;word-wrap: break-word;}

/*spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.container{padding: 0;}
.container-padding{width: 100%;padding-right: 10px !important;padding-left: 10px !important;margin-right: auto;margin-left: auto;}

.main .container{padding:0;}
.main .container .row{margin:0;}
.main .container .row > div{padding:0;}
}

body {border-top:solid 8px #e7141a;}

@media screen and (min-width: 992px) {
body{min-width: 1140px;}
}

/*sizeーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.w-49{width: 49%;}

/*hoverーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
a:hover .thumb{opacity: .8;}
.decoration-none:hover{text-decoration: none;}

/*textーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.text-8{font-size: 8px;}
.text-10{font-size: 10px;}
.text-12{font-size: 12px;}
.text-body{line-height: 1rem;}
.text-green{color: #95C562 !important;}
.text-red{color: #DD2222 !important;}
.text-red-thin{color: #DD4444 !important;}
.text-blue{color: #66BBEE !important;}
.text-yellow{color: #FFAA00 !important;}
.text-pink{color: #FF8888 !important;}
.text-decoration-none{color: #343a40 !important;text-decoration: none !important;}
.text-decoration-none:hover{color: #343a40 !important;}
.ellipsis{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.cursorpointer{cursor:pointer}


/*background-colorーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.bg-green{background: #99CC66 !important;}
.bg-red{background: #DD2222 !important;}
.bg-red-thin{background: #EE4444 !important;}
.campaign .bg-red-thin{background: #EE8888 !important;}
.bg-blue{background: #66BBEE !important;}
.bg-yellow{background: #FFAA00 !important;}
.bg-yellow-thin{background: #FDEBC8 !important;}
.bg-gray{background: #CCCCCC !important;}
.bg-darkgray{background:#444 !important;}


/*border-colorーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.border-red{border: solid 1px #DD2222;}
.border-blue{border: solid 1px #63B4E5;}
.border-top-green{border-top:5px solid #95C562;}
.border-top-red{border-top:5px solid #DD2222;}
.border-top-blue{border-top:5px solid #63B4E5;}
.border-top-yellow{border-top:5px solid #FFAA00;}


/*captionーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.captionbtn{display: none;}
}


/*btnーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.btn{white-space: normal;}
.btn-min{font-size: .75rem;}
.btn-green{color: #fff;background-color: #95C562;border-color: #95C562;}
.btn-green:hover{color: #fff;background-color: #6AA33C;border-color: #6AA33C;}
.btn-red{color: #fff;background-color: #DD2222;border-color: #DD2222;}
.btn-red:hover{color: #fff;background-color: #f04040;border-color: #f04040;}
.btn-red-thin{color: #fff;background-color: #EE8888;border-color: #EE8888;}
.mall .btn-red-thin{background: #EE4444 !important;}
.btn-blue{color: #fff;background-color: #63B4E5;border-color: #63B4E5;}
.btn-blue:hover{color: #fff;background-color: #81caf6;border-color: #81caf6;}
.btn-yellow{color: #fff;background-color: #FFAA00;border-color: #FFAA00;}
.btn-yellow:hover{color: #fff;background-color: #ffc552;border-color: #ffc552;}
.btn-green:hover a,.btn-red:hover a,.btn-blue:hover a,.btn-yellow:hover a{color: fff;}
.next-btn{padding: 5px 8px;border: solid 1px #ddd;border-radius: 5px;font-size: 80%;background: ;box-shadow: 1px 1px 5px -3px rgba(0,0,0,0.4) !important;color: #212529;background: #ffffff;background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);background: linear-gradient(to bottom, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );}
.next-btn:hover{opacity: .8;text-decoration: none;color: #212529;}
.btn.pointer-none:not(:disabled):not(.disabled).pointer-none{cursor: default;}
.btn-login{display: inline-block;width: 100%;margin: 1rem 0;font-weight: 400;text-align: center;white-space: nowrap;vertical-align: middle;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;border: 1px solid transparent;padding: .75rem .75rem;font-size: 1rem;line-height: 1.5;border-radius: .25rem;color: #fff;background: #e7141a;background: -moz-linear-gradient(top, #e7141a 0%, #ff4343 100%);background: -webkit-linear-gradient(top, #e7141a 0%,#ff4343 100%);background: linear-gradient(to bottom, #e7141a 0%,#ff4343 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7141a', endColorstr='#ff4343',GradientType=0 );filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7141a', endColorstr='#db4c4c',GradientType=0 );text-shadow: 1px 1px 0 #b70005;box-shadow:0px 2px 1px 0px #cecece;}
.register .btn-login{width: 100%;}
.btn-login:hover{background: #ff5659;background: -moz-linear-gradient(top, #ff5659 1%, #ff7070 100%);background: -webkit-linear-gradient(top, #ff5659 1%,#ff7070 100%);background: linear-gradient(to bottom, #ff5659 1%,#ff7070 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff5659', endColorstr='#ff7070',GradientType=0 );}
.mall .rphlnkbtn{color: #fff;background: #e7141a;font-weight: bold;text-shadow: 1px 0 0 #ba1313, 0 1px 0 #ba1313;}
.campaign .rphlnkbtn{color: #fff;background: #63B4E5;font-weight: bold;text-shadow: 1px 0 0 #4598ca, 0 1px 0 #4598ca;}


/*selectーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.select-area-camp select,.select-area-mall select{outline:none;text-indent: 0.01px;text-overflow: '';background: #fff;vertical-align: middle;font-size: inherit;color: inherit;-webkit-appearance: button;-moz-appearance: button;appearance: button;}
.select-area-camp select option,.select-area-mall select option{background-color: #fff;color: #333;}
.select-area-camp select::-ms-expand,.select-area-mall select::-ms-expand{display: none;}
.select-area-camp select:-moz-focusring,.select-area-mall select:-moz-focusring{color: transparent;text-shadow: 0 0 0 #828c9a;}

/*selectーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.selecter{position: relative;float: left;width: 32%;;margin-right: 2%;}
.selecter:last-child{margin-right: 0;}
.selecter .index{width: calc(3rem + 10px);float: left;padding: 2px 8px 0 2px;}
.selecter select{width: calc(100% - (3rem + 10px));float: left;padding-left: 4px;border-color: #A2A6AA;cursor: pointer;cursor: hand;}
.selecter i{position: absolute;top: 50%;right: 3%;margin-top: -.5em;pointer-events: none;}
/*select spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.selecter{width: 49%;margin-right: 2%;margin-bottom: .25rem;}
.selecter:nth-child(2){margin-right: 0;}
.selecter:nth-child(3){margin-bottom: 0;}
}


/*iconーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.icon-green{height: 2rem;width: 2rem;background: #95C562;border-radius: 50%;border: solid 2px #fff;}
.icon-green img{height: 2rem;}
.icon-red{height: 2rem;width: 2rem;background: #DD2222;border-radius: 50%;border: solid 2px #fff;}
.icon-red img{height: 2rem;}
.icon-blue{height: 2rem;width: 2rem;background: #63B4E5;border-radius: 50%;border: solid 2px #fff;}
.icon-blue img{height: 2rem;}
.icon-yellow{height: 2rem;width: 2rem;background: #FFAA00;border-radius: 50%;border: solid 2px #fff;}
.icon-yellow img{height: 2rem;}
.icon-pink{height: 2rem;width: 2rem;background: #FB7E7E;border-radius: 50%;border: solid 2px #fff;}
.icon-pink img{height: 2rem;}
.icon-large{height: 2.5rem;}
.icon-min img{height: 1.5rem;}
footer .icon-green,footer .icon-red,footer .icon-blue,footer .icon-yellow,footer .icon-pink{border: none;}


/*col調整ーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.o-2column .col-lg-6{padding-right: 5px;padding-left: 5px;}
.o-2column{margin-right: -5px;margin-left: -5px;}


/*mainーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.main {border:0;}


/*headerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
h1.mp-topdescription{margin-bottom:0;color:#aaa;font-size:75%;padding:2px 15px;}
@media (max-width: 991px){
header{border-bottom: solid 1px #ddd;box-shadow: 0px 10px 5px -10px rgba(238,238,238,1);}
}

/*header spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.mp-topdescription{display: none;}
}


/*breadcrumbーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.breadcrumbMp{color:#777;padding:.3em 0 .4em 0;}
/*border-top:solid 1px #ddd;box-shadow:0px 10px 5px -10px rgba(238,238,238,1) inset;*/
.breadcrumbMp i{padding-right:.5rem;}
.breadcrumbMp a{color:#999;}


/*navーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.navbar-light .navbar-nav .nav-link{font-size: .8rem;text-align: center;color: #343a40;background: #fff;}
.navbar-light .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M6 6L 24 24M24 6L6 24'/%3E%3C/svg%3E");}
.navbar-brand img{height: 1.8rem;}


/*nav-subーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.nav-top-new{height: 50px;border-bottom: solid 1px #ddd;box-shadow: 0px 10px 5px -10px rgba(238,238,238,1);z-index: 10000;}
.nav-top-new .nav{display: flex;margin: 0;padding: 0;list-style: none;}
.nav-top-new .nav-item{float: left;position: relative;width: 20%;height: 50px;line-height: 100%;text-align: center;}
.nav-top-new .nav-item:hover .index strong{color:#fff;}
.nav-top-new .nav-item.mall:hover{background: #DD2222;color: #fff;}
.nav-top-new .nav-item.campaign:hover{background: #63B4E5;}
.nav-top-new .nav-item.guide{cursor: default;}
.nav-top-new .nav-item.guide:hover{background: #95C562;}
.nav-top-new .nav-item.auth:hover{background: #FB7E7E;}
.nav-top-new .nav-item .index{display: flex;width: 100%;height: 100%;justify-content: center;color: #fff;}
.nav-top-new .nav-item .index img,.nav-top-new .nav-item .index span{align-self: center;}
.nav-top-new .nav-item .index span{color: #343a40;}
.nav-top-new .nav-item .index:hover{text-decoration: none;}
.nav-top-new .nav-item .index:hover span{color: inherit;}
.nav-top-new .nav-logo{width: 90%;}
.nav-top-new .drop-down-wrap{display: none;position: absolute;width: 100%;padding: .5rem;background: #6c757d!important;list-style: none;z-index: 10;}
.nav-top-new .drop-down-wrap:hover + .index span{color: #fff;}
.nav-top-new .drop-down-wrap li{margin-bottom: .5rem;}
.nav-top-new .drop-down-wrap li:last-child{margin-bottom: 0;}
.nav-top-new .drop-down-wrap li a{display: block;}
.nav-top-new .drop-down-wrap li a span{display: block;float: left;}
.nav-top-new .drop-down-wrap li a span:first-child{width: 80%;padding: .5rem .25rem;color: #343a40;background: #fff;}
.nav-top-new .drop-down-wrap li a span:last-child{width: 20%;padding: .5rem 0;color: #fff;background: #DD2222;}
.nav-top-new .campaign .drop-down-wrap li a span:last-child{background: #63B4E5;}
.nav-top-new .guide .drop-down-wrap li a span:last-child{background: #95C562;}
.nav-top-new .nav-item:hover .drop-down-wrap{display: block;}

.nav-sub.nav-pills .nav-link.active{color: #FC9E23;background: #FDEBC8;}
.nav-sub .nav-item active{background-color: #FDEBC8;}
.nav-sub .nav-item .nav-link{padding: 0;border-radius: 0;}
.nav-sub .nav-item .nav-link span{line-height: 2rem;vertical-align: middle;}
.nav-sub .nav-item:nth-child(2):hover > .nav-link,.nav-pills .show.nav-item:nth-child(2) > .nav-link{background: #DD2222;}
.nav-sub .nav-item:nth-child(3):hover > .nav-link,.nav-pills .show.nav-item:nth-child(3) > .nav-link{background: #63B4E5;}
.nav-sub .nav-item:nth-child(4):hover > .nav-link,.nav-pills .show.nav-item:nth-child(4) > .nav-link{background: #95C562;}
.nav-sub .nav-item:nth-child(5):hover > .nav-link,.nav-pills .show.nav-item:nth-child(5) > .nav-link{background: #ffcd6b;}
.nav-sub .nav-item:nth-child(5):hover > .nav-link.mypage-bg{color: #fff;background: #ffabab;}
.nav-sub .nav-item:hover > .nav-link,.nav-sub .nav-item.show > .nav-link{color: #fff !important;}
.nav-sub .nav-item .dropdown-menu .dropdown-item span:last-child{width: 3rem;}
.nav-sub .nav-item .dropdown-menu .dropdown-item:last-child{margin-bottom: 0 !important;}

/*nub-sub spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.nav-sub .nav-item .nav-link .icon-green{height: 2.5rem;width: 2.5rem;background: #95C562;border-radius: 50%;border: solid 2px #fff;}
.nav-sub .nav-item .nav-link .icon-red{height: 2.5rem;width: 2.5rem;background: #DD2222;border-radius: 50%;border: solid 2px #fff;}
.nav-sub .nav-item .nav-link .icon-blue{height: 2.5rem;width: 2.5rem;background: #63B4E5;border-radius: 50%;border: solid 2px #fff;}
.nav-sub .nav-item .nav-link .icon-yellow{height: 2.5rem;width: 2.5rem;background: #FFAA00;border-radius: 50%;border: solid 2px #fff;}
.nav-sub .nav-item .nav-link{line-height: 1rem;}
.nav-sub .nav-item .nav-link span{line-height: 1rem;vertical-align: middle;}
.nav-sub .nav-item:first-child.show .nav-link{color: #FC9E25;background-color: #ffaa00;}
.nav-sub .nav-item:nth-child(2).show .nav-link{color: #fff;background: #DD2222;}
.nav-sub .nav-item:nth-child(3).show .nav-link{color: #fff;background: #63B4E5;}
.nav-sub .nav-item:nth-child(4).show .nav-link{color: #fff;background: #95C562;}
.nav-sub .nav-item.show .nav-link{color: #fff !important;}
.nav-pills .nav-link{border-radius: 0;}
}


/*info-barーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.info-bar{display: block;padding: 2px;height: 38px;border: solid 3px #6c757d;}
.info-bar .title-info{float: left;width: 15%;padding: 2px;color: #fff;background: #6c757d;text-align: center;}
.info-bar .marquee{width: 85%;height: 100%;line-height: 170%;overflow:hidden;background-color:#f6f6f6;position:relative;}
.info-bar .marquee p{display: inline-block;color: #DD4444;height: 100%;margin: 0;padding-left: 100%;white-space:nowrap;-webkit-animation-name:marquee;-webkit-animation-timing-function:linear;-webkit-animation-duration:17s;-webkit-animation-iteration-count:infinite;-moz-animation-name:marquee;-moz-animation-timing-function:linear;-moz-animation-duration:17s;-moz-animation-iteration-count:infinite;-ms-animation-name:marquee;-ms-animation-timing-function:linear;-ms-animation-duration:17s;-ms-animation-iteration-count:infinite;-o-animation-name:marquee;-o-animation-timing-function:linear;-o-animation-duration:17s;-o-animation-iteration-count:infinite;animation-name:marquee;animation-timing-function:linear;animation-duration:17s;animation-iteration-count:infinite;}
@-webkit-keyframes marquee {
from   { -webkit-transform: translate(0%);}
99%,to { -webkit-transform: translate(-100%);}
}
@-moz-keyframes marquee {
from   { -moz-transform: translate(0%);}
99%,to { -moz-transform: translate(-100%);}
}
@-ms-keyframes marquee {
from   { -ms-transform: translate(0%);}
99%,to { -ms-transform: translate(-100%);}
}
@-o-keyframes marquee {
from   { -o-transform: translate(0%);}
99%,to { -o-transform: translate(-100%);}
}
@keyframes marquee {
from   { transform: translate(0%);}
99%,to { transform: translate(-100%);}
}
.info-bar div.marquee p:after{content:"";white-space:nowrap;}
.info-bar .marquee p span{font-weight: bold;}
/*info spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.info-bar .title-info{width: 25%;height: 100%;line-height:170%;font-size: 80%;}
.info-bar .marquee{width: 75%;line-height: 200%;font-size: 80%;}
}


/*slider,carouselーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.carousel{background: #FDEBC8;}
.carousel-control-prev{font-size: 3rem;}
.carousel-control-next{font-size: 3rem;}


/*sideーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.mypoint .btn:first-child{width: 49%;margin-right: 2%;}
.mypoint .btn:last-child{width: 49%;}
.mypoint .member-icon img{width: 2.2rem;}
.mypoint .point-total{color: #EE4444;line-height: 2rem;font-size: 2rem;font-weight: bold;font-family: Verdana, sans-serif;}
.mypoint .row div div span img{height: 1rem;}
.myp-link{list-style: none;}
.myp-link li{display: inline-block;width: 49%;}
.myp-link li:nth-child(2n){margin-right: 2%;}
.myp-link li a{display: block;}
.flow-guide .bg-secondary div,.flow-mall .bg-secondary div,.flow-campaign .bg-secondary div{margin-right: -0.5rem;}
.flow-guide .bg-secondary div figure img,.flow-mall .bg-secondary div figure img,.flow-campaign .bg-secondary div figure img{height: 2rem;}
.side-news .news-wrap .news-thumb{width:80%;margin:auto;}
.side-news .news-wrap .news-body{width:98%;margin:auto;padding:0;}
.side-news .news-wrap .news-body .title{font-weight: bold;margin-top:.5rem;}
.side-news .news-wrap .news-body .text{font-size: 80%;}
.side-news .news-wrap .news-body .date{color:#888;margin-bottom: 0;text-align: end;font-size: 80%;}
.side-news .rphlnkbtn{color: #fff;background: #ffaa00;font-weight: bold;text-shadow: 1px 0 0 #be7e00, 0 1px 0 #be7e00;}
.side-banner a{display: block;}
.side-banner a .thumb{width: 100%;}
.side-banner .banner-wrap{background: #f8f9fa;padding: .5rem;}


/*side spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.side-news .news-wrap .news-thumb{width:90%;margin:auto;}
.mypoint .member-icon img{height: 1.7rem;width: auto;}
.mypoint .point-total{color: #EE4444;line-height: 1.7rem;font-size: 1.7rem;font-weight: bold;font-family: Verdana, sans-serif;}
.mypoint .point-total img{height: 1rem;}
.mypoint .point-text{vertical-align: top;line-height: 1.7rem;}
}


/*footerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
footer{display:block;}
.footer-pc table thead tr th:nth-child(2n+1){width: 2rem;}
.footer-pc table thead tr th,.footer-pc table thead tr td{vertical-align: middle;}
.footer-pc table thead tr td{padding: .5rem;}
.card .card-header a[data-toggle="collapse"] {display: block;padding: .75rem 1.25rem;margin: -.75rem -1.25rem;}
.card .card-header a[data-toggle="collapse"]:active,.card .card-header a[data-toggle="collapse"]:hover,.card .card-header a[data-toggle="collapse"]:focus {text-decoration: none;}
.footer-nav-inner:nth-child(2n+1){border-right: 1px solid #ddd;border-bottom: 1px solid #ddd;color: #343a40;}
.footer-nav-inner:nth-child(2n){border-bottom: 1px solid #ddd;color: #343a40;}
.copyright img{height: 1.5rem;}

/*footer spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.footer-link{line-height: 3rem;}
.footer-sp .top .card-header{border-top: solid 1px #ddd;}
.footer-sp .mall .card-body,.footer-sp .campaign .card-body{display: flex;justify-content: space-between;flex-wrap: wrap;padding: .5rem .5rem 0 .5rem;}
.footer-sp .mall .card-body a,.footer-sp .campaign .card-body a{width: 49%;padding: .5rem;margin-bottom: .5rem;text-align: center;border: solid 1px #ddd;border-radius: 5px;}
}


/*pagerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.pagination li a,.pagination li span{position: relative;display: block;padding: .5rem .75rem;margin-left: -1px;line-height: 1.25;color: #DD2222;background-color: #fff;border: 1px solid #dee2e6;}
.pagination li span{color: #212529;}
.pagination li:last-child .page-link{border-top-right-radius: .25rem;border-bottom-right-radius: .25rem;}
.pagination li:first-child .page-link{	margin-left: 0;border-top-left-radius: .25rem;border-bottom-left-radius: .25rem;}
.pagination li .page-link:not(:disabled):not(.disabled){cursor: pointer;}
.pagination li.active span{color: #fff;background: #DD2222;}
.pagination li.disabled span{opacity: .5;}
.pagination li:first-child span{border-top-left-radius: 5px;border-bottom-left-radius: 5px;}
.pagination li:last-child a{border-top-right-radius: 5px;border-bottom-right-radius: 5px;}

.campaign + .d-flex.justify-content-center .pagination li.active span{background: #66BBEE;}
.campaign + .d-flex.justify-content-center .pagination li a{color: #66BBEE;}

.news + .d-flex.justify-content-center .pagination li.active span{background: #FFAA00;}
.news + .d-flex.justify-content-center .pagination li a{color: #FFAA00;}


/*indexーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.topimg a{display: block;}
.topimg a img{width: 100%;}

.seo-wrap{font-size: .8rem;text-align: justify;text-justify: inter-ideograph;}


/*mallーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.select-area-mall,.select-area-camp{padding: .75rem;background: #f9f9f9;}
.select-area-mall{border-bottom: 3px solid #e7141a;}
.select-area-camp{border-bottom: 3px solid #66BBEE;}
.select-area-camp .selecter i,.select-area-mall .selecter i{position: absolute;top: 50%;right: 3%;margin-top: -.5em;margin-right: ;}
.select-area-mall .title,.select-area-camp .title{margin-bottom: .75rem;padding-bottom: 12px;border-bottom: 1px solid #ddd;}
.select-area-mall .title .area,.select-area-camp .title .area{display: inline-block;width: 79%;padding: 0 0 0 10px;font-size: 100%;border-left: solid 10px #DD2222;vertical-align: middle;}
.select-area-camp .title .area{border-left: solid 10px #66BBEE;}
.select-area-mall .title .number,.select-area-camp .title .number{display: inline-block;width: 20%;text-align: right;vertical-align: middle;}
.select-area-mall .title .number span,.select-area-camp .title .number span{font-weight: bold;color: #DD2222;}
.select-area-camp .title .number span{color: #66BBEE;}

.mall .mall-arrow{display: block;border: 1px solid #ff5a59;}
.mall .mall-arrow:hover{opacity: .7;}

.mall .shopname{padding: .25rem .25rem 0 .25rem;display: flex;flex-direction: unset;}
.mall .shopname div{float: left;line-height: 1.2rem;margin-bottom: 0.2rem;}
.mall .shopname .point-icon{width: 12%;margin-right: 2%;overflow: hidden;}
.mall .shopname .point-icon img{display: block;width: 100%;height: auto;}
.mall .shopname .name{width: 86%;display: flex;flex-direction: column;}
.mall .shopname .name p{line-height: 1rem;}

.mall .mall-img-wrap{float: left;width: 110px;height: 110px;overflow:hidden;}
.mall .mall-img-wrap img{width: 100%;height: auto;}
.mall .mall-data-wrap{width: calc(100% - 110px);padding-left: .25rem;}
.mall .mall-data-wrap .point-wrap{border: 1px solid #ff807f;border-radius: 5px;display: flex;-webkit-flex-wrap: wrap;-ms-flex-wrap: wrap;flex-wrap: wrap;padding: 0.2rem;}
.mall .mall-data-wrap .point-wrap .point{align-items: center;border-radius: 5px;color: #ff807f;display: flex;flex-direction: column;font-size: 1.7rem;font-weight: bold;justify-content: center;padding: 0.3rem 0;text-align: center;width: 50%;}
.mall .mall-data-wrap .point-wrap .point i{font-size: 1.3rem;font-weight: normal;}
.mall .mall-data-wrap .point-wrap .point span:first-child{display: block;line-height: 1.4rem;}
.mall .mall-data-wrap .point-wrap .point span:last-child{display: block;font-size: 1.7rem;font-weight: bold;text-align: center;}
.mall .mall-data-wrap .point-wrap .text{align-items: center;background: #fff3f3;display: flex;font-weight: bold;justify-content: center;width: 50%;}
.mall .mall-data-wrap .point-wrap .text div{color: #565656;font-size: 0.9rem;line-height: 1rem;text-align: center;}
.mall .mall-data-wrap .sub-point{background: #f9f9f9;border-radius: 0 0 5px 5px;font-size: .75rem;margin-bottom: 0;padding-left: .25rem;width: 100%;}
.mall .mall-data-wrap .sub-point:nth-child(3){margin-top: .25rem;}
.mall .mall-data-wrap .sub-point b{color: #ff9897;}
.mall .mall-data-wrap .sub-point i:first-child{color: #fa0;font-size: .8rem;}
.mall .mall-data-wrap .sub-point i:last-child{color: #ff9897;font-size: .8rem;margin: 0 .125rem;}
.mall .mall-data-wrap .address-wrap{display: flex;font-size: 0.8rem;}
.mall .mall-data-wrap .address-wrap div:first-child{color: #ff807f;text-align: center;width: 10%;}
.mall .mall-data-wrap .address-wrap div:last-child{width: 90%;}
.mall .mall-data-wrap .businesshours-wrap{display: flex;font-size: 0.8rem;}
.mall .mall-data-wrap .businesshours-wrap div:first-child{color: #ff807f;text-align: center;width: 10%;}
.mall .mall-data-wrap .businesshours-wrap div:last-child{width: 90%;}
.mall .mall-data-wrap .holiday-wrap{display: flex;font-size: 0.8rem;}
.mall .mall-data-wrap .holiday-wrap div:first-child{color: #ff807f;text-align: center;width: 10%;padding: 0 .25rem;}
.mall .mall-data-wrap .holiday-wrap div:first-child img{margin-bottom: 0.2rem;width: .8rem;}
.mall .mall-data-wrap .holiday-wrap div:last-child{width: 90%;}


/*mall spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.select-area-mall .title .area,.select-area-camp .title .area{width: 100%;float: none;padding: 0;border: 0;}
.select-area-mall .title .number,.select-area-camp .title .number{width: 100%;float: none;text-align: left;}
}


/*campaignーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.campaign .title{background: #66BBEE;color: #fff;font-weight: bold;letter-spacing: 1px;line-height: 1.2;padding: .25rem;text-align: justify;text-justify: inter-ideograph;}
.campaign .camp-term{font-weight: bold;display: flex;font-size: .8rem;}
.campaign .camp-term div:first-child{background: #dbf2ff;border: solid 2px #6BE;border-radius: 3px;padding: 0 .5rem;}
.campaign .camp-term div:nth-child(2){color: #0999ED;padding: 2px .25rem;}
.campaign .camp-img-wrap{border: solid 1px #bbb;margin-right: .25rem;width: 100px;}
.campaign .camp-img-wrap img{width: 100%;}
.campaign .camp-mall-wrap{display: flex;flex-direction: column;justify-content: space-between;width: calc((100% - 0.25rem - 100px) / 2);}
.campaign .camp-mall-wrap .name a{color: #007bff;}
.campaign .camp-point-wrap{width: calc((100% - 0.25rem - 100px) / 2);}
.campaign .camp-point-wrap .val{color: #ffaa00;font-size: 2rem;font-weight: bold;line-height: 1rem;text-align: center;}
.magnification{display: flex;height: calc(50% - 0.125rem);margin-bottom: .25rem;}
.magnification .title{align-items: center;background: #66BBEE;border: solid 1px #66BBEE;color: #fff;display: flex;font-size: 1.3rem;font-weight: bold;justify-content: center;line-height: 1;text-align: center;width: 40%;}
.magnification.off .title{background: #bbb;border: solid 1px #bbb;}
.magnification .body{align-items: center;border: solid 1px #66BBEE;color: #ffaa00;display: flex;font-size: 1.6rem;font-weight: bold;justify-content: center;text-align:center;width: 60%;}
.magnification.off .body{color: #bbb;border: solid 1px #bbb;}
.bonus{display: flex;height: calc(50% - 0.125rem);}
.bonus .title{align-items: center;background: #66BBEE;border: solid 1px #66BBEE;color: #fff;display: flex;font-size: 1.3rem;font-weight: bold;justify-content: center;text-align: center;width: 40%;}
.bonus.off .title{background: #bbb;border: solid 1px #bbb;}
.bonus .body{align-items: center;border: solid 1px #66BBEE;color: #ffaa00;display: flex;font-size: 1.6rem;font-weight: bold;justify-content: center;text-align:center;width: 60%;}
.bonus.off .body{border: solid 1px #bbb;color: #bbb;}
.bonus .body i{font-size: 90%;font-weight: normal;}

.campainthumb_nondefimg{
	position:relative;color:#fff;font-size:22px;font-weight:bold;line-height:21px;letter-spacing:-2px;padding:.2em;border:1px solid #fff;height:98px;overflow:hidden;
	text-shadow:1px 1px 2px #23896C;
background: #50c47e;
background: -moz-linear-gradient(top,  #50c47e 0%, #29a561 100%);
background: -webkit-linear-gradient(top,  #50c47e 0%,#29a561 100%);
background: linear-gradient(to bottom,  #50c47e 0%,#29a561 100%);
}
.campainthumb_nondefimg div{position:absolute;top:-1px;left:-1px;transform:rotate(-5deg);width:111px;height:111px;}
.campainthumb_nondefimg span{display:block;font-size:14px;line-height:12px;margin-top:2px;padding:0 2px;}
.campainthumb_nondefimg span span{display:inline;color:#D4F7F3;font-size:140%;}
.campainthumb_nondefimg span i{font-size:80%;font-weight:normal;}

/*campaign spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.campaign .camp-term{background: #f8f8f8;border-bottom: solid 3px #66BBEE;font-size: .8rem;margin-left: .25rem;margin-right: .25rem;margin-top: .25rem;}
.campaign .camp-term div:first-child{border: 0;}
.campaign .camp-term table{width: 100%;}
.campaign .camp-term td{text-align: center;}
.campaign .camp-term td:first-child{width: 101px;}
.campaign .camp-term td:nth-child(3){width: 1.5rem;}
.campaign .camp-term td:nth-child(2),.campaign .camp-term td:nth-child(4){width: calc((100% - 101px - 1.5rem) / 2);}
.campaign .camp-term td div{background: #dbf2ff;color: #000;width: 99px;}
.campaign .camp-body-wrap{align-content: space-between;display: flex;flex-direction: column;width: calc(100% - 100px - 0.25rem);}
.campaign .camp-body-wrap .name-wrap{margin-bottom: .25rem;line-height: 1.4;}
.campaign .camp-body-wrap .name a{color: #007bff;}
.campaign .camp-body-wrap .area{font-size: .8rem;line-height: 1.2;}
.campaign .camp-body-wrap .area i{font-size: .7rem;}
.magnification{height: auto;}
.magnification .title{font-size: 1rem;hight: auto;}
.magnification .body{font-size: 1.4rem;line-height: 1;}
.bonus{height: auto;}
.bonus .title{font-size: 1rem;}
.bonus .body{font-size: 1.4rem;line-height: 1;}
.bonus .body i{font-size: 1rem;}
}


/*newsーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.news .rcaption{border-color: #FFAA00;margin-bottom: .5rem;}
.news .news-wrap{border-bottom: solid 1px #a1a5a9;padding-bottom: 1rem;margin-bottom: 1rem;}
.news .img-wrap{background: #fff;border: solid 1px #ddd;border-radius: 5px;margin:auto auto .5em auto;width:70%;}
.news .img-wrap div{padding: 5px;}
.news .img-wrap img{width: 100%;}
.news .title{background: #fffaf1;border-left: solid 5px #FFAA00;font-size: 1.2rem;font-weight: bold;margin-bottom: .5rem;padding-left: .5rem;}
.news .body{font-size: .9rem;padding-left: .5rem;padding-right: .5rem;text-align: justify;text-justify: inter-ideograph;}
.news .date{color:#888;font-size: .8rem;margin-top: .5rem;padding-right: .5rem;text-align: right;}
.news .date span{background: #fff;display: inline-block;padding-left: 5px;padding-right: 5px;}

/*news spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.news .news-wrap{border-bottom: 0;display: -webkit-flex;display: -ms-flex;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;margin-bottom: 1.5rem;padding-bottom: 0;}
.news .img-wrap{width:90%;}
.news .title{font-size: 1rem}
.news .date{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+45,ffffff+45,ffe7b7+45,ffe7b7+55,ffffff+56 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 45%, #ffffff 45%, #ffe7b7 45%, #ffe7b7 55%, #ffffff 56%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 45%,#ffffff 45%,#ffe7b7 45%,#ffe7b7 55%,#ffffff 56%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 45%,#ffffff 45%,#ffe7b7 45%,#ffe7b7 55%,#ffffff 56%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */}
}


/*aboutーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.about .wrap{display: flex;align-items: stretch;font-size: .9rem;border: solid 1px #ddd;border-bottom: 0;}
.about .wrap:last-child{border-bottom: solid 1px #ddd;}
.about .title{width: 25%;padding: 1.5rem;border-right: solid 1px #ddd;background: #f9f9f9;}
.about .body{width: 75%;padding: 1.5rem;}

/*about spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.about .wrap{flex-wrap: wrap;border: solid 1px #ddd;border-bottom: 0;border: 0;}
.about .wrap:last-child{border-bottom: 0;}
.about .wrap .title{width: 100%;padding: .5rem;border: 0;border-bottom: solid 1px #ddd;border-left: solid 8px #ddd;}
.about .wrap .body{width: 100%;padding: .5rem;border: 0;}
}


/*contactーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.contact .rcaption{margin-bottom: 1rem;}
.contact .form-group{display: flex;align-items: stretch;margin-bottom: 0;font-size: .9rem;border: solid 1px #ddd;border-bottom: 0;}
.contact .form-group:last-child{border: 0;border-top: solid 1px #ddd;border-bottom: 0;}
.contact .form-group .title{width: 25%;padding: 1.5rem;border-right: solid 1px #ddd;background: #f9f9f9;}
.contact .form-group .title .text-red{display: block;}
.contact .form-group .input-wrap{width: 75%;padding: 1.5rem;}
.contact .form-group:last-child .input-wrap{width: 100%;}
.contact .form-group .input-wrap .btn-login{display: block;width: 50%;margin-left: auto;margin-right: auto;}

.btn-qa{background: #F99100;color: #fff;cursor: pointer;cursor: hand;display: block;margin: 0 auto 1rem;padding: .5rem;text-align: center;border-radius: 5px;width: calc(50% - 2rem);-webkit-box-shadow: 0px 2px 1px 0px #cecece;box-shadow: 0px 2px 1px 0px #cecece;}
#btn-qa{display: none;}
#btn-qa:checked + .qa-wrap{display: block;}
.qa-wrap{display: none;margin-bottom: 1rem;padding: 1rem;background:#fffaf2;}
.qa-wrap li:first-child{}
.qa-wrap li:last-child .qa-item{margin-bottom: 0;}
.qa-wrap .qa-item li{display: -webkit-flex;display: -ms-flex;display: flex;width: 100%;}
.qa-item{border: 1px solid #ddd;margin-bottom: .5rem;padding: .5rem;background-color: #fff;}
.qa-item li{font-size: 90%;list-style: none;text-align: left;}
.qa-item li:first-child{border-bottom: 1px solid #ddd;dmargin: 0 auto .5rem;padding-bottom: .5rem;}
.qa-item li:last-child{padding-top: .5rem;}
.qa-item li:first-child span:first-child{background: #f99100;border-radius: 50%;color: #fff;display: inline-block;font-weight: bold;height: 1.3rem;line-height: 1.3rem;margin-top: auto;margin-bottom: auto;text-align: center;width: 1.3rem;}
.qa-item li:first-child span:last-child{display: inline-block;margin-left: .5rem;width: calc(100% - 1.3rem - .5rem);}
.qa-item li:last-child span:first-child{background: #61b9ff;border-radius: 50%;color: #fff;display: inline-block;font-weight: bold;height: 1.3rem;line-height: 1.3rem;margin-top: auto;margin-bottom: auto;text-align: center;width: 1.3rem;}
.qa-item li:last-child span:last-child{display: inline-block;margin-left: .5rem;width: calc(100% - 1.3rem - .5rem);}

/*contact spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px){
.contact .rcaption{margin-bottom: 0;}
.contact .form-group{flex-wrap: wrap;border: solid 1px #ddd;border-bottom: 0;border: 0;}
.contact .form-group:last-child{border-bottom: 0;}
.contact .form-group .title{width: 100%;padding: .5rem 1rem;border: 0;}
.contact .form-group .title .text-red{display: inline;}
.contact .form-group .input-wrap{width: 100%;padding: 1rem;border: 0;}
.contact .form-group .input-wrap .btn-login{width: 100%;}
.btn-qa{margin: 1rem auto;width: 80%;}
}


/*policyーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.policy .rcaption{border-bottom: solid 3px #95C562;}
.policy .wrap{border: solid 1px #ddd;letter-spacing: 1px;line-height: 1.5;margin-bottom: 2rem;padding: 1rem 2rem;text-align: justify;text-justify: inter-ideograph;}
.policy ul{list-style: none;margin: 0;padding: 0;}
.policy .title{border-bottom: solid 3px #95C562;font-weight: bold;font-size: 1rem;margin-bottom: .5rem;}
.policy .title:not(:first-child){margin-top: 2.5rem;}
.policy .body{font-size: .85rem;margin-bottom: .25rem;}
.policy .body .inner-text{margin-bottom: .5rem;}

/*policy spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.policy .wrap{border: 0;padding: 1rem 1rem;}
}

/*loginーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.login{margin: 50px 0;border: solid 1px #ddd;border-radius: 5px;}
.login form{padding: 2rem;}
.login .form-group:last-child{margin-bottom: 0;border-top: solid 1px #ced4da;}
.help-block{color: #e7141a;}

/*login spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px){
.login{margin: 0;border: 0;border-radius: 0;}
.login form{padding: 0;}
.login .form-group{margin-bottom: 0;}
.login .title{padding: .5rem 1rem;background: #f9f9f9;}
.login .input-wrap{padding: 1rem 1rem;}
}


/*registerーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.register{margin: 50px 0;border: solid 1px #ddd;border-radius: 5px;}
.register .form-group{display: flex;margin-bottom: 0;border-bottom: solid 1px #ddd;}
.register .form-group:last-child{display: block;border: 0;border-bottom: 0;}
.register .form-group .title{width: 25%;padding: 1.5rem;border-right: solid 1px #ddd;background: #f9f9f9;}
.register .form-group .title .text-red{display: block;}
.register .form-group .input-wrap{width: 75%;padding: 1.5rem;}
.register .form-group .input-wrap select{display: block;width: 100%;height: calc(2.25rem + 2px);padding: .375rem .75rem;font-size: 1rem;line-height: 1.5;color: #495057;background-color: #fff;background-clip: padding-box;border: 1px solid #ced4da;border-radius: .25rem;transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;}
.register .form-group .input-wrap.birthday{display: flex;}
.register .form-group .input-wrap.birthday select{width:32%;margin-right: 2%;}
.register .form-group .input-wrap.birthday select:last-child{margin-right: 0;}
.register .form-group:last-child .input-wrap{width: 100%;}
.register .form-group:last-child .input-wrap:last-child{width: 50%;margin: 0 auto 1rem;padding: 0 1rem;}
.register .form-group .input-wrap .btn-login{display: block;width: 50%;margin-left: auto;margin-right: auto;}
.register .form-group input[type=checkbox]{height: 1rem;width: 1rem;vertical-align: sub;}
.register .help-block{color: #e7141a;font-size: 80%;font-weight: bold;}

/*register spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.register{margin: 0;border: 0;border-radius: 0;}
.register .form-group{flex-wrap: wrap;border: solid 1px #ddd;border-bottom: 0;border: 0;}
.register .form-group:last-child{border-top: solid 1px #ddd;border-bottom: 0;}
.register .form-group .title{width: 100%;padding: .5rem 1rem;border: 0;}
.register .form-group .title .text-red{display: inline;}
.register .form-group .input-wrap{width: 100%;padding: 1rem;border: 0;}
.register .form-group:last-child .input-wrap:last-child{width: 100%;margin-bottom: 0;}
.register .form-group .input-wrap .btn-login{width: 100%;}
}


/*errorーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.error{text-align: center;}
.error .container-padding .code-num{font-size: 5rem;line-height: 1;margin: 5rem 0 .5rem;}
.error .container-padding .code-text{font-size: 2rem;line-height: 1;margin-bottom: 2rem;}
.error .container-padding .coment{margin-bottom: 1rem;}
.error .btn-login{width: 25%;margin-bottom: 2rem;}
.error .btn-login:hover{color: #fff;text-decoration: none;}

/*error spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.error .container-padding .code-num{font-size: 5rem;line-height: 1;margin-top: 3rem;}
.error .container-padding .code-text{font-size: 2rem;line-height: 1;margin-bottom: 2rem;}
.error .container-padding .coment{width: 100%;margin-bottom: 1rem;}
.error .btn-login{width: 100%;margin-bottom: 1rem;}
}


/*resetーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
.reset{margin: 50px 0;border: solid 1px #ddd;border-radius: 5px;}
.reset form{padding: 2rem;}
.reset .form-group:last-child{margin-bottom: 0;border-top: solid 1px #ced4da;}
.reset .guide{margin-top: 1rem;color: #6c757d;}

/*reset spーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media screen and (max-width: 991px) {
.reset{margin: 0;border: 0;border-radius: 0;}
.reset form{padding: 0;}
.reset .form-group{margin-bottom: 0;}
.reset .title{padding: .5rem 1rem;background: #f9f9f9;}
.reset .input-wrap{padding: 1rem 1rem;}
}


/*IE bagーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーーー*/
@media all and (-ms-high-contrast: none) {
.carousel .justify-content-between a{width: 33%;}
.carousel .justify-content-between a:nth-child(2){width: 35%;}
}


/* mypage マイページ */
* a{color:#e7141a;}
#myp .main{color:#666;}


#myp .alert{color:#fff;font-size:150%;text-align:center;margin:.5em 0;}
#myp .alert p,#myp .alert ul{margin:0;}
#myp .alert-info{background:#63B4E5;border:0px solid #fff;}
#myp .alert-danger{background:#e7141a;border:0px solid #fff;}


.myp-homedesign{display:flex;justify-content:flex-start;flex-wrap:wrap;}
.myp-homedesign article{flex-grow:1;width:50%;position:relative;padding-bottom:70px;}
.myp-homedesign article:first-child{width:100%;}
.myp-homedesign .myp-homedesignarticle{padding:.2em;}
.myp-homedesign .myp-topbcbtn{display:block;position:absolute;bottom:15px;left:25%;width:50%;font-size:80%;margin:0 auto;}

a.myp-topbcbtn{position:relative;display:block;width:40%;color:#e7141a;text-align:center;margin: 1em auto 0;padding:10px 0;border:1px solid #e7141a;border-radius:4px;background:#fff;}
a.myp-topbcbtn i{position:absolute;top:50%;left:16px;margin-top:-.4em;}
a.myp-topbcbtngray{color:#666 !important;border:1px solid #666 !important;}
.myp-nodatebox{color:#aaa;background:#fffdf5;text-align:center;padding:3em .5em;}
.myp-nodatebox2{width:100%;}
.myp-nodatebox2 div{font-size:130%;text-align:center;margin:0 0 1em 0;padding:.5em;background:#FFF4F4;}
.myp-nodatebox2 div i.fa-exclamation-triangle{display:block;color:#e7141a;font-size:150%;margin: 0 auto .5em auto;}
.myp-nodatebox2 .myp-topbcbtn{font-size:70%;}

.mcp-nodatebox{width:100%;color:#aaa;text-align:center;padding:2em 0;}

.myp_toppointindextop .myp-toppoint{margin:.5em 0;}
.myp-toppoint{margin-bottom:1em;padding:.5em;background:#FFF4F4;border-radius:8px;}
.myp-toppoint a.myp-toppname{color:#e7141a;}
.myp-toppoint a.myp-toppname b{font-weight:bold;padding-right:.1em;}
.myp-toppointbox{display:flex;align-items:center;color:#888;font-size:90%;text-align:center;padding:.5em;background:#fff;border-radius:8px;box-shadow:1px 1px 4px 0px rgba(155,36,30,0.2);}
.myp-toppointbox a{color:#888;}
.myp-toppointbox span{display:block;}
.myp-toppoint .myp-tpbicon{width:16%;}
.myp-toppoint .myp-tpbtext{width:56%;line-height:1em;padding:0 .2em;}
.myp-toppoint .myp-tpblimit{width:28%;font-size:90%;line-height:1.2em;border:1px solid #f4f4f4;border-radius:8px;}
.myp-tpblimit.myp-tpbexpiration{-webkit-animation:blink 1.5s ease-in-out infinite alternate;-moz-animation:blink 1.5s ease-in-out infinite alternate;animation:blink 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.myp-toppoint .myp-tpbicon img{width:80%;height:auto;margin:auto;}
.myp-toppoint .myp-tpbtext img{width:16px;height:auto;margin-left:.2em;}
.myp-toppoint .myp-tpbtext .myp-tpballp{color:#e7141a;font-size:230%;font-weight:bold;line-height:1.1em;}
.myp-toppoint .myp-tpblimit span{padding:.2em;background:#f4f4f4;}
.myp-toppoint .myp-tpblimit .myp-tpblday{color:#888;line-height:1.5em;background:#fff;}
.myp-tpblimit.myp-tpbexpiration span{background: #ff8787;border-color: #ff8787;color: #fff;}
.myp-tpblimit.myp-tpbexpiration .myp-tpblday{color: #ff8787;}
.myp-toppointorg{background:#FFFAF2;}
.myp-toppointorg a.myp-toppname,
.myp-toppointorg .myp-tpbtext .myp-tpballp{color:#F99100;}
.myp-toppointorg .myp-tpbtext img{filter:hue-rotate(60deg) saturate(150%) brightness(150%);}
.myp-toppointorg .myp-toppointbox{border-radius:8px;box-shadow:1px 1px 4px 0px rgba(127,78,17,0.2);}

.myp-couponbox{width:95%;color:#CCAA44;line-height:1em;margin:auto;background:#FFEECC;border-radius:6px;}
.myp-couponbox .myp-couponboxtit{font-size:75%;}
.myp-couponbox .myp-couponname .myp-couponnameshop{font-size:116%;}
.myp-couponbox .myp-couponrate{font-size:150%;color:#e7141a;text-align:center;line-height:36px;}
#myp .main .container .row .myp-couponname{font-size:65%;color:#666;padding-right:.5em;}

.myp-midlnkbox{width:95%;font-size:90%;margin:auto;}
.myp-midlnkbox a{display:block;color:#fff;text-align:center;padding:10px 0;border-radius:4px;}
.myp-midlnkbox a i{position:absolute;top:50%;left:10px;margin-top:-.4em;}
.myp-midlnkbox .myp-midlnkhis{background:#e7141a;}
.myp-midlnkbox .myp-midlnkrnk{background:#666;}
.myp-mailsetbox *{color:#666;}
.myp-mailsetbox a{position:relative;display:block;color:#666;font-size:88%;line-height:1.55;letter-spacing:-1px;padding:7px 0 7px 21px;border:1px solid #888;border-radius:4px;}
.myp-mailsetbox a img{position:absolute;display:block;top:6px;right:8px;width:24px;height:auto;}

.myp-recpointhistory .myp-rphlist table{width:100%;font-size:90%;table-layout:fixed;}
.myp-recpointhistory .myp-rphlist th,
.myp-recpointhistory .myp-rphlist td{line-height:1.2em;padding:.5em .3em;border:1px solid #ddd;}
.myp-recpointhistory .myp-rphlist th{color:#777;font-weight:normal;background:#fafafa;}
.myp-recpointhistory .myp-rphlist td a,.myp-recpointhistory .myp-rphlist td span{display:block;padding:.5em 0;}
.myp-recpointhistory .myp-rphlist td img{display:block;width:26px;height:auto;margin:auto;}
.myp-recpointhistory .myp-rphliststxt{color:#777;font-size:65%;line-height:1.2em;}
.myp-recpointhistory .myp-rphlist table span i{color:#e7141a;font-size:90%;padding-right:.4em;}
.myp-recpointhistory .myp-rphlist table span.txtcolorble i{color:#1453E5;}

/*
.myp-recpointhistory .myp-rphlistdate{width:24%;}
.myp-recpointhistory .myp-rphlistname{width:46%;}
.myp-recpointhistory .myp-rphlisticon{width:14%;}
.myp-recpointhistory .myp-rphlistpont{width:16%;}

.myp-rphlistall{font-size:90%;}
.myp-rphlistall .myp-rphlistdate{width:15%;}
.myp-rphlistall .myp-rphlistname{width:43%;}
.myp-rphlistall .myp-rphlisttype{width:14%;}
.myp-rphlistall .myp-rphlisticon{width:14%;}
.myp-rphlistall .myp-rphlistpont{width:14%;}
*/
.myp-recpointhistory .myp-rphlist .myp-rphlistdate{width:20%;}
.myp-recpointhistory .myp-rphlist .myp-rphlistname{width:38%;}
.myp-recpointhistory .myp-rphlist .myp-rphlisttype{width:14%;}
.myp-recpointhistory .myp-rphlist .myp-rphlisticon{width:14%;}
.myp-recpointhistory .myp-rphlist .myp-rphlistpont{width:14%;}
.myp-recpointhistory .myp-rphlistall table{margin-bottom:1em;}


.commonshopareatxt{font-size:70%;color:#888;}

.myp-usercoupons .myp-coupons a.myp-couponsbox,.myp-usercoupons .myp-coupons span.myp-couponsbox{display:block;width:100%;color:#666;}
.myp-usercoupons .d-flex{align-items:center;line-height:1.2em;margin:2px;padding:.5em;border:1px solid #FCE6AB;border-radius:6px;background:#FFFDF7;}
.myp-usercoupons a:hover .d-flex{border:1px solid #e7141a;background:#fff;}
.myp-usercoupons .myp-couponsshop{width:66%;text-align:left;}
.myp-usercoupons .myp-couponsrate{width:34%;font-size:75%;text-align:right;}
.myp-usercoupons .myp-couponsrate span{color:#e7141a;font-size:240%;margin:0 .1em;}

.myp-pointpassbook .myp-pointall table{width:100%;}
.myp-pointpassbook .myp-pointall table td{padding:5px .4em 0 .4em;}
.myp-pointpassbook .myp-pointallname{font-size:75%;text-align:right;line-height:120%;}
.myp-pointpassbook .myp-pointallpont{font-size:220%;color:#e7141a;font-weight:bold;}
.myp-pointpassbook .myp-pbooklist .d-flex{align-items:center;margin:4px 0;padding:6px;}
.myp-pointpassbook .myp-pbookshop{width:70%;}
.myp-pointpassbook .myp-pbookpont{width:30%;}
.myp-pointpassbook .myp-pbookshop img{width:36px;height:auto;margin-right:4px;}
.myp-pointpassbook .myp-pbookshopcommon{color:#666;}
.myp-pointpassbook .myp-pbookpont{text-align:right;}
.myp-pointpassbook .myp-pbookpontpnt{font-size:130%;}
.myp-pointpassbook .myp-pbookpontpnt i{font-size:70%;padding-left:.2em;}
.myp-pointpassbook .myp-pbookpontexd{font-size:70%;}
.myp-pbooklist_only{display:flex;align-items:center;}
.myp-pbooklist_onlyimg{width:36px;}
.myp-pbooklist_onlytxt{width:calc(100% - 36px);padding-left:.4em;}
.myp-pointub_table{width:100%;margin-bottom:2em;}
.myp-pointub_table th,.myp-pointub_table td{border-bottom:1px dashed #ccc;}
.myp-pointub_table th{font-weight:normal;padding:.4em;}
.myp-pointub_table th i{color:#e7141a;font-size:20px;margin-right:10px;}
.myp-pointub_table th img{width:20px;height:auto;margin-right:12px;margin-left:3px;vertical-align:text-bottom;}
.myp-pointub_table td{text-align:right;padding:.4em;}
.myp-pointub_table td span{font-size:140%;}
.myp-pointub_table td i,.myp-pbookpont .myp-pbookpontpnt i{font-size:70%;padding-left:.2em;}

.myp-pointpassbook .myp-pbooklist2 a.d-flex{color:#666;text-decoration:none;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbookshop{width:65%;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbookicim{width:9%;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbookpont{width:26%;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbookshop img{width:48px;height:auto;margin-right:4px;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbooklist_only{position:relative;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbooklist_onlyimg{position:relative;width:48px;max-height:48px;overflow:hidden;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbooklist_onlytxt{width:calc(100% - 48px);padding-left:.4em;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbooklist_onlyico{width:70%;height:auto;display:block;margin:auto;}
.myp-pointpassbook .myp-pbooklist2 a.d-flex .myp-pblshopname{color:#e7141a;line-height:1.2em;}
.myp-pointpassbook .myp-pbooklist2 .myp-pbooklistgroupico{position:absolute;top:50%;left:0;width:100%;height:auto;color:#fff;text-align:center;line-height:1.1em;margin-top:-.5em;}





.myp-userrank .d-flex{margin:0;margin-bottom:4px;padding:2px 6px 2px 2px;border-top:none;}
.myp-userrank .myp-urshopimg{flex-basis:60px;}
.myp-userrank .myp-urshopimg img{display:block;width:60px;height:auto;}
.myp-userrank .myp-urshopnme{flex-basis:auto;flex-grow:1;color:#44AAEE;font-size:90%;padding:0 6px;}
.myp-userrank .myp-urshopnme a{display:block;}
.myp-userrank .myp-urshopnme .myp-urshopnmearea{font-size:70%;color:#888;}
.myp-userrank .myp-urshoprnk{flex-basis:50px;}
.myp-userrank .myp-urshoprnk div{width:50px;color:#fff;font-size:200%;font-weight:bold;text-align:center;line-height:50px;border-radius:8px;}
.myp-userrank .myp-urshoprnkA div{background:#FF5982;}
.myp-userrank .myp-urshoprnkB div{background:#FF8A59;}
.myp-userrank .myp-urshoprnkC div{background:#FFB959;}

.myp-memberinfo .myp-rcaption img{width:24px;height:auto;margin-right:.5em;}
.myp-memberinfo .myp-memberbasicinfo{width:98%;margin:.3em auto .4em auto;padding:6px;background:#EFEFEF;border-radius:6px;}
.myp-memberinfo .myp-memberbasicinfo .myp-infchknoncolor{color:#DD2222;}
.myp-memberinfo .myp-memberbasicinfo .myp-infchkokcolor{}
.myp-memberinfo .myp-memberbasicinfo table{width:100%;table-layout:fixed;}
.myp-memberinfo .myp-memberbasicinfo th,
.myp-memberinfo .myp-memberbasicinfo td{padding:6px 3px;}
.myp-memberinfo .myp-memberbasicinfo th{width:40%;font-size:75%;font-weight:normal;text-align:center;}
.myp-memberinfo .myp-memberbasicinfo th div{color:#fff;padding:6px 0;background:#EE8888;border-radius:4px;}
.myp-memberinfo .myp-memberbasicinfo td{width:60%;font-size:95%;}
.myp-memberinfo .myp-memberbasicinfo td div{position:relative;padding:4px 0;}
.myp-memberinfo .myp-memberbasicinfo td div a{position:absolute;bottom:0;right:-10px;display:block;color:#fff;padding:3px .6em;background:#44AAEE;border-radius:6px 0 0 6px;}
.myp-memberinfo .myp-memberbasicinfo td div a img{width:20px;height:auto;margin-right:.5em;padding-bottom:2px;}
.myp-memberinfo .myp-infphone th div,
.myp-memberinfo .myp-infpchk th div{line-height:4.3em;}
.myp-memberinfo .myp-infphone td div,
.myp-memberinfo .myp-infpchk td div{min-height:4.3em;}
.myp-memberinfo .myp-infpchk td div span{display:block;padding-top:10px;}
.myp-memberinfo .myp-memberbasicedit{text-align:center;}
.myp-memberinfo .myp-memberbasicedit a{
	display:inline-block;width:42%;color:#666;font-size:90%;border:1px solid #ccc;text-shadow:-1px -1px 0 #fff;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 5%, #f9f9f9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
}
a:hover.myp-topbcbtn,
.myp-memberinfo .myp-memberbasicedit a:hover{
	color:#fff;border:1px solid #e7141a;text-shadow:1px 1px 0 #A00002;
	background: #e7141a;
	background: -moz-linear-gradient(top,  #e7141a 0%, #f74a4a 100%);
	background: -webkit-linear-gradient(top,  #e7141a 0%,#f74a4a 100%);
	background: linear-gradient(to bottom,  #e7141a 0%,#f74a4a 100%);
}
.myp-memberinfo .myp-memberbasicedit a.myp-topbcbtn i{left:9%;}
.myp-memberinfo .myp-memberareaedit a{width:85%;}
.myp-memberinfo .myp-memberbasedit td input{padding:.3em .4em;}
.myp-memberinfo .myp-memberbasedit{padding:0;background:#fff;}
.myp-memberinfo .myp-memberbasedit th{width:35%;color:#fff;background:#666;border-bottom:1px solid #fff;}
.myp-memberinfo .myp-memberbasedit td{width:65%;background:#EFEFEF;border-bottom:1px solid #fff;}
.myp-memberinfo .myp-memberbasedit td .text-redm{display:block;font-size:75%;margin-top:.1em;}
.myp-memberinfo button{
	position:relative;display:inline-block;width:42%;color:#fff;font-size:90%;text-align:center;padding:10px 0;border:1px solid #F78800;border-radius:4px;text-shadow:-1px -1px 0 #F76B00;
	background: #ff9000;
	background: -moz-linear-gradient(top,  #ff9000 0%, #ffb949 100%);
	background: -webkit-linear-gradient(top,  #ff9000 0%,#ffb949 100%);
	background: linear-gradient(to bottom,  #ff9000 0%,#ffb949 100%);
}
.myp-memberinfo button:hover{
	color:#FC9700;border:1px solid #FC9700;text-shadow:-1px -1px 0 #fff;
	background: #fff1db;
	background: -moz-linear-gradient(top,  #fff1db 0%, #fffaf2 100%);
	background: -webkit-linear-gradient(top,  #fff1db 0%,#fffaf2 100%);
	background: linear-gradient(to bottom,  #fff1db 0%,#fffaf2 100%);
}
.myp-memberinfo button i{position:absolute;top:50%;left:9%;margin-top:-.4em;}

.myp-memberinfo button.app-logout{background: #f3f3f3;border: 1px solid #ddd;color: #666;font-size: 16px;padding:  2px 5px;text-shadow: 0 0 0;width: auto;}
.myp-memberinfo button.app-logout:hover{background: #f3f3f3;border: 1px solid #ddd;color: #666;cursor: pointer;text-shadow: 0 0 0;}


#myp .modal-blackbgtapnone{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);z-index:10;overflow-x:hidden;overflow-y:auto;}
#myp .modal-dialog{position:relative;z-index:2000;}
#myp .modal-content{border:none;}
#myp .myp-alert{margin-top:20%;text-align:center;padding:1em;background:#fff;border-radius:10px;}
#myp .myp-alertbody{padding:1.5em;background:url("/img/ico_config.png") no-repeat left/24px;}
#myp .myp-alertfooter{width:40%;color:#e7141a;letter-spacing:2px;margin:1em auto 0 auto;padding:.5em;border:1px solid #e7141a;border-radius:4px;}

a.myp-mbteditphonecode i{padding-left:.8em;}
a.myp-mbteditphonecode {display:inline-block;color:#fff;padding:.1em 1em;background:#e7141a;border-radius:6px;}
a.myp-mbteditphonecode:hover {color:#555;background:#eee;}

.mypinputrequired{position:absolute;top:-.2em;left:-1em;width:3em;color:#fff;font-size:90%;text-align:center;padding:1px;background:#e7141a;}
.myp-membertable{margin-bottom:2em;}
.myp-membertable table{width:95%;margin:auto;border-collapse:separate;border-spacing:1px 5px;}
.myp-membertable th{width:23%;position:relative;}
.myp-membertable td{width:77%;}
.myp-membertable th,
.myp-membertable td{padding:.5em;border-bottom:1px dashed #ccc;}
.myp-membertable th{color:#e7141a;font-weight:normal;text-align:right;}
.myp-memberchgtable .myp-membertable table{width:95%;margin:auto;border-spacing:1px 8px;}
.myp-memberchgtable .myp-membertable th{width:23%;color:#aaa;border-bottom:1px dashed #ccc;}
.myp-memberchgtable .myp-membertable td{width:77%;border:none;padding:0;padding-left:.5em;}
.myp-memberchgtable .myp-membertable td div{position:relative;}
.myp-memberchgtable .myp-membertable td div i{position:absolute;top:50%;right:12px;margin-top:-.5em;pointer-events:none;color:#FF9000;}
.myp-memberchgtable .myp-membertable input,
.myp-memberchgtable .myp-membertable select{width:100%;color:#FF9000;padding:.4em;border:none;border-bottom:1px dashed #ED8200;border-radius:0;background:#FFFCF9;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.myp-memberchgtable .myp-membertable input:focus,
.myp-memberchgtable .myp-membertable select:focus{color:#444;background:#fcfcfc;border-bottom:1px solid #666;}
.myp-memberchgtable .myp-membertable td div select:focus + i{color:#444;}
.myp-memberchgtable .myp-membertable .myp-mtablebirthday{display:flex;align-items:center;}
.myp-memberchgtable .myp-membertable .myp-mtablebirthday div{width:13%;color:#888;padding-left:2%;}
.myp-memberchgtable .myp-membertable .myp-mtablebirthday select{width:18%;text-align:center;}
.myp-memberchgtable .myp-membertable .myp-mtablebirthday select.mtablebirthdayyear{width:23%;}
.myp-memberchgtable .myp-mtbtdnone{text-align:center;}
.myp-memberchgtablepass .myp-membertable .myp-mcpass th{width:50%;}
.myp-memberchgtablepass .myp-membertable .myp-mcpass td{width:50%;}
.myp-memberchgtablepass .myp-membertable .myp-mcpass th.myp-mcpassold{color:#aaa;}
.myp-memberchgtablepass .myp-membertable .myp-mcpass th.myp-mcpassnew{color:#888;}
.myp-memberchgtablepass .myp-membertable .myp-mcpass th.myp-mcpasscfn{color:#777;}

#myp select::-ms-expand {display:none;}

.myp-carddeleteform button,
.myp-mycardstopbtn a,
.myp-membercard input{display:inline-block;color:#777;padding:.5em 1.5em;border:1px solid #bbb;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.myp-carddeleteform button,
.myp-mycardstopbtn a,
.myp-membercard input[type="submit"]{
	color:#666;border:1px solid #ccc;text-shadow:-1px -1px 0 #fff;cursor:pointer;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 5%, #f9f9f9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
}
.myp-carddeleteform button:hover,
.myp-membercard .myp-carddeleteform .deletered,
.myp-mycardstopbtn a:hover,
.myp-membercard input[type="submit"]:hover{
	color:#fff;border:1px solid #e7141a;text-shadow:1px 1px 0 #A00002;
	background: #e7141a;
	background: -moz-linear-gradient(top,  #e7141a 0%, #f74a4a 100%);
	background: -webkit-linear-gradient(top,  #e7141a 0%,#f74a4a 100%);
	background: linear-gradient(to bottom,  #e7141a 0%,#f74a4a 100%);
}
.myp-membercard .myp-carddeleteform .deletered:hover{color:#e7141a;text-align:center;border:1px solid #e7141a;border-radius:4px;background:#fff;text-shadow:none;}


.myp-mycard{width:100%;display:flex;align-items:center;font-size:120%;margin:1em auto 0 auto;padding:1em;background:#fdfdfd;border:1px solid #ccc;box-shadow:2px 2px 3px 0 rgba(255,255,255,.5) inset;}
.myp-mycard .myp-mycardimg{width:30%;padding-right:.5em;}
.myp-mycard .myp-mycardtxt{width:70%;font-size:120%;}
.myp-mycard .myp-mycardimg img{display:block;width:100%;height:auto;margin:auto;border-radius:8px;}
.myp-mycard .myp-mycardtxt div{margin-bottom:.2em;}
.myp-mycard .myp-mycardtxt span{width:4em;/* calc nonsupport */}
.myp-mycard .myp-mycardtxt .myp-mycardspt{display:inline-block;width:4em;color:#fff;font-size:80%;text-align:center;padding:2px 0;background:#999;border-bottom:1px solid #999;}
.myp-mycard .myp-mycardtxt .myp-mycardspn{display:inline-block;width:calc(100% - 4em);position:relative;padding:1px 0 1px .5em;background:#fefefe;border-bottom:1px solid #ddd;}

.myp-mycard .myp-mycardtxt .myp-mycardspn a.myp-mbteditphonecode{position:absolute;top:50%;right:1%;margin-top:-.8em;font-size:80%;}


.myp-mycard .myp-mycardtxt .myp-mycardstcol2 .myp-mycardspt{color:#fff;background:#ED0E0E;border-bottom:1px solid #ED0E0E;}
.myp-mycard .myp-mycardtxt .myp-mycardstcol2 .myp-mycardspn{color:#ED0E0E;background:#FFF9F9;border-bottom:1px solid #FFD1D1;}
.myp-mycardstop{display:flex;align-items:center;margin:2em auto 0 auto;}
.myp-mycardstop .myp-mycardstoptxt{width:70%;}
.myp-mycardstop .myp-mycardstopbtn{width:30%;text-align:center;}
.myp-mycardstop .myp-mycardstopcap{color:#555;font-size:120%;}
.myp-mycardstop .myp-mycardstopsbt{color:#888;font-size:90%;}

.myp-membercard .myp-myphonechkcode input[type="text"],
.myp-membercard .myp-myphonechkcode input[type="password"]{padding:.2em .5em;}
.myp-carddeleteform form{display:block;width:100%;}
.myp-carddeleteform .myp-carddeleteformin{margin-bottom:1em;}
.myp-carddeleteform .myp-carddeleteformin div{display:inline-block;width:48%;margin-bottom:.2em;}
.myp-carddeleteform .myp-carddeleteformin div input{width:50%;margin-left:1em;}

.myp-myphone .myp-mycardtxt{width:90%;margin:auto;}
.myp-myphone .myp-mycardstop .myp-mycardstoptxt{width:60%;}
.myp-myphone .myp-mycardstop .myp-mycardstopbtn{width:40%;}
.myp-myphonechkcode{text-align:center;margin-top:2em;padding:1.5em 1em;background:#fafafa;}
.myp-myphone .myp-myphonechkcode input[type="text"]{width:50%;padding:.5em 1em;}
.myp-myphone .myp-myphonechkcode div,.myp-membercard .myp-carddelete{color:#777;margin-bottom:.5em;}
.myp-myphone .myp-mycardstopbtnsub{width:40%;color:#aaa;text-align:center;margin:1em 0 1em auto;}
.myp-myphone .myp-mycardstopbtnsub a{color:#aaa;}
.myp-myphone .myp-mycardstopbtnsub a:hover{color:#e7141a;}
.myp-myphone .myp-mycardstopbtnsub input{font-size:16px;margin-top:.5em;}

.myp-cardnewin{margin-top:.5em;padding:0 1em;background:#fff;}
.myp-cardnewin .myp-carddelete{text-align:left;}
.myp-cardnewin .myp-carddeleteformin{margin-top:.5em;padding:1.5em 0;background:#FFF9FA;}

.rcaption_mptotal{position:absolute;top:50%;right:.5em;margin-top:-1.2em;font-size:75%;font-weight:normal;}
.rcaption_mptotal .text-red{font-size:150%;padding-left:.2em;}
.myp-phselect{font-size:75%;padding:1em;background:#fcfcfc;}
.myp-phselect .myp-phselectbox{float:left;padding:2px .5%;}
.myp-phselect .myp-phselectbox div{position:relative;}
.myp-phselect .myp-phselectbox i{position:absolute;top:50%;right:.4em;margin-top:-.5em;color:#aaa;font-size:80%;pointer-events:none;}
.myp-phselect .myp-phselect_day{width:44%;}
.myp-phselect .myp-phselect_shp{width:20%;}
.myp-phselect .myp-phselect_typ{width:11%;}
.myp-phselect .myp-phselect_pty{width:15%;}
.myp-phselect .myp-phselect_btn{width:10%;}
.myp-phselect input,.myp-phselect select{width:100%;color:#888;padding:0 .6em 0 .2em;border:1px solid #bbb;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.myp-phselect .myp-phselect_day input{width:calc(50% - 1em);}
.myp-phselect input,.myp-phselect select,.myp-phselect button{display:inline-block;height:2.5em;line-height:2.5em;border:1px solid #bbb;-webkit-appearance:none;-moz-appearance:none;appearance:none;}
.myp-phselect button{
	display:block;width:100%;color:#666;padding:0;border:1px solid #ccc;text-shadow:-1px -1px 0 #fff;-webkit-appearance:none;-moz-appearance:none;appearance:none;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #efefef 5%, #f9f9f9 100%);
	background: -webkit-linear-gradient(top,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#efefef 5%,#f9f9f9 100%);
}
.myp-phselect button:hover{
	color:#fff;border:1px solid #e7141a;text-shadow:1px 1px 0 #A00002;
	background: #e7141a;
	background: -moz-linear-gradient(top,  #e7141a 0%, #f74a4a 100%);
	background: -webkit-linear-gradient(top,  #e7141a 0%,#f74a4a 100%);
	background: linear-gradient(to bottom,  #e7141a 0%,#f74a4a 100%);
}

.myp-membercard .myp-pointcahrgenumber div{display:inline-block;width:80%;padding:2em 1em;}
.myp-membercard .myp-pointcahrgenumber input{width:50%;width:calc(100% - 7em);margin-left:1em;padding:.5em;}

.expiration{background-color: #fff176;background-image: -webkit-gradient(linear, 0 0, 100% 100%,color-stop(.25, #f8f8f8), color-stop(.25, transparent),color-stop(.5, transparent), color-stop(.5, #f8f8f8),color-stop(.75, #f8f8f8), color-stop(.75, transparent),to(transparent));-webkit-background-size: 30px 30px;border-radius: 5px;font-weight: bold;margin-bottom: 1rem;padding: 1rem;}
.expiration-inner{align-items: center;display: flex;flex-wrap: wrap;justify-content: center;background: #fff;}
.expiration span{font-size: 2rem;padding: .5rem 1rem;-webkit-animation:blink 1.5s ease-in-out infinite alternate;-moz-animation:blink 1.5s ease-in-out infinite alternate;animation:blink 1.5s ease-in-out infinite alternate;}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
.expiration h2{margin: 0;}
.expiration p{font-weight: normal;margin: 0;padding-bottom: 1rem;text-align: center;width: 100%;}
@media screen and (max-width:991px){
.expiration{margin: .5rem;}
.expiration h2{font-size: 1rem;font-weight: bold;}
.expiration p{font-size: .8rem;margin-top: .5rem;}
}

/* sidemenu サイドメニュー マイページメニュー */
.myp-linkmenulist{display:flex;flex-wrap:wrap;list-style:none;padding:0;}
.myp-linkmenulist li{display:block;width:50%;margin:.2em 0;padding:.1em 0;border-bottom:1px dashed #eee;}
.myp-linkmenulist i{color:#bbb;padding:0 .5em;}
.myp-linkmenulist a{color:#666;}
.myp-linkmenulist a:hover{color:#e7141a;}
.myp-linkmenulist a:hover i{color:#e7141a;}
.myp-spbottommenu .myp-linkmenulist li{font-size:100%;padding:.4em;}
.myp-spbottommenu .myp-linkmenulist li a{display:block;}
	/* spスライド サイドメニュー マイページメニュー */
.spslide-sidemenu{margin-bottom:1em;}
.spslide-sidemenu a{color:#777;text-align:center;background:#fff;}

.myp-spsidemenu .rcaption{position:relative;font-size:100%;font-weight:normal;border:0;margin-bottom:.5rem;padding-left:34px;background:#fff;}
.myp-spsidemenu .rcaption i{position:absolute;top:50%;left:0;margin-top:-14px;font-size:28px;}
.myp-spsidemenu ul.myp-linkmenulist {display:flex;flex-wrap:wrap;justify-content:space-between;}
.myp-spsidemenu .myp-linkmenulist li{display:block;border:0;margin:0;width:49%;}
.myp-spsidemenu .myp-linkmenulist li a{display:block;text-align:center;margin-bottom:.5rem;padding:.5rem;background:#FFFCFC;border:1px solid #FFA5B1;border-radius:.25rem;}
.myp-spsidemenu .myp-linkmenulist li i{display:none;}
	/* spヘッダー */
.spheaderre,.spheaderre_toggle{line-height:1.4;}
.spheaderre{display:flex;justify-content:space-between;align-items:center;width:85%;width:calc(100% - 40px);text-align:center;padding:.3em 0;}
.spheaderre .spheaderre_logo{width:46%;}
.spheaderre .spheaderre_pont{width:50%;font-size:110%;}
.spheaderre .spheaderre_mypg{width:40px;font-size:65%;letter-spacing:-1px;}
.spheaderre_mypgin a{color:#F73155;}
.spheaderre_mypgout a{color:#999;}
.spheaderre .spheaderre_logo img{display:block;width:98%;height:auto;}
.spheaderre .spheaderre_pont a{color:#777;font-weight:bold;}
.spheaderre .spheaderre_pont i{font-size:80%;color:#e7141a;font-weight:normal;padding-left:.2em;}
.spheaderre .spheaderre_mypg i{font-size:22px;}
	/* sp追従メニュー */
@media screen and (max-width: 991px) {.spheaderre_toggle,#spslide-sidemenuID{display:block;}}
@media screen and (min-width: 992px) {.spheaderre_toggle,#spslide-sidemenuID{display:none;}}
.spheaderre_toggle{position:fixed;top:13px;right:0;width:46px;color:#999;font-size:65%;text-align:center;letter-spacing:-1px;z-index:999;text-shadow:-1px -1px 1px #fff,1px 1px 1px #fff;}
.spheaderre_toggle i{font-size:22px;margin:auto;}
.spheaderre_toggleclose{position:absolute;top:.2em;right:.3em;display:block;width:1em;color:#999;font-size:200%;text-align:center;z-index:1010;}
.spheaderre_togglecloseb{position:relative;display:block;width:40%;color:#e7141a;text-align:center;margin:0 auto 1em auto;padding:10px 0;border:1px solid #e7141a;border-radius:4px;background:#fff;}
.spheaderre_togglecloseb i{position:absolute;top:50%;left:16px;margin-top:-.4em;}
#spslide-sidemenuID{position:fixed;top:0;right:-100vw;width:100vw;height:100%;transition:left .1s,right .1s;font-size:90%;text-align:left;background:#fff;overflow-y:scroll;-webkit-overflow-scrolling: touch;z-index:1000;}
#spslide-sidemenuID .spslide-sideultop{list-style:none;margin:0;padding:1em 1em 0 1em;border-top:solid 8px #e7141a;}
#spslide-sidemenuID + .main{position:relative;width:100%;height:auto;z-index:3;}
#spmenuopen:checked + #spslide-sidemenuID {right:0;}
#spmenuopen:checked + #spslide-sidemenuID + .main{position:fixed;width:100%;height:100vh;overflow:hidden;}
#spmenuopen:checked + #spslide-sidemenuID + .main + footer{display:none;}



/* footer フッター */
.footer_all{margin-top:1em;background:#eee;border-bottom:2px solid #e7141a;box-shadow:0px 0px 20px -5px rgba(0,0,0,0.1);}
.footer_pcmode * a{color:#666;}
.footer_pcmode * a:hover{
	color:#999;background:#fff;text-decoration:none;
	box-shadow:1px 1px 3px 0 rgba(0,0,0,0.2);
	-webkit-transition: 0.3s;-moz-transition: 0.3s;-o-transition: 0.3s;-ms-transition: 0.3s;transition: 0.3s;
}
.footer_pcmode{
	width:100%;color:#666;font-weight:bold;text-align:center;border-top:1px solid #ccc;padding:2em 0;
	background: #f7f7f7;
	background: -moz-linear-gradient(top,  #f7f7f7 0%, #f2f2f2 2%, #f7f7f7 100%);
	background: -webkit-linear-gradient(top,  #f7f7f7 0%,#f2f2f2 2%,#f7f7f7 100%);
	background: linear-gradient(to bottom,  #f7f7f7 0%,#f2f2f2 2%,#f7f7f7 100%);
}
.footer_pcmode .footer_pcmenu, .footercopyright{max-width:950px;}
.footer_pcmode .footer_pcmenu{display:inline-block;text-align:left;}
.footer_pcmode .footer_mpointico{display:inline-block;width:26px;height:26px;margin-right:8px;background:#666;border-radius:50%;}
.footer_pcmode .footer_mpointico img{width:100%;height:auto;}
.footer_pcmode .footer_mpointicoylw{background:#FFAA00;}
.footer_pcmode .footer_mpointicopnk{background:#FB7E7E;}
.footer_pcmode .footer_mpointicored{background:#DD2222;}
.footer_pcmode .footer_mpointicoble{background:#63B4E5;}
.footer_pcmode .footer_mpointicogrn{background:#95C562;}
.footer_pcmode .footer_mnhome a,
.footer_pcmode .footer_mnmypg a,
.footer_pcmode .footer_mnbox{padding:.5em;border-radius:6px;}
.footer_pcmode .footer_mnhome{display:inline-block;margin-right:2em;}
.footer_pcmode .footer_mnmypg{display:inline-block;}
.footer_pcmode .footer_mnhome a,
.footer_pcmode .footer_mnmypg a{display:inline-block;}
.footer_pcmode .footer_mnboxwrap{display:flex;flex-wrap:wrap;}
.footer_pcmode .footer_mnbox{margin-top:1.5em;}
.footer_pcmode .footer_mnbox .footer_mnblist{font-size:80%;font-weight:normal;padding-left:48px;}
.footer_pcmode .footer_mnbox .footer_mnblist a{display:inline-block;padding:1px .5em;border-radius:6px;}
.footercopyright{font-size:80%;text-align:right;margin:auto;padding:.5em;}
.footercopyright img{width:100px;height:auto;}
.footercopyright span{padding-right:1em;}
.footercopyright a{color:#888;}


/* pagination ページャー */
@media screen and (max-width: 991px) {#myp nav .pagination{justify-content:center;flex-wrap:wrap;margin:auto;}}
#myp .myppagelist{position:relative;height:2em;font-size:150%;line-height:1.5em;margin-top:1em;}
#myp .myppagelist .pagination{justify-content:center;margin:auto;}
#myp .pagination li{display:none;position:absolute;top:0;}
#myp .pagination li a,#myp .pagination li span{color:#555;padding:0 1.5em .2em 1.5em;border:0;border-radius:6px;background:#f0f0f0;}
#myp .pagination li a:hover{color:#fff;background:#e7141a;}
#myp .pagination li:first-child{left:1%;display:block;}
#myp .pagination li:last-child{right:1%;display:block;}
.sppagenation{position:absolute;top:0;left:50%;margin-left:-25%;width:50%;color:#777;font-size:60%;text-align:center;line-height:1.2em;}
.sppagenation .sppagenation_cur{color:#999;font-size:80%;}




/* 共通要素 */
.headerarea{background:#fff;}
.myp-recpointhistory .myp-rphlist table,
.myp-pointpassbook .myp-pbooklist,
.myp-usercoupons .myp-coupons,
.myp-userrank .myp-userranklist{margin:4px auto auto auto;}

.myp-recpointhistory .myp-rphlist td a,
.myp-pointpassbook .myp-pbookshop a,
.myp-userrank .myp-urshopnme,
.myp-userrank .myp-userranklist a{color:#e7141a;display:block;}


.myp-pointpassbook .myp-pbooklist .d-flex,
.myp-userrank .d-flex{border:1px solid #ccc;}

.myp-pointpassbook .myp-pbooklist a.d-flex:hover,
.myp-userrank .d-flex:hover{border:1px solid #e7141a;}

.histrred{background:#FFF9F9;}
.histrble-xxxx{background:#F9FDFF;}

/* 共通タイトルバーキャプションバー */
.rcaption{position:relative;color:#555;font-size:120%;font-weight:bold;letter-spacing:1px;padding:.4em;background:#f8f8f8;border-bottom:3px solid #e7141a;text-shadow:1px 1px 0 #fff,1px 1px 1px #fff;}
.rcaption i{color:#e7141a;font-size:120%;margin-right:.5em;}
.rcaption a i{color:#D9DDE0;font-size:100%;margin:0;margin-left:.5em;}
.rcaption .captionbtn{position:absolute;top:50%;right:.3em;color:#fff;font-size:70%;margin-top:-1.1em;padding:.3em .8em;background:#A2A6AA;border-top:1px solid #D9DDE0;border-bottom:1px solid #8F959B;border-radius:6px;text-shadow:1px 1px 0 #8F959B;}
.rcaption .captionbtn:hover{color:#6c757d;background:#fff;border-bottom:1px solid #D9DDE0;border-top:1px solid #fff;text-shadow:none;}
.rcaption-blue{border-bottom:3px solid #66BBEE;}
.rcaption-blue i{color:#66BBEE;}
.rcaption-green{border-bottom:3px solid #95C562;}
.rcaption-green i{color:#95C562;}
.rcaption-yellow{border-bottom:3px solid #FFAA00;}
.rcaption-yellow i{color:#FFAA00;}
.rcaption-pink{border-bottom: 3px solid #FB7E7E;}
.breadcrumbMp i{color:#ccc;}
.text-redm{color:#f00;font-size:90%;}


/* 共通コンテンツボタンSP */
.rphlnkbtn{
	position:relative;display:block;width:80%;color:#888;text-align:center;margin:1em auto 0 auto;padding:10px 0;border-radius:8px;
	background:#f2f2f2;border-bottom:3px solid #ccc;
	box-shadow:4px 4px 6px 0px rgba(150,150,150,0.1);text-shadow:1px 0 0 #fff,0 1px 0 #fff;
}
.rphlnkbtn i{position:absolute;top:50%;left:20px;color:#999;font-size:120%;margin-top:-.4em;}

/* 共通text-decoration:none */
a.rphlnkbtn,
.rcaption .captionbtn,
a.myp-topbcbtn,
.myp-toppointbox a,
.myp-usercoupons .myp-coupons a.myp-couponsbox,
.myp-userrank .myp-userranklist a,
.myp-memberinfo .myp-memberbasicedit a,
.myp-mycardstopbtn a,
.myp-spsidemenu .myp-linkmenulist li a,
#myp .pagination li a
{text-decoration:none;}






/* mypage マイページSPスマホ */
@media screen and (max-width: 991px) {
	header{border-bottom: solid 1px #ddd;box-shadow: 0px 1px 1px 0px rgba(0,0,0,.04);}
	#myp .alert{width:80%;color:#fff;font-size:120%;text-align:center;margin:.5em auto;}
	.copyright{font-size:80%;}
	.copyright img {margin-left:1em;}
	.myp-homedesign{display:block;}
	.myp-homedesign article{width:100%;margin-bottom:.5em;padding-bottom:0;}
	.myp-homedesign .myp-topbcbtn{display:block;position:relative;bottom:auto;left:auto;margin:1em auto;}
	.myp-homedesign .myp-homedesignarticle{padding:.2em 0;}

	.myp-memberinfo .myp-memberbasicedit a,
	.myp-memberinfo button{font-size:85%;}

	.myp-membertable table,
	.myp-pointpassbook .myp-pbooklist,
	.myp-usercoupons .myp-coupons,
	.myp-recpointhistory .myp-rphlist table,
	.myp-carddeleteform .myp-carddeleteformin div,
	.myp-memberchgtable .myp-membertable table{width:98%;}

	.myp-usercoupons .myp-coupons a.myp-couponsbox,
	.myp-myphone .myp-mycardtxt,
	.myp-myphone .myp-mycardstop .myp-mycardstoptxt,
	.myp-myphone .myp-mycardstop .myp-mycardstopbtn,
	.myp-myphone .myp-mycardstopbtnsub{width:100%;}

	.mypinputrequired{top:-.2em;left:-.5em;}
	a.myp-topbcbtn{width:60%;font-size:85%;}
	.myp-membertable{padding:0 1px;}
	.myp-membertable th{width:30%;font-size:80%;padding:.5em .2em;}
	.myp-membertable td{width:70%;font-size:80%;padding:.5em .2em;}
	.myp-memberchgtable .myp-membertable th{width:35%;padding:.5em .2em .5em 2em;}
	.myp-memberchgtable .myp-membertable td{width:65%;}
	.myp-recpointhistory .myp-rphlist table{font-size:80%;}
	.myp-mycard,.myp-mycardstop{width:96%;font-size:90%;padding:.5em;}
	.myp-mycard .myp-mycardimg{width:25%;}
	.myp-mycard .myp-mycardtxt{width:75%;font-size:110%;}
	.myp-mycard .myp-myphonetxt{width:100%;}
	.myp-myphone .myp-mycardstop{display:block;}
	.myp-myphone .myp-mycardstop .myp-mycardstopbtn{margin-top:1.5em;}
	.myp-myphone .myp-myphonechkcode{font-size:90%;padding:1em .2em;}
	.myp-myphone .myp-myphonechkcode input[type="text"]{width:60%;padding:.5em;}
	.myp-myphone .myp-mycardstopbtnsub{margin:1em auto;}
	.myp-myphone .myp-mycardstopbtnsub input{font-size:14px;}
	.myp-phselect .myp-phselect_day{width:100%;}
	.myp-phselect .myp-phselect_shp{width:28%;}
	.myp-phselect .myp-phselect_typ{width:28%;}
	.myp-phselect .myp-phselect_pty{width:28%;}
	.myp-phselect .myp-phselect_btn{width:16%;}
	.myp-myphonechkcode .myp-carddelete{text-align:left;margin-bottom:1em;}
	.myp-carddeleteform .myp-carddeleteformin div{text-align:right;margin-bottom:.6em;}
	.myp-cardnewin .myp-carddeleteformin div{text-align:center;}
	.myp-nodatebox2 div{font-size:100%;}
	.myp-nodatebox2 .myp-topbcbtn{font-size:100%;}
	.myp-spbottommenu .myp-linkmenulist li{font-size:90%;}
	.myp-membercard .myp-pointcahrgenumber{text-align:center;padding-bottom:2em;}
	.myp-membercard .myp-pointcahrgenumber div{display:block;width:100%;}

}

/* mypage 20190125 */
.myp-myphonechkcode{position:relative;}
.myp-onetxtbox{margin:2em auto 0 auto;}
.myp-onetxtbox .myp-onetxtsubbox{color:#888;font-size:90%;}
.myp-cnttxtbox{position:relative;text-align:center;margin:2em auto;padding:1.5em 2%;background:#FFF4F4;}
.myp-cnttxtbox .myp-cnttxtsub{color:#e7141a;margin-bottom:1em;}
.myp-cnttxtatt{color:#999;font-size:90%;margin-top:1em;}

.myp-cntstep{position:absolute;top:-1em;left:0;color:#fff;padding:.2em 1em;background:#e7141a;}
.myp-myphone .myp-myphonechkcode div.myp-cntstep{color:#fff;}

@media screen and (max-width: 991px) {
	.myp-myphone .myp-myphonechkcode{padding:1.5em .2em;}
	.myp-onetxtbox{width:96%;font-size:90%;padding:.5em;}
	.myp-cnttxtbox{font-size:90%;}
	.myp-cnttxtbox input{width:80%;margin-bottom:1em;}
	.myp-cnttxtbox span{display:block;}
	.myp-cnttxtatt{margin-top:.5em;}
}



/* mypage マイページPCパソコン */
@media screen and (min-width: 992px) {
	.myp-linkmenulist li{font-size:85%;}
	.myp-spbottommenu{display:none;}
	.myp-usercoupons .myp-coupons{display:flex;flex-wrap:wrap;}
	.myp-usercoupons .myp-coupons a.myp-couponsboxpage,.myp-usercoupons .myp-coupons span.myp-couponsboxpage{display:block;width:50%;color:#666;margin-bottom:.2em;}
	.myp-usercoupons .myp-couponsboxpage .d-flex{height:100%;}
	.myp-pointpassbook .myp-pbooklist2 .myp-pbooklist_onlyicomini{width:40%;}

		html body .container {min-width:1140px;}

}



/* bootstrapリキッド解除 */
@media screen and (min-width: 992px) {html body .container {min-width:1140px;}}
@media screen and (max-width: 991px) {html body .container {min-width: 300px;}html body .main {min-width: 300px;}}




/* 汎用 */
.grouptrcolor0{background:#e7141a;}
.grouptrcolor1{background:#e78d14;}
.grouptrcolor2{background:#c3e714;}
.grouptrcolor3{background:#44e714;}
.grouptrcolor4{background:#14e762;}
.grouptrcolor5{background:#14e7e1;}
.grouptrcolor6{background:#146ee7;}
.grouptrcolor7{background:#3814e7;}
.grouptrcolor8{background:#b714e7;}
.grouptrcolor9{background:#e71499;}

.filterhuerotate10{filter:hue-rotate(10deg);}
.filterhuerotate20{filter:hue-rotate(20deg);}
.filterhuerotate30{filter:hue-rotate(30deg);}
.filterhuerotate40{filter:hue-rotate(40deg);}
.filterhuerotate50{filter:hue-rotate(50deg);}
.filterhuerotate60{filter:hue-rotate(60deg);}
.filterhuerotate70{filter:hue-rotate(70deg);}
.filterhuerotate80{filter:hue-rotate(80deg);}
.filterhuerotate90{filter:hue-rotate(90deg);}
.filterhuerotate100{filter:hue-rotate(100deg);}
.filterhuerotate110{filter:hue-rotate(110deg);}
.filterhuerotate120{filter:hue-rotate(120deg);}
.filterhuerotate130{filter:hue-rotate(130deg);}
.filterhuerotate140{filter:hue-rotate(140deg);}
.filterhuerotate150{filter:hue-rotate(150deg);}
.filterhuerotate160{filter:hue-rotate(160deg);}
.filterhuerotate170{filter:hue-rotate(170deg);}
.filterhuerotate180{filter:hue-rotate(180deg);}
.filterhuerotate190{filter:hue-rotate(190deg);}
.filterhuerotate200{filter:hue-rotate(200deg);}
.filterhuerotate210{filter:hue-rotate(210deg);}
.filterhuerotate220{filter:hue-rotate(220deg);}
.filterhuerotate230{filter:hue-rotate(230deg);}
.filterhuerotate240{filter:hue-rotate(240deg);}
.filterhuerotate250{filter:hue-rotate(250deg);}
.filterhuerotate260{filter:hue-rotate(260deg);}
.filterhuerotate270{filter:hue-rotate(270deg);}
.filterhuerotate280{filter:hue-rotate(280deg);}
.filterhuerotate290{filter:hue-rotate(290deg);}
.filterhuerotate300{filter:hue-rotate(300deg);}
.filterhuerotate310{filter:hue-rotate(310deg);}
.filterhuerotate320{filter:hue-rotate(320deg);}
.filterhuerotate330{filter:hue-rotate(330deg);}
.filterhuerotate340{filter:hue-rotate(340deg);}
.filterhuerotate350{filter:hue-rotate(350deg);}
.filterhuerotate360{filter:hue-rotate(360deg);}