/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 2017/06/28, 14:33:34
    Author     : hnakama
*/
#page-top .sp-arealist {
    display: none;   
}
/* スマートフォン用CSS */
@media screen and (max-width: 640px) {

    img{
        max-width: 100%;
        height: auto;
        width :auto;
    }

    body {
        font-size: 16px;
        font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Arial, sans-serif;
    }

    a {
        text-decoration: none;
    }
    #wrapper #skipToContent {
        display: none;
    }

    /* #headerTopNav */
    #headerTopNav {
        padding: 0px 15px 5px 15px;
    }

    #hNav {
        padding: 0 7px;
        color: #fff;
        background: #005b94;
        border-radius: 5px;
        float: left;
        display: block;
        width: 100%;
    }
    #hNav li {
        float: left;
        display: inline;
        font-size: 14px;
        overflow: hidden;
    }
    #hNav li a {
        padding: 8px 8px;
        display: block;
        color: #fff;
        background: #005b94;
        text-decoration: none;
        line-height: 1.2;
    }

    /* .helper searchForm */
    div.helper {
        display: block;
        width: 100%;
    }
    div.helper div.siteSearch {
        margin: 3px 0;
    }
    div.helper div.siteSearch span {
        font-size: smaller;
    }
    div.helper form input.text {
        width: 180px;
        height: 16px;
    }

    .siteSearch {
        display: block;
        width: 100%;
        clear: both;
    }

    .siteSearch .text {
        width: 130px !important;
    }

    #mobilemenu {
        display: inline-block;
        float: right;
        width: 24px;
        border-radius: 3px;
        overflow: hidden;
    }
    div.helper form input.btn {
        color: #fff;
        font-size: 90%;
        background: #f3530c url(/common/images/bg-btn-search.gif) left bottom repeat-x;
        border: 1px solid #fff;
        border-radius: 3px;

    }


    /*  グローバルナビ  */

    #headerGlobalNav {
        padding: 10px 15px 5px 15px;
        display: none;
        position: absolute;
        width: 100%;
    }

    #headerGlobalNav .inner {
        background-color: #005b94;
        width: 90%;
        color: #fff;
        text-decoration: none;
        line-height: 20px;
        border-radius: 5px;
        padding: 4px 0px;
    }
    #gNav {
        maring-left: 0px;
        list-style: none;
        width: 90%;
    }
    #gNav li {
        margin: 3px 20px 4px -15px;
        color: #fff;
        border-bottom: 1px dotted #fff;
        width: 100%;
    }

    #gNav a {
        font-size: 18px;
        text-decoration: none;
        color: #fff;
        display: block;
        width: 90%;
    }

    /* header */
    #header {     
        padding: 0px 15px 5px 15px;
    }
    #header h1 {
        color: #005b94;
        margin: 0px auto 0px 15px;;
    }

    #header p img {
        width: 100%;
        height: auto;
        margin-top: 0px;
    }

    #content {
        padding: 10px 15px 5px 15px;
    }

    .boxHeader {
        background-color: #005b94;
        border-radius: 5px;
        color: #fff;
        padding-left: 2px;

    }

    .boxHeader img {
        margin-top: 5px;
        margin-left: 5px;
    }
    .boxHeader h2 {
        font-size: 20px;
        display: inline-block;
        margin: 0px 0px 0px 5px;
        vertical-align: 5px;
    }

    /*  トップページ */

    #registerCount {
        color: #fff; 
        background: #b03c09 url(/common/images/bg-top-regcount-r.jpg) left top repeat-x;
        border: 1px solid #8d2003;
        top: 0;
        left: 0;
        margin: 0px 15px;
    }
    #registerCount h3 {
        margin: 0 12px;
        padding: 3px 0 0 0;
        font-size: 150%;
        color: #fff;
        text-shadow: 3px 3px #be4b1c;
        line-height: 1.25;
        font-weight: bold;
    }
    #registerCount h3 strong {
        font-size: 120%;
    }

    #registerCount ul {
        list-style: none;
        margin: 3px 6px 3px 6px;
        padding: 0 8px 0 8px;
        overflow: hidden;
    }
    #registerCount ul li {
        margin: 0 0 3px 0;
        color: #303030;
        background: #fff;
        border-top: 1px solid #d9d9d9;
        border-left: 1px solid #d9d9d9;
        text-align: left;
    }
    #registerCount ul li span.year {
        margin: 1px 6px;
        font-size: 120%;
        display: block;
        line-height: 1.2;
    }
    #registerCount ul li span.count {
        margin: 1px 6px;
        display: block;
        text-align: right;
        font-size: 130%;
        line-height: 1.4;
        font-weight: bold;
    }
    #registerCount ul li span.num {
        font-size: 145%;
    }

    #page-top #listofSO {
        display: none;
    }

    .mapItem:not(#bana) {
        display: none;
    }
    
    #bana {
        position: relative;
        display: block;
        text-align: center;
        padding: 0px 15px;
    }
    
    #bana img {
        width: 100%;
    }
    #page-top #mapArea {
        display: none;
    }
    #page-top .organizationType {
        display: none;
    }

    #page-top .sp-arealist {
        display: block;
        list-style: none;
        padding: 0px 15px;
    }

    #page-top .sp-arealist .area-list {
        display: block;
        border: 1px solid #005b94;
        margin-bottom: 5px;
        font-size: 20px;
        border-radius: 3px;
        color: white;
        font-weight: bold;
        padding: 10px;
    }

    #page-top .sp-arealist .down {    
        background: #4f81bd url(/common/images/chevron-right.png) right center no-repeat;
    }

    #page-top .sp-arealist .up {    
        background: #4f81bd url(/common/images/chevron-down.png) right center no-repeat;
    }

    #page-top .event-list {
        display: none;
        list-style: none;
        padding: 0px;
    }

    .event-list li {
        text-align: center;
        list-style: none;
        border: #005b94 1px dashed;
        border-radius: 5px;
        padding: 10px;
        margin: 0px 15px 10px 15px;

    }

    #page-top .event_name h3{
        margin: 0px auto;
    }
    #page-top .event_name a{
        text-decoration: underline;
    }
    /* ニュースとイベント情報 */
    .boxContent dd{
        margin-left: 0px;
        border-bottom: 1px dotted #005b94;
    }

    /* 真ん中のオレンジの参加者総数　*/
    .infoBar {
        display: none;
    }

    /*　事前勉強しよう */
    .verList {
        list-style: none;
        margin-left: -20px;
    }

    .verList li {
        text-align: center;
        margin: 0px 0px 10px 0px;
        width: 80%;
    }

    .w12 {
        clear: both;
    }
    .regCount {
        color: #005b94;
    }
    .regCount .locale,
    .regCount .count {
        font-size: 24px;
    }
    .regCount,
    .joinBtn{
        text-align: center;
    }

    .boxContent .mapimg {
        display: block;
        text-align: center;
    }

    .varList li div {
        border: 1px solid #666;
        padding: 5px auto 5px auto;
        display: block;
        width: 100%;
    }

    /*  フッターナビ */

    .contentBottom {
        background-color: #005b94;
        color: #fff;
        text-decoration: none;
        line-height: 20px;
        border-radius: 5px;
        padding: 4px 0px;
    }
    #fNav {
        maring-left: 0px;
        list-style: none;
    }
    #fNav li {
        margin: 3px 20px 4px -15px;
        color: #fff;
        border-bottom: 1px dotted #fff;
    }

    #fNav a {
        font-size: 18px;
        text-decoration: none;
        color: #fff;
        display: block;
        width: 100%;
    }

    .alliance {
        display: none;
    }

    /** スクロールトップ **/
    #top-link{
        display:none;
        position:fixed;
        z-index: 2000;
        right: 10px; bottom: 50px;
        opacity: 0.6;
    }

    /* フッター */
    #footer {
        padding: 0px 15px 5px 15px;
    }
    .copyright {
        direction: block;
        padding-top: 5px;
        border-top:1px solid #005b94;
        font-size: 12px;
    }

    /*****　詳細ページ  *****/

    #contentlNav {
        padding: 10px 15px 5px 15px;
    }

    #contentlNav .inner {
        border: 1px solid #005b94;
        color: #fff;
        text-decoration: none;
        line-height: 20px;
        border-radius: 5px;
        padding: 4px 0px;
    }

    .boxHeader p {
        display: none;
    }
    
    #lNav {
        list-style-type: none;
        margin-left:0px;
    }
    #lNav li {

        margin-bottom: 10px;
    }
    #lNav li:before {
        color: #005b94;
        content: '▶ '; 
        margin-left:-15px; 
    }
    
    h3 span {
        color: #f3530c;
        font-size: 28px;
    }
    /*** 申し込みページ  ***/
    .infoForm h3 {
        color: #005b94;
    }

    .tbl th, .tbl tr {
        display: block;
        text-align: left;
    }

    .tbl tr {
        text-align: left;
    }

    .tbl th {
        color: #005b94;
        border-bottom: 1px dotted #005b94;
        margin-top: 10px;
    }
    .red {
        color: red;
    }
    #mailform h3 {
        display: block;
        background-color: #f3530c;
        color: #fff;
        padding-left: 5px;
        border-radius: 5px;
    }

    #mailform input[type="text"] {
        height: 20px;
        font-size: 18px;
        font-weight: bold;
        max-width: 300px;
    }

    .cen {
        display: block;
        text-align: center;

    }

    .btn input {
        display: inline-block;
        height: 30px;
        width: 120px;
        border-radius: 5px;
        font-size: 18px;
    }

    .btn input[type="submit"] {
        background-color: #005b94;
    }

    /** ｗｈｙ？ **/
    #page-why #wrapper #header .inner h1 {
        display: none;
    }

    /** WHO? **/
    #page-who #wrapper #header .inner h1 {
        display: none;
    }

    .page-who-forms table {
        color: #000;
        background: #f7f7f7;
        border: 0;
        width: 100%;
        margin: 10px auto;
    }
    .page-who-forms table th,
    .page-who-forms table td {
        /*border: 1px solid #fff;*/
        text-align: left;
        padding: 2px;
    }
    .page-who-forms table th {
        color: #fff;
        background: #4f81bd;
        font-weight: bold;
    }
    .page-who-forms table td {
        color: #000;
        background: #e9edf4;
    }
    .page-who-forms table td.cnt {
        text-align: right;
    }
    .page-who-forms table tr:nth-child(2n) td {
        color: #000;
        background: #d0d8e8;
    }
    table.who-category tr th.cat {
        width: 50%;
    }
    table.who-category tr th.count-all {
        width: 50%;
    }

    table.who-locale tr th.locale {
        width: 35%;
    }
    table.who-locale tr th.region {
        width: 33%;
    }
    table.who-locale tr th.count-all {
        width: 32%;
    }

    /** howto **/
    #page-howto #wrapper #header .inner h1 {
        display: none;
    }

    .stepbox ol {
        margin-left: -30px;
        list-style: none;
    }

    .cf .rsidebox ul {
        list-style: disc;
    }
    .stepbox .steps{
        margin-left: 0px;
        border: 3px solid #005b94;
        margin-bottom: 30px;
    }

    .abs {
        position: absolute;
    }

    .s1to2 {
        margin-top: -763px;
        margin-left: 100px;
    }
    .s2to3 {
        margin-top: -527px;
        margin-left: 100px;
    }
    .s3to4 {
        margin-top: -241px;
        margin-left: 100px;
    }

}