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


/* show/hide
-------------------------------------------*/

.show-pc {
	display: none;
}

.show-tab {
	display: block;
}

.show-sp {
	display: none;
}

.show-sp-table {
	display: none;
}

.show-tab_sp {
	display: block;
}

.show-pc_tab {
	display: block;
}


/* responsive layout
-------------------------------------------*/

#content {
	padding-bottom: 0px;
}

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

.top-news-list {
	display: table-cell;
}


/* header
-------------------------------------------*/

#header {
	box-shadow: none;
	min-height: 120px;
}

#header h1 {
	margin-top: 0;
	float: left;
}

#header h1 img {
	width: 120px;
	height: auto;
}

.header-inner {
	padding: 2rem;
}


/* drawer
-------------------------------------------*/

.open-drawer {
	float: right;
	margin-top: 1rem;
}

.open-drawer img {
	width: 60px;
}

#box-drawer {
	clear: both;
	display: none;
	padding-top: 1rem;
}


/* gnav
-------------------------------------------*/

#gnav {
	width: 100%;
}

#gnav li {
	list-style: none;
}

#gnav li a {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}

#banner li {
	list-style: none;
}


/* content
-------------------------------------------*/

#content {
	width: 100%;
}

#top-slider {
	width: 100%;
}

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

.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%;
	padding-left: 2rem;
	padding-right: 2rem;
}

.top-box .inner-w970 {
	width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
}

.top-box .inner-w970 div img {
	width: 100%;
	padding-left: 2rem;
	padding-right: 2rem;
}

.top-news-list a {
	font-size: 1.4rem;
}


/* header
-------------------------------------------*/

.hi-small,
.hi-small .header-image {
	height: 100%;
	width: 100%;
}

.hi-large,
.hi-large .header-image {
	height: 100%;
	width: 100%;
}

.hi-large .header-image {
	width: 100%!important;
	width: 100%!important;
	height: 0!important;
	padding-top: 34%!important;
	background-size: cover!important;
}

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


/* ===========================================
 art_festival
===========================================*/

.art_festival .art_festival-box.contest .hit-list h3 {
	position: relative;
	z-index: 1;
	margin: 40px 0 30px;
	padding: 20px 0 20px 80px;
	text-align: left;
	height: auto;
	font-size: 18px;
	background: #ffffff;
	border: 3px solid #ff6400;
}

.art_festival .art_festival-box.contest .hit-list h3::before,
.art_festival .art_festival-box.contest .hit-list h3::after {
	position: absolute;
	z-index: 9;
}

.art_festival .art_festival-box.contest .hit-list h3::after {
	content: "";
	display: block;
	right: 4px;
	bottom: -25px;
	width: 240px;
	height: 90px;
	background: url('../../img/art_festival/contest-hit-balloon.png') no-repeat;
	background-size: 100%;
}

.art_festival .art_festival-box.contest .hit-list h3::before {
	content: "";
	width: 100px;
	height: 60px;
	background: url('../../img/art_festival/contest-hit-img.png') no-repeat;
	background-size: 100%;
	top: 50%;
	left: -40px;
	margin-top: -30px;
}

.art_festival .art_festival-box.contest .hit-list ul {
	padding: 0;
	width: 100%;
	height: auto;
	background-position:center center;
	background-repeat:repeat;
}

.art_festival .art_festival-box.contest .hit-list ul::before,
.art_festival .art_festival-box.contest .hit-list ul::after {
	background-size: 100%;
}

.art_festival .art_festival-box.contest .hit-list li {
	float: left;
	padding: 30px 0;
	width: 33%;
	height: auto;
}

.art_festival .art_festival-box.contest .hit-list li a {
	width: 80%;
}

.art_festival .art_festival-box.contest .hit-list li a img {
	max-width:100%;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list {
	padding: 6vw 20px;
	width: 100%;
	height: 55vw;
	background: url('../../img/art_festival/archive-dendo-bg.png');
	background-size: 100%;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list h2 img {
	width: 25vw;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list h3 {
	margin: 3vw;
	font-size: 2.5vw;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list .tbc-dendou-list ul {
	margin: 0;
}

.art_festival.monthly.sakuhin .art_festival-box.contest .btn-area a {
	float: left;
}

.art_festival.monthly .art_festival-box.contest .btn-area a {
	margin: 0;
	width: 32.0%;
	font-size: 14px;
}

.art_festival.monthly .art_festival-box.contest .btn-area a + a {
	margin-left: 2%;
}

.art_festival.champion2016 .champion {
	padding: 6vw;
	width: 90%;
	height: 80vw;
	background-size: 100%;
}

.art_festival.champion2016 .champion figure {
	width: 12vw;
}

.art_festival.champion2016 .champion figure img {
	width: 100%;
}

.art_festival.champion2016 .champion h2 {
	margin: 0 0 0 14vw;
	font-size: 4vw;
}

.art_festival.champion2016 .champion h3 {
	margin: 1.5vw 0 0 14vw;
	font-size: 1vw;
}

.art_festival.champion2016 .champion .txtbox {
	clear: both;
	padding: 2vw 0 0;
	font-size: 1.7vw;
	line-height: 1.7;
}

.art_festival.champion2016 .champion .txtbox .right {
	margin-top: 2vw;
}

.art_festival.champion2016 .championbox {
	width: 90%;
}

.art_festival.champion2016 .championbox .item {
	float: left;
	width: 49%;
}

.art_festival.champion2016 .championbox .item:nth-of-type(2) {
	margin-left: 2%;
}

.art_festival.champion2016 .championbox .item figure {
	padding: 20px;
}

.art_festival.champion2016 .championbox figure img {
	position: absolute;
	max-width: 90%;
	max-height: 100%;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
}


/* about
-------------------------------------------*/

.ba-parts-exp span {
	width: 60%;
}

.ba-parts-exp img {
	width: 38%;
	max-width: 300px;
}


/* product
-------------------------------------------*/

.search-cond ul li.search-special-box {
	display: none;
}

.search-books {
	border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}

.search-innovator-box {
	width: 19%;
}

.search-cond ul li.search-special-box {
	display: none;
}

.search-cond ul li:first-child {}


/* build
-------------------------------------------*/

.search-lv1-box {
	border-radius: 4px;
}

.search-lv2-box {
	border-radius: 4px;
}

.search-lv3-box {
	border-radius: 4px;
}


/* contest
-------------------------------------------*/

.header-contest {
	height: 100%;
	width: 100%;
}

.header-contest .header-image {
	width: 100%;
	height: 0;
	padding-top: 24.39%;
	background: url(../../contest/img/01_contest_header.jpg) no-repeat center top;
	background-size: cover;
}

.contest-box-dendou-wrap .contest-box-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 40px;
}


/* event
-------------------------------------------*/

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

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

.ba-voice-list ul li {
	width: 48%;
}

.event-map {
	position: relative;
	padding-top: 63%;
}

.event .content-inner main {
	padding-bottom: 0;
}


/* news
-------------------------------------------*/

.header-news .header-image {
	width: 100%!important;
	height: 0!important;
	padding-top: 15%!important;
	/*   background: url(../../event/img/img_event_header_sp.jpg) no-repeat center top!important; */
	background-size: cover!important;
}


/* support
-------------------------------------------*/

.support-wrapper {
	padding: 2rem 2rem 2rem 2rem;
}

.sup-news li a {
	padding: 0.5rem 1rem 1rem 0;
}


/* backtotop
-------------------------------------------*/

.backtotop {
	float: none;
	position: relative;
	right: 0;
	width: 100%;
}

.backtotop a {
	width: 100%;
	text-align: center;
	border-radius: 0 0 0 0 / 0 0 0 0;
}


/* footer
-------------------------------------------*/

#footer {
	padding-top: 0;
	border-top: none;
}

#footer .inner {
	text-align: center;
	padding-top: 50px;
}

#footer .inner ul {
	margin: 2rem auto;
}

#footer .inner ul li:first-child {
	position: absolute;
	top: 1.5rem;
	left: 50%;
	margin-left: -62px;
}

#footer .inner ul li {
	margin: 0 1rem;
}

#fnav-under .inner p.copyright {
	position: relative;
	bottom: auto;
	right: auto;
	font-size: 1.4rem;
	margin: 1.5rem 1rem;
}

.address span {
	display: block;
	margin: 1rem auto;
}

#fnav-upper {
	display: none;
}

#fnav-under .inner {
	width: 100%;
	margin-left: auto;
}



/* footer
-------------------------------------------*/
#footer{
  padding-top: 0;
  border-top:none;
}

#footer .inner{
  text-align: center;
  padding-top: 50px;
}

#footer .inner ul{
  margin: 2rem auto;
}

#footer .inner ul li:first-child{
  position: absolute;
  top:1.5rem;
  left:50%;
  margin-left: -62px;
}

#footer .inner ul li{
  margin: 0 1rem;
}

#fnav-under .inner p.copyright{
  position: relative;
  bottom: auto;
  right: auto;
  font-size: 1.4rem;
  margin: 1.5rem 1rem;
}

.address span{
  display: block;
  margin: 1rem auto;
}

#fnav-upper{
  display: none;
}

#fnav-under .inner{
  width: 100%;
  margin-left: auto;
}


/* 追加分 */

.about-exp-box{

}

.about-exp-box .btn-area{
  margin-top: 0;
}

.about-exp-box .btn-area a{
  line-height: 1.37;
  margin-bottom: 20px;
}

.box-festa{
  box-shadow: 0 2px 1px rgba(0,0,0,0.15);
}

#festa_archive{
}

.bf-inner{
  padding: 4rem 4rem 2rem 4rem;
}
.bf-inner img{
  width: 100%;
  height: auto;
}

.box-festa a{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #377EEB;
}
.box-festa dt{
  margin-bottom: 1rem;
}

.box-festa dd{
  margin-bottom: 3rem;
}

#festa_archive a{
  font-size: 1.6rem;
  line-height: 1.5;
  color: #377EEB;
}

#festa_archive dt{
  margin-bottom: 1rem;
}

#festa_archive dd{
  margin-bottom: 3rem;
}


/* form
-------------------------------------------*/
.form-wrapper{
  padding: 2rem 2rem 2rem 2rem;
}

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

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

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

.select_form_item {
    padding: 5px 200px 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%
}

.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%;
}



/* ******************************************************
tab 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-add{width: 28em;}

.f_input-no{width: 16em;}




/* ******************************************************
tab 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;}




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




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

.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館
*****************************************************/

.laqlantoha_margin {
 margin-bottom: 120px;
}

.laqlantoha_margin2 {
 margin-bottom: 120px;
}

.laqlantoha_margin3 {
 margin-bottom: 20px;
}

.laqkan_flt-l{
  float: left;
}







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





.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%;
}





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

/* 達人プロフィール */
.dendo-user__prof {
  list-style-type: none;
  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 {
  font-size: 1.8rem;
  line-height: 1.5;
}

.dendo-user__prof_txt {
	margin-top: 5px;
  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% 18px 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__btn span {
  line-height: 1.3;
}
.box-contest-newfes .entry-detail__btn br {
  display: none;
}
.box-contest-newfes .entry-detail__btn a {
  padding: 1.5rem 2.5rem;
}
@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;
}