@charset "utf-8";

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


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

.show-pc {
	display: none;
}

.show-tab {
	display: none;
}

.show-sp {
	display: block!important;
}

.show-sp-table {
	display: table!important;
}

.show-tab_sp {
	display: block;
}

.show-pc_tab {
	display: none;
}


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

.slick-dots {
	position: absolute;
	bottom: -35px!important;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}

#content {
	padding-bottom: 0;
}

#gnav li a {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
	padding-left: 20px;
	padding-right: 20px;
}

#gnav li a::before {
	display: none;
}

.gnav-about {
	background: url(../icons/icon_org_gnav_about.svg) no-repeat 20px center;
}

.gnav-news-en {
	background: url(../icons/icon_org_gnav_news_en.png) no-repeat 20px center;
}

.gnav-time-en {
	background: url(../icons/icon_org_gnav_time_en.png) no-repeat 20px center;
}


.gnav-event {
	background: url(../icons/icon_org_gnav_event.svg) no-repeat 20px center;
}

.gnav-product {
	background: url(../icons/icon_org_gnav_product.svg) no-repeat 20px center;
}

.gnav-build {
	background: url(../icons/icon_org_gnav_build.svg) no-repeat 20px center;
}

.gnav-contest {
	background: url(../icons/icon_org_gnav_contest.svg) no-repeat 20px center;
}

.gnav-shop {
	background: url(../icons/icon_org_gnav_shop.svg) no-repeat 28px center;
}

.gnav-support {
	background: url(../icons/icon_org_gnav_support.svg) no-repeat 28px center;
}

.gnav-news {
	background: url(../icons/icon_org_gnav_news.svg) no-repeat 28px center;
}

.gnav-english {
	background: url(../icons/icon_org_gnav_english.svg) no-repeat 28px center;
}

.top-box-about-wrap,
.top-box-product-wrap,
.top-box-contest-wrap,
.top-box-build-wrap {
	padding: 30px 15px;
}

.top-box-inner-sec {
	padding: 0 20px;
}

.top-box-product {
	padding: 0 20px;
}

.top-box-about-wrap .fl-box-1,
.top-box-contest .fl-box,
.contest-box-dendou-wrap .fl-box-1 {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: top;
	justify-content: top;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.top-box-about-wrap .fl-box-1 .fl-box-1a {
	-ms-flex-order: 2;
	/*for IE10*/
	-webkit-order: 2;
	/* for old webkit browser */
	order: 2;
	width: 100%;
}

.top-box-about-wrap .fl-box-1 .fl-box-1b {
	-ms-flex-order: 1;
	/*for IE10*/
	-webkit-order: 1;
	/* for old webkit browser */
	order: 1;
	width: 100%;
	margin-bottom: 20px;
}

.top-box-about-wrap .fl-box-2 .fl-box-2a {
	width: 100%;
}

.top-box-about-wrap .fl-box-2 .fl-box-2b {
	width: 100%;
}

.top-box-about-wrap .fl-box-2 ul li {
	width: 45%;
	margin-bottom: 5%;
}

.top-box-about-wrap .fl-box-2 ul li a {
	padding: 1rem;
}

.top-box-about-wrap .fl-box-2 ul li a img {
	margin-bottom: 3rem;
}

.top-box-about-wrap .fl-box-3 {
	display: block;
}

.top-box-about-wrap .fl-box-3 .fl-box-3a {
	width: 100%;
	margin-bottom: 30px;
}

.top-box-about-wrap .fl-box-3 .fl-box-3b {
	width: 100%;
}

.contest-box-dendou-wrap .fl-box-1 .fl-box-1a {
	-ms-flex-order: 2;
	/*for IE10*/
	-webkit-order: 2;
	/* for old webkit browser */
	order: 2;
	width: 100%;
}

.contest-box-dendou-wrap .fl-box-1 .fl-box-1b {
	-ms-flex-order: 1;
	/*for IE10*/
	-webkit-order: 1;
	/* for old webkit browser */
	order: 1;
	width: 100%;
	margin-bottom: 20px;
}

.top-box-contest-wrap h3 {
	width: 100%;
	margin-bottom: 30px!important;
}

.box-contest-about {
	border: none;
	padding: 0;
	background: none;
}

.top-product-nav {
	display: block;
}

.tbc-dendou {
	background: none;
}

.tbc-dendou h4 {
	color: #bf272d;
}

	.tbc-dendou::before,.tbc-dendou::after {
		display:none;
	}
.tbc-dendou p.text-white {
	color: #646464;
}

.tbc-dendou-list {
	border-radius: 10px;
	padding: 35px;
	margin: 40px 0;
	background: url(../../img/top/25_top_dendo_back_pc.png) #5f0000;
	background-size: 100% 100%;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
}

.top-box-contest-wrap {
	box-shadow: none;
}

.tbc-dendou {
	box-shadow: none;
	padding: 0;
}

.top-box-contest-wrap .top-box-inner-sec {
	padding: 20px 15px;
}

.text-title-tbc {
	color: #bf272d;
	text-shadow: none;
	margin-bottom: 5px;
}

.btt-small {
	font-size: 1.6rem!important;
}

.tdc-slider {
	background: #FFF;
}

.tdc-slider a p {
	font-size:12px;
}
.tdc-slider a:hover .work-title {
	text-decoration: underline;
}

.tdc-slider a {
	color: #646464;
}

.tdc-slider a:hover {
	color: #6464d1;
}

.tbc-dendou-list.sliders {
	border: none;
}

.sliders img {
	width: 100%;
	height: auto;
}

.top-box-contest .fl-box .fl-box1 {
	-ms-flex-order: 2;
	/*for IE10*/
	-webkit-order: 2;
	/* for old webkit browser */
	order: 2;
	width: 100%;
}

.top-box-contest .fl-box .fl-box2 img {
	width: 85%!important;
	margin-bottom: 30px!important;
}

.top-box-contest .fl-box .fl-box2 a {
	display: block;
	width: 14em;
	margin: 0 auto 20px auto;
}

.top-box-contest .fl-box .fl-box2 {
	-ms-flex-order: 1;
	/*for IE10*/
	-webkit-order: 1;
	/* for old webkit browser */
	order: 1;
	width: 100%;
	margin-bottom: 20px;
	text-align: center;
}

.top-product-nav li {
	width: 100%;
	display: table;
	margin-bottom: 1rem;
}

.top-product-nav li a {
	display: table-cell;
	vertical-align: middle;
	width: 100%;
	height: 120px;
	font-size: 1.8rem;
	background-size: 40% auto;
}

.top-product-nav li a {
	background-position: right center;
}

.top-product-nav-under li {
	display: block !important;
	float: none;
	width: 100% !important;
}

.top-product-nav-under li a {
	width: 100%;
}

.top-pn-ranking,
.top-pn-ranking li {
	height: auto !important;
}

.top-pn-pickup {
	margin-bottom: 1rem;
}

.top-pn-ranking ul li {
	border: none;
}

.top-pn-ranking ul li + li {
	border-top: 3px solid #9c8ed9;
}

.top-pn-pickup-sp a {
	border: 2px solid #834a91;
	color: #834a91;
	font-weight: bold;
	height: 85px;
	line-height: 50px;
}

.top-pn-pickup-sp a.triangle:after {
	border-color: transparent transparent #834a91 transparent;
}

.top-pn-ranking-sp a {
	border: 2px solid #d89113;
	color: #d89113;
	font-weight: bold;
	height: 85px;
	line-height: 50px;
}

.top-pn-ranking-sp a.triangle:after {
	border-color: transparent transparent #d89113 transparent;
}

.top-pn-books a {
	background-size: 200px 138px;
}

.top-news {
	display: block;
	padding-top: 60px;
	margin: 0 10px;
}

.top-news-list {
	display: block;
	width: 100%;
	padding: 2rem;
	background: #FFF;
}

.top-news-list h2 {
	display: none;
}

.top-news-list {
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-right: 2px solid;
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
}

.top-news-list li a {
	font-size: 1.4rem;
	padding: 2rem 0;
}

.top-news-list.event {
	border-color: #ffaa00;
}

.top-news-list.news {
	border-color: #FF5555;
}

.top-news-list.topics {
	border-color: #01BF60;
}

.top-news-tab {
	width: 100%;
}

.top-news-tab li {
	width: 33.3333%;
	display: inline-block;
	list-style: none;
	font-size: 1.4rem;
}

.top-news-tab li a {
	border: 2px solid;
}

.top-box-news {
	background: #f6f3ee;
	margin-bottom: 0;
}

.top-news-tab li.tab-event a {
	border-color: #ffaa00;
	border-radius: 4px 0 0 0 / 4px 0 0 0;
	border-bottom: none;
	width: 100%;
	display: block;
	padding: 1.8rem 1rem;
	background: #ffaa00;
	text-align: center;
}

.top-news-tab li.tab-news a {
	border-color: #ff8889;
	border-radius: 0 0 0 0 / 0 0 0 0;
	border-bottom: none;
	width: 100%;
	display: block;
	padding: 1.8rem 1rem;
	background: #ff8889;
	text-align: center;
}

.top-news-tab li.tab-topics a {
	border-color: #34cc81;
	border-radius: 0 4px 0 0 / 0 4px 0 0;
	border-bottom: none;
	width: 100%;
	display: block;
	padding: 1.8rem 1rem;
	background: #34cc81;
	text-align: center;
}

.top-news-tab li a {
	color: #FFF;
}

.top-news-tab li.tab-event.active a {
	background: #FFF;
	color: #ff9f00;
}

.top-news-tab li.tab-news.active a {
	background: #FFF;
	color: #FF5555;
}

.top-news-tab li.tab-topics.active a {
	background: #FFF;
	color: #01BF60;
}

.top-news-list {
	display: none;
}

.top-news-list.active {
	display: block;
}

.top-build-list {
	display: block;
}

.top-build-list li {
	display: block;
	width: 100%;
}

.top-box p.p-copy {
	font-size: 2.4rem;
}

.top-build-list li a {
	font-size: 2.4rem;
}

.top-bl-detail span {
	font-size: 2.4rem;
}

.top-build-list.sliders {
	border: none;
	box-shadow: none;
}

.tbl-slider .slider {
	display: block;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
}

.top-bl-icon {
	display: none;
}

.award-point {
	text-align: center;
	font-size: 1.6rem;
}

.award-point img {
	width: auto;
	display: inline-block!important;
	width: 20px;
	margin-right: 0.5rem;
}

.top-build-list {
	margin-top: 2rem;
}

.top-box-youtube-wrap {
	background: #eeebe5;
	padding: 40px 20px;
}

.top-box-youtube-wrap .text-title-large {
	background: #e70000;
	text-align: center;
	margin-bottom: 0;
	padding: 0.5rem 0;
}

.top-box-youtube-wrap .movie {
	position: relative;
	width: 100%;
	padding-top: 56.25%;    /* 315/560*100 */
}
.top-box-youtube-wrap .movie iframe {
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}

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

.slick-dotted.slick-slider {
	margin-bottom: 0!important;
}

.search-cond ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.news .search-cond ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
}

.news .search-cond ul li {
	margin-bottom: 1rem;
	margin-right: 2%;
}

.news .search-news-box .search-years {
	border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
}

.news .search-news-box .search-years span {
	display: block;
	line-height: 1.5;
	padding: 1.1rem 0rem;
}

.search-cond li {
	display: block;
	width: 23%;
}

.search-tag {
	display: none;
}

.search-cond li a {
	border-radius: 4px;
	font-size: 1.4rem;
}

.news .search-pl-wrapper {
	padding: 0 2rem 4rem 2rem;
}

.news .search-cond li:last-child {
	width: 48%;
}

.news .search-news-box .search-years select {
	font-size: 16px;
}

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

.event .search-event .search-cond input[type="text"] {
	font-size: 16px;
}

.event .search-pl-wrapper {
	padding: 0 2rem 0 2rem;
}

.header-about .header-image {
	width: 100%;
	width: 100%;
	height: 0;
	padding-top: 28.12%!important;
	background: url(../../img/about/01_laqtoha_header_mobile.jpg) no-repeat center top;
	background-size: cover;
}

.header-art_festival .header-image {
	width: 100%;
	height: 0;
	padding-top: 28.12% !important;
	background: url(../../img/art_festival/01_laqtoha_header_mobile.jpg) no-repeat center top;
	background-size: 100%;
}

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

.header-product .header-image {
	width: 100%;
	width: 100%;
	height: 0;
	padding-top: 28.12%!important;
	background: url(../../img/product/bg_header_sp.jpg) no-repeat center top;
	background-size: cover;
}

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

.header-build .header-image {
	width: 100%;
	width: 100%;
	height: 0;
	padding-top: 28.12%!important;
	background: url(../../img/build/04_tsukuttemiyou_header_mobile.jpg) no-repeat center top;
	background-size: cover;
}

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

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

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

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

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

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

.nav-event-area {
	width: 100%;
	table-layout: fixed;
}

.nav-event-area td:nth-child(even) {
	padding: 0.5rem 0 0.5rem 0.5rem;
}

.nav-event-area td:nth-child(odd) {
	padding: 0.5rem 0.5rem 0.5rem 0;
}

.btn-search-sp {
	color: #FFF;
	display: block;
	width: 100%;
	font-size: 1.4rem;
	background: #377eeb;
	border-radius: 4px;
	line-height: 4;
	text-align: center;
}

.btn-search-sp-more {
	color: #377eeb;
	display: block;
	width: 100%;
	font-size: 1.4rem;
	background: #FFF;
	border-radius: 4px;
	line-height: 4;
	text-align: center;
}

.search-wrapper {
	padding: 2rem 2rem 0rem 2rem;
}

.search-pl-wrapper {
	padding: 0 2rem 0 2rem;
}

.item-box {
	width: 100%;
	background: #FFF;
	border-radius: 8px;
	margin-bottom: 2rem;
	box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
	margin-right: 0rem;
	padding: 0px 0px 0px 0px;
}

#event-list .item-box {
	padding: 30px 20px 20px 20px;
}

.item-left {
	float: left;
	width: 35%;
}

.item-right {
	float: right;
	width: 65%;
	padding: 2rem 0rem 2rem 0;
}

.item-ph {
	padding: 1rem;
}

.item-right:after {}

.item-name {
	font-size: 1.5rem;
}

.item-copy-sp {
	display: block;
	font-size: 1.2rem;
	margin-bottom: 1rem;
}

.item-level {
	clear: both;
}

.item-box a {
	width: 100%;
}

.index-contestarea {
	margin-top: 40px;
}

.index-contestarea .tbc-award-ttl-inner {
	font-size: 18px;
	padding-left: 20px;
}

.index-contestarea .tbc-award-ttl-inner img {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
}

.index-contestarea .tbc-work-list ul {
	display: block;
}
.index-contestarea .tbc-work-list ul a > img {
	width:100%;
	max-width:inherit;
	max-height:inherit;
}


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

.art_festival {
	margin-bottom: 0;
}

.art_festival .tbc-award-ttl-inner img {
	position: absolute;
	left: -20px;
	top: 50%;
	margin-top: -15px;
	width: 30px;
}

.header-art_festival .header-image {}

.art_festival .art_festival-box.dendo {
	padding: 20px 20px 40px;
	color: #ffffff;
	background: url('../../img/art_festival/dendo-bg.png');
}

.art_festival .art_festival-box.dendo h1 {
	margin-bottom: 30px;
	font-size: 24px;
	line-height: 40px;
}

.art_festival .art_festival-box.dendo h1 img {
	height: 40px;
}

.art_festival .art_festival-box.dendo h2 {
	margin-bottom: 10px;
	font-size: 18px;
	font-weight: 300;
}

.art_festival .art_festival-box.dendo > p {
	float: none;
	margin-bottom: 20px;
	width: 100%;
	font-size: 14px;
	line-height: 1.7em;
}

.art_festival .art_festival-box.dendo > h3 {
	float: none;
	margin-bottom: 20px;
}

.art_festival .art_festival-box.dendo > h3 img {
	width: 100%;
}

.art_festival .art_festival-box.dendo > .dendo-list {
	clear: both;
	margin: auto;
	padding: 30px 20px 20px;
	width: 100%;
	background: #4b0000;
	border-radius: 20px;
	border: 3px solid #ffe188;
}

.art_festival .art_festival-box.dendo > .dendo-list h2 {
	text-align: center;
}

.art_festival .art_festival-box.dendo > .dendo-list h2 img {
	width: 100%;
	max-width: 100%;
}
.art_festival .art_festival-box.dendo > .dendo-list::before,
.art_festival .art_festival-box.dendo > .dendo-list::after {
	display:none;
}
.art_festival .art_festival-box.dendo .tbc-dendou-list {
	margin: 20px 0 0;
	padding: 20px;
}

.art_festival .art_festival-box.dendo .tbc-dendou-list ul {
	display: block;
	margin: 0;
}

.art_festival .art_festival-box.dendo .tbc-dendou-list li {
	width: 100%;
}

.art_festival .art_festival-box.contest {
	padding: 60px 20px;
	background: #ffe188 url('../../img/art_festival/contest-bg.png') no-repeat;
	background-size: 100%;
}

.art_festival .art_festival-box.contest .box-contest-newfes {
	padding: 20px 20px 30px;
	background: url(../../img/top/box-contest-newfes.png), #ffffb1;
	background: url(../../img/top/box-contest-newfes.png), -moz-radial-gradient(center, ellipse cover, #ffffff 25%, #ffffb1 100%);
	background: url(../../img/top/box-contest-newfes.png), -webkit-radial-gradient(center, ellipse cover, #ffffff 25%, #ffffb1 100%);
	background: url(../../img/top/box-contest-newfes.png), radial-gradient(ellipse at center, #ffffff 25%, #ffffb1 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffb1', GradientType=1);
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	margin: 40px 0;
	background-position: 100%;
	background-size: 100% auto;
}

.art_festival .art_festival-box.contest .bcn-laf {
	position: static;
	display: block;
	margin: auto;
	width: 120px;
}

.art_festival .art_festival-box.contest .tbc-invite {
	position: static;
	width: 100%;
	margin: 20px 0 0;
}

.art_festival .art_festival-box.contest .tbc-invite-ttl {
	font-size: 20px;
	text-align: center;
}

.art_festival .art_festival-box.contest .tbc-invite-date {
	font-size: 12px;
	text-align: center;
}

.art_festival .art_festival-box.contest > h2 img {
	width: 200px;
}

.art_festival .art_festival-box.contest .box-contest-newfes {
	position: relative;
}

.art_festival .art_festival-box.contest .bcn-laf {
	top: 40px;
	left: 45px;
}

.art_festival .art_festival-box.contest .tbc-invite a:nth-child(3),
.art_festival .art_festival-box.contest .tbc-invite a:nth-child(4) {
	display: block;
	width: 100%;
	float: none;
}

.art_festival .art_festival-box.contest .tbc-invite a:nth-child(4) {
	margin-top: 10px;
}

.art_festival .art_festival-box.contest .box-contest-about {
	border: 2px solid #bea350;
	border-radius: 4px;
	padding: 20px;
	background: #FFF;
	display: block;
}

.art_festival .art_festival-box.contest .box-contest-about .fl-box {
	display: block;
	width: 100%;
}

.art_festival .art_festival-box.contest .box-contest-about .fl-box1 {
	width: 100%;
}

.art_festival .art_festival-box.contest .box-contest-about .fl-box2 {
	margin-top: 20px;
	width: 100%;
}

.art_festival .art_festival-box.contest .box-contest-about .fl-box2 a {
	width: 100%;
}

.art_festival .art_festival-box.contest .tbc-award-ttl-inner {
	font-size: 18px;
	padding-left: 20px;
}

.art_festival .art_festival-box.contest .tbc-work-list {
	margin: 10px 0 20px;
}

.art_festival .art_festival-box.contest .tbc-work-list ul {
	width: 100%;
	display: block;
	padding: 0 15px;
}

.art_festival .art_festival-box.contest .tbc-work-list li {
	display: block;
	width: 100%;
}

.art_festival .art_festival-box.contest .tbc-work-list li > img {
	width: 100%;
}

.art_festival .art_festival-box.contest .work-title {
	margin-bottom: 1rem;
}

.art_festival .art_festival-box.contest,
.art_festival .art_festival-box.contest p {
	font-size:12px;
}
.art_festival .art_festival-box.contest .work-label {
	background: #e5e5e5;
	display: inline-block;
	line-height: 1.5;
	padding: 0 0.2rem;
	color: #646464;
	margin: 0 0.4rem 0 0;
}

.art_festival .art_festival-box.contest .work-name {
	color: #646464;
	font-weight: bold;
}

.art_festival .art_festival-box.contest .hit-list h3 {
	position: relative;
	z-index: 1;
	margin: 40px 0 32vw;
	padding: 20px 0;
	text-align: center;
	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;
	bottom: -45vw;
	width: 100%;
	height: 40vw;
	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 {
	margin: 0;
	padding: 20px 0;
	width: 100%;
	height: auto;
	background: #fffac8;
	border: 3px solid #e17c2b;
	border-radius: 20px;
}

.art_festival .art_festival-box.contest .hit-list li {
	padding: 0 20px;
	width: 100%;
	height: 100%;
	list-style-type: none;
}

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

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

.art_festival .art_festival-box.contest .hit-list + .btn-area a {
	width: 80%;
}

.art_festival .art_festival-box.contest .hit-list + .btn-area a + a {
	margin-top: 10px;
}


/* ===========================================
 art_festival.archive
 art_festival.monthly
===========================================*/

.art_festival .archive-list {
	margin: 20px 0 40px;
}

.art_festival .archive-list ul {
	padding: 0;
}

.art_festival .archive-list li {
	margin-right: 3%;
	width: 31%;
	height: 109px;
	font-size: 30px;
}

.art_festival .archive-list li span {
	font-size: 14px;
}

.art_festival .archive-list li:nth-of-type(3n) {
	margin: 0;
}

.art_festival .archive-list li:nth-of-type(n+4),
.art_festival .archive-list li:nth-of-type(n+7) {
	margin-top: 2vw;
}

.art_festival.archive .btn-area a + a {
	margin-top: 20px;
}

.art_festival .archive-list h3 {
	margin-bottom: 20px;
	font-size: 20px;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list {
	background: none;
	height: auto;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list h2 img {
	width: 200px;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list h3 {
	font-size: 18px;
}

.art_festival.monthly .art_festival-box.contest {
	padding: 0;
	background: #ffe188 url('../../img/art_festival/champion2016/bg.png') no-repeat;
	background-size: 100%;
}

.art_festival.monthly .art_festival-box.contest .bgcontainer {
	padding: 40px 10px 0;
	background: #ffe188 url('../../img/art_festival/champion2016/bg.png') no-repeat;
	background-size: 100%;
}

.art_festival.monthly .art_festival-box.contest .bgcontainer + .bgcontainer {
	border-top: 1px solid #cccccc;
}

.art_festival.monthly .monthly-logo {
	width: 280px;
	margin-bottom: 20px;
}

.art_festival.monthly .monthly-logo + h4 {
	margin-bottom: 20px !important;
	text-align: center;
	color: #666666;
}

.art_festival.monthly .monthly-logo + h4 img {
	display: none;
}

.art_festival.monthly .monthly-logo + h4 .sphidden {
	display: none;
}

.art_festival.monthly .art_festival-box.contest .tbc-award-ttl {
	border: 3px solid #bea350;
	border-bottom: 0;
	color: #bb932d;
}

.art_festival.monthly .art_festival-box.contest .tbc-award-ttl:after,
.art_festival.monthly .art_festival-box.contest .tbc-award-ttl:before {
	display: none;
}

.art_festival.monthly .art_festival-box.contest .tbc-award-ttl-inner {
	padding: 0;
	font-size: 16px;
	text-align: left;
	line-height: 40px;
}

.art_festival.monthly .art_festival-box.contest .tbc-award-ttl-inner img {
	position: static;
	display: inline-block;
	height: 40px;
	width: auto;
	padding: 6px;
	margin: 0 8px 0 0;
	background: #bea350;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list {
	padding: 0 0 50px;
	margin: 0;
	border: 0;
	background: transparent;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list:after,
.art_festival.monthly .art_festival-box.contest .tbc-work-list:before,
.art_festival.monthly .art_festival-box.contest .tbc-work-list li:after,
.art_festival.monthly .art_festival-box.contest .tbc-work-list li:before {
	display: none;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul {
	margin: 0;
	padding: 0;
	width: 100%;
	background:#ffffff;
	border: 3px solid #bea350;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul li {
	margin: 0;
	padding: 0;
	width: 100%;
	border: none;
	box-sizing:border-box;
}
.art_festival.monthly .art_festival-box.contest .tbc-work-list ul li a {
	display:block;
	position:relative;
	margin: 0;
	padding: 75% 0 0;
	margin-bottom:80px;
}
.art_festival.monthly .art_festival-box.contest .tbc-work-list ul li a > img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.art_festival.monthly .art_festival-box.contest .tbc-work-list ul li a > div {
	position:absolute;
	bottom:-80px;
	left:0;
	width:100%;

}
.art_festival.monthly .art_festival-box.contest .tbc-work-list.general li a{
	margin-bottom:60px;
}
.art_festival.monthly .art_festival-box.contest .tbc-work-list.general ul li a > div {
	bottom:-60px;

}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots,
.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots li,
.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots button {
	border: none;
	background: transparent;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots li {
	display: inline-block;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots li button:before {
	font-size: 6px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}

.art_festival.monthly .art_festival-box.contest .tbc-work-list ul.slick-dots li.slick-active button:before {
	content: '●' !important;
	color: #bea350 !important;
	opacity: 1;
}

.art_festival.monthly .art_festival-box.contest .hit-list > .box {
	border: 3px solid #bea350;
	border-bottom: 0;
	background: #ffffff;
}

.art_festival.monthly .art_festival-box.contest .hit-list h3 {
	margin: 0;
	padding-bottom: 0;
	border: none;
}

.art_festival.monthly .art_festival-box.contest .hit-list h3.hit::before {
	content: "";
	position: absolute;
	left: 50%;
	top: 100%;
	margin: -25px auto auto -7em;
	display: block;
	width: 50px;
	height: 50px;
	background-image: url('../../img/art_festival/sakuhin/icon2.png') no-repeat;
	background-size: 100%;
}

.art_festival.monthly .art_festival-box.contest .hit-list h3 + p {
	padding: 10px 0;
	font-size: 12px;
	color: #333;
	line-height: 1.5;
	text-align: center;
}

.art_festival.monthly .art_festival-box.contest .hit-list h3::before,
.art_festival.monthly .art_festival-box.contest .hit-list h3::after {
	display: none;
}

.art_festival.monthly .art_festival-box.contest .hit-list ul {
	padding: 0;
	border: 3px solid #bea350;
	border-radius: 0;
	overflow:visible;
	background:#ffffff;
}

.art_festival.monthly .art_festival-box.contest .hit-list li {
	padding: 0;
	border: none;
	width:100%;
}

.art_festival.monthly .art_festival-box.contest .hit-list li a {
	width: 100%;
	border: none;
}

.art_festival.monthly .art_festival-box.contest .hit-list li a:before,
.art_festival.monthly .art_festival-box.contest .hit-list li a:after,
.art_festival.monthly .art_festival-box.contest .hit-list li .tbc-work-detail:before {
	display: none;
}

.art_festival.monthly .art_festival-box.contest .hit-list li .tbc-work-detail {
	border-top: 3px solid #bea350;
}

.art_festival.monthly .art_festival-box.contest .hit-list li a {
	display:block;
	width:100%;
	position:relative;
	padding: 57.5% 0 0;
	margin-bottom:60px;
}
.art_festival.monthly .art_festival-box.contest .hit-list li a img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	margin:auto;
	width:auto;
	height:auto;
	max-width:100%;
	max-height:100%;
}
.art_festival.monthly .art_festival-box.contest .hit-list li a > div {
	width:100%;
	bottom:-60px;
	left:0;

}

.art_festival.monthly .art_festival-box.contest .hit-list + .btn-area a {
	margin: 20px 0 0;
	padding: 10px;
	width: 100%;
	font-size: 14px;
	text-align: left;
	border-radius: 6px;
}

.art_festival.monthly .art_festival-box.contest .hit-list + .btn-area a + a {
	margin: 10px 0 40px;
}

.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots {
	position:absolute;
	bottom:-30px;
	left:0;
	width:100%;
}
.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots,
.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots li,
.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots button {
	border: none;
	background: transparent;

  -webkit-justify-content: center;

  justify-content:         center;
	text-align: center;
}

.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots li {
	float: none;
	display: inline-block;
	margin: 0;
}
.art_festival .art_festival-box.contest .hit-list ul::before, .art_festival .art_festival-box.contest .hit-list ul::after {
	display:none;
}
.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots li button:before {
	font-size: 6px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}

.art_festival.monthly .art_festival-box.contest .hit-list ul.slick-dots li.slick-active button:before {
	content: '●' !important;
	color: #bea350 !important;
	opacity: 1;
}

.art_festival.monthly .art_festival-box.contest .hit-list > .box {
	border: 3px solid #bea350;
	border-bottom: 0;
	background: #ffffff;
}

.art_festival.monthly .art_festival-box.dendo {
	padding: 10px 0 30px;
}

.art_festival.monthly .art_festival-box.dendo h2 {
	margin-bottom: 0;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list h2 img,
.art_festival.monthly .art_festival-box.dendo > .dendo-list h2 img {
	width: 100%;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list {
	height: auto;
	border: none;
	background: none;
}
.art_festival.monthly .art_festival-box.dendo > .dendo-list::before,
.art_festival.monthly .art_festival-box.dendo > .dendo-list::after {
	display:none;
}

.art_festival.monthly .art_festival-box.dendo .btn-area {
	margin: 0;
}

.art_festival.monthly .art_festival-box.dendo .btn-area a {
	padding: 8px;
	width: 160px;
	font-size: 14px;
	border-radius: 6px;
}


/* ===========================================
.art_festival.champion2016
===========================================*/

.art_festival.champion2016 .championwrap {
	padding: 30px 0 0;
	background: #f6f3ed;
}

.art_festival.champion2016 .champion {
	position: relative;
	padding: 50px 20px 20px;
	margin: 0 auto 30px;
	width: 98%;
	height: auto;
	background: #ffffff url('../../img/art_festival/champion2016/line.png') no-repeat top 20px center;
	background-size: 80%;
}

.art_festival.champion2016 .champion figure {
	float: none;
	text-align: center;
}

.art_festival.champion2016 .champion h2 {
	margin: 20px 0 0;
	font-size: 23px;
	text-align: center;
}

.art_festival.champion2016 .champion h3 {
	margin: 10px 0 0;
	font-size: 11px;
	font-weight: 500;
}

.art_festival.champion2016 .champion .txtbox {
	display: none;
	padding: 30px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
}

.art_festival.champion2016 .champion .toggle {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	border-top: 18px solid transparent;
	border-right: 18px solid #377ee9;
	border-bottom: 18px solid #377ee9;
	border-left: 18px solid transparent;
}

.art_festival.champion2016 .champion .toggle::after {
	content: "+";
	position: absolute;
	right: -13px;
	bottom: -16px;
	font-size: 20px;
	color: #ffffff;
	z-index: 99;
}

.art_festival.champion2016 .champion.open .toggle {
	border-right: 18px solid #b1b1b1;
	border-bottom: 18px solid #b1b1b1;
}

.art_festival.champion2016 .champion.open .toggle::after {
	content: "-";
}

.art_festival.champion2016 .champion .txtbox .right {
	margin-top: 2em;
	text-align: right;
}

.art_festival.champion2016 .championbox {
	padding: 30px 10px;
	width: 100%;
	clear: both;
	background: #ffe188 url('../../img/art_festival/monthly/spbg.png') no-repeat;
	box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .1) inset;
	-moz-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .1) inset;
	-webkit-box-shadow: 0px 10px 5px -5px rgba(0, 0, 0, .1) inset;
}

.art_festival.champion2016 .championbox h2 {
	margin: 0 10% 10px 0;
	font-size: 20px;
	font-weight: 500;
	line-height: 50px;
	text-align: center;
}

.art_festival.champion2016 .championbox h2 img {
	margin-right: 10px;
	width: 50px;
}

.art_festival.champion2016 .championbox .item {
	float: none;
	width: 100%;
}

.art_festival.champion2016 .championbox .item:nth-of-type(2) {
	margin-top: 10px;
	margin-left: 0;
}

.art_festival.champion2016 .championbox h3 {
	width: 100%;
	text-align: center;
	font-size: 18px;
	font-weight: 400;
	color: #ba922d;
	border: 3px solid #bea350;
	background: #ffffff;
}

.art_festival.champion2016 .championbox p {
	text-align: left;
	font-size: 12px;
	font-weight: 300;
	line-height: 1.7;
	background: #ffffff;
}

.art_festival.champion2016 .championbox p i {
	display: block;
	padding: 10px;
	font-style: normal;
}

.art_festival.champion2016 .championbox p a {
	position: relative;
	display: inline-block;
	padding-left: 16px;
	color: #377eeb;
	text-decoration: underline;
}

.art_festival.champion2016 .championbox p a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -4px;
	display: block;
	width: 9px;
	height: 9px;
	border-right: 2px solid #377eeb;
	border-top: 2px solid #377eeb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

.art_festival.champion2016 .championbox p span {
	display: inline-block;
	padding: 2px 8px;
	margin-right: 4px;
	font-size: 12px;
	background: #eee;
	border-radius: 2px;
}

.art_festival.champion2016 .championbox figure {
	height: auto !important;
	text-align: center;
}

.art_festival.champion2016 .championbox figure img {
	position: static;
	max-width: 100%;
	max-height: auto;
}

.art_festival.champion2016 .championbox h3:after,
.art_festival.champion2016 .championbox h3:before,
.art_festival.champion2016 .championbox .item p:after,
.art_festival.champion2016 .championbox .item p:before,
.art_festival.champion2016 .championbox ul:after {
	display: none;
}

.art_festival.champion2016 .championbox h3 {
	position: relative;
}

.art_festival.champion2016 .championbox h3 img {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 7px 7px 10px;
	width: 58px;
	background: #ba922d;
}

.art_festival.champion2016 .championbox h3 span {
	display: inline-block;
	margin: 0;
	padding: 10px;
	text-align: center;
	vertical-align: top;
}

.art_festival.champion2016 .championbox h3 small {
	display: block;
	margin-top: 4px;
	font-size: 12px;
	color: #000;
	text-indent: -0.6em;
}

.art_festival.champion2016 .championbox .item figure {
	padding: 20px;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	background: url(../../img/art_festival/contest-list-bg.png);
}

.art_festival.champion2016 .championbox ul {
	width: 100%;
	border: 3px solid #bea350;
	border-top: 0;
	background: #ffffff;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	transition: all .5s;
}

.art_festival.champion2016 .championbox .item p {
	border: 3px solid #bea350;
}

.art_festival.champion2016 .championbox ul::after {
	display: none;
}

.art_festival.champion2016 .championbox ul li {
	position: relative;
}

.art_festival.champion2016 .championbox ul li figure {
	padding: 0;
	margin:0;
}

.art_festival.champion2016 .championbox ul li figure img {
	width: 100%;
}

.art_festival.champion2016 .championbox ul li p {}

.art_festival.champion2016 .championbox ul li p i {
	padding-top: 10px;
}

.art_festival.champion2016 .championcontainer {
	margin-bottom: 50px;
}

.art_festival.champion2016 .championcontainer + .championcontainer {
	margin-top: 20px;
}

.art_festival.champion2016 .championbox .btn-area {
	display: none;
}

.art_festival.champion2016 .championbox ul.slick-dots {
	width: 100%;
}

.art_festival.champion2016 .championbox ul.slick-dots,
.art_festival.champion2016 .championbox ul.slick-dots li,
.art_festival.champion2016 .championbox ul.slick-dots button {
	text-align: center;
	border: none;
	margin: 0;
	background: transparent;
}

.art_festival.champion2016 .championbox ul.slick-dots li {
	float: none;
	display: inline-block;
}

.art_festival.champion2016 .championbox ul.slick-dots li button:before {
	font-size: 6px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}

.art_festival.champion2016 .championbox ul.slick-dots li.slick-active button:before {
	content: '●' !important;
	color: #bea350 !important;
	opacity: 1;
}


/* ===========================================
.art_festival.sakuhin
===========================================*/

.art_festival.sakuhin .art_festival-box.contest {
	padding: 0 20px !important;
	background: #ffe188 url('../../img/art_festival/monthly/spbg.png') no-repeat;
	background-size: 100%;
}

.art_festival.sakuhin .toptext {
	padding: 20px 0;
	font-size: 12px;
	font-weight: 200;
	color: #666666;
	line-height: 1.5;
}

.art_festival.sakuhin .art_festival-box.contest .tbc-award-ttl-inner img {
	margin-right: 0;
	background: #ffffff;
}

.art_festival.sakuhin ul li img {
	width: 100%;
}

.art_festival.sakuhin .comment {
	clear: both;
	padding-top: 20px;
}

.art_festival.sakuhin .comment p {
	line-height:1.3em;
}
.art_festival.sakuhin .comment .box {
	margin-top: 40px;
	padding: 10px 10px 10px 54px;
	font-size: 12px;
	color: #666666;
	line-height: 1.6;
	background-color: #ffffff;
	background-position: 10px 10px;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);
}

.art_festival.sakuhin .comment .box.green {
	border: 3px solid #4db139;
	background-image: url('../../img/art_festival/sakuhin/icon.png');
	background-size: 30px;
}

.art_festival.sakuhin .comment .box.orange {
	border: 3px solid #ff6400;
	background-position: 0 5px;
	background-image: url('../../img/art_festival/sakuhin/icon2.png');
	background-size: 50px;
}

.art_festival.sakuhin .comment .box.green span {
	margin-top: 1em;
	display: inline-block;
	padding: 1px 4px;
	color: #ffffff;
	background: #4db139;
}

.art_festival.sakuhin .comment .box.green i {
	margin: 1em 1em 0 0;
	display: inline-block;
	padding: 1px 4px;
	font-style: normal;
}

.art_festival.sakuhin .comment .box.green p:first-of-type {
	margin-bottom: 0.5em;
	font-weight: 700;
}

.art_festival.sakuhin .art_festival-box.contest .btn-area {
	padding: 20px 0 50px;
}

.art_festival.sakuhin .art_festival-box.contest .btn-area a {
	margin: 0;
	width: 100%;
	padding: 1.2rem 1em;
	font-size: 14px;
	text-align: left;
	border-radius: 6px;
}

.art_festival.sakuhin .art_festival-box.contest .btn-area a + a {
	margin:0;
	margin-top: 10px;
}

.art_festival.sakuhin ul.slick-dots {
	width: 100%;
}

.art_festival.sakuhin ul.slick-dots,
.art_festival.sakuhin ul.slick-dots li,
.art_festival.sakuhin ul.slick-dots button {
	text-align: center;
	border: none;
	margin: 0;
	background: transparent;
}

.art_festival.sakuhin ul.slick-dots li {
	float: none;
	display: inline-block;
}

.art_festival.sakuhin ul.slick-dots li button:before {
	font-size: 6px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}

.art_festival.sakuhin ul.slick-dots li.slick-active button:before {
	content: '●' !important;
	color: #bea350 !important;
	opacity: 1;
}


/* ===========================================
.art_festival.ichiran
===========================================*/

.art_festival.ichiran .art_festival-box.contest {
	padding: 20px 10px 40px;
	background: #ffe188 url('../../img/art_festival/monthly/spbg.png') no-repeat;
	background-size: 100%;
}

.art_festival.ichiran .ichiranhead {
	padding: 2px;
}

.art_festival.ichiran .ichiranhead span {
	padding: 8px 0;
	font-size: 16px;
}

.art_festival.ichiran .readtxt {
	padding: 10px 0 20px;
	font-size: 12px;
}

.art_festival.ichiran .listbox li {
	margin: 0 0 3% 3%;
	width: 48%;
}
.art_festival.ichiran .listbox li img {
	border: 4px solid #ffffff;

}

.art_festival.ichiran .listbox li:nth-of-type(2n-1) {
	margin-left: 0;
}

.art_festival.monthly .art_festival-box.contest .btn-area a {
	float:none !important;
	margin: 8px 0 !important;
	padding: 10px 12px;
	width: 100%;
	font-size: 16px;
	text-align: left;
	border-radius: 6px;
}


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

.dendo-contents {
	margin-bottom: 0;
	background: url('../../img/art_festival/dendo/bg.png');
}

.header-dendo .header-image {
	width: 100%;
	height: 0;
	padding-top: 28.12% !important;
	background: url(../../img/art_festival/dendo/header_mobile.png) no-repeat center top;
	background-size: 100%;
}

.dendo-container {
	float: none;
	padding: 30px 20px;
	width: 100%;
	background: none;
}

.dendo-heading h1 {
	margin-bottom: 30px;
}

.dendo-heading h1 img {
	width: 240px;
}

.dendo-heading h2 {
	font-size: 24px;
}

.dendo-heading p {
	margin: 0 0 30px;
	font-size: 14px;
}

.dendo-item-box {
	margin: 60px 0 0;
}

.dendo-item-box h2 {
	font-size: 24px;
	line-height: 40px;
}

.dendo-item-box h2 img {
	width: 40px;
}

.dendo-item {
	width: 100%;
}

.dendo-item h3 {
	position: relative;
	padding: 10px;
	font-size: 18px;
	line-height: 1.5;
}

.dendo-item h3 span {
	top: 1px;
}

.dendo-item h3:before {
	position: absolute;
	top: 0;
	left: 0;
}

.dendo-item h3:after {
	position: absolute;
	bottom: 0;
	left: 0;
}

.dendo-item figure img {
	width: 100%;
}

.dendo-item p {
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 200;
	color: #ffffff;
	text-align: right;
}

.dendo-item p span {
	display: inline-block;
	margin: 0 8px;
	padding: 3px 8px;
	color: #6e6e6e;
	border: 1px solid #6e6e6e;
	background: #ffffff;
}

.dendo-item p a {
	color: #00d5ff;
	text-decoration: underline;
}

.dendo-item p a:hover {
	opacity: .5;
}

.dendo-side {
	float: none;
	padding: 40px 30px 10px;
	width: 100%;
}

.dendo-side .sp-wrap {
	box-shadow: 0 0 2px #ffffff;
	background: #f2edea;
	border-radius: 4px;
}

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

.dendo-side .sp-toggle p {
	position: relative;
	padding: 12px 8px;
	font-size: 14px;
	color: #ffffff;
	background: #29080a;
	border-radius: 4px;
	overflow: hidden;
}

.dendo-side .sp-toggle p:nth-of-type(2) {
	border-radius: 4px 4px 0 0;
}

.dendo-side .sp-toggle p:nth-of-type(1)::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	border-top: 18px solid transparent;
	border-right: 18px solid #e60012;
	border-bottom: 18px solid #e60012;
	border-left: 18px solid transparent;
}

.dendo-side .sp-toggle p:nth-of-type(1)::after {
	content: "+";
	position: absolute;
	right: 4px;
	bottom: 2px;
	font-size: 20px;
}

.dendo-side .sp-open {
	position: relative;
	display: none;
	overflow: hidden;
}

.dendo-side .sp-open > .close {
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
}

.dendo-side .sp-open > .close::before {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	display: block;
	border-top: 18px solid transparent;
	border-right: 18px solid #999999;
	border-bottom: 18px solid #999999;
	border-left: 18px solid transparent;
}

.dendo-side .sp-open > .close::after {
	content: "+";
	position: absolute;
	right: 4px;
	bottom: 2px;
	font-size: 20px;
	color: #ffffff;
}

.dendo-bnr {
	margin: 0 16px 10px;
	padding: 20px 0 50px;
	background: url('../../img/art_festival/dendo/line2.png') no-repeat center bottom;
	background-size: 294px;
}

.dendo-nav {
	background: transparent;
}

.dendo-nav h2 {
	color: #29080a;
}

.dendo-nav .selectbox {
	background: #ffffff;
	border: #29080a solid 1px;
}

.dendo-nav .selectbox::after {
	border-top: 5px solid #29080a;
}

.dendo-nav .selectbox select {
	color: #29080a;
}

.dendo-nav-item li a {
	color: #29080a;
}

.dendo-nav-item li a::before {
	border-right: 2px solid #29080a;
	border-top: 2px solid #29080a;
}


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

.box-about {
	position: relative;
	padding: 4rem 2rem;
	box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
}

.box-about-nav ul {
	display: flex;
	display: -webkit-flex;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
	align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.box-about-nav ul li {
	margin-bottom: 1rem;
	margin-right: 2%;
}

.parts-nav-left li {
	width: 47.5%;
	list-style: none;
	text-align: center;
}

.fl-box-2 {
	width: 100%;
}

.fl-box-2a {
	width: 100%;
	margin-bottom: 2rem;
}

.fl-box-2b {
	width: 100%;
}

.parts-nav-right li {
	width: 47%;
	list-style: none;
	margin-bottom: 2rem;
	text-align: center;
}

.fl-box-2 img {
	max-height: 150px;
	max-width: 150px;
	margin: 0 auto;
}

.fl-box-2 a {
	min-height: 190px!important;
}


/*
.news .search-news-box .search-years{
    border-radius: 4px 4px 4px 4px / 4px 4px 4px 4px;
}
*/

.box-about-nav li {
	display: block;
	width: 31%;
}

.box-about-nav li:last-child {
	width: 64%
}

.box-about-nav ul li a {
	border-radius: 4px!important;
	font-size: 1.4rem;
}

.ba-color-list {}

.ba-color-list .flt-l {
	float: none;
}

.ba-color-list p {
	width: 100%;
	color: #2e81de;
	text-align: center;
	font-size: 2rem;
	margin-bottom: 1rem;
}

.psp-main {
	min-height: 0;
	margin-bottom: 1rem;
}

.ba-color-list ul {
	width: 100%;
}

.ba-color-list ul li {
	display: inline-block;
	width: 12%;
	margin: 0 2% 1% 2%;
}

.psp-box {
	width: 100%;
	display: block;
}

.psp-box-1,
.psp-box-2,
.psp-box-3 {
	width: 100%;
	border-right: none;
	margin-bottom: 2rem;
}

.psp-box-1 ul li {
	list-style: none;
	width: 47%;
	margin-bottom: 1rem;
}

.fl-box-exp1a {
	width: 100%;
	margin-bottom: 2rem;
}

.fl-box-exp1b {
	width: 100%;
}

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

.ba-parts-box {
	width: 100%;
	background: none;
	border-radius: 0;
	padding: 0;
}

.ba-parts-box img {
	width: 100%;
	border-radius: 0;
}

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

.ba-parts-exp img {
	display: none;
}

#footer {
	border-top: none;
}

.show-sp .search-detail {
	width: 100%;
	background: #FFF;
	font-size: 1.8rem;
	display: block;
	margin: 1.5rem 0;
	border-radius: 0;
	border: 1px solid #C8C8C8;
	padding: 1rem;
	color: #646464;
	position: relative;
}

.show-sp-2 .search-detail {
	width: 100%;
	background: #FFF;
	font-size: 1.8rem;
	display: block;
	margin: 1.5rem 1.5rem;
	border-radius: 0;
	border: 1px solid #C8C8C8;
	padding: 1rem;
	color: #646464;
	position: relative;
}

.show-sp .search-detail a {}

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

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

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

.header-inner {
	padding: 1.8rem 2rem;
}

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

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

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

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

.fl-box {
	display: block;
}

.fl-box .fl-box-1a {
	width: 100%;
	margin-bottom: 10px;
}

.fl-box .fl-box-1b {
	width: 100%;
}

.search-build li {
	border-radius: 4px;
}

.contest-box-dendou-wrap .tbc-dendou-list {
	border-radius: 0;
	padding: 15px;
	margin: 0;
	background: none;
	background-size: 100% 100%;
	box-shadow: none;
}

.contest-box-contest-wrap .tbc-invite {
	width: 100%;
	margin: 0 auto;
}

.contest-box-contest-wrap .sliders {
	/*   border-top:none; */
	border-bottom: none;
}

.contest-box-contest-wrap .tbc-award-ttl {
	position: relative;
	border-left: 90px solid #bc942d;
}

.contest-box-contest-wrap .tbc-award-ttl:after {
	display: none;
}

.contest-box-contest-wrap .tbc-award-ttl .tbc-award-ttl-inner {
	padding: 0 0 0 15px;
	line-height: 90px;
	height: 90px;
}

.contest-box-contest-wrap .tbc-award-ttl-inner img {
	position: absolute;
	left: -78px;
	top: 15px;
	width: 65px;
}

.contest-box-contest-wrap .tbc-work-list.sliders {
	border-top: none;
	margin-top: 0;
	box-shadow: none;
}

.tbc-hit-ttl-sp {
	position: relative;
	border-top: 3px solid #bc942d;
	border-left: 3px solid #bc942d;
	border-right: 3px solid #bc942d;
	background: #FFF;
	color: #c1272d;
	font-size: 2.2rem;
	padding: 2.5rem 2rem 1rem 2rem;
	text-align: center;
}

.tbc-hit-ttl-sp img {
	position: absolute;
	top: 5px;
	left: 50%;
	margin-left: -185px;
	width: 90px;
}

.box-event {
	padding: 20px;
}

.search-event .search-cond ul li {
	width: 100%;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 2rem;
}

.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 .ecl-body {
	padding: 1.5rem 1.5rem 5rem 1.5rem;
}

.search-cond-detail {
	display: none;
	/*
  position: absolute;
  top:0;
  left: 0px;
*/
	padding: 0 0 2rem 0;
}

.search-cond-detail ul li {
	width: 100%;
}

.search-cond-detail ul {
	padding: 2rem 2rem 0rem 2rem;
}

#slider-price,
#slider-parts {
	width: 89%;
	margin: 3rem auto 0 auto;
}

#product-slider {
	margin-bottom: 6rem;
}

.product-detail {
	margin: 40px 20px;
}

.build-detail {
	margin: 40px 20px;
}

.prd-inner {
	padding: 20px 20px 30px 20px;
}

.prd-spec td {
	padding: 0 1rem;
	text-align: left;
	font-size: 1.7rem;
	width: 100%;
	min-width: none;
}

.bld-inner {
	padding: 20px 20px 30px 20px;
}

.item-ph-sp {
	position: absolute;
	left: 4px;
	top: 0;
	height: 80%;
	width: 35%;
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	padding: 4px;
}

.item-ph img {
	height: auto;
	max-height: 169px;
	max-width: 100%;
	vertical-align: middle;
}

#news-list .item-box {
	width: 100%;
	padding: 30px 20px 20px 20px;
	border-radius: 4px;
}

.event-head span {
	margin-bottom: 1rem;
}

.search-event .search-cond {
	padding: 0 2rem!important;
}

.search-event .search-cond ul li .search-label {
	display: block;
	margin-bottom: 0.5rem;
	color: #377eeb;
	min-width: 5.5em;
}

#keyword {
	padding: 0.3rem;
}

.search-cond select {
	font-size: 16px;
}


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

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

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

.support-box {
	padding: 20px;
}

.box-tel {
	padding: 20px;
}

.support-box-contact .fl-box {
	display: block;
}

.support-box-contact .fl-box a {
	display: block;
	width: 100%;
}

.support-box-contact .fl-box a.fl-box-1a {
	margin: 0 0 1rem 0;
}

#faq-list .item-box {
	padding: 0;
}

.faq-detail .accordion-triangle:after {
	border-width: 0 0 34px 34px;
}

.faq-detail .fb-answer {
	padding: 0px 20px 0px 20px;
}

#copy-list .item-box {
	padding: 0;
}

.box-copy-award.fl-box {
	display: block;
}

.box-copy-award.fl-box a {
	display: block;
	width: 100%;
	margin: 0;
}

.box-copy-award.fl-box a.fl-box-1a {
	margin: 0 0 1rem 0;
}

.copy-detail .cb-answer {
	padding: 0px 20px 0px 20px;
}

.copy-detail.open .cb-answer {
	overflow: hidden;
	height: 100%;
	max-height: 2000px;
	padding: 20px 20px 20px 20px;
}

.box-sitemap {
	padding: 4rem 2rem 2rem 2rem;
}

.sitemap-box {
	width: 100%;
}

.sitemap-box .sitemap-box-sub {
	display: block;
	width: 100%;
}

.sitemap-box .sitemap-box-sub li {
	display: block;
	padding-right: 0;
	margin-bottom: 1rem;
}

.sitemap-box.fl-box1b a {
	margin-top: 0!important;
}





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

.form-box{
  padding: 30px;
	}

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

.form_text-title_def{
    font-size: 2.2rem;
    line-height: 1.4;
    margin-bottom: 10px;
}

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

.select_form_item {
    padding: 5px 5px 5px 9px;
    border: 1px solid #ccc;
    border-radius: 4px;
    width: 25rem;
    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: 25rem;
}

.btn-area_f{
	float:none !important;
	margin: 8px 0;
	padding: 10px 12px;
	width: 100%;
	font-size: 16px;
	text-align: left;
	border-radius: 6px;
}

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

.img-form{
		width: 260px;
	}

.youkou_listbox li {
	margin: 0 0 0% 0%;
	width: 100%;
	border: 4px solid #ffffff;
}

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


/* ******************************************************
SP 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: 17em;}
.f_input-23c{width: 23em;}
.f_input-24c{width: 17em;}
.f_input-25c{width: 25em;}
.f_input-26c{width: 26em;}
.f_input-27c{width: 27em;}
.f_input-28c{width: 17em;}
.f_input-29c{width: 29em;}
.f_input-30c{width: 30em;}

.f_input-name{width: 7em;}
.f_input-nickname{width: 17em;}
.f_input-mail{width: 15em;}
.f_input-add{width: 17em;}

.f_input-no{width: 16em;}



/* ===========================================
 oka dendo
===========================================*/

.dendo-box{
  padding: 30px;
	}

.dendo-item_profile {
	width: 100%;
}




/* ===========================================
 oka dendo
===========================================*/


.mypage-item-box {
	margin: 0 0 15px;
}

.mypage-item-box h2 {
	font-size: 24px;
	line-height: 40px;
}

.mypage-item-box h2 img {
	width: 40px;
}

/* ===========================================
 sp mypage
===========================================*/

.mypege_text-title{
    font-size: 2.4rem;
    margin-bottom: 15px;
}

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

.header-mypage .header-image {
	width: 100%;
	height: 0;
	padding-top: 28.12% !important;
	background: url(../../img/art_festival/01_laqtoha_header_mobile.jpg) no-repeat center top;
	background-size: 100%;
}


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

.tp_input-name{width: 21em;}






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


.dendo-item-k {
	width: 100%;
}

.dendo-item-k h3 {
	position: relative;
	padding: 10px;
	font-size: 18px;
	line-height: 1.5;
}

.dendo-item-k h3 span {
	top: 1px;
}

.dendo-item-k h3:before {
	position: absolute;
	top: 0;
	left: 0;
}

.dendo-item-k h3:after {
	position: absolute;
	bottom: 0;
	left: 0;
}

.dendo-item-k figure img {
	width: 100%;
}

.dendo-item-k p {
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: 200;
	color: #ffffff;
	text-align: right;
}

.dendo-item-k p span {
	display: inline-block;
	margin: 0 8px;
	padding: 3px 8px;
	color: #6e6e6e;
	border: 1px solid #6e6e6e;
	background: #ffffff;
}

.dendo-item-k p a {
	color: #00d5ff;
	text-decoration: underline;
}

.dendo-item-k p a:hover {
	opacity: .5;
}





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


.header-youkou .header-image {
	width: 100%;
	height: 0;
	padding-top: 28.12% !important;
	background: url(../../img/art_festival/01_laqtoha_header_mobile.jpg) no-repeat center top;
	background-size: 100%;
}



/* 『LAFポイント制度』開始 */
.f-youkou-detail__lafpoint_clm .inner {
  display: block;
}
.f-youkou-detail__lafpoint_clm dl:nth-child(2) {
  margin-top: 10px;
	border-left: 1px solid #ccc;
}





/******************************************
        各賞説明　　　　
*******************************************/

.art_festival .kakusyou  {
	background: #ffe188 url('../../img/art_festival/monthly/spbg.png') no-repeat;
	background-size: 100%;
}







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


.birth_secret_slick ul.slick-dots,
.birth_secret_slick ul.slick-dots li,
.birth_secret_slick ul.slick-dots button {
	text-align: center;
	border: none;
	margin: 0;
	background: transparent;
}


.birth_secret_slick ul.slick-dots li button:before {
	font-size: 6px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}

.birth_secret_slick ul.slick-dots li.slick-active button:before {
	content: '●' !important;
	color: #e80000 !important;
	opacity: 1;
}



.laqlantoha_margin {
 margin-bottom: 40px;
}

tab_mb01{
margin-bottom: 40px
}


.laqkan-box-sp {
	padding: 20px;
	background: #FFF;
	border-radius: 8px;
	box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.15);
	margin-bottom: 20px;
}

.laqkan-b {
width: 100%;
}






/******************************************************
 名人戦
******************************************************/
.meijin-work-list-kakomi {
	position: relative;
	width: 100%;
	margin: 0 2% 5% 0;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bc942d;
   background: #FFF;
}




.meijin-flex-container li{
width: 100%;
margin: 0 0 12% 0%;
}


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


.champion-flex li p {
font-size: 1.6rem !important;
color: #000;
font-weight: 600;
line-height: 1.5;
}

.champion-flex li span {
    font-size: 1.4rem;
    line-height: 1.37;}






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

/* 達人プロフィール */
.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: 27%
}

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



/***************************************
マイページ CTP
****************************************/

.mypagebanner{
  width: 100%!important;
}