@charset "utf-8";
/* CSS Document */

/*スマホ*/
@media screen and (max-width:660px) {
body {
    line-height: 1.5em;
    margin: 0;
}

#header {
	position: fixed;
    top: 0;
    height: 60px;
    z-index: 9999999;
    display: block;
    background:#fff;
}

header #headerlogo {
    width: 170px;
    padding: 8px 0 4px 0;
}

header #headerlogo img {
    width: 50%;
}
    
/*nabi開閉部分*/
#header_container {
    box-sizing: border-box;
    position: fixed;
    top: 0;
    width: 100%;
    height: 60px;
    z-index: 9999999;
    display: block;
    background:none;
}
header nav {
	max-width:100%;
	float:none;
	margin:0px;
	}
#g_navi {
        display: none;
}

ul.menu_sp {
    list-style-type: none;
    background: #003768;
    width: 100%;
    /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
    z-index: 9999999;
}
        
header nav ul.menu {
		display:none;
}
ul.menu_sp li {
    border-bottom: 1px solid #fff;
    font-family: dnp-shuei-mgothic-std, sans-serif !important;
    font-weight: normal;
    font-size: 1em;
}
ul.menu_sp li a {
    display: block;
    text-decoration: none;
    /* (44-16)/2=14px */
    padding: 14px 16px 14px 32px;
    color: #fff;
}
ul.menu_sp li span {
	font-size: 0.6em;
    margin-left: 16px;
    font-family: casablanca-urw, sans-serif;
    font-weight: 300;
    font-style: normal;
}
ul.menu_sp li.pulldown_sp ul li {
    border-bottom: 1px dotted #333;
    font-size: 0.8em;
    background: #E9F3FA;
}
ul.menu_sp li.pulldown_sp ul li:last-child {
    border-bottom: none;
}
/* メニューアコーディオン */  
/* reset */
button{background:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}ul{list-style-type:none;margin:0;padding:0;}li,p{margin: 0;}
/* reset */

button {
    display: block;
    cursor: pointer;
    background-color: darkturquoise;
    text-align: center;
    width: 300px;
    height: 50px;
    line-height: 50px;
}
ul > li {
  /* 閉じるアニメーション */
  transition:
    border-top     .3s ease-out,
    padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}
ul.is-open > li {
  /* 開いている状態 */
  border-top: 1px white solid;
  padding-top: 13px;
  padding-bottom: 13px;
  /* 開くアニメーション */
  transition:
    border-top     .3s ease-out,
    padding-top    .3s ease-out,
    padding-bottom .3s ease-out;
}
ul > li > p {
  /* 閉じている状態 */
  line-height: 0;
  opacity: 0;
  visibility: hidden;
  /* 閉じるアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear,
    visibility  .1s linear;
}
li.pulldown_sp ul.is-open > li > p {
  /* 開いている状態 */
  line-height: 1.5;
  opacity: 1;
  visibility: visible;
  /* 開くアニメーション */
  transition:
    line-height .3s ease-out,
    opacity     .1s linear .1s,
    visibility  .1s linear .1s;
}
    
ul.menu_sp li ul.sns li {
    border-bottom: none;
    display: inline-block;
}

.gnav-btn {
    height:5px;
}
/*ハンバーガーボタン*/
.icon-animation {
    width: 44px;
    height: 44px;
    display: block;
    cursor: pointer;
    float: right;
    position: absolute;
    right: .5rem;
    text-align: center;
    top: .5rem;
}
.icon-animation span {
    width: 40px;
    height: 2px;
    display: block;
    background: #2e3464;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    -webkit-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}
.icon-animation .top {
    -webkit-transform: translateY(-13px);
    -ms-transform: translateY(-13px);
    transform: translateY(-13px);
}
.icon-animation .bottom {
    -webkit-transform: translateY(13px);
    -ms-transform: translateY(13px);
    transform: translateY(13px);
}
.is-open .middle {
    background: rgba(51, 51, 51, 0);
}
.is-open .top {
    -webkit-transform: rotate(-45deg) translateY(0px);
    -ms-transform: rotate(-45deg) translateY(0px);
    transform: rotate(-45deg) translateY(0px);
}
.is-open .bottom {
    -webkit-transform: rotate(45deg) translateY(0px);
    -ms-transform: rotate(45deg) translateY(0px);
    transform: rotate(45deg) translateY(0px);
}
    
/*メインイメージ*/
.mainimg_box {
    display:block;
    margin-top:60px; 
}
.mainimg_box .src1 {
    background-image: url(../img/main_sp02.jpg);
}
.contents {
    width: 100%;
}

/*TOPPAGE*/
section.container {
    margin-top: 40px;
    padding: 0 2%;
}
section.contents_infoeria {
    background: linear-gradient(
    90deg,
    #eaf8ff 0%,
    #eaf8ff 50%,
    #eaf8ff 50%,
    #eaf8ff 100%
  );
}
.infoeria_wrap {
  display: block;
}
.infoeria_left {
  width: 100%;
  padding: 24px 0;
}
.infoeria_right {
  width: 100%;
  padding: 24px 0;
  background-color: #fff;
}
.infoeria_left .info_main dl dd p.info_ttl,
.single_main  .info_main dl dd p.info_ttl {
    width: 72%;
}
.info_main dl dd p.tag {
  margin-left: 8px;
}

/*TOPバナー*/
.bnr_box {
    display:block;
    flex-wrap: nowrap;
    width: 100%;
    margin: 40px auto 0;
}
.bnr_in {
    width:94%;
    background-color: #000;
    height: 100px;
    margin: 0 auto 20px;
    display: flex;
    text-align: center;
    align-items: center;
}
.bnr_in:nth-child(3n){
    margin-right:auto;
}
.bnr_in a p {
    margin: 32px 0 0;
}

/*TOPチーム紹介*/
.top_team {
    margin: 40px 2%;
}
.team_box {
    display: block;
    width: 100%;
}
.team_img {
    width: 100%;
    text-align: center;
}
.team_img img {
    width: 80%;
}
.team_txt {
    margin: 24px 0 0;
}

/*スポンサー*/
.sponser_bg {
    padding: 40px 0 !important;
}
.sponser_in {
    float: left;
    width: 48%;
    margin: 0 1% 20px;
}
.sponser_in img {
    width: 100%;
}

/* 見出し */
.h1_title {
    margin-top: 60px;
    height: 80px;
    line-height:80px;
}
.h1_title h1 {
    font-size: 1.6em;
}
h2.page_ttl {
    margin: 16px 0 28px;
}
h3.sub_ttl {
    margin-bottom: 16px;
  }

/*コンテンツ*/
section.articleeria {
    width: 96%;
    margin: 24px auto;
}
figure img {
    width: 100%;
}

/*スケジュール*/
.monthly_box {
    max-width: 100%;
    margin-bottom: 40px;
}
p.sp_on {
    font-size: 0.85em;
    margin-bottom: 4px;
    display: block;
}
.monthly_table {
    overflow: auto;
    white-space: nowrap;
}






/* シングルページ */
.single_box {
    display: block;
}
.single_box .single_main {
    width: 100%;
    margin-bottom: 60px;
}
.single_box .single_side {
    width: 100%;
    margin-left: 0;
}
.single_side .archive_box {
    margin: 20px 0 40px;
}
.single_box img {
    width: 90%;
    margin: 0 5%;
}
/* 試合結果詳細 */
.result_read {
    background-color: #eaf8ff ;
    padding: 30px 12px;
    text-align: center;
    font-size: 1.2em;
    font-weight: 600;
    margin: 0 0 40px;
}
.result_read div.read_01 {
    display: block;
    text-align: left;
}
.result_read div.read_03 {
    font-size: 0.8em;
}
.read_score_box {
    padding-right: 8px;
}
.read_score_box:nth-child(2) {
    padding-left: 8px 
}
.read_score_box:nth-child(2)::before {
    width: 14px;
}
p.read_team {
    min-width: 108px;
}
p.read_num {
    min-width: 30px;
    font-size: 2.2em;
}
p.date {
    padding-left: 30px;
}
p.ground {
    padding-left: 30px;
    background-position: left 5px bottom 50%;
}
.result_detail div.longhit {
    display: block;
}
.result_detail div.longhit p {
    margin-right: 0px;
}

/*一覧へ戻るボタン*/
.single_btn {
    margin-top: 48px;
}

/* 選手・スタッフ */
.player_inner {
    width: 94%;
    margin: 0 0 10px 0;
}
.player_name p.post {
    margin-bottom: 8px;
}
.player_name p.name {
    margin-bottom: 4px;
}

/* 専用施設 */
.img_inner {
    width: 100%;
    margin: 0 0 10px 0;
}
.googlemap {
    margin: 0 0 40px;
}

/* CONTACT */
table.contactform th {
    width: 35%;
}
.wpcf7 input[name="your-name"],
.wpcf7 input[name="your-email"],
.wpcf7 input[name="your-subject"] {
        width: 94%;
        height: 1.5em !important;
}
.wpcf7 input[name="tel-283"] {
        width: 94%;
        height: 1.5em !important;
}
 
.wpcf7 textarea[name="your-message"] {
        width: 94%;
        height: 150px !important;
}




}










/*タブレット*/
@media screen and (min-width:661px) and ( max-width:1024px) {

    #header {
        position: fixed;
        top: 0;
        height: 70px;
        z-index: 9999999;
        display: block;
        background: #fff;
    }
    
    header #headerlogo {
        width: 170px;
        padding: 8px 0 4px 0;
    }
    
    header #headerlogo img {
        width: 60%;
    }
        
    /*nabi開閉部分*/
    #header_container {
        box-sizing: border-box;
        position: fixed;
        top: 0;
        width: 100%;
        height: 70px;
        z-index: 9999999;
        display: block;
        background: none;
    }
    header nav {
        max-width:100%;
        float:none;
        margin:0px;
        }
    #g_navi {
            display: none;
    }
    
    ul.menu_sp {
        list-style-type: none;
        background: #003768;
        width: 100%;
        /*　z-indexは.wrapper部分でpositionを使用した場合は適切な数字（一番大きい値）に変更*/
        z-index: 9999999;
    }
            
    header nav ul.menu {
        display:none;
    }
    ul.menu_sp li {
        border-bottom: 1px solid #fff;
        font-family: dnp-shuei-mgothic-std, sans-serif !important;
        font-weight: normal;
        font-size: 1em;
    }
    ul.menu_sp li a {
        display: block;
        text-decoration: none;
        /* (44-16)/2=14px */
        padding: 12px 32px;
        color: #fff;
    }
    ul.menu_sp li span {
        font-size: 0.8em;
        margin-left: 16px;
        font-family: casablanca-urw, sans-serif;
        font-weight: 300;
        font-style: normal;
    }
    ul.menu_sp li.pulldown_sp ul li {
        border-bottom: 1px dotted #333;
        font-size: 0.8em;
        background: #E9F3FA;
    }
    ul.menu_sp li.pulldown_sp ul li:last-child {
        border-bottom: none;
    }
    /* メニューアコーディオン */  
    /* reset */
    button{background:transparent;border:none;cursor:pointer;outline:none;padding:0;appearance:none;}ul{list-style-type:none;margin:0;padding:0;}li,p{margin: 0;}
    /* reset */
    
    button {
        display: block;
        cursor: pointer;
        background-color: darkturquoise;
        text-align: center;
        width: 300px;
        height: 50px;
        line-height: 50px;
    }
    ul > li {
      /* 閉じるアニメーション */
      transition:
        border-top     .3s ease-out,
        padding-top    .3s ease-out,
        padding-bottom .3s ease-out;
    }
    ul.is-open > li {
      /* 開いている状態 */
      border-top: 1px white solid;
      padding-top: 13px;
      padding-bottom: 13px;
      /* 開くアニメーション */
      transition:
        border-top     .3s ease-out,
        padding-top    .3s ease-out,
        padding-bottom .3s ease-out;
    }
    ul > li > p {
      /* 閉じている状態 */
      line-height: 0;
      opacity: 0;
      visibility: hidden;
      /* 閉じるアニメーション */
      transition:
        line-height .3s ease-out,
        opacity     .1s linear,
        visibility  .1s linear;
    }
    li.pulldown_sp ul.is-open > li > p {
      /* 開いている状態 */
      line-height: 1.5;
      opacity: 1;
      visibility: visible;
      /* 開くアニメーション */
      transition:
        line-height .3s ease-out,
        opacity     .1s linear .1s,
        visibility  .1s linear .1s;
    }
    ul.menu_sp li ul.sns li {
        border-bottom: none;
        display: inline-block;
    }
    .gnav-btn {
        height:5px;
    }

    /*ハンバーガーボタン*/
    .icon-animation {
        width: 44px;
        height: 44px;
        display: block;
        cursor: pointer;
        float: right;
        position: absolute;
        right: .5rem;
        text-align: center;
        top: .8rem;
    }
    .icon-animation span {
        width: 40px;
        height: 2px;
        display: block;
        background: #2e3464;
        position: absolute;
        left: 50%;
        top: 50%;
        margin-left: -25px;
        -webkit-transition: all 0.3s;
        transition: all 0.3s;
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    .icon-animation .top {
        -webkit-transform: translateY(-13px);
        -ms-transform: translateY(-13px);
        transform: translateY(-13px);
    }
    .icon-animation .bottom {
        -webkit-transform: translateY(13px);
        -ms-transform: translateY(13px);
        transform: translateY(13px);
    }
    .is-open .middle {
        background: rgba(51, 51, 51, 0);
    }
    .is-open .top {
        -webkit-transform: rotate(-45deg) translateY(0px);
        -ms-transform: rotate(-45deg) translateY(0px);
        transform: rotate(-45deg) translateY(0px);
    }
    .is-open .bottom {
        -webkit-transform: rotate(45deg) translateY(0px);
        -ms-transform: rotate(45deg) translateY(0px);
        transform: rotate(45deg) translateY(0px);
    }
    .mainimg_box {
        display:block;
        margin-top:70px; 
    }

    /*TOPPAGE*/
    section.container {
        margin-top: 40px;
        position: relative;
        padding: 0 2%;
    }

    .infoeria_left .info_main dl dd p.info_ttl {
        width: 72%;
    }
    .info_main dl dd p.tag {
      margin-left: 8px;
    }

    .bnr_box {
        margin: 60px 0 0;
      }
    .bnr_in {
        margin: 0;
        width:calc(33.3333333% - 20px);
        background-color: #000;
        height: 100px;
        margin: 0 20px 0 0;
        display: flex;
        text-align: center;
        align-items: center;
    }
    .bnr_in a{
        font-size: 24px;
    }

    .sponser_bg {
        margin: 60px 0 0;
    }
    .sponser_in img {
    max-width: 100%;
    }

    /* 見出し */
    .h1_title {
        margin-top: 80px;
        height: 100px;
        line-height:100px;
    }
    .h1_title h1 {
        font-size: 1.6em;
    }
    h2.page_ttl {
        margin: 20px 0 32px;
    }

    /*コンテンツ*/
    section.articleeria {
        width: 96%;
        margin: 24px auto;
    }
    figure img {
        width: 100%;
    }
    
    /* シングルページ */
    .single_box .single_main {
        width: 80%;
    }
    .single_box .single_side {
        width: 18%;
        margin-left:2%;
    }
    .single_box img {
        width: 360px;
        margin: 0 16px;
    }

    /* 試合結果詳細 */
    .result_read {
        padding: 24px 4px;
        font-size: 1.1em;
        margin: 0 0 40px;
    }
    p.date {
        margin: 0 24px 1em 0;
    }
    .result_read div.read_03 {
        font-size: 1em;
    }
    .read_score_box {
        padding-right: 14px;
    }
    .read_score_box:nth-child(2) {
        padding-left: 14px 
    }
    .read_score_box:nth-child(2)::before {
        width: 14px;
    }
    
    p.read_team {
        min-width: 200px;
    }
    p.read_num {
        min-width: 50px;
        font-size: 2.4em;
    }
    /*一覧へ戻るボタン*/
    .single_btn {
        margin-top: 48px;
    }

    /* 選手・スタッフ */
    .player_inner:nth-child(2n) {
        margin-right: 0px;
    }

    /* 専用施設 */
    .img_box::after{
        content:"";
        display: block;
        width:230px;
    }
    .img_inner {
        width: 230px;
        margin: 0 15px 15px 0;
    }
    .googlemap {
        width: 100%;
        height: 350px;
        margin: 0 0 48px;
    }
    


}