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

/*-------------------------- 準備中 --------------------------*/
.preparation {
text-align:center;
max-width:320px;
margin:auto;
padding:20px;
border:5px dotted #f8c135;
color: #033993;
font-size:120%;
}


/*-------------------------- ロボスケチャット位置 --------------------------*/
#synalio-iframe {
position: fixed;
bottom: -11px!important;
left:0!important;
}

/*-------------------------- ページトップスクロール --------------------------*/
#topcontrol{
z-index:9999;
}
#page_top {
height: 77px;
width: 77px;
text-indent: 100%;
white-space: nowrap;
overflow: hidden;
z-index:9999;
}
#page_top a {
outline-style: none;
display: block;
height: 77px;
width: 77px;
background: url(../img/pagetop/pagetop_a.png) no-repeat left top;
}
#page_top a:hover {
background: url(../img/pagetop/pagetop_b.png) no-repeat left top;
}





#contents .float_list li {
width:50%;
float:left;
padding:5px;
box-sizing: border-box;
}
#contents .float_list li img{
width:100%;
}
@media print, screen and (max-width: 799px) {
#contents .float_list li {
width:100%;
margin:0!important;
padding:10px 0 0 0;
box-sizing: border-box;
}
}

/*-------------------------- schedule--------------------------*/
#contents #schedule h3 {
  font-weight:bold;
  font-size:120%;
  padding:10px 20px 10px 20px;
  margin:50px 0 15px 0;
  color:#fff;
 background:#023893;
}
/*-------------------------- テーブル横スクロール --------------------------*/
@media screen and (max-width:768px){
#contents .table_scroll{
white-space: nowrap!important;
overflow: auto!important;
display: block!important;
font-size:small;
-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width:768px){
#contents .table_scroll2 {
width: 100%!important;
white-space: nowrap!important;
overflow: auto!important;
display: block!important;
font-size:x-small!important;
-webkit-overflow-scrolling: touch;
}
}



@media print, screen and (max-width: 767px) {
#contents .t_scroll {
width: 100%!important;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom:3em;
-webkit-overflow-scrolling:touch !important;
margin:auto; 
}
}
@media print, screen and (max-width: 767px) {
#contents .t_scroll::-webkit-scrollbar {height: 10px; }
#contents .t_scroll::-webkit-scrollbar-thumb {background: #18469d;}
#contents .t_scroll::-webkit-scrollbar-track {background: #ccc;}
}
#contents .t_scroll table{margin:0 0 10px 0; width:100%;}

@media print, screen and (max-width: 767px) {
#contents .i_scroll {
width: 100%!important;
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
-ms-overflow-style: -ms-autohiding-scrollbar;
margin-bottom:3em;
-webkit-overflow-scrolling:touch !important;
margin:auto;
}
}
#contents .i_scroll iframe{margin:0 0 10px 0; width:100%; display:block;}
@media print, screen and (max-width: 767px) {
.i_scroll iframe{width:767px!important; display:block;}
}
@media print, screen and (max-width: 767px) {
#contents .i_scroll::-webkit-scrollbar {height: 10px; }
#contents .i_scroll::-webkit-scrollbar-thumb {background: #18469d; }
#contents .i_scroll::-webkit-scrollbar-track {background: #ccc; }
}

#contents #ticket .right_box{
float:left;
width:30%;
}
#contents #ticket .right_box img{
width:90%;
margin:16px 0 16px 0;
}
@media print, screen and (max-width: 767px) {
#contents #ticket .right_box{
text-align:center;
width:100%;
margin:0 0 16px 0;
}
}
@media print, screen and (max-width: 767px) {
#contents #ticket .right_box img{
width:80%;
}
}
@media print, screen and (max-width: 767px) {
#contents #ticket .left_box{
width:100%!important;
}
}
#contents #ticket .left_box{
float:left;
width:70%;
}
#contents #ticket .left_box table{
width:100%;
}
#contents #ticket .left_box table .ttL{
text-align:left!important;
}
#contents #ticket .left_box table li{
padding-top:8px;
}
#contents #ticket .left_box table tbody th{
width:10em!important;
}
@media print, screen and (max-width: 767px) {
#contents #ticket .left_box table tbody th,#contents #ticket .left_box table tbody td{
display:block;
width:auto!important;
}
}






/*-------------------------- partner --------------------------*/
#contents #partner h2{
margin:10px 0 30px 0;
}
#contents #partner ul.tab{
margin:0 0 20px 0;
width:100%;
padding:0;
display:block;
text-indent: 0;
}
#contents #partner ul.tab li{
width:18em;
float:left;
margin-right: 8px;
margin-bottom: 8px;
text-align:center;
}
#contents #partner ul.tab li a{
padding:10px!important;
color:#fff;
display:block;
font-weight:bold;
text-decoration:none!important;
background:#023893;
border:4px solid #f28b26;
}
#contents #partner ul.tab li a.sp_act{
color:#023893;
background:#fff;
border:4px solid #023893;
}
#contents #partner ul{
margin-bottom: 64px 0;
padding:0;
text-indent: 0;
text-align: center;
}
#contents #partner ul.logo_area li{
display: inline-block;
text-align:center;
margin: 16px;
}
#contents #partner ul.logo_area li a{
display:block;
}
@media print, screen and (max-width: 767px) {
#contents #partner ul.tab li{
width:100%;
float:left;
margin-right: 4px;
margin-bottom: 4px;
text-align:center;
}
}
@media print, screen and (max-width: 767px) {
#contents #partner ul.tab li a{
padding:5px!important;
color:#fff;
display:block;
text-decoration:none!important;
background:#023893;
border:4px solid #f28b26;
}
}
@media print, screen and (max-width: 767px) {
#contents #partner ul.tab li a.sp_act{
color:#023893;
background:#fff;
border:4px solid #023893;
} 
}




#contents .clearfix:after{
    content:".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden; 
}
#contents .clearfix{
    min-height:1px;
}
*html .clearfix{
    height:1px;
    /*\*//*/
    height:auto;
    overflow:hidden;
    /**/
}
section{
    margin-bottom:50px;
}
.floatL{
    float: left;
    margin: 0 12px 12px 0;
}
.floatR{
    float: right;
    margin: 0 0 12px 12px;
}
.imgC{
    text-align: center;
    margin-bottom: 2em;
    clear: both;
}
.txtL {
    text-align: left;
}
.txtR {
    text-align: right;
}
#contents .txtC {
  text-align:center;
}
#contents .imgC {
  text-align:center;
}
#contents .bld_L {
  font-size: 160%;
  font-weight: bold;
}

#contents a {
  font-weight:bold;
  text-decoration:underline!important;
}
#contents .column2 {
display:table;
}
#contents .column2 a {
display:table-cell;
text-align:center;
vertical-align:middle;
outline-style:none;
padding:16px;
}
#contents .column2 a img {
width:90%
}
@media screen and (max-width:767px){
.second-body #contents .column2 {
display:block;
}
.second-body #contents .column2 a {
display:block;
width:80%;
padding:16px;
margin:0 auto 10px;
}
}
#contents .blank_icon {
    padding: 0px 18px 0px 0px;
    background: url(../img/blank_icon.gif) no-repeat right center;
}
#contents .pdf_icon{
    background: url(../img/pdf_icon.gif) no-repeat right center;
    padding: 0px 18px 2px 0px;
}

/*-------------------------- スマホでのみ表示 --------------------------*/
#contents .pc_dn{
display:none;
}
@media print, screen and (max-width: 767px) {
#contents .pc_dn{
font-size:x-small;
display:inline;
} 
}
/*-------------------------- adjust --------------------------*/
#contents .adjust_group {
  margin-bottom:70px;
}

/*-------------------------- 大見出し --------------------------*/
/*一般的なページ*/
.layout-content .layout-second .second-header .top,
.layout-content .layout-second .second-header .slice,
.layout-content .layout-second .second-header .btm {
background: #023893;
color:#fff;
}
.layout-content .layout-second .second-header .title-wrap {
color:#fff;
}

/*newsなどの記事ページ*/
.layout-content .layout-second .news-article .second-header .top,
.layout-content .layout-second .news-article .second-header .slice,
.layout-content .layout-second .news-article .second-header .btm {
background: #fff;
color:#262626;
}

/*formなどのページ*/
.layout-content .layout-second .inquiry_form .second-header .top,
.layout-content .layout-second .inquiry_form .second-header .slice{
background: #023893;
color:#fff;
}
.layout-content .layout-second .inquiry_form .second-header .btm{
background: #023893;
color:#fff;


    margin-top: -10px;
    padding: 0 50px 40px;
}

/*-------------------------- contents --------------------------*/
#contents h1 {
    margin:0 0px 20px;
    color: #4c4c4c;
    font-size: 30px;
}
#contents h2 {
    font-size: 135%;
  margin: 0 0 1em;
  clear: both;
  color: #F2871F;
  /*background-image: url("../img/result_bk.gif");*/
  font-weight: bold;
  padding: 18px 15px 18px;
  border-left: solid 3px #F2871F;
  background: #f8fafc;
}
#contents h2.report {
    font-size: 135%;
  margin: 0 0 1em;
  clear: both;
  color: #000080;
  /*background-image: url("../img/result_bk.gif");*/
  font-weight: bold;
  padding: 18px 15px 18px;
  border-left: solid 3px #000080;
  background: #f8fafc;
}
#contents h2.report2 {
    font-size: 135%;
  margin: 1em 0;
  clear: both;
  color: #ee8a01;
  /*background-image: url("../img/result_bk.gif");*/
  font-weight: bold;
  padding: 18px 15px 18px;
  border-left: solid 3px #ee8a01;
  background: #f8fafc;
}
#contents h2.report3 {
    font-size: 135%;
  margin: 1em 0;
  clear: both;
  color: #31c100;
  /*background-image: url("../img/result_bk.gif");*/
  font-weight: bold;
  padding: 18px 15px 18px;
  border-left: solid 3px #31c100;
  background: #f8fafc;
}
#contents h3 {
  font-size:110%;
  margin:0 10px 5px;
}
#contents a {
  font-weight:bold;
  text-decoration:underline!important;
  color:#1d7885;
}
#contents p {
  margin:0 10px 1em;
  line-height:1.5em;
}
#contents p a {
  font-weight:bold;
  text-decoration:underline!important;
  color:#1d7885;
}
#contents ol,
#contents ul {
    margin:0 0px 1em;
    text-indent: -1em;
    padding-left: 2em;
}
#contents ol {
    list-style: decimal inside;
    list-style-type: decimal
}
#contents dt {
    margin:1em 10px 0;
    font-weight:bold;
    font-size:120%;
    color: #4c4c4c;
}
#contents dd {
    margin:0 10px 0;
}

#contents table {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    clear: both;
    margin-right: auto;
    margin-bottom: 2em;
    margin-left: auto;
    width: 100%;
}
#contents caption {
    text-align: left;
    padding-bottom: 0.2em;
    font-weight: bold;
    font-size: 115%;
}
#contents th,
#contents td {
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-bottom-style: solid;
    border-right-color: #CCCCCC;
    border-bottom-color: #CCCCCC;
}
#contents table thead th {
  font-size:90%;
    font-weight: bold;
    text-align: center;
    color: #FFFFFF;
    background: #313131;
    padding:12px 0;
}
#contents table tbody th {
    width: 30%;
    text-align: left;
    padding: 12px 5px;
    vertical-align: top;
    background: #F0F3F7;
    font-weight: bold;
}
#contents td {
    padding: 12px 5px;
    text-align: left;
    vertical-align: top;
    background: #FFF;
}
@media screen and (max-width:767px) {
.layout-second /* #contents */ table.variable tbody th,
.layout-second /* #contents */ table.variable tbody td {
  display: block;
  box-sizing: border-box;
  border-right: 0;
  width:100%;
} /* edited by IRSE 2019-10-10 */
}
#contents table .th_01 {
    width: 10%;
}
#contents table .th_02 {
    width: 20%;
}
#contents table .th_03 {
    width: 30%;
}

#contents table.season_table {
  letter-spacing:0;
}
@media screen and (max-width:768px){
#contents table.season_table {
  white-space: nowrap;
  overflow: auto;
  display: block;
}
}
#contents table.season_table thead th {
  font-size:90%;
}
#contents table.season_table tbody th {
    width:10%;
    vertical-align:middle;
}
#contents table.season_table tbody th,
#contents table.season_table tbody td {
    text-align:center;
}
#contents table.season_table tbody td {
  vertical-align:middle;
}
#contents .season_table tbody tr:nth-child(4n+1) td,
#contents .season_table tbody tr:nth-child(4n+1) + tr td  {
    background:#F9FAFD;
}
#contents table.season_table .type_home {
    font-size:90%;
    background:#023893;
    color:#fff;
    font-weight:bold;
    padding:5px 8px;
}
#contents table.season_table .type_away {
    font-size:90%;
    background:#999;
    color:#fff;
    font-weight:bold;
    padding:5px 8px;
}


/*--ボタンのスタイル--*/
#contents .btn01 {
color:#505050;
text-decoration: none!important;
display:block;
width:40%;
border-radius: 4px;
-webkit-border-radius: 4px;
-o-border-radius: 4px;
-ms-border-radius: 4px;
font-size:100%;

background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top,  #ffffff 0%, #e0e0e0 50%, #c4c4c4 50%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#e0e0e0), color-stop(50%,#c4c4c4), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%,#c4c4c4 50%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%,#c4c4c4 50%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#e0e0e0 50%,#c4c4c4 50%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#e0e0e0 50%,#c4c4c4 50%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */

border:solid 1px #A5A5A5;
padding:15px 16px 15px 16px;
margin:20px auto 50px auto;
}

/*--囲み系のスタイル--*/
#contents .area01 {
    padding:10px;
    border: 2px solid #ffc612;
    background: #ffffc0;
  margin-bottom:70px;
}
#contents .area01 h3 {
font-weight:bold;
font-size:120%;
color: #4c4c4c;
}
/*--GOOGLEMAP用スタイル--*/
#contents .h_iframe {
  border:1px solid #ccc;
  margin:10px 10px;
  height:500px;
}
/*--汎用ボタンスタイル--*/
#contents .common_btn a{
width:50%;
text-align:center;
display:block;
padding:24px 56px 24px 48px;
text-decoration:none!important;
margin:24px auto 16px auto!important;
border:3px solid #023893;
color:#023893;
font-size:120%;
font-weight:bold;
background:url("https://ibarakirobots.win/common/img/arrow.png") no-repeat right center ;
}
@media screen and (max-width: 767px) {
#contents .common_btn a{
width:100%;
text-align:center;
display:block;
padding:24px 56px 24px 48px;
text-decoration:none!important;
margin:24px auto 16px auto!important;
border:3px solid #023893;
color:#023893;
font-size:120%;
font-weight:bold;
background:url("https://ibarakirobots.win/common/img/arrow.png") no-repeat right center ;
  }
}
/*-------------------------- ticket_layout --------------------------*/

#contents #ticket_layout {
    margin-bottom:40px;
}
#contents #ticket_layout caption {
    text-align:left;
    margin-bottom:15px;
}
#contents #ticket_layout ul {
    width:100%;
    list-style:none;
    margin:0 auto;
    padding:0;
    text-indent:0;
}
#contents #ticket_layout li {
    width:48%;
    background:#f3f3f3;
    float:left;
    padding:10px 0 18px;
    margin:0 1% 20px;
}
#contents #ticket_layout h3 {
    font-weight:bold;
    font-size:120%;
    margin:0 10px 15px;
    padding:0;
}
#contents #ticket_layout p {
    margin:0 10px 1em;
}
#contents #ticket_layout .detail {
    line-height:2.5em;
    margin:0 10px 1em;
}
#contents #ticket_layout .detail dt {
    display:block;
    float:left;
    width:7.5em;
    background:#333;
    color:#fff;
    padding: 0;
    font-weight:bold;
    text-align:center;
    margin:0 10px 0 0;
}
#contents #ticket_layout .detail dd {
    margin:0 0 5px 0;
}
#contents #ticket_layout .style_form {
    display:block;
    margin-bottom:10px;
}
#contents #ticket_layout select {
    display:block;
    width:96%;
    min-height:36px;
    margin:0 auto;
}
#contents #ticket_layout input[type="button"] {
    width:96%;
    background: #428bca;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 6px 12px;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #2d6ca2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display:block;
    margin:0 auto;
}
#contents .btn_buy a {
    width:90%;
    background: #428bca;
    color: #ffffff;
    font-size: 14px;
    line-height: 20px;
    padding: 10px 12px;
    font-weight: normal;
    text-shadow: none;
    border: 1px solid #2d6ca2;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    display:block;
    margin:0 auto;
  text-align:center;
}
@media print, screen and (max-width: 768px) {
    #contents #ticket_layout li {
        float:none;
        width:100%;
        margin:0 0 20px;
    }
    #contents #ticket_layout .detail {
        border-bottom:dashed 1px #ccc;
    }
    #contents #ticket_layout .detail dt {
        float:none;
        width:100%;
    }   
}

/*-------------------------- contact --------------------------*/
#contents .mail_address a{
text-decoration:underline!important;
}
#contents p {
    line-height:1.5em;
}
#contents .contact_btn {
    width:300px;
}
#contents .contact_btn a {
    background:#023893;
    display:block;
    padding:10px;
    border-radius:5px;
    color:#fff;
text-align:center;
font-size:120%;
font-weight:bold;
}




/*-------------------------- index_menu --------------------------*/

#contents .index_menu_wrap ul{
  padding:0;
  margin:0;
  text-indent:0;
  width:100%;
}
#contents .index_menu_wrap li{
    background:#023893;
    float:left;
    width:48%;
    margin:0 0 20px 1%;
  position:relative;
  overflow:hidden;
}
@media screen and (max-width: 767px) {
  .second-body #contents .index_menu_wrap li{
    float:none;
    width:100%;
    margin:0 0 20px;
  }
}
#contents .index_menu_wrap li::after {
  content: '';
  position: absolute;
  top: -30px;
  left: -32px;
  display: block;
  width: 50px;
  height: 50px;
  background: #023893;
  transform: rotate(45deg);
}
#contents .index_menu_wrap li a{
  color:#023893;
  font-size:100%;
  display:block;
  background:#F4F7F9 url(../img/arrow_index.png) no-repeat 96% center;
  margin:5px;
  padding:20px 20px;
  line-height:1.5em;
}
#contents .index_menu_wrap li a .en{
  font-size:150%;
  display:block;
  margin-bottom:3px;
}
#contents .index_menu_wrap li a .jp{
  font-size:90%;
}
/*-------------------------- side_banner --------------------------*/
#banner_area{
margin:15px;
}
#banner_area li{
display:block;
margin-bottom: 4px;
}
#banner_area li img{
width: 100%;
}
#banner_area li iframe{
width: 100%;
height:180px;
}
/*-------------------------- team --------------------------*/
#contents #team h3 {
    font-weight: bold;
    font-size: 120%;
    padding: 10px 20px 10px 20px;
    margin: 30px 0 15px 0;
    color: #fff;
    background: #023893;
}
/*-------------------------- school --------------------------*/
#contents .school_feature{
list-style: disc outside;
font-size:120%;
text-indent:0;
padding:0 1em 0 2em;
}
#contents #school_catch{
font-weight:bold;
font-size:130%;
}

#contents .school_feature li{
margin:0 0 20px 0;
}
#contents .category_u dd{
margin:0 0 20px 0;
padding: 0 0 20px 0;
border-bottom:2px dotted #f2871f;
}
#contents #instructor{
list-style: none;
padding:0;
text-indent: 0!important;
}
#contents #instructor li{
padding:16px 8px 0 8px;
border-top:1px solid #ccc;
}
#contents #instructor dt{
font-weight:bold;
margin:0;
}
#contents #instructor dd{
font-weight:bold;
margin:0;
}
#contents .prof_box{
margin-bottom:20px;
}
#contents .prof_box img{
padding:0 8px 16px 8px;
float:left;
width: 200px;
height: 250px;
}
@media print, screen and (max-width: 767px) {
#contents .prof_box img {
box-sizing: border-box;
width:100%;
height:auto;
}
}

#contents .prof_box2{
margin-bottom:20px;
}
#contents .prof_box2 img{
float:left;
padding:0 16px 16px 0;
width: 25%;
}
#contents .prof_box2 dl{
float:left;
width: 70%;
}
#contents .prof_box2 dl.noimage{
float:left;
width: 100%;
}
#contents .prof_box2 dt{
color:#fff;
margin-right:258px;
padding:15px;
font-size:120%;
font-weight:bold;
background:#282828;
}
#contents .prof_box2 dd{
padding:15px;
border-top:1px dotted #ccc;
font-weight:normal!important;
}
@media print, screen and (max-width: 767px) {
#contents .prof_box2 img {
box-sizing: border-box;
width:100%;
height:auto;
}
}
@media print, screen and (max-width: 767px) {
#contents .prof_box2 dl {
box-sizing: border-box;
width:100%;
height:auto;
}
}
/*-------------------------- sponsors --------------------------*/
.layout-sponsors{
margin:48px 0 48px 0;
}
.layout-sponsors ul{
  margin:0 0 16px 0;
  padding:0;
} 
#sponsors_list{
  margin:0 0 24px 0;
  text-align:center;
}
#sponsors_list{
  margin:0 0 24px 0;
  text-align:center;
}
#sponsors_list a{
  padding:10px;
}
/*-------------------------- highlight --------------------------*/
#contents #highlight a:hover img {
  opacity:0.5!important;
}
#contents #highlight #presents {
  font-weight:bold;
  font-size:130%;
  margin:15px 10px 15px 10px;
  color:#0000CD;
}
#contents #highlight #mv_highlight img {
width:100%;
height:auto;
}
#contents #highlight h3 {
  font-weight:bold;
  font-size:120%;
  padding:10px 20px 10px 20px;
  margin:50px 0 15px 0;
  color:#fff;
 background:#023893;
}
#contents #highlight h4 {
  color: #4c4c4c;
  margin-top:1em;
  padding:0 10px 0;
  font-weight:bold;
  font-size:120%;
}
#contents #highlight .h_iframe iframe {
  margin:0!important;
  padding:0!important;
  width:100%!important;
  height:100%!important;
}

#contents #highlight dl {
margin-bottom:1em;
}
#contents #highlight #presents {
 color:#000080;
font-weight:bold;
font-size:150%;
}
#contents #highlight .movie_wrapper {
width: 560px;
max-width: 100%;
}
#contents #highlight .movie {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

#contents #highlight .movie iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/*-------------------------- ticket --------------------------*/
#contents #ticket table {
letter-spacing:0!important;
}

#contents #ticket table thead th {
font-size:90%!important;

vertical-align: middle!important;
}
#contents #ticket table tbody th {
width:10%!important;
vertical-align:middle!important;
}
#contents #ticket table tbody th,
#contents #ticket table tbody td {

}
#contents #ticket table tbody td {
  vertical-align:middle!important;
}
#contents .bg_c01 td {
background: #f3f6f8;
}
#contents .bg_c02 {
    background: #ffe9c9!important;
}
#contents .bg_c03 {
    background: #cfeeff!important;
}
#contents .bg_c04 {
background: #f3f6f8;
}
#contents .star {
    color: #ffbf00;
}
#contents #ticket a:hover img {
  opacity:0.5!important;
}
#contents #ticket h3 {
font-weight:bold;
font-size:120%;
padding:15px 20px 15px 20px;
margin:40px 0 15px 0;
color:#fff;
background:#023893;
}
#contents #ticket h4 {
color: #4c4c4c;
margin-top:1em;
padding:0 10px 0;
font-weight:bold;
font-size:120%;
}

#contents #ticket .ticket_btn a{
border:2px solid #023893;
color:#023893;
text-align:center;
padding:16px;
display:block;
text-decoration:none!important;
}
#contents #ticket .ticket_btn a:hover{
background:#aabdda;
}
#contents #ticket dl{
margin:10px;
border-top:1px dotted #ccc;
}
#contents #ticket dt{
padding:10px 0 0 0;
margin:0;
}
#contents #ticket dd{
padding:0 0 10px 0;
margin:0;
border-bottom:1px dotted #ccc;
}
#contents .red_l{
font-weight:bold;
font-size:120%;
color:#FF0000;
}
#contents .discount{
white-space: nowrap;
font-size:85%;
display:innline-block;
line-height:2em;
padding:4px;
border-radius:3px;
background:#d9d9d9;
}
/*-------------------------- contribution --------------------------*/
#contents #contribution h3 {
  font-weight:bold;
  font-size:120%;
  padding:10px 20px 10px 20px;
  margin:50px 0 15px 0;
  color:#fff;
 background:#023893;
}
#contents #contribution ul{
font-size:0px;
}
#contents #contribution li {
font-size:1rem;
display: inline-block;
vertical-align: top; 
width:310px;
margin:8px;
padding:0;
font-weight:bold;
border:4px solid #023893;
}
#contents #contribution li.even {
font-size:1rem;
display: inline-block;
vertical-align: top; 
width:310px;
margin:8px;
padding:0;
font-weight:bold;
border:4px solid #f2923e;
}
#contents #contribution li.even2 {
font-size:1rem;
display: inline-block;
vertical-align: top; 
width:310px;
margin:8px;
padding:0;
font-weight:bold;
border:4px solid #32c100;
}
#contents #contribution li a{
display: block;
padding:5px;
text-decoration:none!important;
font-size:80%;
}
#contents #contribution li img{
display:block;
width:auto;
height:200px;
padding:0;
margin:0;
}

/*地域貢献・参加活動ページ*/
.community_head {
  font-size: 120%;
  clear: both;
  color:#fff;
  font-weight: bold;
  margin: 50px 0 25px 0;
  padding: 10px 10px;
  background:#18469d;
}

.community_minihead {
  font-size: 110%;
  font-weight: bold;
  margin: 20px 0 10px 0;
  background: linear-gradient(transparent 70%, #a7d6ff 70%);
}

@media print, screen and (max-width: 767px) {
#contents #contribution ul {
width:318px;
margin:auto;
padding:0;
}
}
#contents #contribution #textR{
text-align:right;
}
#contents #contribution select{
width:300px;
}
#contents #contribution .repo_box ul{
font-size:0px;
}
#contents #contribution .repo_box li {
font-size:1rem;
display: inline-block;
vertical-align: top; 
width:48%;
margin:8px;
padding:0;
font-weight:bold;
border:4px solid #023893;
}
#contents #contribution .repo_box li a img{
float:left;
width:auto;
height:150px;
display: block;
padding:0 10px 0 0;
margin:0;
}
#contents #contribution .repo_box li a{
display: block;
padding:5px;
text-decoration:none!important;
}
@media print, screen and (max-width: 767px) {
#contents #contribution .repo_box ul {
width:100%;
margin:auto;
padding:0;
}
}
/*-------------------------- fanclub --------------------------*/
.ibaraki_fc_main-waku {
    width: 100%;
    margin: 10px 0px;
}
.ibaraki_fc_leed {
    text-align: center;
    font-size: 150%;
    font-weight: bold;
    color: #023893;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .ibaraki_fc_leed{
    font-size: 120%;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    .ibaraki_fc_leed{
    font-size: 120%;
    }
} /* デバイスの横幅が320px以下の場合 */
.ibaraki_fc_bar {
    width: 98%;
    background-color: #18469d;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    padding: 10px 1%;
    margin: 15px 0px;
}
.ibaraki_fc_bar2 {
    width: 100%;
    color: #18469d;
    border-bottom: solid 2px #18469d;
    padding-bottom: 5px;
    font-size: 130%;
    font-weight: bold;  
    margin: 15px 0px;
    display: block;
}
.ibaraki_fc_bar3 {
    width: 100%;
    color: #18469d;
    padding-bottom: 5px;
    font-size: 130%;
    font-weight: bold;  
    margin: 10px 0px;
    display: block;
}
table.ibaraki_fc_plan_detail {
    margin-bottom: 30px;
    width: 100%;
    border: 1px solid #ddd;
    margin-top: 10px;
    color: #797979;
    text-align: center;
    padding: 10px;
    border-collapse: collapse;
    border-spacing: 0;
}
td.ibaraki_fc_table_waku1 {
    width: 15%;
    background-color: #ddd;
    font-weight: bold;
    font-size: 100%;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_waku2 {
    width: 15%;
    background-color: #ddd;
    font-weight: bold;
    font-size: 100%;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_waku3 {
    width: 50%;
    background-color: #ddd;
    font-weight: bold;
    font-size: 100%;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_plan {
    width: 15%; 
    color: #fff;
    font-size: 100%;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_shosai {
    width: 15%;
    background-color: #fff;
    font-size: 100%;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_shosai2 {
    width: 50%;
    background-color: #fff;
    text-align: left;
    margin: 0px 5px;
    padding 5px;
    font-size: 100%;
    padding: 5px;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
.ibaraki_fc_main_bold {
    font-weight: bold;
    font-size: 100%;
}
.ibaraki_fc_bold {
    font-weight: bold;
}
.ibaraki_fc_tokuten_table {
    text-align: left;
    font-weight: bold;
    font-size: 130%;
    margin-top: 10px;
}
td.ibaraki_fc_table_tokuten1 {
    width: 52%;
    background-color: #ddd;
    font-size: 100%;
    font-weight: bold;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_table_tokuten2 {
    width: 16%;
    color: #fff;
    font-size: 100%;
    font-weight: bold;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_tokuten_naiyou {
    width: 52%;
    text-align: left;
    padding: 5px;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}
td.ibaraki_fc_tokuten_naiyou2 {
    width: 16%;
    padding: 5px;
    border: 1px solid #bfbfbf;
    vertical-align: middle;
}   
.ibaraki_fc_button {
    width: 70%;
    background-color: #18469d;
    color: #fff;
    font-size: 150%;
    font-weight: bold;
    padding: 10px;
    margin: 10px 15%;
    display: block;
    text-align: center;
    text-decoration: none;
    border-radius: 5px;
}
.ibaraki_fc_button:hover {
    background-color: #ddd;
    color: #18469d;
}
.ibaraki_fc_box_long {
    width: 100%;
    border: solid 1px #ccc;
}
.ibaraki_fc_img_left {
    float: left;
    width: 40%;
    height: 230px;
    overflow: hidden;
    text-align: center;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .ibaraki_fc_img_left{
    width:100%;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    .ibaraki_fc_img_left{
    width:100%;
    }
} /* デバイスの横幅が320px以下の場合 */
.ibaraki_fc_text_right {
    float: left;
    width: 55%;
    margin: 10px 1%;
    font-size: 100%;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .ibaraki_fc_text_right{
    width:98%;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    .ibaraki_fc_text_right{
        width:98%;
    }
} /* デバイスの横幅が320px以下の場合 */
.ibaraki_fc_plan_waku {
    float: left;
    width: 32%;
    border: solid 1px #ccc;
}
ul.ibaraki_fc_ul {
    list-style-type: disc;
}
ul.ibaraki_fc_ul li{
    margin-left: 20px;
    line-height: 2.0;
}
.ibaraki_fc_goods_font {
    text-align: center;
    font-weight: bold;
    margin-top: 20px;
    font-size: 150%;
}
.ibaraki_fc_cash {
    margin-top: 10px;
}
.ibaraki_fc_slogan {
    text-align: center;
    font-weight: bold;
    font-size: 110%;
}
.ibaraki_fc_small {
    font-size: 90%;
    margin: 5px 0px;
}
.ibaraki_fc_caution {
    text-align: left;
    margin-bottom: 15px;
}
a.ibaraki_fc_form {
    background-color: #2743a0;
    width: 46%;
    float: left;
    margin: 10px 1.5%;
    padding: 10px 0px;
    text-align: center;
    font-size: 120%;
    color: #fff;
    border-radius: 5px;
    text-decoration: none;
}
a.ibaraki_fc_form:hover {
    background-color: #f17a15;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    a.ibaraki_fc_form{
    width: 96%;
    margin: 10px 2%;
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    a.ibaraki_fc_form{
    width: 96%;
    margin: 10px 2%;
}