/* ===========================
   Learn Japan：矢印削除・和紙復活・ズレ解消
   =========================== */

/* 1. 和紙背景を復活させて固定 */
body {
    background-image: url('http://www.learnjapan.co/wp-content/uploads/2014/11/001.jpg') !important;
    background-attachment: fixed !important;
    background-size: cover !important;
}

/* 2. メニューの矢印（Vマーク）を強制的に消す */
/* これで文字の右側の余計な隙間が消えます */
.dropdown-menu-toggle {
    display: none !important;
}

/* 3. メニュー項目の文字を中央に合わせる */
.main-navigation .main-nav ul li a {
    padding-left: 25px !important;
    padding-right: 25px !important;
    line-height: 60px !important;
}

/* 4. サブメニューの「ズレ」を物理的に修正 */
/* 親メニュー（ClassesやAbout）を基準点に設定 */
.main-navigation .main-nav ul li {
    position: relative !important;
}

/* サブメニューの箱を親の左端にピッタリ合わせる */
.main-navigation ul ul {
    left: 0 !important;
    top: auto !important;
    width: 200px !important;
    box-shadow: 0 5px 15px rgba(0,0,0,0.2);
}

/* 5. ロゴを中央へ */
.inside-header {
    display: flex !important;
    justify-content: center !important;
    padding: 20px 0 !important;
}

/* 6. 道の幅（1200px）と余白 */
#page {
    max-width: 1200px !important;
    margin: 40px auto !important;
}

/* 7. サイドバーを消してメインを広く */
#primary {
    width: 100% !important;
    float: none !important;
}