@charset "utf-8";
html, body {
    margin: 0;
    padding: 0;
}
#header .inner {
    padding: 0 !important;
    max-width: 1200px;
}
#header .header_inner {
    background: url(../img/main_visual.png) no-repeat center top;
    position: relative;
    width:100%;
    height: auto;
    background-size: contain;
}
#page_homepage #header .header_inner {
    background: url(../img/top_main_visual.png) no-repeat center top;
    background-size: contain;
}
#header .header_inner:before {
    display: block;
    content: "";
    padding-top: 44.25%;
}
#page_homepage #header .header_inner:before {
    padding-top: 78.21%;
}
#header #global_menu_block {
    position: absolute;
}

/* メインロゴ */
#header .header_inner .header_logo {
    position: absolute;
    top: 10%;
    left: 18%;
    width: 50%;
    z-index: 10;
}
#header .header_inner .header_logo img{
    width: 100%;
}
#header .header_inner .header_logo.mb {
    display:none;
}

/* 言語選択 */
#header .header_inner #language img {
    position: absolute;
    right: 20%;
    top: 10%;
    width: 18%;
}

/* ログインログアウト */
#header .header_inner #member {
    position: absolute;
    top: 18%;
    right: 21%;
    width: 9%;
}

#header .header_inner #member .member_link li {
    padding: 1px;
    margin: 5px 0;
    background-color: #cc0013;
    border-radius: 5px;
    font-weight: bold;
    text-align: center;
    width: 100%;
}

#header .header_inner #member .member_link li a {
    font-size: 80%;
}
#header .header_inner #main_menu {
    position: absolute;
    top: 80%;
    left: 0;
    right: 0;
    width: 100%;
    font-weight: bold;
    text-align: center;
    font-size: 100%;
}
#page_homepage #header .header_inner #main_menu {
    top: 38%;
}
#header .header_inner #main_menu ul {
    list-style-type: none;
}
#header .header_inner #main_menu li {
    display:inline;
    width: 33%;
}
#header .header_inner #main_menu li:not(:nth-child(1)):before {
    content: "　　/　　";
    color:#000;
}
#header .header_inner #main_menu a {
    color: #000;
}
#header .main_link_button {
    position: absolute;
    width: 13%;
}
#header .main_link_button img {
    width: 100%;
}

#header .main_link_button img.mb {
    display: none;
}
#header .main_link_button.book {
    left: 19%;
    top: 65%;
}
#header .main_link_button.music {
    right: 22%;
    top: 51%;
}
#header .main_link_button.video {
    right: 15%;
    top: 71%;
}














#header {
/*    background-color:#07163B;*/
    background-color:#fff;
    color: #000;
    padding: 0;
}
#contents {
/*    background-color:#192B55;
    color:#fff;*/
    background: #fff;
    color:#000;
}
#contents .container-fluid {
    max-width: 1000px;
    padding: 0;
}
a {
    color:#000;
}
#footer {
    background-color:#192B55;
}
#footer a {
    color:#fff;
}
.footer_logo_area {
    margin-top: 20px;
    color: #aaa;
}
.footer_logo_area .logo {
    display: none;
}
#global_menu_block {
    z-index:100;
}
.header_logo_area .header_logo a,
.header_logo_area .header_logo a:link,
.header_logo_area .header_logo a:visited,
.header_logo_area .header_logo a:hover,
.header_logo_area .header_logo a:active {
    color:#fff;
}

.language_link li a {
    position: relative;
    z-index: 100;
}
.member_link li a {
    position: relative;
    z-index: 100;
}
.sec_title {
    font-size: 120%;
    font-weight: bold;
}
input {
    color:#000;
}
#mypage_login_box {
    color:#000;
}
#cart_item_list__header li {
/*    background-color:#07163B;*/
    background-color: #5CB1B1;
}
.text-default {
    color:#000;
}
.item_price {
    color:#000;
}
#shopping_confirm .heading02 {
/*    background-color:#07163B;*/
    background-color: #5CB1B1;
}
#shopping_confirm .total_box {
/*    background-color:#07163B;*/

    background-color: #FFFFF0;
}
.btn-default {
    background-color:#5CB1B1;
    color:#fff;
}
.form-inline select {
    color:#000;
}
.dl-link {
    width: 100%;
}
.dl-link a {
    background-color:#5CB1B1;
    border: #fff;
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.5;
    text-align:center;
}
.dl-link.epub a {
    background-color:#DCB161;
}
.dl-link a:hover {
    color:#525263;
    background-color:#EEF1F3;
}
.send-link {
    width: 100%;
}
.send-link a {
    background-color:#AC81A1;
    border: #fff;
    display: block;
    padding: 8px 10px;
    font-size: 14px;
    line-height: 1.5;
    text-align:center;
    cursor: default;
}
.send-link a:hover {
    color:#fff;
}
.item_name {
/*    color:#bab;*/
    color:#000;
}
.local_nav li a {
    color: #ccc;
}
.detail_to_list {
    display: block;
    text-align: center;
}
#page_navi_top select {
    color:#000;
}
#classcategory_id1 ,
#classcategory_id2 {
    color:#000;
}
.product_status_label {
    background-color:#DE5D50;
    color:#fff;
    margin-top: 5px;
    padding: 5px;
}

#login_box {
    color:#000;
}
#login_box a {
    color:#000;
}

#index_information_list {
/*    margin-top: 80px;*/
    padding-bottom: 20px;
    border-bottom: 1px solid #ccc;
}
#index_information_list .title {
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff;
    font-size: 130%;
}
#index_information_list li {
    display: inline-block;
}
#index_information_list li.date {
    width: 20%;
}

#index_item_list {
    margin-top: 40px;
}
#index_item_list .title {
    padding: 5px 0;
    margin-bottom: 10px;
    border-bottom: 2px solid #fff;
    font-size: 130%;
}

.ptype_ico1 {
    background-color: #6a6;
    padding: 0 4px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    color:#fff;
}
.ptype_ico2 {
    background-color: #66a;
    padding: 0 4px;
    border-radius: 5px;
    margin-right: 10px;
    display: inline-block;
    color:#fff;
}
.detail_to_list {
/*    background-color: #448;*/
    background-color: #ddd;
    padding: 6px 4px;
    border-radius: 8px;
    margin-top: 20px;
}

#topicpath #list_header_menu li {
    font-weight: normal;
}
#topicpath #list_header_menu li.current {
    font-weight: bold;
}

#index_information_list .infotitle {
	width: 70%;
}

#top_box__job,
#detail_box__job {
	display:none;
}

@media only screen and (min-width: 768px) {
    #header .header_logo_area {
/*        position: absolute;*/
        width: 100%;
        margin: 0;
        text-align:center;
    }
    #global_menu_block {
        float: right;
        text-align: right;
    }
    #language {
        /*float: right;*/
        margin-bottom: 20px;
    }
    #language ul {
        margin: 0;
    }
    #language ul li {
        display: inline-block;
        border-right: 1px solid #fff;
        padding-right: 10px;
        margin-right: 3px;
    }
    #language ul li:last-child {
        border-right: 1px solid #07163B;
    }
    #language:after {
        content: ".";
        display: block;
        height: 0;
        font-size: 0;
        clear: both;
        visibility: hidden;
    }
    .member ul li {
        display: block;
    }
    .member_link a {
        color:#fff;
        height: 30px;
        line-height: 30px;
    }
    #global_link_block {
        display: block;
        width: 100%;
        text-align: center;
        margin-bottom: 10px;
    }
    #global_link_block li {
        display: inline-block;
        padding: 0 30px;
        border-left: 1px solid #fff;
    }
    #global_link_block li:last-child {
        border-right: 1px solid #fff;
    }
    
    .main_visual {
        border-bottom: 2px solid #fff;
    }
    
    .local_nav li {
        width: 33.3%;
    }

    div[id^="history_detail_list--"] {
        width: 66.666666%;
    }
}


@media only screen and (max-width: 767px) {
    #header {
        margin-bottom: 20px;
    }
    #header #btn_menu {
        display: block;
        position: relative;
        width: 100%;
        top: 0;
        left: 0;
    }
    #header #btn_menu #submenu {
        display: none;
        position: absolute;
        background-color: #683513;
    }
    #header #btn_menu #submenu li {
        width: 90%;
        height: 50px;
        line-height: 50px;
        text-align:center;
        background: url(../img/bg_menu_mb.jpg) center center repeat-x;
        margin: 4% 4% 0 4%;
    }
    #header #btn_menu #submenu li:last-child {
        margin-bottom: 4%;
    }
    #header #btn_menu #submenu li a {
        display: block;
        width: 100%;
    }
    #header #btn_menu ul {
        width: 100%;
    }
    #header #btn_menu ul li {
        width: 25%;
        display: inline-block;
    }
    #page_homepage #header .header_inner {
        background: none;
    }
    #page_homepage #header .header_inner::before {
        margin: 0;
        padding: 0;
    }
    #page_homepage #header .header_inner .header_logo,
    #page_homepage #header .header_inner #main_menu {
        display: none;
    }
    #page_homepage #header .header_inner .header_logo.mb {
        display: block;
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #page_homepage #header .header_inner .header_logo.mb img {
        width: 100%;
        display: block;
    }
    #page_homepage #header .header_inner .main_link_button {
        display: block;
        position: relative;
        margin: 10px auto;
        padding: 0;
        left: 0;
        top: 0;
        width: 96%;
        padding: 0 2%;
    }
    #page_homepage #header .header_inner .main_link_button img {
        display:none;
    }
    #page_homepage #header .header_inner .main_link_button img.mb {
        display: block;
    }
    .language_link {
        padding: 10px;
    }
    .language_link li {
        border-radius: 6px;
        background-color:#1E347B;
        margin: 3px 0;
        color:#fff;
        text-align: center;
    }
    .language_link li a {
        display: block;
        width: 100%;
        height: 100%;
        padding: 4px 1px;
    }
    .page_link_buttons li a {
        border-bottom: 1px solid #e8e8e8;
        color: #525263;
        display: block;
        font-size: 1.4rem;
        height: 50px;
        line-height: 50px;
        overflow: hidden;
        padding: 0 10px;
        text-overflow: ellipsis;
        transform: translateZ(0px);
        transition: transform 0.3s ease 0s, opacity 0.3s ease 0s;
        white-space: nowrap;
    }
    .mbshow {
        display: block;
    }
    .mb2row a {
        line-height: 2.43em;
    }
	#index_information_list li.date {
width: 100%;
	}

    #header .header_inner #main_menu li:not(:nth-child(1)):before {
        content: "/";
        font-size: 1.6rem;
    }
    #header .header_inner #main_menu {
        top: 70%;
    }
    .local_nav li a {
        font-size: 1.6rem;
    }
}