/*
Theme Name: albirex_bb
Theme URI:
Author: albirex_bb
Author URI: http://
Description:
License: GNU General Public License
License URI: license.txt
Tags:
*/


/* ========================================
会員特典関係
========================================*/
.fan-box1{
	width: 100%;
	margin-bottom:30px;
	padding: 0;
	border:1px solid #cccccc;
}

.fan-box1 .tit1{
	background-color:#c0c0c0;
	padding: 5px 15px;
	margin-bottom: 10px;
}

.fan-box1 .tit1 p{
	font-size: 110%;
	color:#000000;
}

.fan-box1 .txt{
	margin: 0 10px 20px;
}

.fanclub-table table{
	table-layout: fixed;
}
.fanclub-table .w1{
	width: 70%;
}
.fanclub-table .w2{
	width: 30%;
}
.fanclub-table table td{
  vertical-align: middle
}



/* ========================================
後援会役員関係
========================================*/
/* テーブル */
.fan-tbl01{width: 100%;}
.fan-tbl01 thead{
	background-color: #cccccc;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.fan-tbl01 th,
.fan-tbl01 td{
	border:1px solid #cccccc;
	padding: 5px;
}
.fan-tbl01 tbody th{
	padding-left: 20px;
	vertical-align: top;
}
.fan-tbl01 tbody td{padding-left: 15px;}


.fan-tbl02{width: 100%;}
.fan-tbl02 th,
.fan-tbl02 td{
	border:1px solid #aaaaaa;
	padding: 5px;
}
.fan-tbl02 tbody th{
	background-color: #cccccc;
	color: #000000;
	text-align: center;
	vertical-align: middle;
}
.fan-tbl02 tbody td{padding-left: 20px;}


/* ========================================
後援会入会申込フォーム
========================================*/
.contac-tbl{
	width: 100%;
}

.contac-tbl tbody th{
	width: 20%;
}


.contac-tbl td select[id="item_427"]{}/* 資料請求カテゴリ－ */

.contac-tbl td input[id="item_428"]{
	width: 50%;
}/* お名前 */

.contac-tbl td input[id="item_429"]{
	width: 50%;
}/* フリガナ */

.contac-tbl td input[id="item_430"]{
	width: 30%;
}/* 〒郵便番号 */

.contac-tbl td select[id="item_431"]{}/* 住所（都道府県） */

.contac-tbl td input[id="item_436"]{
	width: 80%;
}/* 住所（市町村） */

.contac-tbl td input[id="item_432"]{
	width: 50%;
}/* 電話番号 */

.contac-tbl td input[id="item_433"],
.contac-tbl td input[id="item_433_confirm"]{
	width: 50%;
}/* メールアドレス */

.contac-tbl td input[id="item_434"]{
	width: 50%;
}/* 会社名 */



.p-funclub .mainv{
	text-align: center;
	padding-bottom: 30px;	
}

.p-funclub .mainv img{
	display: inline-block;
  max-width: 1200px;
  height: auto;	
}

.p-funclub .intro{
	padding-top: 30px;	
}

.p-funclub .intro h1{
	font-size: 30px;
	padding-bottom: 20px;
}

.p-funclub h2{
	font-size: 25px;
	padding: 20px 0 20px;
}

.p-funclub h2:before{
	content:"";
	width:45px;
	height:53px;
	background: url("/files/user/images/fanclub/icon_arudo.png") no-repeat center center /contain;
	display: inline-block;
	position: relative;	
	top: 10px;
	margin-right: 10px;
}

.p-funclub .img-box{
	text-align: center;	
}

.p-funclub .img-box img{
	display: inline-block;
}

.p-funclub .privilege h3{
	font-size: 24px!important;
	margin-bottom: 40px!important;
}

.p-funclub .privilege h3:before{
	content: "";
	width:80px;
	height: 80px;
	background: url("../../common/img/fanclub/icon_pri01.png") no-repeat center center /contain;
	display: inline-block;
	position: relative;	
	top: 28px;
	margin-right: 10px;
}

.p-funclub .privilege h3.pri2:before{
	background: url("/files/user/images/fanclub/tokuten_02.png") no-repeat center center /contain;
}
.p-funclub .privilege h3.pri3:before{
	background: url("/files/user/images/fanclub/tokuten_03.png") no-repeat center center /contain;
}
.p-funclub .privilege h3.pri4:before{
	background: url("../../common/img/fanclub/icon_pri04.png") no-repeat center center /contain;
}

.p-funclub .link ul{
	overflow: hidden;
	margin: 30px 0;
}

.p-funclub .link ul li{
	width:49%;
	float: left;
}

.p-funclub .link ul li:last-child{
	float: right;
}

.p-funclub .link ul li a{
	text-align: center;
	display: block;
	color: #FFF!important;
	font-size: 18px;
	font-weight: bold;
	padding: 	20px 0;
	background-color: #E95408;
	text-decoration: none;		
}

.p-funclub .message{
	padding: 30px 0;
}

.p-funclub .message p{
	text-align: center;
	font-size: 20px;
	line-height: 160%;
	font-weight: bold;
}

.p-funclub .message p span{
	font-size: 30px;
}

.p-funclub .contact{
	background-color: #EEE;
	padding: 20px;
	margin-top: 30px;
}

.p-funclub .contact h3{
	font-size: 	18px;
	padding-bottom: 10px;
}

  .p-funclub .pcshow{
    display:block;
  }
  
  .p-funclub .spshow{
    display:none;
  }

span.color1{
	color:#D90000;
	font-weight: bold;
}

.p-funclub .link ul li{
  width:49.5%;
  float: left;
  text-align: center;
  background-color: #EA5404;
}
.p-funclub .link ul li:last-child{
  float: right;
}
.p-funclub .link ul li a{
  display: block;
  color: #fff!important;
  padding: 15px 0;

}

.p-funclub .message{
  text-align: center;
  font-weight: bold;
  font-size: 24px;
}

@media screen and (max-width:750px){
  .scroll{
  overflow: auto;　　　　/*tableをスクロールさせる*/
  white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
  }
  .scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
   height: 5px;
  }
  .scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
   background: #F1F1F1;
  }
  .scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
   background: #BCBCBC;
  }
  
  .p-funclub .link ul li{
      width:100%;
      float: none;
  }

  .p-funclub .link ul li:last-child{
      float: none;
      margin-top:30px;
  }
  .p-funclub .message p{
      font-size: 18px;
  }
  .p-funclub .message p span{
      font-size: 14px;
  }
  .box-wrap{
    margin-top:30px;
  }
  
  .p-funclub .pcshow{
    display:none;
  }
  
  .p-funclub .spshow{
    display:block;
  }
  
  .p-funclub .link ul li a{
      text-align: center;
      display: block;
      color: #FFF!important;
      font-size: 14px;
      font-weight: bold;
      padding: 	20px 10px;
      background-color: #E95408;
      text-decoration: none;		
  }
  .p-funclub .privilege h3:before{
      content: "";
      width:50px;
      height: 50px;
      background: url("../../common/img/fanclub/icon_pri01.png") no-repeat center center /contain;
      display: block;
      position: relative;	
      top: 20px;
      margin: 0 auto 30px;
  }  
  
}

.p-youth .img-box{
    margin-bottom:15px;
}

.p-youth .fan-box1{
  box-sizing:border-box;  
}

.p-youth .fan-box1 .txt{
    display:table;
    box-sizing:border-box;
    margin: 0 10px 5px;
}

.p-youth .fan-box1 .txt .left{
    display:table-cell;
    width:75%;
    padding-right:25px;
    box-sizing:border-box;
    vertical-align:middle;
}
.p-youth .fan-box1 .txt .right{
    display:table-cell;
    width:25%;
}

@media screen and (max-width:845px){
    .layout-second .second-body article h1{
        font-size:20px;
    }
    .p-youth .tbl03{
        width:100%!important;
        margin-bottom:30px;
    }
    .p-youth .tbl03 th,
    .p-youth .tbl03 td{
        width:100%!important;
        box-sizing:border-box;
        display:block;
    }
    .p-youth .fan-box1 .txt{
        display:block!important;
    }
    .p-youth .fan-box1 .txt .left{
        width:100%!important;
        display:block!important;
    }
    .p-youth .fan-box1 .txt .right{
        width:100%!important;
        margin-top:15px;
        display:block!important;
    }
    
}

.page-link ul{display: table;width: 100%;margin-bottom: 30px;}
.page-link ul li{display: table-cell;width: 33%;vertical-align: middle;text-align: center;}
.page-link ul li a{
  width: 95%;
  background-color:#CACAD6;
  border-radius: 5px;
  box-shadow: 0 3px 0 #A6A6BB;
  color: #fff!important;
  display: block;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
}

.page-link ul li.style2 a{
  background-color:#e6b545;
  box-shadow: 0 3px 0 #B08317;    
}

.page-link ul li.style3 a{
  background-color:#FF6600;
  box-shadow: 0 3px 0 #DF5900;    
}

.page-link ul li a:hover{
    box-shadow: none;
    transform: translate3d(0, 3px, 0);   
}