/*
Theme Name:MAXX Child Theme
Theme URI:
Description:WordPressテーマ「MAXX」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Template:maxx_tcd043
Version:1.2.3
Text Domain:tcd-w
*/

/* ----------------------------------------------------------------------
　表示・非表示設定
------------------------------------------------------------------------*/
/* PC版非表示設定 */
.is-pc { display: block !important;}
.is-sp { display: none !important; }


/* SP版非表示設定 */
@media screen and (max-width:770px){
.is-pc { display: none !important; }
.is-sp { display: block !important; }
}

.p-contents {line-height: 1.8; font-size: 16px;}

/* ----------------------------------------------------------------------
 font-size - フォントサイズ
---------------------------------------------------------------------- */
.text50{font-size:50%} 
.text60{font-size:60%} 
.text70{font-size:70%} 
.text80{font-size:80%}
.text90{font-size:90%}
.text100{font-size:100%}
.text110{font-size:110%}
.text120{font-size:120%}
.text130{font-size:130%}
.text140{font-size:140%}
.text150{font-size:150%}
.text160{font-size:160%}
.text170{font-size:170%}
.text180{font-size:180%}
.text190{font-size:190%}
.text200{font-size:200%}
.text210{font-size:210%}
.text220{font-size:220%}

/* ----------------------------------------------------------------------
 テキスト装飾
---------------------------------------------------------------------- */

.text-bd {font-weight:700}
.text-ud{text-decoration:underline}


/* ----------------------------------------------------------------------
 font-color - フォントカラー
---------------------------------------------------------------------- */
.red {color:#ff0000;}
.org {color:#ff6600;}
.grn {color:#13ae67;}


/* ----------------------------------------------------------------------
 margin - 余白
---------------------------------------------------------------------- */

.u-mt-xxsmall {margin: 5px 0 0;}
.u-mt-xsmall {margin: 10px 0 0;}
.u-mt-small {margin: 20px 0 0;}
.u-mt {margin: 30px 0 0;}
.u-mt-large {margin: 40px 0 0;}
.u-mt-xlarge {margin: 50px 0 0;}
.u-mt-xxlarge {margin: 60px 0 0;}

.u-mr-xsmall {margin:0 10px 0 0;}
.u-mr-small {margin:0 20px 0 0;}
.u-mr { margin:0 30px 0 0;}
.u-mr-large {margin:0 40px 0 0;}
.u-mr-xlarge {margin:0 50px 0 0;}

.u-mb-xsmall {margin:0 0 10px 0;}
.u-mb-small {margin:0 0 20px 0;}
.u-mb { margin:0 0 30px 0;}
.u-mb-large {margin:0 0 40px 0;}
.u-mb-xlarge {margin:0 0 50px 0;}

.u-ml-xsmall {margin:0 0 0 10px;}
.u-ml-small {margin:0 0 0 20px;}
.u-ml {margin:0 0 0 30px;}
.u-ml-large {margin:0 0 0 40px;}
.u-ml-xlarge {margin:0 0 0 50px;}

/* ----------------------------------------------------------------------
 text-align - 配置
---------------------------------------------------------------------- */
.align_c{text-align:center}
.align_r{text-align:right }
.align_l{text-align:left}

/* ----------------------------------------------------------------------
画像サイズ
---------------------------------------------------------------------- */
.ph80 img {width:80%;}
.ph70 img {width:70%;}
.ph60 img {width:60%;}
.ph50 img {width:50%;}
.ph40 img {width:40%; display:block; text-align:center;}
.ph30 img {width:30%;}


.flo_l {float:left;}
.flo_r {float:right;}
.cboth{ clear: both;}

.textbox01 { margin:0; padding:10px; border:1px solid #ccc;}

dl.gaiyou{
  display:flex;
  flex-wrap: wrap;
  border-top: none;
  margin:20px 0 0;
}
dl.gaiyou dt{
  background: #fff;
  width: 20%;
  padding:15px 0;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
dl.gaiyou dd{
  padding:15px 0;
  margin: 0;
  width: 80%;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px solid #ccc;
}
@media screen and (max-width: 770px) {
  dl.gaiyou{
    flex-flow: column nowrap;
  }
  dl.gaiyou dt,
  dl.gaiyou dd{
    width: 100%;
  }
  dl.gaiyou dd{
    border-left: none;
  }
}

.p-title-or {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ccc; color:#ff6600; font-weight:700; font-size:20px;}
.p-title-bk {margin:0 0 10px; padding:0 0 10px; border-bottom:1px solid #ccc; color:#000; font-weight:700; font-size:20px;}
.p-title-gr {margin:30px 0 0; padding:0 0 10px; border-bottom:1px solid #13AE67; color:#000; font-weight:700; font-size:20px;}
.p-title-prof{margin:0; padding:290px 0 0; color:#000; font-weight:700; font-size:120%; line-height: 1.5; bottom:0;}
.p-title-prof-03{margin:0; padding:260px 0 0; color:#000; font-weight:700; font-size:120%; line-height: 1.5; bottom:0;}
.profbox {margin:20px 0 10px; padding:20px 30px; color:#000; border:1px solid #ccc; font-size:85%; line-height: 1.7;}

@media screen and (max-width: 770px) {
.p-title-prof,.p-title-prof-03 {margin:0 0 20px; padding:0 0 20px ; border-bottom: 1px solid #ccc; color:#000; font-weight:700; font-size:120%; line-height: 1.5; bottom:0;}
.profbox {margin:0; padding:0; color:#000; border:0px solid #ccc; font-size:85%; line-height: 1.5;}
}


.champion-index-title {
margin: 0 0 10px; padding: 0 0 5px; border-bottom: 1px dotted #ccc; font-size: 20px; font-weight: 700; color: #13ae67;
}

.champbtn {
    padding: 3px 0;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
    border-radius: 5px;
				margin: 5px 10px 15px;
				width: 245px;
				text-align: center;
				border: 1px solid #13ae67;
}

.champbtn01 {
    background-color: #fff;
    color: #13ae67;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all .3s;
    transition: all .3s;
}
.champbtn01:hover {
    background-color: #13ae67;
				color: #fff;
}

.champbtn-b {
    padding: 3px 0;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
    border-radius: 5px;
				margin: 5px 0 0;
				width: 245px;
				text-align: center;
				border: 0px solid #13ae67;
}

#champ01,#champ02,#champ03,#champ04,#champ05,#champ06,#champ07,#champ08,#champ09,#champ10,#champ11,#champ12{ margin-top:-130px;padding-top:130px;}

@media screen and (max-width: 770px) {
.champbtn {
    padding: 3px 0;
    display: inline-block;
    text-decoration: none !important;
    font-size: 18px;
    border-radius: 5px;
				margin: 5px 0px;
				width: 100%;
				text-align: center;
				border: 1px solid #13ae67;
}
#champ01,#champ02,#champ03,#champ04,#champ05,#champ06,#champ07,#champ08,#champ09,#champ10,#champ11,#champ12{ margin-top:-80px;padding-top:80px;}
}



.sebtn {
    padding: 3px 20px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 14px;
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    border-radius: 5px;
}
.sebtn01 {
    background-color: #13AE67;
    color: #fff !important;
}
.sebtn:hover {
    background-color: #17c676;
    color: #fff !important;}
    
dl.sensyutext{
  display:flex;
  flex-wrap: wrap;
  border-top: none;
  margin:0;
}
dl.sensyutext dt{
  background: #fff;
  width: 35%;
  padding:10px 0;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
dl.sensyutext dd{
  padding:10px 0;
  margin: 0;
  width: 65%;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
@media screen and (max-width: 770px) {
  dl.sensyutext{
    flex-flow: column nowrap;
  }
  dl.sensyutext dt{
  padding:5px 0 5px 10px;
  background: #eee;
  width: 100%;
  border-bottom:none;
  }
  
  dl.sensyutext dd{
  padding:5px 0 5px 10px;
  width: 100%;
  border-left: none;
  }
}

.faq-q-box {
margin:0 0 10px; padding:10px 15px; background: #eee; border-bottom: 2px solid #13AE67;
}
.faq-q-box .q-icon{
font-family: Arial, Helvetica, "sans-serif"; margin:0 10px 0 0; padding: 0; color: #13AE67; font-size: 22px; display: inline-block;
}
.faq-q-box .q-text{
margin:0; padding: 0; color: #13AE67; font-size: 18px; display: inline-block;
}
.a-text{
margin:20px 15px 40px ; padding: 0;
}

.faqbox { margin:20px 0; padding:20px; border:2px solid #ff6600; text-align: center;}

/* ----------------------------------------------------------------------
試合予定
---------------------------------------------------------------------- */
.mplans-area {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; flex-wrap: wrap;}
.mplans-box{margin: 0 0 20px; padding: 20px 0; border-top: 1px solid #13AE67; text-align: left; width: 100%; box-sizing: content-box;}
.mplans-txt {margin: 0 auto 20px ; padding: 0 0 5px; border-bottom: 1px dotted #13AE67; width:100%; text-align: left; line-height: 1.5;}
.mresults-box{margin: 0 0 30px; padding: 20px 20px 0; border-top: 1px solid #ff6600;border-right: 1px solid #ff6600; border-bottom: 1px solid #ff6600; border-left: 10px solid #ff6600; text-align: center; width: 42%;box-sizing: content-box;}
.mresults-txt {margin: 0 auto 20px ; padding: 0 0 5px; border-bottom: 1px dotted #ff6600; width:100%; text-align: left; line-height: 1.5;}

@media screen and (max-width: 770px) {
.mplans-area {display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; width: 100%; flex-wrap: wrap;-webkit-flex-direction: column; flex-direction: column;}

.mplans-box,.mresults-box{ margin: 0 auto 30px; padding: 5% 5% 0; width: 85%;}
}

.page_navi p.back a { background:#ff6600; color:#fff; text-decoration:none; display:inline-block; width:200px; height:50px; line-height:50px; text-align:center; font-size:14px; position:relative; padding:0; }
.page_navi p.back a:hover { background:#17dc82; color:#fff; }


/* ----------------------------------------------------------------------
お問い合わせ
---------------------------------------------------------------------- */

dl.contact{
  display:flex;
  flex-wrap: wrap;
  border-top: none;
  margin:50px 0 0;
		border-top: 1px dotted #ccc;
}
dl.contact dt{
  background: #fff;
  width: 30%;
  padding:10px 0;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}
dl.contact dd{
  padding:10px 0;
  margin: 0;
  width: 70%;
  background: #fff;
  box-sizing: border-box;
  text-align: left;
  border-bottom: 1px dotted #ccc;
}

.form-must {background-color:#ff6600;color:#fff;width:50px;height:24px;margin-top:-12px; margin-left: 10px; font-size:12px;text-align:center;line-height:24px; padding: 2px;}

@media screen and (max-width: 770px) {
  dl.contact{
    flex-flow: column nowrap;
  }
  dl.contact dt{
  padding:10px 0 10px 10px;
  background: #eee;
  width: 100%;
  border-bottom:none;
  }
  
  dl.contact dd{
		margin: 0 0 20px;
  padding:10px 0 30px;
  width: 100%;
  border-left: none;
  }
}

.input-01{width:100%;height:40px;border:1px solid #e1e1e1;background: #fff; border-radius:0px; padding-left:10px;font-size:15px;}
.inputmessage-01{width:100%;margin: 7px 0 0; height:150px;border:1px solid #e1e1e1; border-radius:0px;background: #fff; padding:10px;font-size:15px;margin-left:0;}

textarea::placeholder,input::placeholder { color:#ccc;}

.form-button-box{
margin: 30px auto 10px; padding: 0; text-align: center; width: 500px;
}
@media screen and (max-width: 770px) {
.form-button-box{
margin: 30px auto 10px; padding: 0; text-align: center; width: 90%;
}
}
.submit-button {
margin:0 0 0 10px; padding:10px 0; background:#13AE67; color:#fff; width:200px;display:inline-block;
}
.submit-button:hover {
margin:0 0 0 10px; padding:10px 0; background:#17dc82; color:#fff; width:200px;display:inline-block;
}

.formback-button {
margin:0 20px 0 0; padding:10px 0; background:#ccc; width:100px;display:inline-block;
}

.contactinfo-box { margin:40px auto 20px; padding:20px; border:2px solid #ff6600; text-align: center; width:400px}


@media screen and (max-width: 770px) {
.submit-button {
margin:0; padding:10px 0; background:#13AE67; color:#fff; width:120px;display:inline-block;
}
.submit-button:hover {
margin:0; padding:10px 0; background:#13AE67; color:#fff; width:120px;display:inline-block;
}
.contactinfo-box { margin:50px auto 20px; padding:8% 5%; border:2px solid #ff6600; text-align: center; width:88%}
#global_menu {
  position: fixed !important;
  bottom: 0;
  overflow: scroll;
}
}

.pc #global_menu ul ul a {
  padding: 6px 20px;
}

.pc #global_menu li > ul > li.current-menu-item > a {
  background-color: #FF6600;
}

.pc #global_menu li > ul > li.current-menu-item > a:hover {
  background-color: #13AE67;
}

#post_image {
  height: 270px;
}

#post_image img {
  height: 100%;
  object-fit: cover;
}

.mplans_table {
  margin-bottom: 37px;
  border: 2px solid #32a560;
  border-top: none;
  font-size: 14px;
}

.mplans_table_header {
  border: 5px solid #32a560;
}

.mplans_table thead {
  background: #32a560;
}

.mplans_table th {
  padding: 20px;
  border: 1px solid #fff;
  border-top: none;
  font-weight: normal;
  color: #fff;
}

.mplans_table td {
  border: 1px solid #32a560;
  padding: 20px 0;
  vertical-align: middle;
  text-align: center;
}

.mplans_table .container {
  display: flex;
  align-items: center;
  margin: 0 30px;
  text-align: left;
}

.mplans_table .opponent-1 {
  margin-right: 30px;
  width: 37%;
  flex-shrink: 0;
}

.mplans_table .vs {
  margin-right: 30px;
  color: #32a560;
}

@media screen and (max-width: 770px) {
  .mplans_table { font-size: 1.82vw; }
  .mplans_table th { padding: 2%; }
  .mplans_table td { padding: 2% 0; }
  .mplans_table .container { margin: 0 5%; }
  .mplans_table .opponent-1 {
    margin-right: 4%;
    width: 38%;
    flex-shrink: 1;
    white-space: nowrap;
  }
  .mplans_table .vs { margin-right: 4%; }
  .mplans_table .opponent-2 { white-space: nowrap; }
}