@charset "euc-jp";

/* parts.css

important_news
header
snavi
dnavi
gnavi
bnr_mission
notice_area
categry search
sort
footer
carrier select
rotation banner
btn style
site_search
float_banner
pager
breadlist

------------------------------------------------ */

/* important_news
------------------------------------------------ */
.important_news {
    padding: 10px 0;
    text-align: center;
    background-color: #ff4455;
}
.important_news img {
    width: 80%;
}
.important_news .news_content {
    padding: 6px 10px;
    margin: 10px 10px 0;
    background: #fff;
    border-radius: 5px;
    font-size: 1.4rem;
    line-height: 1.6;
}
.important_news .news_content .date {
    color: #e9283f;
    font-weight: bold;
}
.important_news .news_content .click {
    text-decoration: underline;
    color: #2882d6;
}

/* header
------------------------------------------------ */
#header {
    overflow: hidden;
    border-bottom: #e6e6e6 1px solid;
    background: #fff;
    padding: 0;
}
#user_info_area {
    background: #47c2c9;
    color: #fff;
    padding: 2px 5px;
}
#user_info_area p {
    display: inline-block;
    font-size: 1.3rem;
    word-wrap: normal;
}
#user_info_area .user_name {
    padding-left: 10px;
    background-image: url("../../img/14/common/ico_user_name.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 7px 10px;
    width: 66%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#user_info_area .user_point {
    float: right;
    padding-left: 15px;
    background-image: url("../../img/14/common/ico_user_point.png");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 12px 12px;
}
#header .logo {
    padding: 9px 5px;
    float: left;
}
#header .btn {
    float: right;
    padding: 9px 5px;
}
#header .btn a {
    display: inline-block;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15);
    padding: 6px 10px;
    border: 1px solid #cdcdcc;
    border-radius: 6px;
}

/* snavi */
#snavi ul {
    float: right;
    margin-right: 2px;
}
#snavi li {
    height: 28px;
    float: left;
    margin: 0 6px 0 0;
    padding: 8px 0 0 0;
    text-align: center;
}
#snavi li a {
    display: block;
    height: 18px;
    padding: 20px 0 0 0;
    font-size: 1rem;
    color: #534741;
}
#snavi li.beginner a {
    background: url("../../img/14/common/ico_snavi_beginner.png") no-repeat center 0;
    background-size: 14px 22px;
}
#snavi li.friend a {
    background: url("../../img/14/common/ico_snavi_friend.png") no-repeat center 2px;
    background-size: 22px 18px;
}
#snavi li.everyday a {
    background: url("../../img/14/common/ico_snavi_everyday.png") no-repeat center 2px;
    background-size: 18px 18px;
}
#snavi li.login a {
    background: url("../../img/14/common/ico_snavi_login.gif") no-repeat center 1px;
    background-size: 18px 20px;
}
#snavi li.info a {
    background: url("../../img/14/common/ico_snavi_info.png") no-repeat center 1px;
    background-size: 20px 20px;
}
#snavi li.menu label {
    width: 40px;
    display: block;
    position: relative;
    cursor: pointer;
    font-size: 1rem;
}
#snavi li .dnavi_open span,
#snavi li .dnavi_open span:before,
#snavi li .dnavi_open span:after {
    height: 3px;
    width: 20px;
    position: absolute;
    top: 3px;
    left: 50%;
    margin-left: -10px;
    border-radius: 3px;
    background: #534741;
    display: block;
    content: '';
}
#snavi li .dnavi_open span:before { top: 6px;}
#snavi li .dnavi_open span:after { top: 12px;}
#snavi li.menu p {
    width: 40px;
    box-sizing: border-box;
    padding-top: 20px;
}
#snavi li.everyday, #snavi li.info,#snavi li.menu { position: relative;}
#snavi li.everyday .ico_new,
#snavi li.info .ico_new,
#snavi li.menu .ico_new {
    background-color: #f0666c;
    border: 2px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    color: #fff;
    font-size: 1.0rem;
    font-weight: bold;
    line-height: 19px;
    letter-spacing: -0.3px;
    height: 22px;
    width: 22px;
    padding: 0 5px;
    position: absolute;
    top: 3px;
    left: 55%;
    text-align: center;
    z-index: 1;
}

/* dnavi */
.dnavi { position: relative;}
.dnavi_hidden{ display:none;}
.dnavi_bg_close {
    display: none;
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: black;
    opacity: 0;
    transition: .3s ease-in-out;
}
.dnavi .dnavi_list {
    width: 85%;
    height: 100%;
    box-sizing: border-box;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 9999;
    padding-bottom: 100px;
    background: #fff;
    transition: .3s ease-in-out;
    -webkit-transform: translateX(105%);
    transform: translateX(105%);
}
.dnavi .dnavi_list .dnavi_header {
    height: 60px;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 10px;
}
.dnavi .dnavi_list .dnavi_header label {
    width: 80px;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 10px;
    border: #B3B3B3 1px solid;
    border-radius: 4px;
    background: url(../../img/14/common/ico_mnavi_close.gif) no-repeat right 10px center;
    background-size: 16px;
    cursor: pointer;
    text-align: center;
    font-size: 1.2rem;
}
.dnavi .dnavi_list .dnavi_header a {
    width: 100px;
    height: 35px;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    padding-left: 28px;
    border: #B3B3B3 1px solid;
    border-radius: 4px;
    text-align: center;
    font-size: 1.2rem;
}
.dnavi .dnavi_list .dnavi_header a.mypage {
    background: url("../../img/14/common/ico_mnavi_mypage.gif") no-repeat left 10px center;
    background-size: 15px;
}
.dnavi .dnavi_list .dnavi_header a.fav {
    background: url("../../img/14/common/ico_mnavi_fav.gif") no-repeat left 10px center;
    background-size: 15px;
}
#dnavi_switch:checked ~ .dnavi_bg_close {
    display: block;
    opacity: .5;
}
#dnavi_switch:checked ~ .dnavi_list {
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    box-shadow: 4px 0 10px rgba(0,0,0,.5);
}
.dnavi .dnavi_menu.icon .tit {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding:  5px 0;
    background: #E9E9E9;
    text-align: center;
    font-size: 1.4rem;
}
.dnavi .dnavi_menu.icon ul {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 15px;
}
.dnavi .dnavi_menu.icon li {
    width: 25%;
    display: flex;
    box-sizing: border-box;
    text-align: center;
}
.dnavi .dnavi_menu.icon li a {
    width: 100%;
    box-sizing: border-box;
    display: block;
    position: relative;
    padding: 50px 5px 0;
    text-align: center;
    line-height: 1.4em;
    font-size: 1.1rem;
}
.dnavi .dnavi_menu.icon li a::before {
    width: 50px;
    height: 50px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    background: url(../../img/14/common/ico_dnavi.jpg?a=20230329) no-repeat;
    background-size: 550px 100px;
}
.dnavi .dnavi_menu.icon li.dnavi01 a::before { background-position: 0 0;}
.dnavi .dnavi_menu.icon li.dnavi02 a::before { background-position: -50px 0;}
.dnavi .dnavi_menu.icon li.dnavi03 a::before { background-position: -100px 0;}
.dnavi .dnavi_menu.icon li.dnavi04 a::before { background-position: -150px 0;}
.dnavi .dnavi_menu.icon li.dnavi05 a::before { background-position: -200px 0;}
.dnavi .dnavi_menu.icon li.dnavi06 a::before { background-position: -250px 0;}
.dnavi .dnavi_menu.icon li.dnavi07 a::before { background-position: -300px 0;}
.dnavi .dnavi_menu.icon li.dnavi08 a::before { background-position: -350px 0;}
.dnavi .dnavi_menu.icon li.dnavi09 a::before { background-position: -400px 0;}
.dnavi .dnavi_menu.icon li.dnavi10 a::before { background-position: -450px 0;}
.dnavi .dnavi_menu.icon li.dnavi11 a::before { background-position: 0 -50px;}
.dnavi .dnavi_menu.icon li.dnavi12 a::before { background-position: -50px -50px;}
.dnavi .dnavi_menu.icon li.dnavi13 a::before { background-position: -100px -50px;}
.dnavi .dnavi_menu.icon li.dnavi14 a::before { background-position: -150px -50px;}
.dnavi .dnavi_menu.icon li.dnavi15 a::before { background-position: -200px -50px;}
.dnavi .dnavi_menu.icon li.dnavi16 a::before { background-position: -250px -50px;}
.dnavi .dnavi_menu.icon li.dnavi17 a::before { background-position: -300px -50px;}
.dnavi .dnavi_menu.icon li.dnavi18 a::before { background-position: -350px -50px;}
.dnavi .dnavi_menu.icon li.dnavi19 a::before { background-position: -400px -50px;}
.dnavi .dnavi_menu.icon li.dnavi20 a::before { background-position: -450px -50px;}
.dnavi .dnavi_menu.icon li.dnavi21 a::before { background-position: -500px -50px;}
.dnavi .dnavi_menu.icon li a.ico_new::after  {
    width: 28px;
    height: 28px;
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    margin-left: 25px;
    background: url("../../img/14/common/ico_dnavi_new.png") no-repeat 0 0;
    background-size: 28px 28px;
}
.dnavi .dnavi_menu.font,
.dnavi .dnavi_menu.sns {
    box-sizing: border-box;
    margin: 0 10px;
    padding: 10px;
    border-top: #D9D9D9 1px solid;
}
.dnavi .dnavi_menu.font li a {
    display: block;
    box-sizing: border-box;
    padding: 9px 0;
    font-size: 1.4rem;
}
.dnavi .dnavi_menu.sns .tit {
    display: block;
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 9px 0;
    font-size: 1.4rem;
}
.dnavi .dnavi_menu.sns ul {
    display: flex;
    flex-wrap: wrap;
}
.dnavi .dnavi_menu.sns li {
    width: 70px;
    height: 50px;
}
.dnavi .dnavi_menu.sns li.ig a { background: url("../../img/14/common/ico_ig02.jpg") no-repeat top -2px left -2px;}
.dnavi .dnavi_menu.sns li.tw a { background: url("../../img/14/common/ico_tw02.jpg") no-repeat top -2px left -2px;}
.dnavi .dnavi_menu.sns li.ig a,
.dnavi .dnavi_menu.sns li.tw a {
    width: 50px;
    height: 50px;
    display: block;
    box-sizing: border-box;
    overflow: hidden;
    border: #B3B3B3 1px solid;
    border-radius: 6px;
    background-size: 50px 50px;
    text-indent: 100%;
    white-space: nowrap;
}
.fixed {
    position: fixed;
    width: 100%;
    height: 100%;
}/* 背景スクロール固定 */

/* gnavi */
#gnavi {
    position: fixed;
    bottom: 0;
    z-index: 9990;
}
#gnavi ul {
    display: table;
    table-layout: fixed;
    width: 100%;
}
#gnavi li {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    background: #f5f5f5;
    border-top: 2px solid #b3b3b3;
    border-right: 1px solid #b3b3b3;
}
#gnavi li:last-child {
    border-right: none;
}
#gnavi li a {
    display: block;
    height: 36px;
    padding: 7px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
#gnavi li.home a {
    background-image: url("../../img/14/common/ico_gnavi_home.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.monitor a {
    background-image: url("../../img/14/common/ico_gnavi_monitor.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.service a {
    background-image: url("../../img/14/common/ico_gnavi_service.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.shopping a {
    background-image: url("../../img/14/common/ico_gnavi_shopping.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.appli a {
    background-image: url("../../img/14/common/ico_gnavi_appli.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.game a {
    background-image: url("../../img/14/common/ico_gnavi_game.png");
    background-repeat: no-repeat;
    background-position: center 7px;
    background-size: 46px 92px;
}
#gnavi li.on {
    background: #fff;
}
#gnavi li.on a {
    background-position: center -39px;
}

/* bnr_mission
------------------------------------------------ */
.bnr_mission {
    padding: 0 0 10px;
}
.beginner_misison a {
    display: block;
}
.bnr_mission img{
    width: 100%;
}

/* notice_area
------------------------------------------------ */
#notice_area {
    padding: 8px 0;
    background: -moz-linear-gradient(left top,
    #b4ebea,
    #b4ebea 25%,
    #daf5f5 25%,
    #daf5f5 50%,
    #b4ebea 50%,
    #b4ebea 75%,
    #daf5f5 75%,
    #daf5f5);
    background: -webkit-gradient(linear, left top, right top,
    from(#b4ebea),
    color-stop(25%, #b4ebea),
    color-stop(25%, #daf5f5),
    color-stop(50%, #daf5f5),
    color-stop(50%, #b4ebea),
    color-stop(75%, #b4ebea),
    color-stop(75%, #daf5f5),
    to(#daf5f5));
    background-size: 10px 1px, 10px 1px;
}
#notice_area p {
    background: #fff;
    font-size: 1.2rem;
    text-align: left;
    padding: 2px 5px;
}


/* site_search
------------------------------------------------ */
#site_search {
    padding: 12px 10px;
    background: #fff;
}
#site_search input[type="text"] {
    width: 64%;
}
#site_search input[type="submit"] {
    padding: 6px 16px;
    border: 1px solid #cdcdcc;
    border-radius: 6px;
    float: right;
}
#site_search input[type="text"], #site_search input[type="submit"] {
    color: #534741;
}
#site_search input[type="text"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 5px 1px inset;
    font-size: 1.5rem;
    padding: 6px 10px;
    border: 1px solid #dfdede;
    border-radius: 4px;
}
#site_search input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: inline-block;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15);
}


/*-- categry search
-------------------------------------------------------- */
#category dt.trigger {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fff), to(#f0f0f0));
    background: linear-gradient(#fff, #f0f0f0);
    border-top: 3px solid #47c2c9;
    border-bottom: 1px solid #ccc;
    color: #333333;
    font-weight: bold;
    margin-bottom: 0;
    padding: 4px 5px;
    text-align: left;
}
#category dt.trigger span.open-close {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../../img/icon/icon_open.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 25px auto;
    float: right;
    height: 20px;
    text-indent: -9999em;
    width: 20px;
}
#category dt.active span.open-close {
    background: url("../../img/icon/icon_close.png") no-repeat 0 0;
    background-size: 25px auto;
    float: right;
    width: 20px;
    height: 20px;
}
#category dd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#category dd ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#category dd li {
    background-color:#ffffff;
    border-top: none;
    border-bottom: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    height: 30px;
    line-height: 30px;
    margin: 0px;
}
#category dd li:nth-child(odd) {
    float: left;
    width: 50%;
}
#category dd li a {
    color: #666;
    display: block;
    height: 30px;
    margin: 0px;
    padding: 0 0 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}
#category_box dt {
    background-color: #47c2c9;
    border-bottom: 1px solid #ccc;
    color: #fff;
    font-weight: bold;
    margin-bottom: 0;
    padding: 4px 5px;
    text-align: left;
    font-size: 1.4rem;
}
#category_box dd:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#category_box dd ul {
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#category_box dd li {
    background-color:#fff;
    border-top: none;
    border-bottom: 1px solid #ccc;
    height: 30px;
    line-height: 2.3em;
    margin: 0px;
    font-size: 1.4rem;
}
#category_box dd li:nth-child(odd) {
    float: left;
    width: 50%;
    border-right: 1px solid #ccc;
}
#category_box dd li:nth-child(even) {
    border-left: 1px solid #ccc;
}
#category_box dd li a {
    color: #666;
    display: block;
    height: 30px;
    margin: 0px;
    padding: 0 0 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-decoration: none;
}

/*-- sort
-------------------------------------------------------- */
#sort_area {
    border-bottom: 1px solid #47c2c9;
    margin-top: 10px;
}
#sort_area ul {
    border-bottom: 3px solid #47c2c9;
    display: table;
    width: 100%;
}
#sort_area li:first-child {
    border-left: 4px solid #fff;
    border-right: 2px solid #fff;
}
#sort_area li:last-child {
    border-right: 4px solid #fff;
    border-left: 2px solid #fff;
}
#sort_area li {
    width: 50%;
    display: table-cell;
}
#sort_area li a {
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 6px;
    padding-top: 8px;
    background: none repeat scroll 0 0 #b4ebea;
    color: #47c2c9;
    display: block;
    position: relative;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#sort_area li a:after {
    content: none;
    display: none;
}
#sort_area li a:after {
    border: medium none;
    content: " ";
    cursor: pointer;
    display: inline-block;
    left: 50%;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 22px;
}
#sort_area li a:not([href]), #sort_area li.selecte a {
    background: none repeat scroll 0 0 #47c2c9;
    color: #fff;
}


/* footer
------------------------------------------------ */
#footer {
    clear: both;
    padding-bottom: 52px;
    background: #fff7cf;
    text-align: center;
}
#footer .btn {
    padding-top: 25px;
}
#footer .btn a {
    display: inline-block;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15);
    padding: 6px 10px;
    border: 1px solid #cdcdcc;
    border-radius: 6px;
}
#footer .pagetop {
    background: -moz-linear-gradient(left top,#b4ebea,#b4ebea 25%,#daf5f5 25%,#daf5f5 50%,#b4ebea 50%,#b4ebea 75%,#daf5f5 75%,#daf5f5);
    background: -webkit-gradient(linear, left top, right top,from(#b4ebea),color-stop(25%, #b4ebea),color-stop(25%, #daf5f5),color-stop(50%, #daf5f5),color-stop(50%, #b4ebea),color-stop(75%, #b4ebea),color-stop(75%, #daf5f5),to(#daf5f5));
    background-size: 10px 1px, 10px 1px;
    padding: 10px 10px 20px 0;
}
#footer .pagetop a {
    background: #ffffff;
    background: url("../../img/14/common/ico_arrow_top.png"),
    -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: url("../../img/14/common/ico_arrow_top.png"),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: url("../../img/14/common/ico_arrow_top.png"),
    -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: url("../../img/14/common/ico_arrow_top.png"),
    linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5px center, 0 0;
    background-size: 16px 18px, 100% 100%;
    border: 1px solid #cdcdcc;
    border-radius: 6px;
    padding: 5px 8px 5px 23px;
}
#footer .company {
    padding: 15px 0;
}
#footer ul {
    padding: 3px 0;
}
#footer li {
    display: inline-block;
}
#footer li:nth-child(odd) {
    padding: 0 10px;
}
#footer p {
    background: #47c2c9;
    color: #fff;
    font-size: 1.0rem;
    padding: 2px 0;
}

/* device_switch */
#footer .device_switch {
    color: #333;
    overflow: hidden;
    padding: 20px 0;
    position: relative;
    text-align: center;
}
#footer .device_switch ul {
    float: left;
    left: 50%;
    margin: 0;
    padding: 0;
    position: relative;
}
#footer .device_switch li {
    float: left;
    left: -50%;
    margin: 0;
    padding: 0 5px;
    position: relative;
}
#footer .device_switch li a {
    font-weight: bold;
}

/* sns */
/*#footer .footer_sns {
    padding-top: 15px;
}
#footer .footer_sns ul {
    background: #fff;
    border-radius: 4px;
    margin: 0 10px;
    padding: 0 0 15px;
    overflow: hidden;
}
#footer .footer_sns li {
    box-sizing: border-box;
    float: left;
    margin: 0 auto;
    padding: 0 5px;
    width: 100%;
}
#footer .footer_sns li:first-child {
    background: #f0666c;
    border-radius: 4px 4px 0 0;
    color: #fff;
    float: none;
    margin-bottom: 14px;
    padding: 5px 0;
    width: 100%;
}
#footer .footer_sns li a img {
    width: 60px;
}
#footer .footer_sns li a {
    margin: 0 2px;
}
*/
/* sns */
#footer .footer_sns {
    padding-top: 15px;
}
#footer .footer_sns ul {
    background: #fff;
    border-radius: 4px;
    margin: 0 10px;
    padding: 0 0 15px;
    overflow: hidden;
}
#footer .footer_sns li {
    box-sizing: border-box;
    display: -webkit-box;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    padding: 0 5%;
    width: 100%;
}
#footer .footer_sns li:first-child {
    background: #f0666c;
    border-radius: 4px 4px 0 0;
    color: #fff;
    display: block;
    margin-bottom: 14px;
    padding: 5px 0;
    width: 100%;
}
#footer .footer_sns li a img {
    width: 60px;
}

/* carrier select
------------------------------------------------ */
.carrier_select .carrier_box {
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 6px;
    background: #fff;
}
.carrier_select .carrier_box .carrier_lead {
    margin: 5px 0 10px;
    text-align: left;
    line-height: 1.6em;
    font-size: 1.3rem;
    color: #1e1e1e;
}
.carrier_select .carrier_box ul.carrier_list {
    border: #ccc 1px solid;
    margin-bottom: 15px;
}
.carrier_select .carrier_box .carrier_list li {
    border-bottom: #ccc 1px solid;
    text-align: left;
}
.carrier_select .carrier_box .carrier_list li:last-child {
    border-bottom: none;
}

/* ラジオボタン選択フォーム */
.carrier_select .carrier_box .carrier_list li {
    position: relative;
}
.carrier_select .carrier_list input {
    width: 100%;
    position: absolute;
    top: 0;
}
.carrier_select .carrier_box .carrier_list input[type="radio"] {
    width: 100%;
    height: 100%;
    opacity: 0;
    padding:0;
    display: block;
    cursor: pointer;
}
.carrier_select .carrier_box .carrier_list input[type="radio"] + label{
    display: block;
    padding: 15px 20px 15px 40px;
    background: url(../../img/14/common/ico_select_off1.gif) no-repeat 11px center;
    background-size: 22px;
    text-align: left;
    text-decoration: none;
    font-weight: normal;
    font-size: 1.7rem;
    color: #524641;
}
.carrier_select .carrier_list input[type="radio"]:checked + label{
    background: #57d5dc url(../../img/14/common/ico_select_on1.gif) no-repeat 11px center;
    background-size: 22px;
    color: #fff;
}
.carrier_select .carrier_box .carrier_list li:last-child label {
    border-bottom: none;
}
.carrier_select .carrier_box input[type="submit"] {
    width: 100%;
    margin-bottom: 20px;
    padding: 10px 10px;
    border: none;
    border-radius: 6px;
    background: #47c2c9;
    box-shadow: 0 0 1px 1px #bcbcbc;
    cursor: pointer;
    font-size: 2.1rem;
    color: #fff;
}
.carrier_select .carrier_box .cancel {
    margin-bottom: 10px;
    padding: 6px 10px;
    border-radius: 5px;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    box-shadow: 0px 0px 1px 1px #BCBCBC;
    cursor: pointer;
    font-size: 1.4rem;
}
.carrier_select .carrier_box .carrier_txt {
    font-size: 1.1rem;
    color: #878787;
}
.carrier_select .carrier_mail {
    padding: 5px;
    border: #e1ffea 1px solid;
    border-radius: 4px;
    background-color: #42c3c8;
}
.carrier_select .carrier_mail img {
    width: 100%;
}


/* rotation banner
------------------------------------------------ */
.rotation {
    box-sizing: border-box;
    background: #fff;
    margin-bottom: 10px;
    padding: 15px 0 5px;
}
.rotation .swipe {
    overflow-y: hidden;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}
.rotation .inner {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 10px;
    padding-bottom: 10px;
}
.rotation ul {
    display: flex;
    flex: 1 0 0%;
}
.rotation ul li {
    margin-right: 10px;
    background: #fff;
    white-space: normal;
}
.rotation ul li:last-child { margin-right: 0;}
.rotation ul li a {
    height: 100%;
    display: block;
    text-decoration: none;
    font-size: 1.2rem;
}
.rotation ul li img {
    width: 140px;
    min-width: 140px;
}
@media screen and (min-width:480px) {
  .rotation ul li img {
      width: 170px;
      min-width: 170px;
  }
}/* 480px以上 */



/* btn style
------------------------------------------------ */
/* common */
.btn a {
    display: inline-block;
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.15);
}

/* more */
.more {
    text-align: center;
    margin-top: 10px;
}
.more a {
    background: #fff4be;
    background: url("../../img/14/common/ico_arrow_more.png"),
    -moz-linear-gradient(top,  #fdffbd 0%, #faff7a 80%, #fdffbd 100%);
    background: url("../../img/14/common/ico_arrow_more.png"),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdffbd), color-stop(80%,#faff7a), color-stop(100%,#fdffbd));
    background: url("../../img/14/common/ico_arrow_more.png"),
    -webkit-linear-gradient(top,  #fdffbd 0%,#faff7a 80%,#fdffbd 100%);
    background: url("../../img/14/common/ico_arrow_more.png"),
    linear-gradient(to bottom,  #fdffbd 0%,#faff7a 80%,#fdffbd 100%);
    background-repeat: no-repeat;
    background-position: 96% center, 0 0;
    background-size: 10px 16px, 100% 100%;
    border: 1px solid #faff7a;
    border-radius: 6px;
    cursor: pointer;
    padding: 10px 0;
    width: 85%;
    font-size: 1.4rem;
}
.teiban_btn{
    margin-bottom: 20px;
}

/* pagetop */
.pagetop {
    text-align: right;
    float: none;
    margin: 0;
}
.pagetop a {
    background: #ffffff;
    background: url("../../img/14/common/ico_arrow_top.png"),
    -moz-linear-gradient(top,  #ffffff 0%, #f5f5f5 80%, #ffffff 100%);
    background: url("../../img/14/common/ico_arrow_top.png"),
    -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(80%,#f5f5f5), color-stop(100%,#ffffff));
    background: url("../../img/14/common/ico_arrow_top.png"),
    -webkit-linear-gradient(top,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background: url("../../img/14/common/ico_arrow_top.png"),
    linear-gradient(to bottom,  #ffffff 0%,#f5f5f5 80%,#ffffff 100%);
    background-repeat: no-repeat;
    background-position: 5px center, 0 0;
    background-size: 16px 18px, 100% 100%;
    border: 1px solid #cdcdcc;
    border-radius: 6px;
    padding: 5px 8px 5px 23px;
}

/* registration */
.regist {
    margin-top: 8px;
    padding: 10px 0;
    background: #fff;
}
.regist a {
    color: #fff;
    font-size: 1.6rem;
    font-weight: bold;
    padding: 8px 0;
    background: #f76a70;
    background: -moz-linear-gradient(top,  #f76a70 0%, #eb3f46 80%, #f76a70 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f76a70), color-stop(80%,#eb3f46), color-stop(100%,#f76a70));
    background: -webkit-linear-gradient(top,  #f76a70 0%,#eb3f46 80%,#f76a70 100%);
    background: linear-gradient(to bottom,  #f76a70 0%,#eb3f46 80%,#f76a70 100%);
    border-radius: 6px;
    width: 94%;
}

/* get point */
.getpt {
    margin-top: 8px;
    padding: 10px 0;
    background: #fff;
    text-align: center;
}
.getpt a {
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    background: #ffa200;
    background: -moz-linear-gradient(top,  #ffc016 0%, #ffa200 80%, #ffc016 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffc016), color-stop(80%,#ffa200), color-stop(100%,#ffa200));
    background: -webkit-linear-gradient(top,  #ffc016 0%,#ffa200 80%,#ffa200 100%);
    background: linear-gradient(to bottom,  #ffc016 0%,#ffa200 80%,#ffa200 100%);
    border-radius: 6px;
    width: 100%;
}

/* point_finish */
.point_finish {
    margin-top: 8px;
    text-align: center;
    color: #fff;
    font-size: 1.7rem;
    padding: 14px 0 12px;
    background: #aaaaaa;
    background: -moz-linear-gradient(top,  #888888 0%, #999999 80%, #aaaaaa 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aaaaaa), color-stop(80%,#999999), color-stop(100%,#888888));
    background: -webkit-linear-gradient(top,  #aaaaaa 0%,#999999 80%,#888888888888 100%);
    background: linear-gradient(to bottom,  #aaaaaa 0%,#999999 80%,#888888 100%);
    border-radius: 6px;
    width: 100%;
}

/* game start */
.start {
    margin-top: 8px;
    padding: 10px 0;
    background: #fff;
    text-align: center;
}
.start a {
    color: #fff;
    font-weight: bold;
    padding: 8px 0;
    background: #67cdd2;
    background: -moz-linear-gradient(top, #67cdd2  0%, #3cb1b7 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#67cdd2), color-stop(100%,#3cb1b7));
    background: -webkit-linear-gradient(top,  #67cdd2 0%,#3cb1b7 100%);
    background: linear-gradient(to bottom,  #67cdd2 0%, #3cb1b7 100%);
    border:#3CB1B7 solid 1px;
    border-radius: 6px;
    width: 100%;
}


/* placeholder color change
------------------------------------------------ */
::-webkit-input-placeholder {
    color: silver;
}
::-moz-placeholder {
    color: silver;
}
:-moz-placeholder {
    color: silver;
}


/* top_banner_area
------------------------------------------------ */
.top_banner_area {
    padding-top:10px;
}
.top_banner_area a {
    width:300px;
    margin: 0 auto 10px auto;
    display: block;
}


/* ad_area
------------------------------------------------ */
.ad_area {
    text-align: center;
}
.ad_area iframe {

    margin: 0 auto;
}

/* float_banner
------------------------------------------------ */
.floating_banner {
    width: 100%;
    padding: 5px;
    box-sizing: border-box;
    position: fixed;
    bottom: 52px;
    background: rgba(0,0,0,0.5);
    box-shadow: 1px 0px 20px 4px #ddd;
    z-index: 9990;
}

.floating_banner.close{
    display: none;
}
.floating_banner img {
    width: 100%;
}
.floating_banner a {
    display: block;
    line-height: 0;
}
.floating_banner .closebanner {
    width: 55px;
    height: 20px;
    position: absolute;
    top: -20px;
    right: 5px;
    border-radius: 5px 5px 0 0;
    /* -webkit-transform: translate(-50%, -50%); */
    /* transform: translate(-50%, -50%); */
    background: rgba(0,0,0,0.5);
    color: #fff;
    /* border-radius: 50%; */
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    line-height: 1.1;
}

/* pager
------------------------------------------------ */
.page_list {
    width: 85%;
    margin: 20px auto;
    font-size: 14px;
    text-align: center;
}
.page_list a {
    text-decoration: none;
    display: block;
}
.page_list .pageNav {
    margin: 0 auto 8px;
}
.page_list .pageNav li:first-child {
    border: 1px solid #a4a4a4;
}
.page_list .pageNav li:last-child {
    margin-right: 0;
}
.page_list .pageNav li {
    background-color: #fff;
    border: 1px solid #a4a4a4;
    border-radius: 4px;
    color: #333;
    display: inline-block;
    line-height: 40px;
    margin: 0 5px 10px 0;
    height: 40px;
    width: 40px;
}
.page_list .pageNav .prev {
    margin-right: 8px;
}
.page_list .pageNav li:last-child {
    margin: 0 0 0 3px;
}
.page_list .pageNav .current {
    background-color: #534741;
    color: #fff;
    margin: 0 10px 10px 0;
}
.page_list .pageNav .current a {
    color: #fff;
}
.page_list .pageNav .prev a,.page_list .pageNav .next a {
    background-color: #e9e9e9;
    border-radius: 4px;
}
.page_list .page_list p {
    color: #666666;
    font-size: 0.75rem;
    padding-top: 5px;
    text-align: center;
}

/* breadlist
------------------------------------------------ */
.bread_list {
    box-sizing: border-box;
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
}
.bread_list li {
    display: inline;
    font-size: 1.2rem;
}
.bread_list li:after {
    content:" > ";
    padding: 0 3px;
}
.bread_list li:last-child:after { content:"";}
.bread_list li a {
    line-height: 2.2em;
    text-decoration: underline;
    color: #2882d6;
}
/* banner
------------------------------------------------ */
.bnr-sp, .bnr-sp img {
    width: 100%;
    margin: 5px auto 0;
}