/* ===========================================
 common
===========================================*/

/* show/hide
-------------------------------------------*/
.show-pc{
  display: block;
}
.show-tab{
  display: none;
}
.show-sp{
  display: none;
}
.show-sp-table{
  display: none;
}
.show-tab_sp {
	display: none;
}
.show-pc_tab {
	display: block;
}


/* ===========================================
 for PC
===========================================*/
.open-drawer{
  display: none;
}

#box-drawer{
  display: block;
}

#top-slider{
  width: 100%;
}

#top-slider img{
  width: 100%;
  height: auto;
}

.slick-dots
{
    position: absolute;
    bottom: -30px!important;

    display: block;

    width: 100%;
    padding: 0;
    margin: 0;

    list-style: none;

    text-align: center;
}

#content{
  width: 970px!important;
}

.container{
  position: relative;
  z-index: 10;
  display: flex;
  display: -webkit-flex;
  height: 100%;
  -webkit-align-items: stretch; /* Safari */
  align-items:         stretch;
  justify-content: flex-start;
  flex-direction: row;
/*   box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.1); */
}


.event-category-list ul li{
  position: relative;
  width: 23%;
  margin-bottom: 2rem;
  background: #FFF;
  font-size: 1.6rem;
  line-height: 1.5;
  list-style: none;
  height: 400px;
}

.event-category-list.event-exp-list ul li{
  width: 32%;
}

/*********************
@media screen and (max-width: 1220px) {
  .contents-header{
    width: 100%!important;
    height: auto!important;
  }
 ****************/

  .header-image.hi-large{
    width: 100%!important;
    height: 0!important;
    padding-top: 40%;
    max-height: 390px!important;
  }
  .header-image.hi-285{
    width: 100%!important;
    height: 0!important;
    padding-top: 29%;
    max-height: 285px!important;
  }
  .header-image.hi-medium{
    width: 100%!important;
    height: 0!important;
    padding-top: 24%;
    max-height: 230px!important;
  }
  .header-image.hi-small{
    width: 100%!important;
    height: 0!important;
    padding-top: 15%;
    max-height: 150px!important;
  }
  .top-box-inner{
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .top-box .inner-w800{
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
  }
  .top-box .inner-w800 div img{
    width: 100%;
  }
  .search-cond ul a span{
    font-size: 1rem;
  }




/* form
-------------------------------------------*/
.form_header_title{
  padding: 4rem 4rem 4rem 4rem;
}

.form_text-title{
    font-size: 3.2rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.form_text-title_def{
    font-size: 2.9rem;
    line-height: 1.5;
    margin-bottom: 15px;
}

.form_text-blue{
  color:#2e83c7;
}

.form_table{
  width: 100%;
　text-align: left;
}

.form_box_left{
  width: 30%;
  float: left;
  margin-bottom: 0.8rem;
}

.form_box_right{
  width: 60%;
  float: right;
}

.f_flt-l{
  float: left;
}

.form_ul{
  display: inline-block;
}




.f_pb20{
padding-bottom: 20px!important;
}

.f_pb30{
padding-bottom: 30px!important;
}

.f_pb40{
padding-bottom: 40px!important;
}

.f_pb60{
padding-bottom: 60px!important;
}

.f_pb80{
padding-bottom: 80px!important;
}

.f_pb100{
padding-bottom: 100px!important;
}

.f_pb120{
padding-bottom: 120px!important;
}

.f_pb140{
padding-bottom: 140px!important;
}

.f_pb150{
padding-bottom: 150px!important;
}

.f_pb160{
padding-bottom: 160px!important;
}

.f_pb170{
padding-bottom: 170px!important;
}

.f_pb180{
padding-bottom: 180px!important;
}

.f_pb200{
padding-bottom: 200px!important;
}

.f_pb220{
padding-bottom: 220px!important;
}

.f_pb250{
padding-bottom: 250px!important;
}

.f_pb280{
padding-bottom: 280px!important;
}

.f_pb300{
padding-bottom: 300px!important;
}

.f_pb320{
padding-bottom: 320px!important;
}

.f_pb340{
padding-bottom: 340px!important;
}



.select_form_item {
    padding: 5px 180px 5px 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: auto;
    min-height: 25px;
    outline: none;
    font-size: 1.3rem;
    background: url(../icons/search_arrow_down_s.svg) right 50% no-repeat #f1f1f1;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    box-shadow: 0 1px 0 #bbb;
}

.textarea_w{
	width: 50rem;
}

.textarea_h{
	height: 10rem;
}

.form_text-medium{
    font-size: 2rem;
    line-height: 1.5;
}

.img-form{
		width: 400px;
	}

.y_award_size{
  float: left;
  width:31%;
  margin-right:2%
}

.y_award_list {
	width: full;
}

.y_award_list > li {
	float: left;
	width: 31%;
	margin-right: 2%;
	margin-bottom: 20px;
}

.y_award_list > li:nth-child(3n) {
	margin-right: 0;
}

.youkou_listbox:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.youkou_listbox li {
	float: left;
	margin: 0 2% 0 2%;
	width: 30%;
	list-style-type: none;
	border: 8px solid #ffffff;
}

.youkou_listbox li:nth-of-type(3n-2) {
	margin-right: 0;
}

.youkou_listbox li img {
	width: 100%;
}



/* ******************************************************
PC form input text width
****************************************************** */
.f_input-1c{width: 1em;}
.f_input-2c{width: 2em;}
.f_input-3c{width: 3em;}
.f_input-4c{width: 4em;}
.f_input-5c{width: 5em;}
.f_input-6c{width: 6em;}
.f_input-7c{width: 7em;}
.f_input-8c{width: 8em;}
.f_input-9c{width: 9em;}
.f_input-10c{width: 10em;}
.f_input-11c{width: 11em;}
.f_input-12c{width: 12em;}
.f_input-13c{width: 13em;}
.f_input-14c{width: 14em;}
.f_input-15c{width: 15em;}
.f_input-16c{width: 16em;}
.f_input-17c{width: 17em;}
.f_input-18c{width: 18em;}
.f_input-19c{width: 19em;}
.f_input-20c{width: 20em;}
.f_input-21c{width: 21em;}
.f_input-22c{width: 22em;}
.f_input-23c{width: 23em;}
.f_input-24c{width: 24em;}
.f_input-25c{width: 25em;}
.f_input-26c{width: 26em;}
.f_input-27c{width: 27em;}
.f_input-28c{width: 28em;}
.f_input-29c{width: 29em;}
.f_input-30c{width: 30em;}

.f_input-name{width: 10em;}
.f_input-nickname{width: 22em;}
.f_input-mail{width: 24em;}

.f_input-no{width: 16em;}
.f_input-add{width: 28em;}



/* ******************************************************
PC mypege
****************************************************** */
.mypege_text-title{
    font-size: 2.7rem;
    margin-bottom: 20px;
}

.text-mypage_contest{
    font-size: 2rem;
    line-height: 1.5;
}



/*******************************************************
tatsujin profile
****************************************************** */

.tp_input-name{width: 30em;}



/* 栗原が書いたCSS　*/




.f_pb20{
padding-bottom: 20px!important;
}

.f_pb30{
padding-bottom: 30px!important;
}

.f_pb40{
padding-bottom: 40px!important;
}

.f_pb60{
padding-bottom: 60px!important;
}

.f_pb80{
padding-bottom: 80px!important;
}

.f_pb100{
padding-bottom: 100px!important;
}

.f_pb120{
padding-bottom: 120px!important;
}

.f_pb150{
padding-bottom: 150px!important;
}

.f_pb160{
padding-bottom: 160px!important;
}

.f_pb170{
padding-bottom: 170px!important;
}

.f_pb180{
padding-bottom: 180px!important;
}

.f_pb200{
padding-bottom: 200px!important;
}

.f_pb220{
padding-bottom: 220px!important;
}

.f_pb250{
padding-bottom: 250px!important;
}

.f_pb280{
padding-bottom: 280px!important;
}

.f_pb300{
padding-bottom: 300px!important;
}

.f_pb320{
padding-bottom: 320px!important;
}

.f_pb360{
padding-bottom: 360px!important;
}

.f_pb400{
padding-bottom: 400px!important;
}








/*************************************************
    芸術祭応募要項
**************************************************/


.header-youkou .header-image {
	width: 100%;
	height: 0;
	padding-top: 23.5% !important;
	background-size: 100%;
}



.youkou-flt-l2{
  float: left;
}


.f-youkou-title{
  background: #7094DB;
  font-size: 1.6rem;
  font-weight: normal;
  color: #FFF;
  padding: 0.8rem;
}



.f-youkou-title-n{
  background: #FF6569;
  font-size: 1.6rem;
  font-weight: normal;
  color: #FFF;
  padding: 0.8rem;
}


.f-youkou_listbox:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.f-youkou_listbox li {
	float: left;
	width: 48%;
	list-style-type: none;
}

.f-youkou_listbox-n:after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.f-youkou_listbox-n li {
	float: left;
	width: 30%;
	list-style-type: none;
}





/*************************************************
    LaQ館
**************************************************/

.pc-none{
      display: none!important;
  }

.laqlantoha_margin {
 margin-bottom: 40px;
}

tab_mb01{
margin-bottom: 40px
}

.laqkan_flt-l{
  float: left;
}

.laqkan-b-text{
width: 45%;
}



.laqkan-b {
width: 55%;
}



/*************************************************
   名人戦
**************************************************/





.meijin-flex-container {
  display: -webkit-flex; /* Safari */
  display: flex;
}

.meijin-flex-container {
flex-wrap: wrap;
}

.meijin-flex-container  {
  -webkit-align-content: stretch; /* Safari */
  align-content:         stretch;
}


.meijin-flex-container {
	list-style: none;
}

.meijin-margin{
 margin-right:-2%;
 overflow:hidden;
}

.meijin-flex-container li{
width: 31%;
margin: 0 2% 8% 0%;
padding-bottom: 5px;
}



/*************************************************
   LaQ殿堂
**************************************************/

.dendo-container {
float: left;
padding: 60px 50px;
width: 700px;
height:auto;
min-height:1600px;
background: url('../../img/art_festival/dendo/bg.png');
}


.dendo-side {
	float: right;
	padding: 0 20px;
	width: 270px;
}


.dendo-side .sp-toggle {
	display: none;
}



/*************************************************
   達人ブログ
**************************************************/
.comment-box-pad{
 padding: 30px;
}

.my-btn-w{
width: 42%;
}

/* 達人プロフィール */
.dendo-user__prof {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px solid #C9C9C9;
}

.d-box-k .dendo-user__prof:first-child {
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

.dendo-user__prof_ttl {
  flex: 0 1 22.22%;
  font-size: 1.8rem;
  line-height: 1.5;
}

.dendo-user__prof_txt {
  flex: 0 1 76%;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #646464;
}




/***************************************
過去のチャンピオン一覧
****************************************/
.laf_logo{
 position: absolute;
top: 10px;
right: 8%;
width: 17%
}


.champion-flex li {
width: 23% !important;
margin: 0% 2% 16px 0%;
background: #fff;
padding: 15px;
border-radius: 8px;
-webkit-border-radius: 8px;
-moz-border-radius: 8px;
text-align: center;
box-shadow:0px 2px  #999;}


.archive-banner img{
width: 100%;
margin-bottom: 30px;
}





/**********************************************************
芸術祭作品募集中
**********************************************************/
.box-contest-newfes .tbc-invite a {
  float: none;
}

.box-contest-newfes .tbc-invite .btn-tpc-top {
  width: 100%;
}

.box-contest-newfes .entry-detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.box-contest-newfes .entry-detail__btn {
  -webkit-box-flex: 0;
  -ms-flex: 0 1 48%;
      flex: 0 1 48%;
}
.box-contest-newfes .entry-detail__btn span {
  line-height: 1.3;
}
.box-contest-newfes .entry-detail__btn br {
  display: none;
}
@media screen and (max-width: 767px) {
  .box-contest-newfes .entry-detail__btn br {
    display: block;
  }
}

.box-contest-newfes .entry-form__btn {
  margin-top: 20px;
}
.box-contest-newfes .entry-form__btn a {
  padding: 1.5rem 2.5rem;
}