@charset "utf-8";

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


/* ===========================================
 layout
===========================================*/

html {
	position: relative;
	width: 100%;
}

body {
	position: relative;
	width: 100%;
	background: #EFEFEF;
}

#wrapper {
	position: relative;
	width: 100%;
}

#content {
	position: relative;
	width: 100%;
}

#footer {
	position: relative;
	width: 100%;
}


/* ===========================================
 for PC
===========================================*/

.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;
	-webkit-justify-content: flex-start;
	flex-direction: row;
	-webkit-flex-direction: row;
	/*   box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.1); */
}


/* ===========================================
 header
===========================================*/


/* common
-------------------------------------------*/

#header {
	background: #FFF;
	position: relative;
	min-width: 250px;
	-webkit-box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
	box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
	z-index: 50;
}

#header h1 {
	margin-top: 30px;
	text-align: center;
}

#header h1 img {
	width: 146px;
}


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

#gnav {
	margin: 20px 0;
	width: 220px;
	border-top: 1px solid #C6C6C6;
}

#gnav li {
	position: relative;
}

#gnav li a:before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #FAFAFA;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: -1;
}

#gnav li a:hover:before {
	width: 100%;
}

#gnav li a {
	display: block;
	border-bottom: 1px solid #C6C6C6;
	height: 70px;
	line-height: 70px;
	font-size: 1.5rem;
	padding-left: 30px;
	color: #808080;
	-webkit-transition: all .3s;
	transition: all .3s;
}

#gnav li a span {
	margin-left: 55px;
}

#gnav .gnav-sub a {
	font-size: 1.1rem;
	height: 50px;
	line-height: 50px;
}

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

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

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

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

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

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

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

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

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

#gnav li.gnav-about a:hover {
	color: #E90000;
}

#gnav li.gnav-event a:hover {
	color: #FFA900;
}

#gnav li.gnav-product a:hover {
	color: #289400;
}

#gnav li.gnav-build a:hover {
	color: #1946EE;
}

#gnav li.gnav-contest a:hover {
	color: #BC942D;
}

.gnav-build a {
	line-height: 1.37!important;
}

.gnav-build span {
	line-height: 1.37;
	display: inline-block;
	margin-top: 1.2rem;
}

.gnav-build span i {
	font-style: normal;
	color: #FF4611;
	font-size: 1.2rem;
}


/* sns
-------------------------------------------*/

#sns {
	margin: 40px 0 40px 0;
	padding: 0 0 0 30px;
}

#sns ul {}

#sns li {
	display: inline-block;
	margin-right: 10px;
}


/* banner
-------------------------------------------*/

#banner {
	text-align: center;
}

#banner li {
	width: 100%;
	margin-bottom: 20px;
}

#banner li iframe {
	width: 190px;
	height: 150px;
}

#banner li img {
	width: 190px;
}


/* ===========================================
 content
===========================================*/


/* common
-------------------------------------------*/

#content {
	width: 970px;
	background: #FFF;
	padding-bottom: 40px;
}

.home #content {
	padding-bottom: 0;
}

.content-inner:before {
	content: "";
	position: absolute;
	z-index: 100;
	top: 0;
	left: 0;
	height: 5px;
	width: 100%;
	background: #1499f8;
	background: -moz-linear-gradient(left, #1499f8 0%, #3250c6 100%);
	background: -webkit-linear-gradient(left, #1499f8 0%, #3250c6 100%);
	background: linear-gradient(to right, #1499f8 0%, #3250c6 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1499f8', endColorstr='#3250c6', GradientType=1);
}


/* btn-area
-------------------------------------------*/

.btn-area {
	margin-top: 30px;
	width: 100%;
	text-align: center;
}

/*
.btn-area a {
	display: inline-block;
	margin-left: 1rem;
	margin-right: 1rem;
}
*/

.btn-tpc-top {
	position: relative;
	color: #FFFFFF;
	font-size: 1.8rem;
	background: #000;
	border-radius: 10px;
	padding: 1.2rem 5rem;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn-tpc-top.btt-normal {
	position: relative;
	color: #FFFFFF;
	font-size: 1.6rem;
	border-radius: 8px;
	padding: 0.8rem 2.5rem;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn-tpc-top.btt-small {
	position: relative;
	color: #FFFFFF;
	font-size: 1.4rem;
	border-radius: 8px;
	padding: 0.7rem 3rem;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn-bw-bs {
	background: #00B4FF;
	border: 2px solid #FFF;
}

.btn-tpc-top:hover {
	top: 3px;
	box-shadow: none;
}

.btn-red {
	background: #e80000;
}

.btn-green {
	background: #279300;
}

.btn-gold {
	background: #bb932c;
}

.btn-brown {
	background: #6c0000;
}

.btn-blue {
	background: #1845ed;
}

.btn-orange {
	background: #ffa600;
}

.btn-gray {
	background: #969696;
}

.btn-lightred {
	background: #f28081;
}

.btn-lightorange {
	background: #fdbe6c;
}

.btn-lightgold {
	background: #cfb371;
}


/* top
-------------------------------------------*/

#content.top {
	padding-bottom: 0;
}

.top-box {
	box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.1);
	padding-bottom: 40px;
}

.top-box:last-child {
	box-shadow: none;
}

.top-box h2 {
	font-size: 3.0rem;
	line-height: 50px;
	margin-bottom: 30px;
}

.top-box h2 img {
	width: 50px;
	height: 50px;
	margin-right: 1.5rem;
}

.top-box-inner {
	width: 800px;
	margin: 0 auto;
}

.accordion {
	padding-top: 40px;
}

.top-box-about-wrap {
	background: rgba(233, 0, 0, 0.15);
}

.top-box-product-wrap {
	background: rgba(40, 147, 0, 0.15);
}

.top-box-contest-wrap {
	background: rgba(188, 148, 45, 0.25);
}

.top-box-build-wrap {
	background: rgba(25, 70, 238, 0.15);
}

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

.top-box-about-wrap .top-box-inner,
.top-box-product-wrap .top-box-inner,
.top-box-contest-wrap .top-box-inner,
.top-box-build-wrap .top-box-inner {
	padding: 0 0 40px 0;
	border-radius: 10px;
	background: #FFF;
	position: relative;
}

.top-box-about-wrap .top-box-inner h2,
.top-box-product-wrap .top-box-inner h2,
.top-box-contest-wrap .top-box-inner h2,
.top-box-build-wrap .top-box-inner h2 {
	font-size: 3.0rem;
	color: #FFF;
	border-radius: 10px 10px 0 0 / 10px 10px 0 0;
	padding: 17px 17px;
	line-height: 32px;
}

.top-box-about-wrap .top-box-inner h2 {
	background: #e90000;
	vertical-align: middle;
}

.top-box-about-wrap .top-box-inner h2 img {
	width: 32px;
	height: 32px;
}

.top-box-product-wrap .top-box-inner h2 {
	background: #289400;
	vertical-align: middle;
}

.top-box-product-wrap .top-box-inner h2 img {
	width: 32px;
	height: 32px;
}

.top-box-contest-wrap .top-box-inner h2 {
	background: #bc942d;
	vertical-align: middle;
}

.top-box-contest-wrap .top-box-inner h2 img {
	width: 32px;
	height: 32px;
}

.top-box-build-wrap .top-box-inner h2 {
	background: #1946ee;
	vertical-align: middle;
}

.top-box-build-wrap .top-box-inner h2 img {
	width: 32px;
	height: 32px;
}

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

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

.fl-box-1 {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	-webkit-order: 0;
	order: 0;
}

.fl-box-2 {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 1;
	-webkit-order: 1;
	order: 1;
}

.top-box-about-wrap .fl-box-1 {}

.top-box-about-wrap .fl-box-1 .fl-box-1a {
	width: 60%;
	vertical-align: top;
	padding: 0 20px 0 0;
}

.top-box-about-wrap .fl-box-1 .fl-box-1b {
	width: 40%;
}

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

.top-box-about-wrap .fl-box-3 {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.top-box-about-wrap .fl-box-3 .fl-box-3a {
	width: 42.5%;
	vertical-align: top;
}

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

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

.top-box-about-wrap h3 {
	color: #ff1303;
	font-weight: 2rem;
}

.fl-box-2 {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.fl-box-2 ul {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.parts-nav-left {
	width: 26%;
}

.parts-nav-right {
	width: 70%;
}

.parts-nav-left h4,
.parts-nav-right h4 {
	background: #ff1303;
	font-size: 1.8rem;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	padding: 0.5rem;
}

.parts-nav-right li {
	width: 18.5%;
	list-style: none;
}

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

.parts-nav-left li img,
.parts-nav-right li img {
	width: 100%;
}

.parts-nav-left li a,
.parts-nav-right li a {
	display: block;
	width: 100%;
	min-height: 155px;
	position: relative;
	border: 2px solid #98c1ec;
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	color: #377ee9;
	padding-top: 10px;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-ms-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
	background: #FFF;
}

.parts-nav-left li a:hover,
.parts-nav-right li a:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.parts-nav-left li a p,
.parts-nav-right li a p {
	text-align: center;
	position: absolute;
	bottom: 10px;
	font-size: 1.6rem;
	width: 100%;
}

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


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

.top-news h2 {
	font-size: 2.0rem;
	line-height: 40px;
	margin-bottom: 12px;
	font-weight: normal;
}

.top-news h2 img {
	width: 40px;
	height: 40px;
	margin-right: 0.5rem;
}

.top-news {
	display: table;
	margin: 40px 20px;
}

.top-news-list {
	display: table-cell;
	padding: 0 20px;
	width: 33.333%;
}

.top-news-list li {
	border-bottom: 1px solid #C6C6C6;
	line-height: 1.37;
	font-size: 1.2rem;
	list-style: none;
	position: relative;
	z-index: 0;
}

.tip {
	background: #EFEFEF;
	border-radius: 2px;
	display: inline-block;
	margin-bottom: 1rem;
	padding: 0.2rem 0.5rem;
}

.top-news-list.event .tip {
	background: #FFA900;
	color: #FFF;
}

.top-news-list.news .tip {
	background: #FF5555;
	color: #FFF;
}

.top-news-list.topics .tip {
	background: #01BF60;
	color: #FFF;
}

.top-news-list li a {
	position: relative;
	width: 100%;
	display: block;
	color: #646464;
	padding: 1.2rem 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	min-height: 7.2em;
}

.top-news-list li a:hover {
	color: #6464d1;
}

.triangle:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	border-style: solid;
	border-width: 0 0 15px 15px;
	-webkit-transition: all 0.4s ease !important;
	-moz-transition: all 0.4s ease !important;
	-ms-transition: all 0.4s ease !important;
	-o-transition: all 0.4s ease !important;
	transition: all 0.4s ease !important;
}

.triangle:hover:after {
	border-width: 0 0 20px 20px;
}

.top-news-list.event a.triangle:after {
	border-color: transparent transparent #ffaa00 transparent;
}

.top-news-list.news a.triangle:after {
	border-color: transparent transparent #FF5555 transparent;
}

.top-news-list.topics a.triangle:after {
	border-color: transparent transparent #01BF60 transparent;
}


/*
.top-news-list li a:before{
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  background: #FAFAFA;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: -1;
}

.top-news-list li a:hover:before{
  width: 100%;
}
*/


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

.top-box-about {
	width: 100%;
	text-align: center;
	/*   background: url(../../img/bg_top_about_pc.jpg) no-repeat center top; */
	/*   height: 390px; */
}


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

.top-product-nav {
	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;
}

.top-product-nav li {
	width: 32%;
	list-style: none;
}

.top-product-nav li a {
	position: relative;
	display: block;
	padding: 1.5rem;
	font-size: 1.8rem;
	margin-bottom: 20px;
}

.top-pn-basic a {
	border: 2px solid #1076BF;
	color: #1076BF;
	font-weight: bold;
	background: url(../../img/top/bg_top_products_basic.jpg) no-repeat center bottom;
	height: 180px;
	background-size: 200px 138px;
}

.top-pn-innovator a {
	border: 2px solid #E00C21;
	color: #E00C21;
	font-weight: bold;
	background: url(../../img/top/bg_top_products_innovator.jpg) no-repeat center bottom;
	height: 180px;
	background-size: 200px 138px;
}

.top-pn-freestyle a {
	border: 2px solid #FCB22B;
	color: #FCB22B;
	font-weight: bold;
	background: url(../../img/top/bg_top_products_parts.jpg) no-repeat center bottom;
	height: 180px;
	background-size: 200px 138px;
}

.top-pn-books a {
	border: 2px solid #138D16;
	color: #138D16;
	font-weight: bold;
	background: url(../../img/top/bg_top_products_book.jpg) no-repeat right center;
	height: 85px;
	background-size: 100px 69px;
	line-height: 50px;
}

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

.top-pn-stock a {
	border: 2px solid #5CC8FB;
	color: #5CC8FB;
	font-weight: bold;
	height: 85px;
	line-height: 50px;
}

.top-pn-basic a.triangle:after {
	border-color: transparent transparent #1076BF transparent;
}

.top-pn-innovator a.triangle:after {
	border-color: transparent transparent #E00C21 transparent;
}

.top-pn-freestyle a.triangle:after {
	border-color: transparent transparent #FCB22B transparent;
}

.top-pn-books a.triangle:after {
	border-color: transparent transparent #138D16 transparent;
}

.top-pn-special a.triangle:after {
	border-color: transparent transparent #AAC127 transparent;
}

.top-pn-stock a.triangle:after {
	border-color: transparent transparent #5CC8FB transparent;
}

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

.top-product-nav-under > li {
	list-style-type: none;
	float: left;
	height: 158px;
}

.top-product-nav-under li p {
	padding: 8px;
	font-size: 16px;
	color: #ffffff;
}

.top-product-nav-under li a {
	display: block;
	padding: 6px 0 0;
	height: 122px;
	text-align: center;
	position: relative;
}

.top-pn-pickup {
	border: 2px solid #ff8daa;
	width: 32%;
	margin-right: 2%;
}

.top-pn-pickup p {
	background: #ff8daa;
}

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

.top-pn-ranking {
	border: 3px solid #9c8ed9;
	width: 66%;
}

.top-pn-ranking p {
	background: #9c8ed9;
}

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

.top-pn-pickup a img {
	width: 100%;
	max-width: 150px;
	max-height: 124px;
	text-align: center;
	margin-bottom: 10px;
}

.top-pn-pickup a span {
	display: block;
	text-align: center;
	color: #646464;
	font-size: 1.2rem;
}

.top-pn-ranking ul {
	width: 100%;
	display: table;
}

.top-pn-ranking ul li {
	display: table-cell;
	width: 33.3333%;
	border-left: 3px solid #9c8ed9;
	text-align: center;
}

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

.top-pn-ranking a img {
	width: 100%;
	max-width: 150px;
	max-height: 124px;
	text-align: center;
	margin-bottom: 10px;
}

.top-pn-ranking a span {
	display: block;
	text-align: center;
	color: #646464;
	font-size: 1.2rem;
}


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

.top-box .inner-w800 {
	width: 800px;
	margin: 0 auto;
}

.top-box .inner-w800 .top-box-move img,
.top-box .inner-w800 .top-box-meijin2016 img {
	text-align: center;
	width: 100%;
}

.text-title-tbc {
	color: #ff1303;
	text-shadow: 2px 0 #FFF, 0 2px #FFF, -2px 0 #FFF, 0 -2px #FFF, 3px 3.5px 0px rgba(0, 0, 0, 0.15);
	margin-bottom: 5px;
}

.top-box-contest-wrap h3 {
	width: 50%;
	margin: 0 auto;
}

.top-box-contest-wrap h3 img {
	width: 100%;
}

.top-box-contest-wrap .top-box-inner {
	background: url(../../img/top/18_top_laf_back01.png) no-repeat center top #f7ef87;
	background-size: cover;
}

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

.box-contest-about .fl-box {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

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

.box-contest-about .fl-box2 {
	width: 47%;
	text-align: center;
}

.sliders {
	position: relative;
	border: 4px solid #bea350;
	box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
}

.sliders img {
	width: 100%;
	vertical-align: bottom;
}

.box-contest-about .slide-func-small {
	position: absolute;
	border: 1px solid #000;
	border-radius: 4px;
	color: #000;
	background: #FFF;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
	z-index: 10;
}

.box-contest-about .slide-prev {
	top: 50%;
	left: -10px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 2.4rem;
	margin-top: -17px;
}

.box-contest-about .slide-next {
	top: 50%;
	right: -10px;
	width: 35px;
	height: 35px;
	text-align: center;
	line-height: 35px;
	font-size: 2.4rem;
	margin-top: -17px;
}

.box-contest-about .slide-func-small:hover {
	margin-top: -15px;
	box-shadow: none;
}

.box-contest-newfes {
	border: 2px solid #bea350;
	border-radius: 4px;
	padding: 35px;
	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;
}

.bcn-laf {
	position: absolute;
	width: 25%;
	left: 75px;
}

.tbc-invite {
	position: relative;
	width: 65%;
	margin-left: 35%;
}

.tbc-invite-ttl {
	color: #ff1303;
	text-shadow: 1px 0 #ff1303, 0 1px #ff1303, -1px 0 #ff1303, 0 -1px #ff1303, 4px 0 #FFF, 0 4px #FFF, -4px 0 #FFF, 0 -4px #FFF, 5px 5.5px 0px rgba(0, 0, 0, 0.15);
	font-size: 4rem;
	margin-bottom: 10px;
	line-height: 1.2;
}

.tbc-invite-date {
	color: #000;
}

.tbc-invite .btn-tpc-top {
	display: block;
	width: 47%;
	text-align: center;
}

.tbc-invite a:nth-child(3) {
	float: left;
}

.tbc-invite a:nth-child(4) {
	float: right;
}

.tbc-award-ttl {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bb932d;
	font-size: 2.2rem;
}

.tbc-award-ttl:after,
.tbc-award-ttl:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-award-ttl-inner {
	position: relative;
	padding: 15px 15px 15px 70px;
	background: #FFF;
}

.tbc-award-ttl-inner img {
	position: absolute;
	left: -20px;
	top: -8px;
	width: 10%;
}

.tbc-work-list {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bc942d;
	margin: 20px 0 30px 0;
	background: url(../../img/art_festival/contest-list-bg.png);
	background-size: cover;
}

.tbc-work-list:after,
.tbc-work-list:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-work-list ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin: 15px 0;
	padding: 0 15px;
}

.tbc-work-list li {
	position: relative;
	width: 25%;
    height:240px;
	margin: 4%;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bc942d;
	list-style: none;
    background-color: #fff;
}

.tbc-work-list.general li .award-point {
	text-align: center;
	margin-top: -1.2em;
	margin-bottom: 0.5em;
}

.tbc-work-list li a {
	display:block;
	position:relative;
	padding-top:75%;
	margin-bottom:80px;
}
.tbc-work-list.general li a {
	margin-bottom: 70px;
}
.tbc-work-list li img {
	position:absolute;
	top:0;
	left:0;right:0;bottom:0;
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
}

.tbc-work-list li:after,
.tbc-work-list li:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-work-list li:after {
	position: absolute;
	bottom: 0;
}

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

.work-label {
	background: #e5e5e5;
	display: inline-block;
	line-height: 1.5;
	padding: 0 0.2rem;
	color: #646464;
	margin: 0 0.4rem 0 0;
}

.work-name {
	color: #646464;
	font-weight: normal;
}

.tbc-work-list li a .work-title {
	text-decoration: underline;
	color: #6464d1;
}

.tbc-work-list li a:hover .work-title {
	text-decoration: underline;
	color: #646464;
}

.tbc-work-list li a {
	color: #646464;
}

.tbc-work-list li a.mb100 {
	margin-bottom:110px;
}

.tbc-work-list li a:hover {
	color: #6464d1;
}

.tbc-work-detail {
	position:absolute;
	width:100%;
	padding: 1rem;
}

.tbc-work-list li .award-point {
	margin-top: 1rem;
	font-size: 1.2em;
	text-align: center;
}

.tbc-work-list li .award-point img {
	position:static;
	display: inline-block;
	width: 1.4rem;
	margin-right: 0.5rem;
}

.tbc-dendou {
	border-radius: 10px;
	padding: 35px;
	margin: 40px 0;
	background-size: 100% 100%;
	box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
}

.tbc-dendou {
	position: relative;
    background: #5f0000;
	background: url('../../img/art_festival/archive-dendo-bg.png') repeat;
	background-size: 100%;
	border-radius: 16px;
}

.tbc-dendou * {
	position: relative;
	z-index: 9999;
}

.tbc-dendou::before,
.tbc-dendou::after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 32.5%;
	z-index: 1;
}

.tbc-dendou::before {
	top: 0;
	background: url('../../img/art_festival/archive-dendo-bg_before.png') center top;
	background-size: 100%;
}

.tbc-dendou::after {
	bottom: 0;
	background: url('../../img/art_festival/archive-dendo-bg_after.png') center bottom;
	background-size: 100%;
}













.tbc-dendou-list {
	color: #bc942d;
	margin: 20px 0 30px 0;
}

.tbc-dendou-list ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	margin: 25px 0;
}

.tbc-dendou-list li {
	width: 23%;
	height: 100%;
	margin: 1%;
	border-left: 1px solid #bea350;
	border-right: 1px solid #bea350;
	color: #bc942d;
	background: #FFF;
	list-style: none;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.tbc-dendou-list li a > span {
	position: relative;
	display: block;
	text-align: center;
	border-bottom: 1px solid #bea350;
}


.tbc-dendou-list li img {
	position: absolute !important;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
}


.tbc-dendou-work {
    position: relative;
    width: 100% !important;
}


.tbc-dendou-work:before {
    content:"";
    display: block;
    padding-top: 75%;
}

.tbc-dendou-work img{
	position:absolute;
	top:0;
	left:0;right:0;bottom:0;
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100% !important;
	max-height: 100% !important;
}





.tbc-dendou-list li:after,
.tbc-dendou-list li:before {
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-dendou-list li a .work-title {
	color: #6464d1;
	text-decoration: underline;
}

.tbc-dendou-list li a:hover .work-title {
	color: #646464;
}

.tbc-dendou-list li a {
	color: #646464;
}

.tbc-dendou-list li a:hover {
	color: #6464d1;
}

.top-box-banner {
	padding-top: 40px;
}


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

.top-build-list ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
	margin: 30px 0;
}

.top-build-list li {
	width: 24%;
	list-style: none;
}

.top-bl-icon {
	margin-bottom: 0.5rem;
}

.top-bl-icon i {
	display: inline-block;
	/*   border-radius: 2px; */
	padding: 0.2rem 0.5rem;
	color: #FFF;
	font-style: normal;
	font-size: 1.2rem;
	margin-right: 0.5rem;
}

i.rose {
	border: 1px solid #FF1678;
	color: #FF1678;
}

i.green {
	background: #008E00;
}

i.skyblue {
	background: #34B7E2;
}

i.orange {
	background: #F88009;
}

.top-bl-ph {
	position: relative;
	border: 2px solid;
	width: 100%;
	margin-bottom: 1rem;
}

.top-bl-ph img {
	width: 100%;
}

.top-bl-ph.green {
	border-color: #008E00;
}

.top-bl-ph.skyblue {
	border-color: #34B7E2;
}

.top-bl-ph.orange {
	border-color: #F88009;
}

.top-bl-ph.green.triangle:after {
	border-color: transparent transparent #008E00 transparent;
}

.top-bl-ph.skyblue.triangle:after {
	border-color: transparent transparent #34B7E2 transparent;
}

.top-bl-ph.orange.triangle:after {
	border-color: transparent transparent #F88009 transparent;
}

.top-bl-detail {
	line-height: 1.5;
	font-size: 1.2rem;
}

.top-bl-detail p {
	margin-bottom: 1rem;
	color: #828282;
}

.top-bld-works {
	border: 1px solid #828282;
	padding: 0.2rem;
	margin-right: 0.7rem;
	color: #828282;
}

.top-bld-author {
	border: 1px solid #828282;
	padding: 0.2rem;
	margin-right: 0.7rem;
	color: #828282;
}

.top-build-list {}

.top-build-list ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.top-build-list ul li {
	width: 30.5%;
}

.top-build-list ul li a {
	display: block;
	border: 1px solid #c8c8c8;
	border-radius: 4px;
}

.top-build-list ul li a:hover {
	box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
}

.top-build-list ul li a img {
	width: 100%;
	border-radius: 4px;
	padding: 1.5rem 1rem 0 1rem;
}

.tbl-detail {
	padding: 20px;
}

.tbl-icon-level {
	text-align: center;
	padding: 0.8rem 0;
	font-size: 1.4rem;
	color: #FFF;
}

.top-tbl-title {
	color: #2a8aff;
	min-height: 4.7rem;
}

.top-tbl-desc {
	color: #646464;
}

.top .level-1 {
	background: #008e00;
}

.top .level-2 {
	background: #5ec4f8;
}

.top .level-3 {
	background: #f78009;
}

.build .level-1 {
	background: #008e00;
}

.build .level-2 {
	background: #5ec4f8;
}

.build .level-3 {
	background: #f78009;
}

.level-star {
	color: #ffee01;
}

.level-1 .level-star:before {
	position: relative;
	content: "★";
	font-size: 1.4rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.level-2 .level-star:before {
	position: relative;
	content: "★★";
	font-size: 1.4rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.level-3 .level-star:before {
	position: relative;
	content: "★★★";
	font-size: 1.4rem;
	color: #ffee01;
	margin-left: 0.5rem;
}


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

.backtotop {
	position: absolute;
	bottom: 0;
	right: 10px;
}

.backtotop a {
	background: #FFC836;
	color: #FFF;
	display: inline-block;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 1rem 1.5rem;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}


/* slide
-------------------------------------------*/

#top-slider {
	width: 970px;
}

.slider img {
	width: 970px;
	/*height: 480px;*/
}


/* ===========================================
 header
===========================================*/

.hi-small,
.hi-small .header-image {
	height: 150px;
	width: 970px;
}

.header-news .header-image {
	background: url(../../img/news/01_news_header.jpg) no-repeat center top;
	background-size: cover;
}

.header-support .header-image {
	background: url(../../img/support/01_support_header.jpg) no-repeat center top;
	background-size: cover;
}

.header-sitemap .header-image {
	background: url(../../img/sitemap/01_sitemap_header.jpg) no-repeat center top;
	background-size: cover;
}

.header-shop .header-image {
	background: url(../../img/shop/01_shopsearch_header.jpg) no-repeat center top;
	background-size: cover;
}

.header-about .header-image {
	background: url(../../img/about/01_laqtoha_header.jpg) no-repeat center top;
	background-size: cover;
}

.hi-large,
.hi-large .header-image {
	height: 330px;
	width: 970px;
}

.header-product .header-image {
	background: url(../../img/product/01_product_header_basic.jpg) no-repeat center top;
	background-size: cover;
}

.header-event .header-image {
	height: 330px;
	width: 970px;
	background: url(../../img/event/01_event_header.jpg) no-repeat center top;
	background-size: cover;
}

.header-build .header-image {
	height: 330px;
	width: 970px;
	background: url(../../img/build/01_tsukurikata_gallery_header.jpgg) no-repeat center top;
	background-size: cover;
}


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

.art_festival {
	margin-bottom: -40px;
}

.header-art_festival .header-image {
	height: 230px;
	width: 970px;
	background: url(../../img/art_festival/01_laqtoha_header.jpg) no-repeat center top;
}

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

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

.art_festival .art_festival-box.dendo h1 img {
	margin-right: 10px;
	height: 50px;
}

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

.art_festival .art_festival-box.dendo > p {
	float: left;
	margin-bottom: 50px;
	width: 400px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}

.art_festival .art_festival-box.dendo > h3 {
	float: right;
}

.art_festival .art_festival-box.dendo > .dendo-list {
	clear: both;
	margin: auto;
	padding: 50px;
}

.art_festival .art_festival-box.dendo > .dendo-list {
	position: relative;
	background: url('../../img/art_festival/archive-dendo-bg2.png') repeat;
	background-size: 100%;
	border-radius: 16px;
}

.art_festival .art_festival-box.dendo > .dendo-list * {
	position: relative;
	z-index: 9999;
}

.art_festival .art_festival-box.dendo > .dendo-list::before,
.art_festival .art_festival-box.dendo > .dendo-list::after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 22.5%;
	z-index: 1;
}

.art_festival .art_festival-box.dendo > .dendo-list::before {
	top: 0;
	background: url('../../img/art_festival/archive-dendo-bg_before.png') no-repeat center top;
	background-size: 100%;
}

.art_festival .art_festival-box.dendo > .dendo-list::after {
	bottom: 0;
	background: url('../../img/art_festival/archive-dendo-bg_after.png') no-repeat center bottom;
	background-size: 100%;
}

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

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

.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 .box-contest-about .fl-box2 {
	margin-bottom: 20px;
	width: 45%;
	text-align: center;
}

.art_festival .art_festival-box.contest .tbc-award-ttl-inner span {
	color: #c1272d;
}




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

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

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

.art_festival .archive-list li {
	list-style-type: none;
	float: left;
	margin-right: 10px;
	width: 119px;
	height: 109px;
	font-size: 30px;
	text-align: center;
	text-transform: uppercase;
}

.art_festival .archive-list li span {
	display: block;
	margin-bottom: 10px;
	font-size: 15px;
}

.art_festival .archive-list li small {
	position: relative;
	top: -1px;
	font-size: 24px;
}

.art_festival .archive-list li a {
	display: block;
	padding: 28px 0 0;
	width: 100%;
	height: 100%;
	color: #000000;
}

.art_festival .archive-list li a:hover {
	opacity: .7;
}

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

.art_festival .archive-list li:nth-of-type(n+7) {
	margin-top: 10px;
}

.art_festival .archive-list li:nth-of-type(2n) a {
	background: url('../../img/art_festival/archive-pink.png') no-repeat center bottom;
}

.art_festival .archive-list .y2016 li:nth-of-type(2n) a {
	background: url('../../img/art_festival/archive-green.png') no-repeat center bottom;
}

.art_festival .archive-list li:nth-of-type(2n-1) a {
	background: url('../../img/art_festival/archive-white.png') no-repeat center bottom;
}

.art_festival .archive-list li.blank {
	background: url('../../img/art_festival/archive-blank.png') no-repeat center bottom;
}

.art_festival .archive-list h3 {
	margin-bottom: 40px;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	font-size: 22px;
	font-weight: 500;
	line-height: 46px;
	color: #bc942d;
	text-align: center;
	background: #ffffff;
}

.art_festival .archive-list h3:after,
.art_festival .archive-list h3:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.art_festival.archive .art_festival-box.contest > h2 {
	margin: -20px 0 30px;
	font-size: 30px;
	font-weight: 500;
	color: #c1272d;
	text-align: left;
}

.art_festival.archive .art_festival-box.contest p {
	font-size: 16px;
	font-weight: 300;
	color: #4d4d4d;
}

/*******
.art_festival.archive .art_festival-box.dendo > .dendo-list,
.art_festival.monthly .art_festival-box.dendo > .dendo-list {
	position: relative;
	background: url('../../img/art_festival/archive-dendo-bg.png');
	background-size: 100%;
	border-radius: 16px;
}
*****/



.art_festival.monthly .art_festival-box.dendo > .dendo-list * {
	position: relative;
	z-index: 9999;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list::before,
.art_festival.monthly .art_festival-box.dendo > .dendo-list::after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	padding-top: 32.5%;
	z-index: 1;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list::before {
	top: 0;
	background: url('../../img/art_festival/archive-dendo-bg_before.png') center top;
	background-size: 100%;
}

.art_festival.monthly .art_festival-box.dendo > .dendo-list::after {
	bottom: 0;
	background: url('../../img/art_festival/archive-dendo-bg_after.png') no-repeat center bottom;
	background-size: 100%;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list h2 img,
.art_festival.monthly .art_festival-box.dendo > .dendo-list h2 img {
	display: block;
	margin: auto;
}

.art_festival.archive .art_festival-box.dendo > .dendo-list h3,
.art_festival.monthly .art_festival-box.dendo > .dendo-list h3 {
	margin: 30px 0;
	font-size: 26px;
	font-weight: 500;
	text-align: center;
}

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

.art_festival.monthly .monthly-logo {
	margin-bottom: 50px;
}

.art_festival.monthly .monthly-logo + h4 {
	margin-bottom: 40px !important;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 2px;
}

.art_festival.monthly .monthly-logo + h4 img {
	margin-right: 8px;
	width: 44px;
}

.art_festival.monthly .art_festival-box.contest .btn-area a {
	padding: 1.1rem 0;
	width: 243px;
}


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

.art_festival.champion2016 .championwrap {
	padding: 50px 0;
	background: #ffe088 url('../../img/art_festival/champion2016/bg.png') no-repeat top center;
}

.art_festival.champion2016 .champion {
	margin: auto;
	padding: 50px 60px;
	width: 797px;
	height: 706px;
	background: url('../../img/art_festival/champion2016/championbg.png') no-repeat top center;
}

.art_festival.champion2016 .champion figure {
	float: left;
}

.art_festival.champion2016 .champion h2 {
	margin: 10px 0 0 140px;
	font-size: 36px;
	font-weight: 500;
	color: #430500;
}

.art_festival.champion2016 .champion h3 {
	margin: 10px 0 0 140px;
	font-size: 12px;
	font-weight: 700;
	line-height: 1.5;
}

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

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

.art_festival.champion2016 .championbox {
	padding-top: 60px;
	margin: auto;
	width: 797px;
	clear: both;
}

.art_festival.champion2016 .championbox h2 {
	font-size: 32px;
	font-weight: 600;
	line-height: 80px;
}

.art_festival.champion2016 .championbox h2 img {
	display: inline-block;
	margin-right: 16px;
	vertical-align: top;
}

.art_festival.champion2016 .championbox .item {
	float: left;
	width: 380px;
}

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

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




/*
.art_festival.champion2016 .championbox p {
	text-align: center;
	font-size: 15px;
	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;
	margin-bottom:8px;
	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 {
	position: relative;
	text-align: center;
}

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

.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 {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.art_festival.champion2016 .championbox h3 img {
	margin: 10px 0;
	width: 50px;
}

.art_festival.champion2016 .championbox h3 span {
	display: inline-block;
	margin: 10px 0;
	padding: 7px 10px 0 10px;
	text-align: left;
	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: 50px 20px;
	height: 600px;
	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-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	background: #ffffff;
}

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

.art_festival.champion2016 .championbox ul::after {
	content: "";
	display: block;
	clear: both;
	overflow: hidden;
}

.art_festival.champion2016 .championbox ul li {
	float: left;
	width: 20%;
	list-style-type: none;
}

.art_festival.champion2016 .championbox ul li figure {
	padding: 75% 0 0;
	margin:0px 10px;
}

.art_festival.champion2016 .championbox ul li p i {
	padding-top: 0;
	font-size: 12px;
}

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

.art_festival.champion2016 .championcontainer .btn-area a {
	padding: 1.1rem 0;
	width: 250px;
}


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

.art_festival.sakuhin .slider {
	float: left;
	margin-top: 20px;
	width: 590px;
	overflow: visible;
}

.art_festival.sakuhin .slider li {
	margin: 0 8px 8px;
	position: relative;
	overflow: visible;
}

.art_festival.sakuhin .slider li::after {
	content: "";
	position: absolute;
	top: 8px;
	left: 8px;
	display: block;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .2);
	z-index: -1;
}
/*
.art_festival.sakuhin .slider img {
	display: block;
	width: 100%;
	height: auto;
	/* border: 8px solid #ffffff; */
/*}*/




.art_festival.sakuhin .thumbnail {
	float: right;
	margin-top: 20px;
	display: inline-block;
	width: 190px;
}

.art_festival.sakuhin .thumbnail > div,
.art_festival.sakuhin .thumbnail > div > div {
	padding: 0 !important;
	height: 100% !important;
}
.art_festival.sakuhin .thumbnail li {
	position:relative;
	padding-top:0%;
	background:#ffffff;
}

/*.art_festival.sakuhin .thumbnail img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	display:block;
	margin:auto;
	max-width: 100%;
	max-height: 100%;
}*/

.art_festival.sakuhin .thumbnail li {
	width: 190px !important;
	float: none;
	display: block;
	border: 4px solid #ffffff;
}

.art_festival.sakuhin .thumbnail li.slick-current {
	border: 5px solid #ff0000;
}

.art_festival.sakuhin .thumbnail li + li {
	margin-top: 7px;
}

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

.art_festival.sakuhin .comment .box {
	margin-top: 40px;
	padding: 20px 20px 20px 90px;
	font-size: 14px;
	color: #666666;
	line-height: 1.7;
	background-color: #ffffff;
	background-position: 20px 20px;
	box-shadow: 5px 5px 0 rgba(0, 0, 0, .2);
}

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

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

.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 .btn-area a {
	width: 243px;
	padding: 1.2rem 0;
}


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

.art_festival.ichiran .ichiranhead {
	padding: 3px;
	background: #f3dc6f;
	background: -moz-linear-gradient(left, #f3dc6f 0%, #bea350 10%, #f3dc6f 50%, #bea350 90%, #f3dc6f 100%);
	background: -webkit-linear-gradient(left, #f3dc6f 0%, #bea350 10%, #f3dc6f 50%, #bea350 90%, #f3dc6f 100%);
	background: linear-gradient(to right, #f3dc6f 0%, #bea350 10%, #f3dc6f 50%, #bea350 90%, #f3dc6f 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#f3dc6f', endColorstr='#f3dc6f', GradientType=1);
}

.art_festival.ichiran .ichiranhead span {
	display: block;
	padding: 10px 0;
	font-size: 26px;
	font-weight: 400;
	color: #bc942d;
	background: #ffffff;
}

.art_festival.ichiran .readtxt {
	padding: 20px 0;
	font-size: 14px;
	font-weight: 300;
	color: #666666;
}

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

.art_festival.ichiran .listbox li {
	float: left;
	margin: 0 0 2% 2%;
	width: 23.5%;
	list-style-type: none;
}

.art_festival.ichiran .listbox li img {
	border: 8px solid #ffffff;
}

.art_festival.ichiran .listbox li:nth-of-type(4n-3) {
	margin-left: 0;
}
.art_festival.ichiran .listbox li:nth-of-type(4n-3)::after {
	content: "";
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	clear: both;
}

.art_festival.ichiran .listbox li img {
	width: 100%;
}

.art_festival.ichiran .listbox + .btn-area a {
	padding: 1.1rem 0;
	width: 250px;
}


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

.dendo-contents {
	margin-bottom: -40px;
	background: #ffffff;
}

.header-dendo .header-image {
	height: 230px;
	width: 970px;
	background: url(../../img/art_festival/dendo/header.png) no-repeat center top;
}


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

.dendo-heading h1 {
	margin: 0 auto 40px;
	text-align: center;
}

.dendo-heading h2 {
	margin: 0 0 10px;
	font-size: 26px;
	font-weight: 400;
	color: #ffffff;
}

.dendo-heading p {
	margin: 0 0 40px;
	font-size: 16px;
	font-weight: 200;
	line-height: 1.5;
	color: #ffffff;
}

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

.dendo-item-box h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
	color: #ffffff;
}

.dendo-item-box h2 img {
	margin-right: 10px;
	width: 50px;
}

.dendo-item {
	margin: 20px auto 0;
	padding: 50px 0 0;
	width: 587px;
	background: url('../../img/art_festival/dendo/line.png') no-repeat top center;
}

.dendo-item h3 {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	font-size: 22px;
	font-weight: 500;
	line-height: 46px;
	color: #bc942d;
	text-align: center;
	background: #ffffff;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}

.dendo-item h3:after,
.dendo-item h3:before,
.dendo-item figure:after,
.dendo-item figure:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.dendo-item h3 span {
	position: relative;
	top: 12px;
	display: inline-block;
	margin: 0 10px 0 0;
	padding: 0 8px;
	font-size: 12px;
	line-height: 22px;
	color: #ffffff;
	background: #bc942d;
	text-align: center;
	vertical-align: top;
}

.dendo-item figure {
	margin-top: 20px;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	background: #ffffff;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}

.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: right;
	padding: 0 20px;
	width: 270px;
}

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

.dendo-bnr {
	padding: 40px 0 30px;
	text-align: center;
}

.dendo-nav {
	padding: 20px 12px;
	background: #f6f6f6;
}

.dendo-nav ul,
.dendo-nav li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.dendo-nav h2 {
	margin: 0 0 10px;
	font-size: 16px;
	color: #377eeb;
}

.dendo-nav .selectbox {
	position: relative;
	width: 100%;
	height: 32px;
	border-radius: 4px;
	background: #377eeb;
}

.dendo-nav .selectbox::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -2px;
	display: block;
	width: 0;
	height: 0;
	border-top: 5px solid #ffffff;
	border-bottom: 5px solid transparent;
	border-right: 4px solid transparent;
	border-left: 4px solid transparent;
}

.dendo-nav .selectbox select {
	padding: 0 8px;
	height: 100%;
	width: 100%;
	font-size: 14px;
	font-weight: 200;
	color: #ffffff;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.dendo-nav-item + h2 {
	margin-top: 30px;
}

.dendo-nav-item + .dendo-nav-item {
	margin-top: 20px;
}

.dendo-nav-item li a {
	position: relative;
	display: block;
	margin: 0.5em 0;
	padding: 0 0 0 1.5em;
	font-size: 11px;
	font-weight: 300;
	line-height: 1.3;
	text-decoration: underline;
	color: #377eeb;
}

.dendo-nav-item li a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -5px;
	display: block;
	width: 8px;
	height: 8px;
	border-right: 2px solid #377eeb;
	border-top: 2px solid #377eeb;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}

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


/* ===========================================
 about
===========================================*/

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

.box-about:last-child {
	box-shadow: none;
}

.box-about-inner {
	position: relative;
	/*  padding: 4rem;*/
}

.box-about-nav ul {
	display: table;
	width: 100%;
	/*  table-layout: fixed;*/
}

.box-about-nav ul li {
	display: table-cell;
	vertical-align: middle;
}

.box-about-nav ul li a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 1.5rem 0rem;
	color: #FFF;
	width: 100%;
	table-layout: fixed;
	font-size: 1.4rem;
	text-align: center;
	font-weight: 600;
}

.box-about-nav ul li a {
	background: #377eeb;
	border-left: 1px solid #f6f3ee;
}

.box-about-nav ul li:first-child a {
	border-radius: 4px 0 0 4px / 4px 0 0 4px;
}

.box-about-nav ul li:last-child a {
	border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}

.ba-color-list {}

.ba-color-list p {
	width: 12%;
	margin-right: 2%;
	vertical-align: middle;
}

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

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

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

.parts-special {}

.parts-special h4 {
	background: #ff1303;
	font-size: 1.8rem;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	padding: 0.5rem;
}

.psp-box {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-webkit-align-items: stretch;
}

.psp-title {
	color: #ff1303;
	margin-bottom: 0.5rem;
}

.psp-main {
	min-height: 6em;
	font-size: 1.4rem;
}

.psp-box-1 {
	width: 51%;
	border-right: 1px solid #cacaca;
	padding-right: 1%;
}

.psp-box-1 ul {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.psp-box-2 {
	width: 21%;
	border-right: 1px solid #cacaca;
	padding-right: 1%;
}

.psp-box-2 ul {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.psp-box-3 {
	width: 26%;
}

.psp-box-3 ul {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.psp-box img {
	width: 100%;
}

.psp-box-1 ul li {
	list-style: none;
	width: 23%;
}

.psp-box-2 ul li {
	list-style: none;
	width: 100%;
}

.psp-box-3 ul li {
	list-style: none;
	width: 47%;
}

.psp-box li a {
	text-align: center;
	display: block;
	width: 100%;
	min-height: 140px;
	position: relative;
	border: 2px solid #fe8c8b;
	border-radius: 4px;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
	color: #ff1818;
	padding: 10px 5px 0 5px;
	-webkit-transition: all 0.5s ease !important;
	-moz-transition: all 0.5s ease !important;
	-ms-transition: all 0.5s ease !important;
	-o-transition: all 0.5s ease !important;
	transition: all 0.5s ease !important;
	background: #FFF;
}

.psp-box li a img {
	width: auto;
	max-width: 100%;
	max-height: 100px;
}

.psp-box li a:hover {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}

.psp-box li p {
	text-align: center;
	position: absolute;
	bottom: 10px;
	font-size: 1.4rem;
	width: 100%;
}

.fl-box-exp1 {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.fl-box-exp1a {
	width: 38%;
}

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

.fl-box-exp1a p:first-child {
	color: #2e83c7;
	font-weight: bold;
}

.fl-box-exp1b p:first-child {
	color: #2e83c7;
	font-weight: bold;
}

.fl-box-exp1a a {
	font-size: 1.4rem!important;
	width: 100%;
	margin: 0 0 1.5rem 0;
	padding: 1.4rem 1.5rem!important;
}

.fl-box-exp1b img {
	width: 99%;
}

.ul-table {
	display: table;
}

.ul-table li {
	display: table-cell;
}

.fl-box-edu-wrap {
	position: relative;
}

.fl-box-edu-wrap-brain {
	width: 21%;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -11%;
	margin-left: -10%;
	z-index: 10;
}

.fl-box-edu-wrap-brain img {
	width: 100%;
}

.fl-box-edu {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.fl-box-edu1 {
	width: 49%;
	background: url(../../about/img/25_laqtoha_chiiku_slide01_on.png);
	background-size: contain;
}

.fl-box-edu2 {
	width: 49%;
	background: url(../../about/img/26_laqtoha_chiiku_slide02_on.png);
	background-size: contain;
}

.fl-box-edu3 {
	width: 49%;
	background: url(../../about/img/27_laqtoha_chiiku_slide03_on.png);
	background-size: contain;
}

.fl-box-edu4 {
	width: 49%;
	background: url(../../about/img/28_laqtoha_chiiku_slide04_on.png);
	background-size: contain;
}

.fl-box-edu div {
	margin-bottom: 1%;
}

.fl-box-edu div a:hover {
	opacity: 0;
}

.fl-box-edu div a img {
	width: 100%;
}

.box-edu5 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.box-edu5a {
	width: 32%;
}

.box-edu5b {
	width: 68%;
	background: url(../../about/img/28_laqtoha_chiiku_slide05_on.png);
	background-size: contain;
}

.box-edu6 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	width: 100%;
}

.box-edu6a {
	width: 32%;
}

.box-edu6b {
	width: 68%;
	background: url(../../about/img/28_laqtoha_chiiku_slide06_on.png);
	background-size: contain;
}

.box-edu5 div,
.box-edu6 div {
	margin-bottom: 1%;
}

.box-edu5 div a:hover,
.box-edu6 div a:hover {
	opacity: 0;
}

.box-edu5 div img,
.box-edu6 div img {
	width: 100%;
}

.ba-voice-list {}

.ba-voice-list ul {
	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: space-between;
	justify-content: space-between;
	-webkit-align-items: top;
	align-items: top;
	width: 100%;
}

.ba-voice-list ul li {
	width: 32%;
	margin-bottom: 1.5rem;
	background: #FFF;
	padding: 1.5rem;
	border-radius: 4px;
	list-style: none;
	box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
}

.ba-voice-list ul li img {
	width: 100%;
	margin-bottom: 1.5rem;
}

.ba-voice-list ul li .ba-voice-main {
	min-height: 5em;
	font-size: 1.4rem;
	line-height: 1.5;
	color: #646464;
}

.ba-voice-list ul li .ba-voice-prof {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #646464;
}

.ba-award-list {}

.ba-tab {
	background: #FFF;
	padding: 30px;
	border-radius: 8px;
	margin-bottom: 2rem;
	border-bottom: 1px solid #CCC;
}

.baa-table {}

.baa-table ul {
	display: table;
	width: 100%;
}

.baa-table ul li {
	display: table-cell;
	width: 50%;
}

.baa-table-td {
	-webkit-justify-content: space-between;
	justify-content: space-between;
	margin-bottom: 2rem;
}

.baa-table-td-l {
	width: 74%;
}

.baa-table-td-r {
	width: 20%;
}

.baa-table ul li:first-child {
	padding-right: 2%;
}

.baa-table ul li:last-child {
	padding-left: 2%;
}

.baa-table-td-r img {
	width: 100%;
	margin-bottom: 0.5rem;
}

.baa-table-td-l p:first-child {
	margin-bottom: 1rem;
}

.baa-img-list {}

.baa-img-list ul {}

.baa-img-list ul li {
	list-style: none;
	display: inline-block;
	width: 12%;
	padding-right: 1%;
}

.baa-img-list ul li:last-child {
	padding-right: 0;
}

.baa-img-list ul li img {
	width: 100%;
}

.ba-parts-ttl {}

.ba-parts-exp span {
	width: 50%;
	margin-right: 1rem;
}

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

.ba-parts-box {
	width: 100%;
	background: #FFF;
	border-radius: 4px;
	padding: 20px;
}

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

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

.ba-doctor {
	background: url(../../about/img/bg_ba_doctor.png) no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	max-height: 176px;
}

.ba-doctor p {
	color: #FFF;
	padding: 4vw 5vw 4vw 21vw;
	width: 100%;
	height: 21vw;
	line-height: 1.4;
	font-size: 4vw;
}

.ba-ttl {
	background: #6299de no-repeat;
	background-size: contain;
	width: 100%;
	height: 100%;
	max-height: 176px;
}

.ba-ttl p {
	color: #FFF;
	padding: 4vw 5vw 4vw 4vw;
	width: 100%;
	text-align: center;
	height: 21vw;
	line-height: 1.4;
	font-size: 4vw;
}


/* ===========================================
 news
===========================================*/

.search-news-box a,
.search-news-box .search-years {
	background: #377eeb;
	border-left: 1px solid #f6f3ee;
}

.search-news-box:first-child a {
	border-left: none;
}

.search-news-box .search-years {
	text-align: center;
}

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

.search-news-box .search-years select {
	font-size: 1.2rem;
	background: #37b0eb;
	color: #FFF;
	padding: 0.5rem 1.5rem;
	cursor: pointer;
}

.search-news-box .search-stock {
	border-radius: 4px 0 0 4px / 4px 0 0 4px;
	background: #494fc2;
}

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

#news-ym {
	padding: 3rem 0;
}

#news-ym .news-ym-year {
	line-height: 1;
}

#news-ym .news-ym-month span {
	line-height: 1;
}

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

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

.news-head {}

.news-head-date {
	vertical-align: middle;
	font-weight: normal;
}

.news-head-label {
	color: #FFF;
	padding: 0.4rem 0.8rem;
	margin-left: 0.8rem;
	vertical-align: middle;
	font-weight: bold;
	border-radius: 2px;
}

.nhl-company {
	background: #ff5555;
}

.nhl-update {
	background: #ff5555;
}

.nhl-info {
	background: #ff5555;
}

.nhl-product {
	background: #01bf60;
}

.nhl-contest {
	background: #01bf60;
}

.nhl-topics {
	background: #01BF60;
}

.news-body {}

.news-ttl {
	margin: 1rem 0;
}

.list-accordion {}

.search-cond a:hover:after,
.search-cond a.current:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 6px 0 6px;
	border-color: #377eeb transparent transparent transparent;
	position: absolute;
	bottom: -8px;
	left: 50%;
	margin-left: -6px;
}

.search-cond .search-all-box a:hover:after,
.search-cond .search-all-box a.current:after {
	border-color: #494fc2 transparent transparent transparent;
}

.search-cond .search-basic-box a:hover:after,
.search-cond .search-basic-box a.current:after {
	border-color: #0064E7 transparent transparent transparent;
}

.search-cond .search-innovator-box a:hover:after,
.search-cond .search-innovator-box a.current:after {
	border-color: #DE041F transparent transparent transparent;
}

.search-cond .search-freestyle-box a:hover:after,
.search-cond .search-freestyle-box a.current:after {
	border-color: #FBB026 transparent transparent transparent;
}

.search-cond .search-books-box a:hover:after,
.search-cond .search-books-box a.current:after {
	border-color: #64B15A transparent transparent transparent;
}

.search-cond .search-special-box a:hover:after,
.search-cond .search-special-box a.current:after {
	border-color: #AAC123 transparent transparent transparent;
}

.search-cond .search-lv1-box a:hover:after,
.search-cond .search-lv1-box a.current:after {
	border-color: #008d00 transparent transparent transparent;
}

.search-cond .search-lv2-box a:hover:after,
.search-cond .search-lv2-box a.current:after {
	border-color: #5ec4f8 transparent transparent transparent;
}

.search-cond .search-lv3-box a:hover:after,
.search-cond .search-lv3-box a.current:after {
	border-color: #f78009 transparent transparent transparent;
}

.news-content {}

.nit-single {}

.nit-detail .news-body {
	position: relative;
	padding-bottom: 1rem;
}

.nit-detail .news-content {
	overflow: hidden;
	height: auto;
	max-height: 0;
}

.news-item-box a {
	color: #377eeb;
	text-decoration: underline;
}

.news-item-box a:hover {
	color: #377eeb;
	text-decoration: none;
}

.news-content {
	font-size: 1.4rem;
	line-height: 1.5;
	height: 0%;
	max-height: 0%;
}

#news-list .item-box .news-content img {
	max-width: 100%;
	height: auto;
}

.accordion-triangle {
	cursor: pointer;
}

.accordion-triangle:after {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	bottom: 0;
	right: 0;
	border-style: solid;
	border-width: 0 0 50px 50px;
	-webkit-transition: all 0.4s ease !important;
	-moz-transition: all 0.4s ease !important;
	-ms-transition: all 0.4s ease !important;
	-o-transition: all 0.4s ease !important;
	transition: all 0.4s ease !important;
	cursor: pointer;
}

.accordion-triangle:hover:after {
	border-width: 0 0 55px 55px;
}

.accordion-triangle:after {
	border-color: transparent transparent #377eeb transparent;
}

.accordion-triangle:before {
	display: block;
	content: "＋";
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 2.4rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.nit-detail.open .accordion-triangle:after {
	border-color: transparent transparent #37b0eb transparent;
}

.nit-detail.open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.7rem;
	bottom: 0.5rem;
	font-size: 2.4rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.nit-detail.open {
	z-index: 1000;
}

.nit-detail.open .news-content {
	overflow: hidden;
	height: 100%;
	max-height: none;
}

.year-val,
.cat-val {
	visibility: hidden;
	height: 0;
	overflow: hidden;
}


/* ===========================================
 event
===========================================*/

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

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

.event-map img {
	position: absolute;
	top: -9rem;
	left: 8rem;
}

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

.event-item-box a:hover {
	color: #377eeb;
	text-decoration: none;
}

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

.event-item-box a {
	color: #377eeb;
	text-decoration: underline;
}

.event-body {
	position: relative;
	padding-bottom: 1rem;
}

.event-content {
	overflow: hidden;
	height: auto;
	max-height: 0;
}

.eit-detail.open .accordion-triangle:after {
	border-color: transparent transparent #37b0eb transparent;
}

.eit-detail.open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.7rem;
	bottom: 0.5rem;
	font-size: 2.4rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.eit-detail.open .event-content {
	overflow: hidden;
	height: 100%;
	max-height: none;
}

.event-head span {
	display: inline-block;
	color: #FFF;
	font-size: 1.4rem;
	padding: 0.5rem 0.5rem;
	border-radius: 2px;
	margin-right: 0.5rem;
}

.event-head-label {
	background: #2e83c7;
}

.event-head-date,
.event-head-category {
	background: #ffa900;
	margin-bottom: 1rem;
}

.event-head span.ehl-pay {
	background: #FFF;
	border: 1px solid #FF4611;
	color: #FF4611;
}

.event-head span.ehl-free {
	background: #FF4611;
}

.event-ttl {
	color: #646464;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.5;
	margin: 1.5rem 0;
}

.event-content {
	font-size: 1.4rem;
	line-height: 1.37;
	color: #646464;
}

.event-content p {
	margin-bottom: 1rem;
}

.event-content table {
	border-collapse: collapse;
	border-top: 1px solid #c8c8c8;
	border-left: 1px solid #c8c8c8;
	margin: 2rem 0 2rem 0;
}

.event-content table th,
.event-content table td {
	padding: 1rem;
	border-bottom: 1px solid #c8c8c8;
	border-right: 1px solid #c8c8c8;
}

.event-content table th {
	width: 8em;
	background: #999;
	color: #FFF;
	font-weight: normal;
}

.event-attention {
	font-size: 1.2rem;
}

.search-event {
	/*   background: #FFF; */
	margin-bottom: 4rem;
}

.search-event .search-cond {
	padding: 0 4rem 0 4rem!important;
	background: #FFF;
}

.search-event .search-cond ul {
	padding: 3rem 0 2rem 0;
	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;
}

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

.search-event .search-cond ul li div {
	display: inline-block;
	line-height: 2rem;
}

.search-event .search-cond ul li .search-label {
	color: #377eeb;
	min-width: 8em;
}

.search-event .search-cond select {
	width: 100%;
	background: #FFF;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	font-weight: normal;
}

.search-event .search-cond input[type="text"] {
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	padding: 0 0.5rem;
	font-weight: normal;
}

.box-event {
	margin: 20px 0;
	padding: 40px;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}

.event-category-list {}

.event-category-list 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;
}

.event-category-list .ecl-ttl {
	font-size: 2rem;
	color: #ffa600;
	margin-bottom: 1rem;
}

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

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

.event-category-list .ecl-body {
	padding: 1.5rem 1.5rem 5rem 1.5rem;
}

.event-category-list p {
	font-size: 1.4rem;
	color: #646464;
	margin-bottom: 1rem;
}

.event-category-list .btn-area {
	position: absolute;
	width: 85%;
	bottom: 1.5rem;
	z-index: 10;
}

.event-category-list a {
	margin: 0 auto;
	text-align: center;
}

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


/* ===========================================
 product
===========================================*/


/*
.header-product{
  height: 390px;
  width: 970px;
}

.header-product .header-image{
  height: 390px;
  width: 970px;
  background: url(../../product/img/01_product_header_basic.jpg) no-repeat center top;
  background-size: cover;
}
*/

#product-slider {
	padding-bottom: 60px;
	max-height: 390px;
	overflow: hidden;
}

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

#product-slider .slick-dots {
	bottom: -40px!important;
}

.inner-bg-beige {
	background: #f6f3ee!important;
}

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

.search-tag {
	margin-bottom: 20px;
}

.search-tag li {
	list-style: none;
	font-size: 1.2rem;
	display: inline-block;
	margin-right: 0.5rem;
	margin-bottom: 1.5rem;
}

.search-tag li a {
	border: 1px solid #646464;
	border-radius: 2px;
	background: #FFF;
	text-decoration: none;
	color: #646464;
	padding: 0.2rem 0.5rem;
}

.search-cond {}

.search-cond ul {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.search-cond ul li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
}

.search-cond ul li .search-detail {
	z-index: 110;
}

.search-cond ul a {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 1.5rem 0rem;
	color: #FFF;
	width: 100%;
	table-layout: fixed;
	font-size: 1.2rem;
	text-align: center;
	font-weight: 600;
}

.search-detail {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 1.5;
	padding: 1.5rem 0rem;
	color: #FFF;
	width: 100%;
	table-layout: fixed;
	font-size: 1.2rem;
	text-align: center;
	font-weight: 600;
	border-radius: 4px 0 0 4px / 4px 0 0 4px;
	background: #377EEB;
	text-align: left!important;
	padding-left: 2rem!important;
}

.search-detail i {
	position: absolute;
	right: 1.5rem;
	top: 1rem;
	font-size: 1.8rem;
}

.search-cond {
	position: relative;
}

.search-cond-detail {
	display: none;
	/*
  position: absolute;
  top:0;
  left: 0px;
*/
	padding: 0 0 4rem 0;
	background: #FFF;
	width: 100%;
	z-index: 100;
	opacity: 1;
	border-radius: 4px;
	box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.15);
}

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

.search-cond-detail ul {
	padding: 4rem 4rem 0rem 4rem;
	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;
}

.search-cond-detail ul li {
	width: 45%;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 2rem;
	list-style: none;
}

.search-cond-detail ul li div {}

.search-cond-detail ul li .search-label {
	color: #377eeb;
	min-width: 8em;
	display: inline-block;
	line-height: 2rem;
	margin-bottom: 1rem;
}

.search-cond-detail .btn-area {
	/*  margin-top: 0;*/
}

.search-series .disabled {
	opacity: 0.4;
	pointer-events: none;
}

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

.search-keyword input {}

.search-cond-detail select {
	width: 100%;
	background: #FFF;
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	font-weight: normal;
}

.search-cond-detail input[type="text"] {
	border: 1px solid #c8c8c8;
	border-radius: 2px;
	padding: 0.5rem 0.5rem;
	font-weight: normal;
}

.search-basic {
	background: #0064E7;
}

.search-innovator {
	background: #DE041F;
}

.search-freestyle {
	background: #FBB026;
}

.search-books {
	background: #64B15A;
}

.search-special {
	background: #AAC123;
	border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}

.search-stock {
	background: #494fc2;
}

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

#product-list {
	padding: 3rem 0;
	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;
}

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

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

.item-ph {
	padding: 2rem;
}

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

.item-copy,
.item-copy-sp {
	padding: 0 2rem;
	font-size: 1.4rem;
	color: #646464;
	line-height: 1.5;
	min-height: 1.5em;
}

.build .item-copy,
.item-copy-sp {
	padding: 0 2rem;
	font-size: 1.4rem;
	color: #646464;
	line-height: 1.5;
	min-height: 3em;
}

.item-name {
	padding: 0.5rem 2rem;
	color: #2A8AFF;
	font-size: 1.6rem;
	line-height: 1.37;
	font-weight: bold;
	min-height: 7.5rem;
}

.build .item-name {
	padding: 0.5rem 2rem;
	color: #2A8AFF;
	font-size: 1.6rem;
	line-height: 1.37;
	font-weight: bold;
	min-height: 5.5rem;
}

.item-price {
	padding: 0.5rem 2rem;
	font-size: 1.6rem;
	color: #646464;
}

.item-price span {
	font-size: 1.4rem;
	padding: 0.1rem 0.5rem;
	margin-right: 1rem;
	border: 1px solid #646464;
}

.item-level {
	margin-top: 1.2rem;
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
	padding: 0.8rem;
	text-align: center;
	color: #FFF;
	font-size: 1.6rem;
}

.item-lv-basic {
	background: #0064E7;
}

.item-lv-innovator {
	background: #DE041F;
}

.item-level.innovator {
	background: #DE041F;
}

.item-lv-stock {
	background: #2fc5e6;
}

.item-level.stock {
	background: #2fc5e6;
}

.tbl-icon-level.stock {
	background: #2fc5e6;
}

.item-lv-freestyle {
	background: #FBB026;
}

.item-level.freestyle {
	background: #FBB026;
}

.tbl-icon-level.freestyle {
	background: #FBB026;
}

.item-lv-books {
	background: #64B15A;
}

.item-lv-special {
	background: #AAC123;
}

.item-lv-star {
	color: #FFEE01;
	margin-left: 0.5rem;
}

.product-detail .tbl-icon-level {
	text-align: center;
	padding: 1.2rem 0;
	font-size: 2rem;
	color: #FFF;
}

.top-tbl-title {
	color: #2a8aff;
}

.top-tbl-desc {
	color: #646464;
}

.level-star {
	color: #ffee01;
}

.product-detail .level-1 .level-star:before {
	position: relative;
	content: "★";
	font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.product-detail .level-2 .level-star:before {
	position: relative;
	content: "★★";
	font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.product-detail .level-3 .level-star:before {
	position: relative;
	content: "★★★";
	font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

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

.product-detail {
	margin: 40px;
	box-sizing: border-box;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

.product-detail:first-child {
	margin: 60px 20px;
}

.product-detail h2 {
	width: 100%;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.prd-inner {
	width: 100%;
	max-width: 890px;
	background: #FFF;
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
}

.prd-inner .fl-box {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.fl-box-1a {
	width: 48%;
}

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

.prd-ph img {
	width: 100%;
}

.ph-stage {
	background-size: cover;
}

.ph-thum {
	margin-top: 2rem;
	width: 100%;
}

.ph-thum li {
	width: 30%;
	display: inline-block;
	list-style: none;
}

.ph-thum li a {
	display: block;
	border: 1px solid #EFEFEF;
}

.ph-thum li a.current,
.ph-thum li a:hover {
	border: 1px solid #CCC;
}

.ph-thum li a img {
	width: 100%;
}

.prd-summary {}

.prd-spec {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
}

.prd-spec th,
.prd-spec td {
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.prd-spec th {
	text-align: center;
	width: 5.5rem;
	line-height: 5.5rem;
	background: #999;
}

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

.prd-inner .btn-area p,
.prd-inner .btn-area a {
	display: inline-block;
}

.product-parts img {
	max-width: 100%;
	height: auto;
	vertical-align: middle;
}

.img-normal img {
	width: auto;
	height: auto;
}

.product-free a img {
	width: auto;
	height: auto;
}

.recommend-list {
	margin-top: 20px;
	width: 100%;
}

.recommend-list li {
	width: 32%;
	display: inline-block;
}

.recommend-list li a {
	display: block;
	text-align: center;
}

.recommend-list li a img {
	width: 100%;
}


/* ===========================================
 build
===========================================*/

.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px!important;
	height: 20px!important;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}

.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px!important;
	height: 20px!important;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}

.slick-dots li button:before {
	font-family: 'slick';
	font-size: 20px!important;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px!important;
	height: 20px!important;
	content: '●'!important;
	text-align: center;
	opacity: .15;
	color: #1845ed!important;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.slick-dots li.slick-active button:before {
	opacity: .75;
	color: #1845ed!important;
}

.slick-slide {
	outline: none;
	cursor: pointer;
}

.chn-sliders {
	position: relative;
	width: 80%;
	margin: 40px auto 40px auto;
	border: 2px solid #2d82df;
	border-radius: 8px;
	background: #FFF;
	padding: 2rem;
}

.build-slider {
	position: relative;
	width: 100%;
}

.chn-sliders:after {
	position: absolute;
	left: 2rem;
	top: 50%;
	content: "新着情報";
	width: 110px;
	height: 110px;
	background: #2d82df;
	color: #FFF;
	font-size: 2rem;
	display: block;
	border-radius: 100%;
	line-height: 100px;
	text-align: center;
	margin-top: -55px;
}

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

.chn-sliders .slick-dotted.slick-slider {
	margin-bottom: 0;
}

.bsl-spec {
	float: left;
	width: 62%;
	padding-left: 24%;
}

.bsl-spec ul {
	margin-top: 1rem;
	padding-top: 1rem;
	border-top: 1px solid #cbcbcb;
}

.bsl-spec ul li {
	display: inline-block;
	width: 43%;
	font-size: 1.4rem;
}

.bsl-spec ul li:first-child {
	width: 55%;
}

.bsl-img {
	float: right;
	width: 34%;
	padding-right: 2rem;
}

.bsl-img img {
	width: 100%;
}

.build-detail .bld-icon-level {
	text-align: center;
	padding: 1.2rem 0;
	font-size: 2rem;
	color: #FFF;
}

.bsl-spec .item-level {
	color: #ffd001;
	letter-spacing: 0.5rem;
}

.search-lv1-box {
	background: #008d00;
}

.search-lv2-box {
	background: #5ec4f8;
}

.search-lv3-box {
	background: #f78009;
	border-radius: 0 4px 4px 0 / 0 4px 4px 0;
}

.build-detail .level-1 .level-star:before {
	position: relative;
	content: "★;
 font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.build-detail .level-2 .level-star:before {
	position: relative;
	content: "★★";
	font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

.build-detail .level-3 .level-star:before {
	position: relative;
	content: "★★★";
	font-size: 2rem;
	color: #ffee01;
	margin-left: 0.5rem;
}

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

.build-detail {
	margin: 40px;
	box-sizing: border-box;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	border-radius: 8px;
}

.build-detail h2 {
	width: 100%;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.bld-inner {
	width: 100%;
	max-width: 890px;
	background: #FFF;
	border-radius: 0 0 4px 4px / 0 0 4px 4px;
}

.bld-inner .fl-box {
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.fl-box-1a {
	width: 48%;
}

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

.bld-ph img {
	width: 100%;
}

.bld-summary {}

.bld-spec {
	width: 100%;
	border-collapse: collapse;
	border-left: 1px solid #c8c8c8;
	border-top: 1px solid #c8c8c8;
}

.bld-spec th,
.bld-spec td {
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
}

.bld-spec th {
	text-align: center;
	width: 5.5rem;
	line-height: 5.5rem;
	background: #999;
}

.bld-spec td {
	padding: 0 1rem;
	text-align: left;
	font-size: 1.7rem;
}

.bld-inner .btn-area p,
.bld-inner .btn-area a {
	display: inline-block;
}

.bld-summary a {
	color: #2A8AFF;
	text-decoration: underline;
}

.bld-summary a:hover {
	color: #2A8AFF;
	text-decoration: none;
}

.btn-dl-pdf {
	display: block;
}

.text-title-build-howto {
	color: #1946eb;
	text-shadow: 2px 0 #FFF, 0 2px #FFF, -2px 0 #FFF, 0 -2px #FFF, 3px 3.5px 0px rgba(0, 0, 0, 0.15);
	margin-top: 10px;
	margin-bottom: 10px;
}

.text-title-build-howto img {
	width: 3rem;
}

.box-bld-howto {
	padding: 20px;
	text-align: center;
}

.box-bld-howto img {
	width: 100%;
	height: auto;
}

.bld-pdf img {
	width: 100%;
	height: auto;
}


/* ===========================================
 contest
===========================================*/

.header-contest {
	height: 230px;
	width: 970px;
}

.header-contest .header-image {
	height: 230px;
	width: 970px;
	background: url(../../contest/img/01_contest_header.jpg) no-repeat center top;
	background-size: cover;
}

.contest-box-dendou-wrap {
	background: url(../../contest/img/03_contest_dendou_back.jpg) center top;
	background-size: cover;
}

.contest-box-dendou-wrap {
	padding: 60px 0;
}

.contest-box-dendou-wrap .contest-box-inner {
	margin: 0 auto;
	padding: 0 80px;
}

.cbc-dendou {
	border-radius: 10px;
	padding: 35px;
	margin: 0 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);
}

.fl-box-1 {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

.contest-box-dendou-wrap h2 img {
	width: 50px;
	height: auto;
}

.contest-box-dendou-wrap .fl-box-1a {}

.contest-box-dendou-wrap .fl-box-1b img {
	width: 100%;
}

.contest-box-contest-wrap {
	background: url(../../contest/img/06_contest_back02.jpg) no-repeat #ffe187;
	padding-top: 60px;
	padding-bottom: 60px;
}

.contest-box-contest-wrap h3 {
	width: 60%;
	margin: 0px auto 40px auto;
}

.contest-box-contest-wrap h3 img {
	width: 100%;
}

.contest-box-contest-wrap .bcn-laf {
	position: absolute;
	width: 22%;
	left: 100px;
}

.tbc-hit-ttl {
	border: 3px solid #ff6400;
	color: #c1272d;
	font-size: 2.2rem;
}

.tbc-hit-ttl-inner {
	position: relative;
	padding: 15px 15px 15px 70px;
	background: #FFF;
}

.tbc-hit-ttl-inner img {
	position: absolute;
	left: -60px;
	top: -10px;
	width: 15%;
}



.tbc-hit-bubble {
	position: absolute;
	right: -20px;
	top: -94px;
	width: 270px;
}




/* ===========================================
 support
===========================================*/

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

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

.support-alert-copy {
	background: #fee8eb;
}

.sup-news {}

.sup-news li {
	font-size: 1.4rem;
	line-height: 1.5;
	list-style: none;
	border-bottom: 1px solid #c8c8c8;
}

.sup-news li a {
	display: inline-block;
	color: #377eeb;
	padding: 1rem;
}

.sup-news li a:hover {
	text-decoration: underline;
}

.sup-news li:last-child {
	border-bottom: none;
}

.attention-list {}

.attention-list li {
	list-style: none;
	text-indent: -1rem;
	padding-left: 1rem;
}

.box-tel {
	border: 1px solid #bbbbbb;
	padding: 30px;
}

.box-tel a {
	color: #646464;
}

.support-box-contact .fl-box a {
	width: 48%;
	margin: 0;
	padding: 1.5rem 1rem;
	text-align: center;
}

.faq-detail {
	position: relative;
	border: 2px solid #65d4df;
	border-radius: 4px;
	margin-bottom: 2rem;
}

.faq-list .item-box {
	width: 100%;
}

.faq-head {
	background: #FFF;
}

.faq-detail.open .faq-head {
	background: #65d4df;
}

.fh-question {
	position: relative;
	color: #65d4df;
	font-size: 1.8rem;
	line-height: 1.5;
}

.faq-detail.open .fh-question {
	position: relative;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.5;
}

.faq-head a {
	display: block;
	margin: 0;
}

.fh-question {
	position: relative;
	color: #65d4df;
	font-size: 1.8rem;
	line-height: 1.5;
}


/*

.fh-question:before{
  content:"ï¼±";
  position:relative;
  padding: 0.2rem 1rem 0.3rem 0.5rem;
  font-size: 1.8rem;
  margin-right: 1rem;
  background: #65d4df;
  color: #FFF;
}

.faq-detail.open .fh-question:before{
  content:"ï¼±";
  position:relative;
  margin-right: 1rem;
  padding: 0rem 1rem 0rem 0.5rem;
  font-size: 1.8rem;
}
*/

.faq-head table {
	width: 100%;
	border-collapse: collapse;
}

.faq-head th {
	position: relative;
	padding: 0rem 1rem 0rem 1rem;
	font-size: 1.8rem;
	margin-right: 1rem;
	background: #65d4df;
	color: #FFF;
	width: 1em;
}

.faq-detail.open th {
	position: relative;
	margin-right: 1rem;
	padding: 0rem 1rem 0rem 1rem;
	font-size: 1.8rem;
}

.faq-detail td {}

.faq-detail td a {
	display: block;
	padding: 0.5rem 1rem;
}

.faq-body {}

.fb-answer {
	overflow: hidden;
	height: auto;
	max-height: 0;
	padding: 0px 20px 0px 20px;
}

.faq-detail.open .fb-answer {
	overflow: hidden;
	height: 100%;
	max-height: 300px;
}

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

.faq-detail .accordion-triangle:hover:after {}

.faq-detail .accordion-triangle:before {
	display: block;
	content: "＋";
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.faq-detail.open .accordion-triangle:after {
	border-color: transparent transparent #37b0eb transparent;
}

.faq-detail.open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.faq-detail.open .fb-answer {
	overflow: hidden;
	height: 100%;
	max-height: 300px;
	padding: 20px 20px 20px 20px;
}

.fb-answer {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #646464;
	margin-bottom: 1rem;
}

.fb-answer:last-child {
	margin-bottom: 0;
}

.fb-answer a {
	color: #377eeb;
	text-decoration: underline;
}

.fb-answer a:hover {
	text-decoration: none;
}

.copy-detail {
	position: relative;
	border: 2px solid #2e81c5;
	border-radius: 4px;
	margin-bottom: 2rem;
}

.copy-detail.cp-pink {
	border: 2px solid #ff87a0;
}

.copy-detail.cp-blue {
	border: 2px solid #7a99d7;
}

.copy-detail.cp-green {
	border: 2px solid #8ac43f;
}

.copy-list .item-box {
	width: 100%;
}

.copy-head {
	background: #FFF;
	border-radius: 4px;
}

.copy-detail.open .copy-head {
	background: #2e81c5;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.copy-detail.cp-pink.open .copy-head {
	background: #ff87a0;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.copy-detail.cp-blue.open .copy-head {
	background: #7a99d7;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.copy-detail.cp-green.open .copy-head {
	background: #8ac43f;
	border-radius: 4px 4px 0 0 / 4px 4px 0 0;
}

.ch-lang {
	position: relative;
	color: #2e81c5;
	font-size: 1.8rem;
	line-height: 1.5;
}

.copy-detail.cp-pink .ch-lang {
	color: #ff87a0;
}

.copy-detail.cp-blue .ch-lang {
	color: #7a99d7;
}

.copy-detail.cp-green .ch-lang {
	color: #8ac43f;
}

.copy-detail.open .ch-lang {
	position: relative;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 1.5;
}

.copy-head a {
	display: block;
	margin: 0;
}

.ch-lang {
	position: relative;
	color: #2e81c5;
	font-size: 1.8rem;
	line-height: 1.5;
}

.copy-head table {
	width: 100%;
	border-collapse: collapse;
}

.copy-head th {
	position: relative;
	padding: 0rem 1rem 0rem 1rem;
	font-size: 1.8rem;
	margin-right: 1rem;
	background: #2e81c5;
	color: #FFF;
	width: 1em;
}

.copy-detail.open th {
	position: relative;
	margin-right: 1rem;
	padding: 0rem 1rem 0rem 1rem;
	font-size: 1.8rem;
}

.copy-detail td {}

.copy-detail td a {
	display: block;
	padding: 0.5rem 2rem;
}

.copy-body {}

.cb-answer {
	overflow: hidden;
	height: auto;
	max-height: 0;
	padding: 0px 30px 0px 30px;
}

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

.copy-detail .accordion-triangle:after {
	border-width: 0 0 36px 36px;
}

.copy-detail .accordion-triangle:hover:after {}

.copy-detail .accordion-triangle:before {
	display: block;
	content: "＋";
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.copy-detail.open .accordion-triangle:after {
	border-color: transparent transparent #b1b1b1 transparent;
}

.copy-detail.open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

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

.copy-detail.open .cb-answer p {
	margin-bottom: 1rem;
}

.copy-detail.open .cb-answer p:last-child {
	margin-bottom: 0;
}

.cb-answer {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #646464;
}

.cb-answer p {
	text-indent: 1em;
}

.cb-answer p a {
	color: #377eeb;
	text-decoration: underline;
}

.cb-answer a:hover {
	text-decoration: none;
}

.box-copy-award {
	background: #ebfaff;
	padding: 30px;
}

.box-copy-award .fl-box-1a {
	width: 55%;
}

.box-copy-award .fl-box-1b {
	width: 40%;
}

.box-copy-award p {
	text-indent: 0;
}


/* ===========================================
 support
===========================================*/

.box-sitemap {
	padding: 4rem;
}

.sitemap-box {
	background: #FFF;
	padding: 20px;
	width: 48%;
	margin-bottom: 20px;
	border-radius: 4px;
	vertical-align: middle;
}

.sitemap-box a {
	width: 100%;
	display: block;
	text-align: center;
	line-height: 24px;
}

.sitemap-box a img {
	width: 24px;
	line-height: 24px;
	margin-right: 0.5rem;
}

.sitemap-box .sitemap-box-sub {
	display: table;
	table-layout: fixed;
	width: 100%;
	vertical-align: middle;
	height: 100%;
	margin-top: 1.5rem;
}

.sitemap-box .sitemap-box-sub li {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	line-height: 1.5;
	padding-right: 0.5rem;
}

.sitemap-box .sitemap-box-sub li a {
	padding: 0.5rem 0.5rem;
	line-height: 1.5;
	margin-right: 0.5rem;
}

.sitemap-box .sitemap-box-sub li:last-child {
	padding-right: 0;
}


/* ===========================================
 footer
===========================================*/


/* common
-------------------------------------------*/

#footer {
	z-index: 0;
	background: #F6F3ED;
	padding-top: 2rem;
	border-top: 1px solid #FFF;
}

#fnav-upper {
	position: relative;
	width: 970px;
	margin-left: 250px;
}

.footer-inner ul {
	width: 194px;
	float: left;
	min-height: 190px;
}

.footer-inner ul li {
	list-style: none;
	list-style-position: inside;
	border-bottom: 1px solid rgba(100, 100, 0, 0.3);
}

.footer-inner ul li a {
	position: relative;
	display: block;
	color: #646400;
	font-size: 1.1rem;
	line-height: 37px;
	padding-left: 0.5rem;
}

.footer-inner ul li a i {
	display: inline-block;
	margin-right: 4px;
	min-width: 1rem;
	font-size: 1.2rem;
	text-align: center;
}

.fnav-home {
	position: absolute;
	left: -8rem;
}

.footer-inner ul.fnav-home li {
	border-bottom: none;
}

.footer-inner ul li a:before {
	content: "";
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: #FAFAFA;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: -1;
}

.footer-inner ul li a:hover:before {
	width: 100%;
}

#fnav-under {
	background: url(../img/bg_footer.png);
}

#fnav-under .inner {
	position: relative;
	width: 970px;
	margin: 0 0 0 250px;
	padding: 1rem 0;
}

#fnav-under .inner ul {
	margin-bottom: 1rem;
}

#fnav-under .inner ul li {
	display: inline-block;
}

#fnav-under .inner ul li a {
	color: #333;
	vertical-align: baseline;
	font-size: 1.3rem;
	margin-right: 0.5rem;
	text-decoration: underline;
}

#fnav-under .inner ul li a:hover {
	text-decoration: none;
}

#fnav-under .inner p.address {
	font-size: 1.3rem;
}

#fnav-under .inner p.copyright {
	font-size: 1rem;
	position: absolute;
	right: 0;
	bottom: 10px;
}

.rainbow {
	background: linear-gradient(-45deg, red, orange, yellow, green, blue, indigo, violet);
	width: 100%;
	height: 4px;
}


/**
@media (max-width: 1362.121px) {
	.hi-small,
	.hi-small .header-image {
		width: 100%!important;
		width: 100%!important;
	}
**/



	/* ===========================================
 common
===========================================*/
	/* ===========================================
 layout
===========================================*/
	html {
		position: relative;
		width: 100%;
	}
	body {
		position: relative;
		width: 100%;
		background: #EFEFEF;
	}
	#wrapper {
		position: relative;
		width: 100%;
	}
	#content {
		position: relative;
		width: 100%;
	}
	#footer {
		position: relative;
		width: 100%;
	}
	/* ===========================================
 for PC
===========================================*/
	.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;
		-webkit-justify-content: flex-start;
		flex-direction: row;
		-webkit-flex-direction: row;
		/*   box-shadow: 0px 2px 2px 1px rgba(0,0,0,0.1); */
	}
	/* ===========================================
 header
===========================================*/
	/* common
-------------------------------------------*/
	#header {
		background: #FFF;
		position: relative;
		min-width: 250px;
		-webkit-box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
		-moz-box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
		box-shadow: 4px -4px 4px -1px rgba(0, 0, 0, 0.2);
		z-index: 50;
	}
	#header h1 {
		margin-top: 30px;
		text-align: center;
	}
	#header h1 img {
		width: 146px;
	}
	/* gnav
-------------------------------------------*/
	#gnav {
		margin: 20px 0;
		width: 220px;
		border-top: 1px solid #C6C6C6;
	}
	#gnav li {
		position: relative;
	}
	#gnav li a:before {
		content: "";
		width: 0;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #FAFAFA;
		-webkit-transition: all .3s;
		transition: all .3s;
		z-index: -1;
	}
	#gnav li a:hover:before {
		width: 100%;
	}
	#gnav li a {
		display: block;
		border-bottom: 1px solid #C6C6C6;
		height: 70px;
		line-height: 70px;
		font-size: 1.5rem;
		padding-left: 30px;
		color: #808080;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	#gnav li a span {
		margin-left: 55px;
	}
	#gnav .gnav-sub a {
		font-size: 1.1rem;
		height: 50px;
		line-height: 50px;
	}
	.gnav-about {
		background: url(../icons/icon_org_gnav_about.svg) no-repeat 30px center;
	}
	.gnav-event {
		background: url(../icons/icon_org_gnav_event.svg) no-repeat 30px center;
	}
	.gnav-product {
		background: url(../icons/icon_org_gnav_product.svg) no-repeat 30px center;
	}
	.gnav-build {
		background: url(../icons/icon_org_gnav_build.svg) no-repeat 30px center;
	}
	.gnav-contest {
		background: url(../icons/icon_org_gnav_contest.svg) no-repeat 30px center;
	}
	.gnav-shop {
		background: url(../icons/icon_org_gnav_shop.svg) no-repeat 38px center;
	}
	.gnav-support {
		background: url(../icons/icon_org_gnav_support.svg) no-repeat 38px center;
	}
	.gnav-news {
		background: url(../icons/icon_org_gnav_news.svg) no-repeat 38px center;
	}
	.gnav-english {
		background: url(../icons/icon_org_gnav_english.svg) no-repeat 38px center;
	}
	#gnav li.gnav-about a:hover {
		color: #E90000;
	}
	#gnav li.gnav-event a:hover {
		color: #FFA900;
	}
	#gnav li.gnav-product a:hover {
		color: #289400;
	}
	#gnav li.gnav-build a:hover {
		color: #1946EE;
	}
	#gnav li.gnav-contest a:hover {
		color: #BC942D;
	}
	.gnav-build a {
		line-height: 1.37!important;
	}
	.gnav-build span {
		line-height: 1.37;
		display: inline-block;
		margin-top: 1.2rem;
	}
	.gnav-build span i {
		font-style: normal;
		color: #FF4611;
		font-size: 1.2rem;
	}
	/* sns
-------------------------------------------*/
	#sns {
		margin: 40px 0 40px 0;
		padding: 0 0 0 30px;
	}
	#sns ul {}
	#sns li {
		display: inline-block;
		margin-right: 10px;
	}
	/* banner
-------------------------------------------*/
	#banner {
		text-align: center;
	}
	#banner li {
		width: 100%;
		margin-bottom: 20px;
	}
	#banner li iframe {
		width: 190px;
		height: 150px;
	}
	#banner li img {
		width: 190px;
	}
	/* ===========================================
 content
===========================================*/
	/* common
-------------------------------------------*/
	#content {
		width: 970px;
		background: #FFF;
		padding-bottom: 40px;
	}
	.home #content {
		padding-bottom: 0;
	}
	.content-inner:before {
		content: "";
		position: absolute;
		z-index: 100;
		top: 0;
		left: 0;
		height: 5px;
		width: 100%;
		background: #1499f8;
		background: -moz-linear-gradient(left, #1499f8 0%, #3250c6 100%);
		background: -webkit-linear-gradient(left, #1499f8 0%, #3250c6 100%);
		background: linear-gradient(to right, #1499f8 0%, #3250c6 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#1499f8', endColorstr='#3250c6', GradientType=1);
	}
	/* btn-area
-------------------------------------------*/
	.btn-area {
		margin-top: 30px;
		width: 100%;
		text-align: center;
	}
	.btn-area a {
		display: inline-block;
		/*margin-left: 1rem;*/
		margin-right: 2rem;
	}
	.btn-tpc-top {
		position: relative;
		color: #FFFFFF;
		font-size: 1.8rem;
		background: #000;
		border-radius: 10px;
		padding: 1.2rem 5rem;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
	}
	.btn-tpc-top.btt-normal {
		position: relative;
		color: #FFFFFF;
		font-size: 1.6rem;
		border-radius: 8px;
		padding: 0.8rem 2.5rem;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
	}
	.btn-tpc-top.btt-small {
		position: relative;
		color: #FFFFFF;
		font-size: 1.4rem;
		border-radius: 8px;
		padding: 0.7rem 3rem;
		box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
	}
	.btn-bw-bs {
		background: #00B4FF;
		border: 2px solid #FFF;
	}
	.btn-tpc-top:hover {
		top: 3px;
		box-shadow: none;
	}
	.btn-red {
		background: #e80000;
	}
	.btn-green {
		background: #279300;
	}
	.btn-gold {
		background: #bb932c;
	}
	.btn-brown {
		background: #6c0000;
	}
	.btn-blue {
		background: #1845ed;
	}
	.btn-orange {
		background: #ffa600;
	}
	.btn-gray {
		background: #969696;
	}
	.btn-lightred {
		background: #f28081;
	}
	.btn-lightorange {
		background: #fdbe6c;
	}
	.btn-lightgold {
		background: #cfb371;
	}
	/* top
-------------------------------------------*/
	#content.top {
		padding-bottom: 0;
	}
	.top-box {
		box-shadow: 0px 6px 3px -3px rgba(0, 0, 0, 0.1);
		padding-bottom: 40px;
	}
	.top-box:last-child {
		box-shadow: none;
	}
	.top-box h2 {
		font-size: 3.0rem;
		line-height: 50px;
		margin-bottom: 30px;
	}
	.top-box h2 img {
		width: 50px;
		height: 50px;
		margin-right: 1.5rem;
	}
	.top-box-inner {
		width: 800px;
		margin: 0 auto;
	}
	.accordion {
		padding-top: 40px;
	}
	.top-box-about-wrap {
		background: rgba(233, 0, 0, 0.15);
	}
	.top-box-product-wrap {
		background: rgba(40, 147, 0, 0.15);
	}
	.top-box-contest-wrap {
		background: rgba(188, 148, 45, 0.25);
	}
	.top-box-build-wrap {
		background: rgba(25, 70, 238, 0.15);
	}
	.top-box-about-wrap,
	.top-box-product-wrap,
	.top-box-contest-wrap,
	.top-box-build-wrap {
		padding: 40px;
	}
	.top-box-about-wrap .top-box-inner,
	.top-box-product-wrap .top-box-inner,
	.top-box-contest-wrap .top-box-inner,
	.top-box-build-wrap .top-box-inner {
		padding: 0 0 40px 0;
		border-radius: 10px;
		background: #FFF;
		position: relative;
	}
	.top-box-about-wrap .top-box-inner h2,
	.top-box-product-wrap .top-box-inner h2,
	.top-box-contest-wrap .top-box-inner h2,
	.top-box-build-wrap .top-box-inner h2 {
		font-size: 3.0rem;
		color: #FFF;
		border-radius: 10px 10px 0 0 / 10px 10px 0 0;
		padding: 17px 17px;
		line-height: 32px;
	}
	.top-box-about-wrap .top-box-inner h2 {
		background: #e90000;
		vertical-align: middle;
	}
	.top-box-about-wrap .top-box-inner h2 img {
		width: 32px;
		height: 32px;
	}
	.top-box-product-wrap .top-box-inner h2 {
		background: #289400;
		vertical-align: middle;
	}
	.top-box-product-wrap .top-box-inner h2 img {
		width: 32px;
		height: 32px;
	}
	.top-box-contest-wrap .top-box-inner h2 {
		background: #bc942d;
		vertical-align: middle;
	}
	.top-box-contest-wrap .top-box-inner h2 img {
		width: 32px;
		height: 32px;
	}
	.top-box-build-wrap .top-box-inner h2 {
		background: #1946ee;
		vertical-align: middle;
	}
	.top-box-build-wrap .top-box-inner h2 img {
		width: 32px;
		height: 32px;
	}
	.top-box-inner-sec {
		padding: 0 45px;
	}
	.fl-box {
		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%;
	}
	.fl-box-1 {
		-webkit-box-ordinal-group: 0;
		-ms-flex-order: 0;
		-webkit-order: 0;
		order: 0;
	}
	.fl-box-2 {
		-webkit-box-ordinal-group: 1;
		-ms-flex-order: 1;
		-webkit-order: 1;
		order: 1;
	}
	.top-box-about-wrap .fl-box-1 {}
	.top-box-about-wrap .fl-box-1 .fl-box-1a {
		width: 60%;
		vertical-align: top;
		padding: 0 20px 0 0;
	}
	.top-box-about-wrap .fl-box-1 .fl-box-1b {
		width: 40%;
	}
	.top-box-about-wrap .fl-box-1 .fl-box-1b img {
		width: 100%;
	}
	.top-box-about-wrap .fl-box-3 {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.top-box-about-wrap .fl-box-3 .fl-box-3a {
		width: 42.5%;
		vertical-align: top;
	}
	.top-box-about-wrap .fl-box-3 .fl-box-3b {
		width: 52.5%;
	}
	.top-box-about-wrap .fl-box-3 .fl-box-3b img {
		width: 100%;
	}
	.top-box-about-wrap h3 {
		color: #ff1303;
		font-weight: 2rem;
	}
	.fl-box-2 {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.fl-box-2 ul {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.parts-nav-left {
		width: 26%;
	}
	.parts-nav-right {
		width: 70%;
	}
	.parts-nav-left h4,
	.parts-nav-right h4 {
		background: #ff1303;
		font-size: 1.8rem;
		font-weight: normal;
		color: #FFF;
		text-align: center;
		padding: 0.5rem;
	}
	.parts-nav-right li {
		width: 18.5%;
		list-style: none;
	}
	.parts-nav-left li {
		width: 47.5%;
		list-style: none;
	}
	.parts-nav-left li img,
	.parts-nav-right li img {
		width: 100%;
	}
	.parts-nav-left li a,
	.parts-nav-right li a {
		display: block;
		width: 100%;
		min-height: 155px;
		position: relative;
		border: 2px solid #98c1ec;
		border-radius: 4px;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
		color: #377ee9;
		padding-top: 10px;
		-webkit-transition: all 0.5s ease !important;
		-moz-transition: all 0.5s ease !important;
		-ms-transition: all 0.5s ease !important;
		-o-transition: all 0.5s ease !important;
		transition: all 0.5s ease !important;
		background: #FFF;
	}
	.parts-nav-left li a:hover,
	.parts-nav-right li a:hover {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	.parts-nav-left li a p,
	.parts-nav-right li a p {
		text-align: center;
		position: absolute;
		bottom: 10px;
		font-size: 1.6rem;
		width: 100%;
	}
	.top-box-product {
		padding: 0 40px;
	}
	/* top-news
-------------------------------------------*/
	.top-news h2 {
		font-size: 2.0rem;
		line-height: 40px;
		margin-bottom: 12px;
		font-weight: normal;
	}
	.top-news h2 img {
		width: 40px;
		height: 40px;
		margin-right: 0.5rem;
	}
	.top-news {
		display: table;
		margin: 40px 20px;
	}
	.top-news-list {
		display: table-cell;
		padding: 0 20px;
		width: 33.333%;
	}
	.top-news-list li {
		border-bottom: 1px solid #C6C6C6;
		line-height: 1.37;
		font-size: 1.2rem;
		list-style: none;
		position: relative;
		z-index: 0;
	}
	.tip {
		background: #EFEFEF;
		border-radius: 2px;
		display: inline-block;
		margin-bottom: 1rem;
		padding: 0.2rem 0.5rem;
	}
	.top-news-list.event .tip {
		background: #FFA900;
		color: #FFF;
	}
	.top-news-list.news .tip {
		background: #FF5555;
		color: #FFF;
	}
	.top-news-list.topics .tip {
		background: #01BF60;
		color: #FFF;
	}
	.top-news-list li a {
		position: relative;
		width: 100%;
		display: block;
		color: #646464;
		padding: 1.2rem 0;
		-webkit-transition: all .3s;
		transition: all .3s;
		min-height: 7.2em;
	}
	.top-news-list li a:hover {
		color: #6464d1;
	}
	.triangle:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: 0;
		right: 0;
		border-style: solid;
		border-width: 0 0 15px 15px;
		-webkit-transition: all 0.4s ease !important;
		-moz-transition: all 0.4s ease !important;
		-ms-transition: all 0.4s ease !important;
		-o-transition: all 0.4s ease !important;
		transition: all 0.4s ease !important;
	}
	.triangle:hover:after {
		border-width: 0 0 20px 20px;
	}
	.top-news-list.event a.triangle:after {
		border-color: transparent transparent #ffaa00 transparent;
	}
	.top-news-list.news a.triangle:after {
		border-color: transparent transparent #FF5555 transparent;
	}
	.top-news-list.topics a.triangle:after {
		border-color: transparent transparent #01BF60 transparent;
	}
	/*
.top-news-list li a:before{
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  left: 0;
  top:0;
  background: #FAFAFA;
	-webkit-transition: all .3s;
	transition: all .3s;
	z-index: -1;
}

.top-news-list li a:hover:before{
  width: 100%;
}
*/
	/* top-about
-------------------------------------------*/
	.top-box-about {
		width: 100%;
		text-align: center;
		/*   background: url(../../img/bg_top_about_pc.jpg) no-repeat center top; */
		/*   height: 390px; */
	}
	/* top-product
-------------------------------------------*/
	.top-product-nav {
		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;
	}
	.top-product-nav li {
		width: 32%;
		list-style: none;
	}
	.top-product-nav li a {
		position: relative;
		display: block;
		padding: 1.5rem;
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.top-pn-basic a {
		border: 2px solid #1076BF;
		color: #1076BF;
		font-weight: bold;
		background: url(../../img/top/bg_top_products_basic.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 200px 138px;
	}
	.top-pn-innovator a {
		border: 2px solid #E00C21;
		color: #E00C21;
		font-weight: bold;
		background: url(../../img/top/bg_top_products_innovator.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 200px 138px;
	}
	.top-pn-freestyle a {
		border: 2px solid #FCB22B;
		color: #FCB22B;
		font-weight: bold;
		background: url(../../img/top/bg_top_products_parts.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 200px 138px;
	}
	.top-pn-books a {
		border: 2px solid #138D16;
		color: #138D16;
		font-weight: bold;
		background: url(../../img/top/bg_top_products_book.jpg) no-repeat right center;
		height: 85px;
		background-size: 100px 69px;
		line-height: 50px;
	}
	.top-pn-special a {
		border: 2px solid #AAC127;
		color: #AAC127;
		font-weight: bold;
		height: 85px;
		line-height: 50px;
	}
	.top-pn-stock a {
		border: 2px solid #5CC8FB;
		color: #5CC8FB;
		font-weight: bold;
		height: 85px;
		line-height: 50px;
	}

	.top-pn-osusume01 a {
		border: 2px solid #ff8daa;
		color: #ff8daa;
		font-weight: bold;
        line-height: 2.2rem;
		background: url(../../img/top/bg_top_products_osusume01-1.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 218px 138px;
	}

	.top-pn-osusume02 a {
		border: 2px solid #ff8daa;
		color: #ff8daa;
		font-weight: bold;
        line-height: 2.2rem;
		background: url(../../img/top/bg_top_products_osusume02-1.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 218px 138px;
	}

	.top-pn-osusume03 a {
		border: 2px solid #ff8daa;
		color: #ff8daa;
		font-weight: bold;
        line-height: 2.2rem;
		background: url(../../img/top/bg_top_products_osusume03-1.jpg) no-repeat center bottom;
		height: 180px;
		background-size: 200px 138px;
	}




	.top-pn-basic a.triangle:after {
		border-color: transparent transparent #1076BF transparent;
	}
	.top-pn-innovator a.triangle:after {
		border-color: transparent transparent #E00C21 transparent;
	}
	.top-pn-freestyle a.triangle:after {
		border-color: transparent transparent #FCB22B transparent;
	}
	.top-pn-books a.triangle:after {
		border-color: transparent transparent #138D16 transparent;
	}
	.top-pn-special a.triangle:after {
		border-color: transparent transparent #AAC127 transparent;
	}
	.top-pn-stock a.triangle:after {
		border-color: transparent transparent #5CC8FB transparent;
	}

	.top-pn-osusume01 a.triangle:after {
		border-color: transparent transparent #ff8daa transparent;
	}

	.top-pn-osusume02 a.triangle:after {
		border-color: transparent transparent #ff8daa transparent;
	}

	.top-pn-osusume03 a.triangle:after {
		border-color: transparent transparent #ff8daa transparent;
	}




	.top-product-nav-under {
		width: 100%;
	}
	.top-product-nav-under > li {
		list-style-type: none;
		float: left;
		height: 158px;
	}
	.top-product-nav-under li p {
		padding: 8px;
		font-size: 16px;
		color: #ffffff;
	}
	.top-product-nav-under li a {
		display: block;
		padding: 6px 0 0;
		height: 122px;
		text-align: center;
		position: relative;
	}
	.top-pn-pickup {
		border: 2px solid #ff8daa;
		width: 32%;
		margin-right: 2%;
	}
	.top-pn-pickup p {
		background: #ff8daa;
	}
	.top-pn-pickup a.triangle:after {
		border-color: transparent transparent #ff8daa transparent;
	}
	.top-pn-ranking {
		border: 3px solid #9c8ed9;
		width: 66%;
	}
	.top-pn-ranking p {
		background: #9c8ed9;
	}
	.top-pn-ranking a.triangle:after {
		border-color: transparent transparent #9c8ed9 transparent;
	}
	.top-pn-pickup a img {
		width: 100%;
		max-width: 150px;
		max-height: 124px;
		text-align: center;
		margin-bottom: 10px;
	}
	.top-pn-pickup a span {
		display: block;
		text-align: center;
		color: #646464;
		font-size: 1.2rem;
	}
	.top-pn-ranking ul {
		width: 100%;
		display: table;
	}
	.top-pn-ranking ul li {
		display: table-cell;
		width: 33.3333%;
		border-left: 3px solid #9c8ed9;
		text-align: center;
	}
	.top-pn-ranking ul li:first-child {
		border-left: none;
	}
	.top-pn-ranking a img {
		width: 100%;
		max-width: 150px;
		max-height: 124px;
		text-align: center;
		margin-bottom: 10px;
	}
	.top-pn-ranking a span {
		display: block;
		text-align: center;
		color: #646464;
		font-size: 1.2rem;
	}

.osusume_title_color{
background: #ff8daa;
color:#fff;
font-size: 2rem;
line-height: 1.5;
height: 34px;
padding: 3px 0px 0px 120px;
margin: 26px 0 15px 0;
}

.osusume_title_color2{
position: relative;
background: #f76f93;
color:#fff;
font-size: 2rem;
line-height: 1.5;
width: 100px;
height: 34px;
margin: 26px 0 15px 0;
padding: 3px 0px 0px 10px;
}

.osusume_triangle{
    height:0px;
    width:0px;
    border-right: 20px  solid;
    border-top:34px solid ;
    border-right-color: transparent;
    border-top-color:#f76f93;}

.osusume_triangle{
    position: absolute;
    top: 0px;
    right: -20px;
}








	/* top contest
-------------------------------------------*/
	.top-box .inner-w800 {
		width: 800px;
		margin: 0 auto;
	}
	.top-box .inner-w800 .top-box-move img,
	.top-box .inner-w800 .top-box-meijin2016 img {
		text-align: center;
		width: 100%;
	}
	.text-title-tbc {
		color: #ff1303;
		text-shadow: 2px 0 #FFF, 0 2px #FFF, -2px 0 #FFF, 0 -2px #FFF, 3px 3.5px 0px rgba(0, 0, 0, 0.15);
		margin-bottom: 5px;
	}
	.top-box-contest-wrap h3 {
		width: 50%;
		margin: 0 auto;
	}
	.top-box-contest-wrap h3 img {
		width: 100%;
	}
	.top-box-contest-wrap .top-box-inner {
		background: url(../../img/top/18_top_laf_back01.png) no-repeat center top #f7ef87;
		background-size: cover;
	}
	.box-contest-about {
		border: 2px solid #bea350;
		border-radius: 4px;
		padding: 35px;
		background: #FFF;
	}
	.box-contest-about .fl-box {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.box-contest-about .fl-box1 {
		width: 50%;
	}
	.box-contest-about .fl-box2 {
		width: 47%;
		text-align: center;
	}
	.sliders {
		position: relative;
		border: 4px solid #bea350;
		box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.15);
	}
	.sliders img {
		width: 100%;
		vertical-align: bottom;
	}
	.box-contest-about .slide-func-small {
		position: absolute;
		border: 1px solid #000;
		border-radius: 4px;
		color: #000;
		background: #FFF;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2);
		z-index: 10;
	}
	.box-contest-about .slide-prev {
		top: 50%;
		left: -10px;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		font-size: 2.4rem;
		margin-top: -17px;
	}
	.box-contest-about .slide-next {
		top: 50%;
		right: -10px;
		width: 35px;
		height: 35px;
		text-align: center;
		line-height: 35px;
		font-size: 2.4rem;
		margin-top: -17px;
	}
	.box-contest-about .slide-func-small:hover {
		margin-top: -15px;
		box-shadow: none;
	}
	.box-contest-newfes {
		border: 2px solid #bea350;
		border-radius: 4px;
		padding: 35px;
		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;
	}
	.bcn-laf {
		position: absolute;
		width: 25%;
		left: 75px;
	}
	.tbc-invite {
		position: relative;
		width: 65%;
		margin-left: 35%;
	}
	.tbc-invite-ttl {
		color: #ff1303;
		text-shadow: 1px 0 #ff1303, 4px 0 #FFF, 0 4px #FFF, -4px 0 #FFF, 0 -4px #FFF, 5px 5.5px 0px rgba(0, 0, 0, 0.15);
		font-size: 4rem;
		margin-bottom: 10px;
		line-height: 1.2;
	}
	/* 	タイトルのフォントを細くする前の指定

	.tbc-invite-ttl {
		color: #ff1303;
		text-shadow: 1px 0 #ff1303, 0 1px #ff1303, -1px 0 #ff1303, 0 -1px #ff1303, 4px 0 #FFF, 0 4px #FFF, -4px 0 #FFF, 0 -4px #FFF, 5px 5.5px 0px rgba(0, 0, 0, 0.15);
		font-size: 4rem;
		margin-bottom: 10px;
		line-height: 1.2;
	}
-------------------------------------------*/
	.tbc-invite-date {
		color: #000;
	}
	.tbc-invite .btn-tpc-top {
		display: block;
		width: 47%;
		text-align: center;
	}
	.tbc-invite a:nth-child(3) {
		float: left;
	}
	.tbc-invite a:nth-child(4) {
		float: right;
	}
	.tbc-award-ttl {
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		color: #bb932d;
		font-size: 2.2rem;
	}
	.tbc-award-ttl:after,
	.tbc-award-ttl:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.tbc-award-ttl-inner {
		position: relative;
		padding: 15px 15px 15px 70px;
		background: #FFF;
	}
	.tbc-award-ttl-inner img {
		position: absolute;
		left: -20px;
		top: -8px;
		width: 10%;
	}


/************
	.tbc-work-list {
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		color: #bc942d;
		margin: 20px 0 30px 0;
		background: url(../../img/art_festival/contest-list-bg.png);
		background-size: cover;
	}
	.tbc-work-list:after,
	.tbc-work-list:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.tbc-work-list ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		margin: 15px 0;
		padding: 0 15px;
	}
	.tbc-work-list li {
		width: 23%;
		margin: 1%;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		color: #bc942d;
		background: #FFF;
		list-style: none;
	}
	.tbc-work-list.general li .award-point {
		text-align: right;
		margin-top: -1.2em;
	}
	.tbc-work-list li img {
		width: 100%;
		max-width: inherit;
	}
	.tbc-work-list li:after,
	.tbc-work-list li:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.work-title {
		margin-bottom: 1rem;
	}
	.work-label {
		background: #e5e5e5;
		display: inline-block;
		line-height: 1.5;
		padding: 0 0.2rem;
		color: #646464;
		margin: 0 0.4rem 0 0;
	}
	.work-name {
		color: #646464;
		font-weight: bold;
	}
	.tbc-work-list li a .work-title {
		text-decoration: underline;
		color: #6464d1;
	}



/*************************************
   .tbc-work-list li a p {
		font-size:12px;
	}
*************************************/
/********
.tbc-work-list li a:hover .work-title {
		text-decoration: underline;
		color: #646464;
	}
	.tbc-work-list li a {
		color: #646464;
	}
	.tbc-work-list li a:hover {
		color: #6464d1;
	}
	.tbc-work-detail {
		padding: 1rem;
	}
	.tbc-work-list li .award-point {
		margin-top: 1rem;
		font-size: 1.2em;
		text-align: center;
	}
	.tbc-work-list li .award-point img {
		width: 1.4rem;
		margin-right: 0.5rem;
	}



	.tbc-dendou {
		border-radius: 10px;
		padding: 35px;
		margin: 40px 0;
		background: url(../../img/top/tbc-dendou-list.png) #5f0000;
		background-size: 100% 100%;
		box-shadow: 8px 8px 0 rgba(0, 0, 0, 0.1);
	}
	.tbc-dendou-list {
		color: #bc942d;
		margin: 20px 0 30px 0;
	}
	.tbc-dendou-list ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin: 25px 0;
	}
	.tbc-dendou-list li {
		width: 25%;
		height: 100%;
		margin: 0 1%;
		border-left: 1px solid #bea350;
		border-right: 1px solid #bea350;
		color: #bc942d;
		background: #FFF;
		list-style: none;
		box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
	}
	.tbc-dendou-list li a > span {
		position: relative;
		display: block;
		text-align: center;
		border-bottom: 1px solid #bea350;
	}
	.tbc-dendou-list li img {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		max-width: 100%;
	}
	.tbc-dendou-list li:after,
	.tbc-dendou-list li:before {
		content: "";
		display: block;
		height: 1px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.tbc-dendou-list li a .work-title {
		color: #6464d1;
		text-decoration: underline;
	}
	.tbc-dendou-list li a:hover .work-title {
		color: #646464;
	}
	.tbc-dendou-list li a {
		color: #646464;
	}
	.tbc-dendou-list li a:hover {
		color: #6464d1;
	}

*******/


	.top-box-banner {
		padding-top: 40px;
	}
	/* top build
-------------------------------------------*/
	.top-build-list ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: space-between;
		-webkit-justify-content: space-between;
		margin: 30px 0;
	}
	.top-build-list li {
		width: 24%;
		list-style: none;
	}
	.top-bl-icon {
		margin-bottom: 0.5rem;
	}
	.top-bl-icon i {
		display: inline-block;
		/*   border-radius: 2px; */
		padding: 0.2rem 0.5rem;
		color: #FFF;
		font-style: normal;
		font-size: 1.2rem;
		margin-right: 0.5rem;
	}
	i.rose {
		border: 1px solid #FF1678;
		color: #FF1678;
	}
	i.green {
		background: #008E00;
	}
	i.skyblue {
		background: #34B7E2;
	}
	i.orange {
		background: #F88009;
	}
	.top-bl-ph {
		position: relative;
		border: 2px solid;
		width: 100%;
		margin-bottom: 1rem;
	}
	.top-bl-ph img {
		width: 100%;
	}
	.top-bl-ph.green {
		border-color: #008E00;
	}
	.top-bl-ph.skyblue {
		border-color: #34B7E2;
	}
	.top-bl-ph.orange {
		border-color: #F88009;
	}
	.top-bl-ph.green.triangle:after {
		border-color: transparent transparent #008E00 transparent;
	}
	.top-bl-ph.skyblue.triangle:after {
		border-color: transparent transparent #34B7E2 transparent;
	}
	.top-bl-ph.orange.triangle:after {
		border-color: transparent transparent #F88009 transparent;
	}
	.top-bl-detail {
		line-height: 1.5;
		font-size: 1.2rem;
	}
	.top-bl-detail p {
		margin-bottom: 1rem;
		color: #828282;
	}
	.top-bld-works {
		border: 1px solid #828282;
		padding: 0.2rem;
		margin-right: 0.7rem;
		color: #828282;
	}
	.top-bld-author {
		border: 1px solid #828282;
		padding: 0.2rem;
		margin-right: 0.7rem;
		color: #828282;
	}
	.top-build-list {}
	.top-build-list ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.top-build-list ul li {
		width: 30.5%;
	}
	.top-build-list ul li a {
		display: block;
		border: 1px solid #c8c8c8;
		border-radius: 4px;
	}
	.top-build-list ul li a:hover {
		box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
	}
	.top-build-list ul li a img {
		width: 100%;
		border-radius: 4px;
		padding: 1.5rem 1rem 0 1rem;
	}
	.tbl-detail {
		padding: 20px;
	}
	.tbl-icon-level {
		text-align: center;
		padding: 0.8rem 0;
		font-size: 1.4rem;
		color: #FFF;
	}
	.top-tbl-title {
		color: #2a8aff;
		min-height: 4.7rem;
	}
	.top-tbl-desc {
		color: #646464;
	}
	.top .level-1 {
		background: #008e00;
	}
	.top .level-2 {
		background: #5ec4f8;
	}
	.top .level-3 {
		background: #f78009;
	}
	.build .level-1 {
		background: #008e00;
	}
	.build .level-2 {
		background: #5ec4f8;
	}
	.build .level-3 {
		background: #f78009;
	}
	.level-star {
		color: #ffee01;
	}
	.level-1 .level-star:before {
		position: relative;
		content: "★";
		font-size: 1.4rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.level-2 .level-star:before {
		position: relative;
		content: "★★";
		font-size: 1.4rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.level-3 .level-star:before {
		position: relative;
		content: "★★★";
		font-size: 1.4rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	/* backtotop
-------------------------------------------*/
	.backtotop {
		position: absolute;
		bottom: 0;
		right: 10px;
	}
	.backtotop a {
		background: #FFC836;
		color: #FFF;
		display: inline-block;
		font-size: 1.6rem;
		font-weight: bold;
		padding: 1rem 1.5rem;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	/* slide
-------------------------------------------*/
	#top-slider {
		width: 970px;
	}
	.slider img {
		width: 970px;
		/*height: 480px;*/
	}
	/* ===========================================
 header
===========================================*/
	.hi-small,
	.hi-small .header-image {
		height: 150px;
		width: 970px;
	}
	.header-news .header-image {
		background: url(../../img/news/01_news_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-support .header-image {
		background: url(../../img/support/01_support_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-sitemap .header-image {
		background: url(../../img/sitemap/01_sitemap_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-shop .header-image {
		background: url(../../img/shop/01_shopsearch_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-about .header-image {
		background: url(../../img/about/01_laqtoha_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.hi-large,
	.hi-large .header-image {
		height: 330px;
		width: 970px;
	}
	.header-product .header-image {
		background: url(../../img/product/01_product_header_basic.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-event .header-image {
		height: 330px;
		width: 970px;
		background: url(../../img/event/01_event_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.header-build .header-image {
		height: 330px;
		width: 970px;
		background: url(../../img/build/01_tsukurikata_gallery_header.jpg) no-repeat center top;
		background-size: cover;
	}
	/* ===========================================
 art_festival
===========================================*/
	.art_festival {
		margin-bottom: -40px;
	}
	.header-art_festival .header-image {
		height: 230px;
		width: 970px;
		background: url(../../img/art_festival/01_laqtoha_header.jpg) no-repeat center top;
	}
	.art_festival .art_festival-box.dendo {
		padding: 60px 80px;
		color: #ffffff;
		background: url('../../img/art_festival/dendo-bg.png');
	}
	.art_festival .art_festival-box.dendo h1 {
		margin-bottom: 40px;
		font-size: 30px;
		font-weight: 400;
		line-height: 50px;
	}
	.art_festival .art_festival-box.dendo h1 img {
		margin-right: 10px;
		height: 50px;
	}
	.art_festival .art_festival-box.dendo h2 {
		margin-bottom: 10px;
		font-size: 26px;
		font-weight: 300;
	}
	.art_festival .art_festival-box.dendo > p {
		float: none;
		margin-bottom: 30px;
		width: 100%;
	}
	.art_festival .art_festival-box.dendo > h3 {
		float: none;
		margin-bottom: 30px;
		text-align:center;
	}
	.art_festival .art_festival-box.dendo > .dendo-list {
		clear: both;
		margin: auto;
		padding: 50px;
		width: 100%;
	}
	.art_festival .art_festival-box.contest {
		padding: 100px 86px;
		background: #ffe188 url('../../img/art_festival/contest-bg.png') no-repeat;
	}
	.art_festival .art_festival-box.contest > h2 {
		text-align: center;
	}
	.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 .box-contest-about .fl-box2 {
		margin-bottom: 20px;
		width: 45%;
		text-align: center;
	}
	.art_festival .art_festival-box.contest .tbc-award-ttl-inner span {
		color: #c1272d;
	}





	/* ===========================================
 art_festival archive
.art_festival.monthly
===========================================*/
	.art_festival .archive-list {
		margin: 40px 0 80px;
	}
	.art_festival .archive-list ul {
		padding: 0 12px;
	}
	.art_festival .archive-list li {
		list-style-type: none;
		float: left;
		margin-right: 10px;
		width: 119px;
		height: 109px;
		font-size: 30px;
		text-align: center;
		text-transform: uppercase;
	}
	.art_festival .archive-list li span {
		display: block;
		margin-bottom: 10px;
		font-size: 15px;
	}
	.art_festival .archive-list li small {
		position: relative;
		top: -1px;
		font-size: 24px;
	}
	.art_festival .archive-list li a {
		display: block;
		padding: 28px 0 0;
		width: 100%;
		height: 100%;
		color: #000000;
	}
	.art_festival .archive-list li a:hover {
		opacity: .7;
	}
	.art_festival .archive-list li:nth-of-type(6n) {
		margin: 0;
	}
	.art_festival .archive-list li:nth-of-type(n+7) {
		margin-top: 10px;
	}
	.art_festival .archive-list li:nth-of-type(2n) a {
		background: url('../../img/art_festival/archive-pink.png') no-repeat center bottom;
	}
	.art_festival .archive-list .y2016 li:nth-of-type(2n) a {
		background: url('../../img/art_festival/archive-green.png') no-repeat center bottom;
	}
	.art_festival .archive-list li:nth-of-type(2n-1) a {
		background: url('../../img/art_festival/archive-white.png') no-repeat center bottom;
	}
	.art_festival .archive-list li.blank {
		background: url('../../img/art_festival/archive-blank.png') no-repeat center bottom;
	}
	.art_festival .archive-list h3 {
		margin-bottom: 40px;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		font-size: 22px;
		font-weight: 500;
		line-height: 46px;
		color: #bc942d;
		text-align: center;
		background: #ffffff;
	}
	.art_festival .archive-list h3:after,
	.art_festival .archive-list h3:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.art_festival.archive .art_festival-box.contest > h2 {
		margin: -20px 0 30px;
		font-size: 30px;
		font-weight: 500;
		color: #c1272d;
		text-align: left;
	}
	.art_festival.archive .art_festival-box.contest p {
		font-size: 16px;
		font-weight: 300;
		color: #4d4d4d;
	}

/****
	.art_festival.archive .art_festival-box.dendo > .dendo-list,
	.art_festival.monthly .art_festival-box.dendo > .dendo-list {
		background: url('../../img/art_festival/archive-dendo-bg.png');
		background-size:100%;
		height: 519px;
	}
*****/

	.art_festival.archive .art_festival-box.dendo > .dendo-list h2 img,
	.art_festival.monthly .art_festival-box.dendo > .dendo-list h2 img {
		display: block;
		margin: auto;
	}
	.art_festival.archive .art_festival-box.dendo > .dendo-list h3,
	.art_festival.monthly .art_festival-box.dendo > .dendo-list h3 {
		margin: 30px 0;
		font-size: 26px;
		font-weight: 500;
		text-align: center;
	}
	.art_festival.monthly .art_festival-box.contest {
		padding: 50px 86px 100px;
		background: #ffe188 url('../../img/art_festival/champion2016/bg.png') no-repeat;
	}
	.art_festival.monthly .monthly-logo {
		margin-bottom: 50px;
	}
	.art_festival.monthly .monthly-logo + h4 {
		margin-bottom: 40px !important;
		font-size: 28px;
		font-weight: 600;
		letter-spacing: 2px;
	}
	.art_festival.monthly .monthly-logo + h4 img {
		margin-right: 8px;
		width: 44px;
	}
	/* ===========================================
.art_festival.champion2016
===========================================*/
	.art_festival.champion2016 .championwrap {
		padding: 50px 0;
		background: #ffe088 url('../../img/art_festival/champion2016/bg.png') no-repeat top center;
	}
	.art_festival.champion2016 .champion {
		margin: auto;
		padding: 50px 60px;
		width: 797px;
		height: 706px;
		background: url('../../img/art_festival/champion2016/championbg.png') no-repeat top center;
	}
	.art_festival.champion2016 .champion figure {
		float: left;
	}
	.art_festival.champion2016 .champion h2 {
		margin: 10px 0 0 140px;
		font-size: 36px;
		font-weight: 500;
		color: #430500;
	}
	.art_festival.champion2016 .champion h3 {
		margin: 10px 0 0 140px;
		font-size: 12px;
		font-weight: 700;
		line-height: 1.5;
	}
	.art_festival.champion2016 .champion .txtbox {
		clear: both;
		padding: 30px 0 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 1.9;
	}
	.art_festival.champion2016 .champion .txtbox .right {
		margin-top: 2em;
		text-align: right;
	}
	.art_festival.champion2016 .championbox {
		padding-top: 60px;
		margin: auto;
		width: 797px;
		clear: both;
	}
	.art_festival.champion2016 .championbox h2 {
		font-size: 32px;
		font-weight: 600;
		line-height: 80px;
	}
	.art_festival.champion2016 .championbox h2 img {
		display: inline-block;
		margin-right: 16px;
		vertical-align: top;
	}
	.art_festival.champion2016 .championbox .item {
		float: left;
		width: 380px;
	}
	.art_festival.champion2016 .championbox .item:nth-of-type(2) {
		margin-left: 37px;
	}
	.art_festival.champion2016 .championbox h3 {
		width: 100%;
		text-align: center;
		font-size: 18px;
		font-weight: 400;
		color: #ba922d;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		background: #ffffff;
	}
	.art_festival.champion2016 .championbox p {
		text-align: center;
		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 .sakuhin-title{
 padding: 0px 10px 0 10px;
 overflow: hidden;
 height:4em;
}

.art_festival.champion2016 .championbox .sakuhin-title p{
		font-size: 1.2rem;
 display: -webkit-box;
-webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
　overflow: hidden;
}

.art_festival.champion2016 .championbox .name{
 padding: 8px 10px 10px 10px ;
overflow: hidden;
 height:4em;
}

.art_festival.champion2016 .championbox .name p{
font-size: 1.2rem;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;

}



	.art_festival.champion2016 .championbox p a {
		position: relative;
		display: inline-block;
		margin-bottom:8px;
		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 6px;
		margin-right: 4px;
		font-size: 11px;
		background: #eee;
		border-radius: 2px;
	}
	.art_festival.champion2016 .championbox figure {
		position: relative;
		text-align: center;
	}
	.art_festival.champion2016 .championbox figure img {
		position: absolute;
		max-width: 100%;
		max-height: 100%;
		margin: auto;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.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 {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.art_festival.champion2016 .championbox h3 img {
		margin: 10px 0;
		width: 50px;
	}
	.art_festival.champion2016 .championbox h3 span {
		display: inline-block;
		margin: 10px 0;
		padding: 7px 0 0 10px;
		text-align: left;
		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: 50px 20px;
		height: 600px;
		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-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		background: #ffffff;
	}
	.art_festival.champion2016 .championbox .item p {
        font-size: 1.4rem;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
	}
	.art_festival.champion2016 .championbox ul::after {
		content: "";
		display: block;
		clear: both;
		overflow: hidden;
	}
	.art_festival.champion2016 .championbox ul li {
		float: left;
		width: 20%;
		list-style-type: none;
	}
	.art_festival.champion2016 .championbox ul li p i {
		padding-top: 0;
		font-size: 12px;
	}
	.art_festival.champion2016 .championcontainer + .championcontainer {
		margin-top: 20px;
	}
	/* ===========================================
 art_festival/dendo
===========================================*/
	.dendo-contents {
		margin-bottom: -40px;
		background: #ffffff;
	}
	.header-dendo .header-image {
		height: 230px;
		width: 970px;
		background: url(../../img/art_festival/dendo/header.png) no-repeat center top;
	}


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


	.dendo-heading h1 {
		margin: 0 auto 40px;
		text-align: center;
	}
	.dendo-heading h2 {
		margin: 0 0 10px;
		font-size: 26px;
		font-weight: 400;
		color: #ffffff;
	}
	.dendo-heading p {
		margin: 0 0 40px;
		font-size: 16px;
		font-weight: 200;
		line-height: 1.5;
		color: #ffffff;
	}
	.dendo-item-box {
		margin: 80px 0 0;
	}
	.dendo-item-box h2 {
		font-size: 26px;
		font-weight: 400;
		line-height: 50px;
		color: #ffffff;
	}
	.dendo-item-box h2 img {
		margin-right: 10px;
		width: 50px;
	}
	.dendo-item {
		margin: 20px auto 0;
		padding: 50px 0 0;
		width: 587px;
		background: url('../../img/art_festival/dendo/line.png') no-repeat top center;
	}
	.dendo-item h3 {
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		font-size: 22px;
		font-weight: 500;
		line-height: 46px;
		color: #bc942d;
		text-align: center;
		background: #ffffff;
		box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
	}
	.dendo-item h3:after,
	.dendo-item h3:before,
	.dendo-item figure:after,
	.dendo-item figure:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}
	.dendo-item h3 span {
		position: relative;
		top: 12px;
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0 8px;
		font-size: 12px;
		line-height: 22px;
		color: #ffffff;
		background: #bc942d;
		text-align: center;
		vertical-align: top;
	}
	.dendo-item figure {
		margin-top: 20px;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		background: #ffffff;
		box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
	}
	.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: right;
		padding: 0 20px;
		width: 270px;
	}

/**
	.dendo-side .sp-toggle {
		display: none;
	}
**/
	.dendo-bnr {
		padding: 40px 0 30px;
		text-align: center;
	}
	.dendo-nav {
		padding: 20px 12px;
		background: #f6f6f6;
	}
	.dendo-nav ul,
	.dendo-nav li {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	.dendo-nav h2 {
		margin: 0 0 10px;
		font-size: 16px;
		color: #377eeb;
	}
	.dendo-nav .selectbox {
		position: relative;
		width: 100%;
		height: 32px;
		border-radius: 4px;
		background: #377eeb;
	}
	.dendo-nav .selectbox::after {
		content: "";
		position: absolute;
		right: 10px;
		top: 50%;
		margin-top: -2px;
		display: block;
		width: 0;
		height: 0;
		border-top: 5px solid #ffffff;
		border-bottom: 5px solid transparent;
		border-right: 4px solid transparent;
		border-left: 4px solid transparent;
	}
	.dendo-nav .selectbox select {
		padding: 0 8px;
		height: 100%;
		width: 100%;
		font-size: 14px;
		font-weight: 200;
		color: #ffffff;
		-webkit-appearance: none;
		-moz-appearance: none;
		appearance: none;
	}
	.dendo-nav-item + h2 {
		margin-top: 30px;
	}
	.dendo-nav-item + .dendo-nav-item {
		margin-top: 20px;
	}
	.dendo-nav-item li a {
		position: relative;
		display: block;
		margin: 0.5em 0;
		padding: 0 0 0 1.5em;
		font-size: 11px;
		font-weight: 300;
		line-height: 1.3;
		text-decoration: underline;
		color: #377eeb;
	}
	.dendo-nav-item li a::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -5px;
		display: block;
		width: 8px;
		height: 8px;
		border-right: 2px solid #377eeb;
		border-top: 2px solid #377eeb;
		-webkit-transform: rotate(45deg);
		-moz-transform: rotate(45deg);
	}
	.dendo-nav-item li a:hover {
		opacity: .5;
	}
	/* ===========================================
 about
===========================================*/
	.box-about {
		position: relative;
		padding: 4rem;
		box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.3);
	}
	.box-about:last-child {
		box-shadow: none;
	}
	.box-about-inner {
		position: relative;
		/*  padding: 4rem;*/
	}
	.box-about-nav ul {
		display: table;
		width: 100%;
		/*  table-layout: fixed;*/
	}
	.box-about-nav ul li {
		display: table-cell;
		vertical-align: middle;
	}
	.box-about-nav ul li a {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.5;
		padding: 1.5rem 0rem;
		color: #FFF;
		width: 100%;
		table-layout: fixed;
		font-size: 1.4rem;
		text-align: center;
		font-weight: 600;
	}
	.box-about-nav ul li a {
		background: #377eeb;
		border-left: 1px solid #f6f3ee;
	}
	.box-about-nav ul li:first-child a {
		border-radius: 4px 0 0 4px / 4px 0 0 4px;
	}
	.box-about-nav ul li:last-child a {
		border-radius: 0 4px 4px 0 / 0 4px 4px 0;
	}
	.ba-color-list {}
	.ba-color-list p {
		width: 12%;
		margin-right: 2%;
		vertical-align: middle;
	}
	.ba-color-list ul {
		width: 86%;
	}
	.ba-color-list ul li {
		display: inline-block;
		width: 5.5%;
		margin: 0 1% 1% 1%;
	}
	.ba-color-list ul li img {
		width: 100%;
	}
	.parts-special {}
	.parts-special h4 {
		background: #ff1303;
		font-size: 1.8rem;
		font-weight: normal;
		color: #FFF;
		text-align: center;
		padding: 0.5rem;
	}
	.psp-box {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
		-webkit-flex-wrap: wrap;
		-webkit-align-items: stretch;
	}
	.psp-title {
		color: #ff1303;
		margin-bottom: 0.5rem;
	}
	.psp-main {
		min-height: 6em;
		font-size: 1.4rem;
	}
	.psp-box-1 {
		width: 51%;
		border-right: 1px solid #cacaca;
		padding-right: 1%;
	}
	.psp-box-1 ul {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.psp-box-2 {
		width: 21%;
		border-right: 1px solid #cacaca;
		padding-right: 1%;
	}
	.psp-box-2 ul {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.psp-box-3 {
		width: 26%;
	}
	.psp-box-3 ul {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.psp-box img {
		width: 100%;
	}
	.psp-box-1 ul li {
		list-style: none;
		width: 23%;
	}
	.psp-box-2 ul li {
		list-style: none;
		width: 100%;
	}
	.psp-box-3 ul li {
		list-style: none;
		width: 47%;
	}
	.psp-box li a {
		text-align: center;
		display: block;
		width: 100%;
		min-height: 140px;
		position: relative;
		border: 2px solid #fe8c8b;
		border-radius: 4px;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.1);
		color: #ff1818;
		padding: 10px 5px 0 5px;
		-webkit-transition: all 0.5s ease !important;
		-moz-transition: all 0.5s ease !important;
		-ms-transition: all 0.5s ease !important;
		-o-transition: all 0.5s ease !important;
		transition: all 0.5s ease !important;
		background: #FFF;
	}
	.psp-box li a img {
		width: auto;
		max-width: 100%;
		max-height: 100px;
	}
	.psp-box li a:hover {
		-webkit-transform: scale(1.1);
		-ms-transform: scale(1.1);
		transform: scale(1.1);
	}
	.psp-box li p {
		text-align: center;
		position: absolute;
		bottom: 10px;
		font-size: 1.4rem;
		width: 100%;
	}
	.fl-box-exp1 {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.fl-box-exp1a {
		width: 38%;
	}
	.fl-box-exp1b {
		width: 57%;
	}
	.fl-box-exp1a p:first-child {
		color: #2e83c7;
		font-weight: bold;
	}
	.fl-box-exp1b p:first-child {
		color: #2e83c7;
		font-weight: bold;
	}
	.fl-box-exp1a a {
		font-size: 1.4rem!important;
		width: 100%;
		margin: 0 0 1.5rem 0;
		padding: 1.4rem 1.5rem!important;
	}
	.fl-box-exp1b img {
		width: 99%;
	}
	.ul-table {
		display: table;
	}
	.ul-table li {
		display: table-cell;
	}
	.fl-box-edu-wrap {
		position: relative;
	}
	.fl-box-edu-wrap-brain {
		width: 21%;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-top: -11%;
		margin-left: -10%;
		z-index: 10;
	}
	.fl-box-edu-wrap-brain img {
		width: 100%;
	}
	.fl-box-edu {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}
	.fl-box-edu1 {
		width: 49%;
		background: url(../../about/img/25_laqtoha_chiiku_slide01_on.png);
		background-size: contain;
	}
	.fl-box-edu2 {
		width: 49%;
		background: url(../../about/img/26_laqtoha_chiiku_slide02_on.png);
		background-size: contain;
	}
	.fl-box-edu3 {
		width: 49%;
		background: url(../../about/img/27_laqtoha_chiiku_slide03_on.png);
		background-size: contain;
	}
	.fl-box-edu4 {
		width: 49%;
		background: url(../../about/img/28_laqtoha_chiiku_slide04_on.png);
		background-size: contain;
	}
	.fl-box-edu div {
		margin-bottom: 1%;
	}
	.fl-box-edu div a:hover {
		opacity: 0;
	}
	.fl-box-edu div a img {
		width: 100%;
	}
	.box-edu5 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}
	.box-edu5a {
		width: 32%;
	}
	.box-edu5b {
		width: 68%;
		background: url(../../about/img/28_laqtoha_chiiku_slide05_on.png);
		background-size: contain;
	}
	.box-edu6 {
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: 100%;
	}
	.box-edu6a {
		width: 32%;
	}
	.box-edu6b {
		width: 68%;
		background: url(../../about/img/28_laqtoha_chiiku_slide06_on.png);
		background-size: contain;
	}
	.box-edu5 div,
	.box-edu6 div {
		margin-bottom: 1%;
	}
	.box-edu5 div a:hover,
	.box-edu6 div a:hover {
		opacity: 0;
	}
	.box-edu5 div img,
	.box-edu6 div img {
		width: 100%;
	}
	.ba-voice-list {}
	.ba-voice-list ul {
		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: space-between;
		justify-content: space-between;
		-webkit-align-items: top;
		align-items: top;
		width: 100%;
	}
	.ba-voice-list ul li {
		width: 32%;
		margin-bottom: 1.5rem;
		background: #FFF;
		padding: 1.5rem;
		border-radius: 4px;
		list-style: none;
		box-shadow: 0 2px 0 rgba(0, 0, 0, 0.15);
	}
	.ba-voice-list ul li img {
		width: 100%;
		margin-bottom: 1.5rem;
	}
	.ba-voice-list ul li .ba-voice-main {
		min-height: 5em;
		font-size: 1.4rem;
		line-height: 1.5;
		color: #646464;
	}
	.ba-voice-list ul li .ba-voice-prof {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #646464;
	}
	.ba-award-list {}
	.ba-tab {
		background: #FFF;
		padding: 30px;
		border-radius: 8px;
		margin-bottom: 2rem;
		border-bottom: 1px solid #CCC;
	}
	.baa-table {}
	.baa-table ul {
		display: table;
		width: 100%;
	}
	.baa-table ul li {
		display: table-cell;
		width: 50%;
	}
	.baa-table-td {
		-webkit-justify-content: space-between;
		justify-content: space-between;
		margin-bottom: 2rem;
	}
	.baa-table-td-l {
		width: 74%;
	}
	.baa-table-td-r {
		width: 20%;
	}
	.baa-table ul li:first-child {
		padding-right: 2%;
	}
	.baa-table ul li:last-child {
		padding-left: 2%;
	}
	.baa-table-td-r img {
		width: 100%;
		margin-bottom: 0.5rem;
	}
	.baa-table-td-l p:first-child {
		margin-bottom: 1rem;
	}
	.baa-img-list {}
	.baa-img-list ul {}
	.baa-img-list ul li {
		list-style: none;
		display: inline-block;
		width: 12%;
		padding-right: 1%;
	}
	.baa-img-list ul li:last-child {
		padding-right: 0;
	}
	.baa-img-list ul li img {
		width: 100%;
	}
	.ba-parts-ttl {}
	.ba-parts-exp span {
		width: 50%;
		margin-right: 1rem;
	}
	.ba-parts-exp img {
		width: 30%;
		max-width: 300px;
	}
	.ba-parts-box {
		width: 100%;
		background: #FFF;
		border-radius: 4px;
		padding: 20px;
	}
	.ba-parts-box-nb {
		width: 100%;
		background: none;
		border-radius: 4px;
		padding: 0;
	}
	.ba-parts-box img {
		width: 100%;
		border-radius: 4px;
	}
	.ba-doctor {
		background: url(../../about/img/bg_ba_doctor.png) no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		max-height: 176px;
	}
	.ba-doctor p {
		color: #FFF;
		padding: 4vw 5vw 4vw 21vw;
		width: 100%;
		height: 21vw;
		line-height: 1.4;
		font-size: 4vw;
	}
	.ba-ttl {
		background: #6299de no-repeat;
		background-size: contain;
		width: 100%;
		height: 100%;
		max-height: 176px;
	}
	.ba-ttl p {
		color: #FFF;
		padding: 4vw 5vw 4vw 4vw;
		width: 100%;
		text-align: center;
		height: 21vw;
		line-height: 1.4;
		font-size: 4vw;
	}
	/* ===========================================
 news
===========================================*/
	.search-news-box a,
	.search-news-box .search-years {
		background: #377eeb;
		border-left: 1px solid #f6f3ee;
	}
	.search-news-box:first-child a {
		border-left: none;
	}
	.search-news-box .search-years {
		text-align: center;
	}
	.search-news-box .search-years span {
		display: block;
		line-height: 1.5;
		padding: 13.5px 0rem;
	}
	.search-news-box .search-years select {
		font-size: 1.2rem;
		background: #37b0eb;
		color: #FFF;
		padding: 0.5rem 1.5rem;
		cursor: pointer;
	}
	.search-news-box .search-stock {
		border-radius: 4px 0 0 4px / 4px 0 0 4px;
		background: #494fc2;
	}
	.search-news-box .search-years {
		border-radius: 0 4px 4px 0 / 0 4px 4px 0;
	}
	#news-ym {
		padding: 3rem 0;
	}
	#news-ym .news-ym-year {
		line-height: 1;
	}
	#news-ym .news-ym-month span {
		line-height: 1;
	}
	#news-list .item-box {
		width: 100%;
		padding: 30px 30px 20px 30px;
		border-radius: 4px;
	}
	.news .search-pl-wrapper {
		padding: 0 4rem 0 4rem;
	}
	.news-head {}
	.news-head-date {
		vertical-align: middle;
		font-weight: normal;
	}
	.news-head-label {
		color: #FFF;
		padding: 0.4rem 0.8rem;
		margin-left: 0.8rem;
		vertical-align: middle;
		font-weight: bold;
		border-radius: 2px;
	}
	.nhl-company {
		background: #ff5555;
	}
	.nhl-update {
		background: #ff5555;
	}
	.nhl-info {
		background: #ff5555;
	}
	.nhl-product {
		background: #01bf60;
	}
	.nhl-contest {
		background: #01bf60;
	}
	.nhl-topics {
		background: #01BF60;
	}
	.news-body {}
	.news-ttl {
		margin: 1rem 0;
	}
	.list-accordion {}
	.search-cond a:hover:after,
	.search-cond a.current:after {
		content: "";
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 6px 0 6px;
		border-color: #377eeb transparent transparent transparent;
		position: absolute;
		bottom: -8px;
		left: 50%;
		margin-left: -6px;
	}
	.search-cond .search-all-box a:hover:after,
	.search-cond .search-all-box a.current:after {
		border-color: #494fc2 transparent transparent transparent;
	}
	.search-cond .search-basic-box a:hover:after,
	.search-cond .search-basic-box a.current:after {
		border-color: #0064E7 transparent transparent transparent;
	}
	.search-cond .search-innovator-box a:hover:after,
	.search-cond .search-innovator-box a.current:after {
		border-color: #DE041F transparent transparent transparent;
	}
	.search-cond .search-freestyle-box a:hover:after,
	.search-cond .search-freestyle-box a.current:after {
		border-color: #FBB026 transparent transparent transparent;
	}
	.search-cond .search-books-box a:hover:after,
	.search-cond .search-books-box a.current:after {
		border-color: #64B15A transparent transparent transparent;
	}
	.search-cond .search-special-box a:hover:after,
	.search-cond .search-special-box a.current:after {
		border-color: #AAC123 transparent transparent transparent;
	}
	.search-cond .search-lv1-box a:hover:after,
	.search-cond .search-lv1-box a.current:after {
		border-color: #008d00 transparent transparent transparent;
	}
	.search-cond .search-lv2-box a:hover:after,
	.search-cond .search-lv2-box a.current:after {
		border-color: #5ec4f8 transparent transparent transparent;
	}
	.search-cond .search-lv3-box a:hover:after,
	.search-cond .search-lv3-box a.current:after {
		border-color: #f78009 transparent transparent transparent;
	}
	.news-content {}
	.nit-single {}
	.nit-detail .news-body {
		position: relative;
		padding-bottom: 1rem;
	}
	.nit-detail .news-content {
		overflow: hidden;
		height: auto;
		max-height: 0;
	}
	.news-item-box a {
		color: #377eeb;
		text-decoration: underline;
	}
	.news-item-box a:hover {
		color: #377eeb;
		text-decoration: none;
	}
	.news-content {
		font-size: 1.4rem;
		line-height: 1.5;
		height: 0%;
		max-height: 0%;
	}
	#news-list .item-box .news-content img {
		max-width: 100%;
		height: auto;
	}
	.accordion-triangle {
		cursor: pointer;
	}
	.accordion-triangle:after {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: 0;
		right: 0;
		border-style: solid;
		border-width: 0 0 50px 50px;
		-webkit-transition: all 0.4s ease !important;
		-moz-transition: all 0.4s ease !important;
		-ms-transition: all 0.4s ease !important;
		-o-transition: all 0.4s ease !important;
		transition: all 0.4s ease !important;
		cursor: pointer;
	}
	.accordion-triangle:hover:after {
		border-width: 0 0 55px 55px;
	}
	.accordion-triangle:after {
		border-color: transparent transparent #377eeb transparent;
	}
	.accordion-triangle:before {
		display: block;
		content: "＋";
		position: absolute;
		right: 0.2rem;
		bottom: 0.2rem;
		font-size: 2.4rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.nit-detail.open .accordion-triangle:after {
		border-color: transparent transparent #37b0eb transparent;
	}
	.nit-detail.open .accordion-triangle:before {
		display: block;
		content: "−";
		position: absolute;
		right: 0.7rem;
		bottom: 0.5rem;
		font-size: 2.4rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.nit-detail.open {
		z-index: 1000;
	}
	.nit-detail.open .news-content {
		overflow: hidden;
		height: 100%;
		max-height: none;
	}
	.year-val,
	.cat-val {
		visibility: hidden;
		height: 0;
		overflow: hidden;
	}
	/* ===========================================
 event
===========================================*/
	.event .content-inner main {
		padding-bottom: 6rem;
	}
	.event-map {
		position: relative;
		padding-top: 63%;
	}
	.event-map img {
		position: absolute;
		top: -9rem;
		left: 8rem;
	}
	#event-list .item-box {
		width: 100%;
		padding: 30px 30px 20px 30px;
		border-radius: 4px;
	}
	.event-item-box a:hover {
		color: #377eeb;
		text-decoration: none;
	}
	.event .search-pl-wrapper {
		padding: 0 4rem 0 4rem;
	}
	.event-item-box a {
		color: #377eeb;
		text-decoration: underline;
	}
	.event-body {
		position: relative;
		padding-bottom: 1rem;
	}
	.event-content {
		overflow: hidden;
		height: auto;
		max-height: 0;
	}
	.eit-detail.open .accordion-triangle:after {
		border-color: transparent transparent #37b0eb transparent;
	}
	.eit-detail.open .accordion-triangle:before {
		display: block;
		content: "−";
		position: absolute;
		right: 0.7rem;
		bottom: 0.5rem;
		font-size: 2.4rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.eit-detail.open .event-content {
		overflow: hidden;
		height: 100%;
		max-height: none;
	}
	.event-head span {
		display: inline-block;
		color: #FFF;
		font-size: 1.4rem;
		padding: 0.5rem 0.5rem;
		border-radius: 2px;
		margin-right: 0.5rem;
	}
	.event-head-label {
		background: #2e83c7;
	}
	.event-head-date,
	.event-head-category {
		background: #ffa900;
		margin-bottom: 1rem;
	}
	.event-head span.ehl-pay {
		background: #FFF;
		border: 1px solid #FF4611;
		color: #FF4611;
	}
	.event-head span.ehl-free {
		background: #FF4611;
	}
	.event-ttl {
		color: #646464;
		font-size: 2rem;
		font-weight: bold;
		line-height: 1.5;
		margin: 1.5rem 0;
	}
	.event-content {
		font-size: 1.4rem;
		line-height: 1.37;
		color: #646464;
	}
	.event-content p {
		margin-bottom: 1rem;
	}
	.event-content table {
		border-collapse: collapse;
		border-top: 1px solid #c8c8c8;
		border-left: 1px solid #c8c8c8;
		margin: 2rem 0 2rem 0;
	}
	.event-content table th,
	.event-content table td {
		padding: 1rem;
		border-bottom: 1px solid #c8c8c8;
		border-right: 1px solid #c8c8c8;
	}
	.event-content table th {
		width: 8em;
		background: #999;
		color: #FFF;
		font-weight: normal;
	}
	.event-attention {
		font-size: 1.2rem;
	}
	.search-event {
		/*   background: #FFF; */
		margin-bottom: 4rem;
	}
	.search-event .search-cond {
		padding: 0 4rem 0 4rem!important;
		background: #FFF;
	}
	.search-event .search-cond ul {
		padding: 3rem 0 2rem 0;
		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;
	}
	.search-event .search-cond ul li {
		width: 48%;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 2rem;
	}
	.search-event .search-cond ul li div {
		display: inline-block;
		line-height: 2rem;
	}
	.search-event .search-cond ul li .search-label {
		color: #377eeb;
		min-width: 8em;
	}
	.search-event .search-cond select {
		width: 100%;
		background: #FFF;
		border: 1px solid #c8c8c8;
		border-radius: 2px;
		font-weight: normal;
	}
	.search-event .search-cond input[type="text"] {
		border: 1px solid #c8c8c8;
		border-radius: 2px;
		padding: 0 0.5rem;
		font-weight: normal;
	}
	.box-event {
		margin: 20px 0;
		padding: 40px;
		box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
	}
	.event-category-list {}
	.event-category-list 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;
	}
	.event-category-list .ecl-ttl {
		font-size: 2rem;
		color: #ffa600;
		margin-bottom: 1rem;
	}
	.event-category-list ul li {
		position: relative;
		background: #FFF;
		font-size: 1.6rem;
		line-height: 1.5;
		list-style: none;
	}
	.event-category-list ul li img {
		width: 100%;
	}
	.event-category-list .ecl-body {
		padding: 1.5rem 1.5rem 5rem 1.5rem;
	}
	.event-category-list p {
		font-size: 1.4rem;
		color: #646464;
		margin-bottom: 1rem;
	}
	.event-category-list .btn-area {
		position: absolute;
		width: 85%;
		bottom: 1.5rem;
		z-index: 10;
	}
	.event-category-list a {
		margin: 0 auto;
		text-align: center;
	}
	.event-exp-list ul li {
		width: 31.5%;
	}
	/* ===========================================
 product
===========================================*/
	/*
.header-product{
  height: 390px;
  width: 970px;
}

.header-product .header-image{
  height: 390px;
  width: 970px;
  background: url(../../product/img/01_product_header_basic.jpg) no-repeat center top;
  background-size: cover;
}
*/
	#product-slider {
		padding-bottom: 60px;
		max-height: 390px;
		overflow: hidden;
	}
	#product-slider .slider img {
		width: 100%;
		height: auto;
	}
	#product-slider .slick-dots {
		bottom: -40px!important;
	}
	.inner-bg-beige {
		background: #f6f3ee!important;
	}
	.search-wrapper {
		padding: 4rem 4rem 0rem 4rem;
	}
	.search-tag {
		margin-bottom: 20px;
	}
	.search-tag li {
		list-style: none;
		font-size: 1.2rem;
		display: inline-block;
		margin-right: 0.5rem;
		margin-bottom: 1.5rem;
	}
	.search-tag li a {
		border: 1px solid #646464;
		border-radius: 2px;
		background: #FFF;
		text-decoration: none;
		color: #646464;
		padding: 0.2rem 0.5rem;
	}
	.search-cond {}
	.search-cond ul {
		display: table;
		width: 100%;
		table-layout: fixed;
	}
	.search-cond ul li {
		display: table-cell;
		vertical-align: middle;
		position: relative;
	}
	.search-cond ul li .search-detail {
		z-index: 110;
	}
	.search-cond ul a {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.5;
		padding: 1.5rem 0rem;
		color: #FFF;
		width: 100%;
		table-layout: fixed;
		font-size: 1.2rem;
		text-align: center;
		font-weight: 600;
	}
	.search-detail {
		position: relative;
		display: inline-block;
		vertical-align: middle;
		line-height: 1.5;
		padding: 1.5rem 0rem;
		color: #FFF;
		width: 100%;
		table-layout: fixed;
		font-size: 1.2rem;
		text-align: center;
		font-weight: 600;
		border-radius: 4px 0 0 4px / 4px 0 0 4px;
		background: #377EEB;
		text-align: left!important;
		padding-left: 2rem!important;
	}
	.search-detail i {
		position: absolute;
		right: 1.5rem;
		top: 1rem;
		font-size: 1.8rem;
	}
	.search-cond {
		position: relative;
	}
	.search-cond-detail {
		display: none;
		/*
  position: absolute;
  top:0;
  left: 0px;
*/
		padding: 0 0 4rem 0;
		background: #FFF;
		width: 100%;
		z-index: 100;
		opacity: 1;
		border-radius: 4px;
		box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.15);
	}
	.search-cond-detail .search-detail {
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.search-cond-detail ul {
		padding: 4rem 4rem 0rem 4rem;
		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;
	}
	.search-cond-detail ul li {
		width: 45%;
		font-size: 1.4rem;
		font-weight: bold;
		margin-bottom: 2rem;
		list-style: none;
	}
	.search-cond-detail ul li div {}
	.search-cond-detail ul li .search-label {
		color: #377eeb;
		min-width: 8em;
		display: inline-block;
		line-height: 2rem;
		margin-bottom: 1rem;
	}
	.search-cond-detail .btn-area {
		/*  margin-top: 0;*/
	}
	.search-series .disabled {
		opacity: 0.4;
		pointer-events: none;
	}
	#slider-price,
	#slider-parts {
		width: 94%;
		margin: 3rem auto 0 auto;
	}
	.search-keyword input {}
	.search-cond-detail select {
		width: 100%;
		background: #FFF;
		border: 1px solid #c8c8c8;
		border-radius: 2px;
		font-weight: normal;
	}
	.search-cond-detail input[type="text"] {
		border: 1px solid #c8c8c8;
		border-radius: 2px;
		padding: 0.5rem 0.5rem;
		font-weight: normal;
	}
	.search-basic {
		background: #0064E7;
	}
	.search-innovator {
		background: #DE041F;
	}
	.search-freestyle {
		background: #FBB026;
	}
	.search-books {
		background: #64B15A;
	}
	.search-special {
		background: #AAC123;
		border-radius: 0 4px 4px 0 / 0 4px 4px 0;
	}
	.search-stock {
		background: #494fc2;
	}
	.build .search-stock {
		border-radius: 4px 0 0 4px / 4px 0 0 4px;
	}
	#product-list {
		padding: 3rem 0;
		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;
	}
	.search-pl-wrapper {
		padding: 0 0 0 4rem;
	}
	.item-box {
		width: 30.5%;
		background: #FFF;
		border-radius: 8px;
		margin-bottom: 2rem;
		box-shadow: 0 2px 1px 0 rgba(0, 0, 0, 0.2);
		margin-right: 2rem;
	}
	.item-ph {
		padding: 2rem;
	}
	.item-ph img {
		height: 100%;
		max-height: 169px;
		max-width: 100%;
	}
	.item-copy,
	.item-copy-sp {
		padding: 0 2rem;
		font-size: 1.4rem;
		color: #646464;
		line-height: 1.5;
		min-height: 1.5em;
	}
	.build .item-copy,
	.item-copy-sp {
		padding: 0 2rem;
		font-size: 1.4rem;
		color: #646464;
		line-height: 1.5;
		min-height: 3em;
	}
	.item-name {
		padding: 0.5rem 2rem;
		color: #2A8AFF;
		font-size: 1.6rem;
		line-height: 1.37;
		font-weight: bold;
		min-height: 7.5rem;
	}
	.build .item-name {
		padding: 0.5rem 2rem;
		color: #2A8AFF;
		font-size: 1.6rem;
		line-height: 1.37;
		font-weight: bold;
		min-height: 5.5rem;
	}
	.item-price {
		padding: 0.5rem 2rem;
		font-size: 1.6rem;
		color: #646464;
	}
	.item-price span {
		font-size: 1.4rem;
		padding: 0.1rem 0.5rem;
		margin-right: 1rem;
		border: 1px solid #646464;
	}
	.item-level {
		margin-top: 1.2rem;
		border-radius: 0 0 4px 4px / 0 0 4px 4px;
		padding: 0.8rem;
		text-align: center;
		color: #FFF;
		font-size: 1.6rem;
	}
	.item-lv-basic {
		background: #0064E7;
	}
	.item-lv-innovator {
		background: #DE041F;
	}
	.item-level.innovator {
		background: #DE041F;
	}
	.item-lv-stock {
		background: #2fc5e6;
	}
	.item-level.stock {
		background: #2fc5e6;
	}
	.tbl-icon-level.stock {
		background: #2fc5e6;
	}
	.item-lv-freestyle {
		background: #FBB026;
	}
	.item-level.freestyle {
		background: #FBB026;
	}
	.tbl-icon-level.freestyle {
		background: #FBB026;
	}
	.item-lv-books {
		background: #64B15A;
	}
	.item-lv-special {
		background: #AAC123;
	}
	.item-lv-star {
		color: #FFEE01;
		margin-left: 0.5rem;
	}
	.product-detail .tbl-icon-level {
		text-align: center;
		padding: 1.2rem 0;
		font-size: 2rem;
		color: #FFF;
	}
	.top-tbl-title {
		color: #2a8aff;
	}
	.top-tbl-desc {
		color: #646464;
	}
	.level-star {
		color: #ffee01;
	}
	.product-detail .level-1 .level-star:before {
		position: relative;
		content: "★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.product-detail .level-2 .level-star:before {
		position: relative;
		content: "★★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.product-detail .level-3 .level-star:before {
		position: relative;
		content: "★★★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.prd-inner {
		padding: 20px 40px 30px 40px;
	}
	.product-detail {
		margin: 40px;
		box-sizing: border-box;
		box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
		border-radius: 8px;
	}
	.product-detail:first-child {
		margin: 60px 20px;
	}
	.product-detail h2 {
		width: 100%;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.prd-inner {
		width: 100%;
		max-width: 890px;
		background: #FFF;
		border-radius: 0 0 4px 4px / 0 0 4px 4px;
	}
	.prd-inner .fl-box {
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.fl-box-1a {
		width: 48%;
	}
	.fl-box-1b {
		width: 48%;
	}
	.prd-ph img {
		width: 100%;
	}
	.ph-stage {
		background-size: cover;
	}
	.ph-thum {
		margin-top: 2rem;
		width: 100%;
	}
	.ph-thum li {
		width: 30%;
		display: inline-block;
		list-style: none;
	}
	.ph-thum li a {
		display: block;
		border: 1px solid #EFEFEF;
	}
	.ph-thum li a.current,
	.ph-thum li a:hover {
		border: 1px solid #CCC;
	}
	.ph-thum li a img {
		width: 100%;
	}
	.prd-summary {}
	.prd-spec {
		width: 100%;
		border-collapse: collapse;
		border-left: 1px solid #c8c8c8;
		border-top: 1px solid #c8c8c8;
	}
	.prd-spec th,
	.prd-spec td {
		border-right: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
	}
	.prd-spec th {
		text-align: center;
		width: 5.5rem;
		line-height: 5.5rem;
		background: #999;
	}
	.prd-spec td {
		padding: 0 1rem;
		text-align: left;
		font-size: 1.7rem;
		width: 100%;
		min-width: 8em;
	}
	.prd-inner .btn-area p,
	.prd-inner .btn-area a {
		display: inline-block;
	}
	.product-parts img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}
	.img-normal img {
		width: auto;
		height: auto;
	}
	.product-free a img {
		width: auto;
		height: auto;
	}
	.recommend-list {
		margin-top: 20px;
		width: 100%;
	}
	.recommend-list li {
		width: 32%;
		display: inline-block;
	}
	.recommend-list li a {
		display: block;
		text-align: center;
	}
	.recommend-list li a img {
		width: 100%;
	}
	/* ===========================================
 build
===========================================*/
	.slick-dots li {
		position: relative;
		display: inline-block;
		width: 20px!important;
		height: 20px!important;
		margin: 0 5px;
		padding: 0;
		cursor: pointer;
	}
	.slick-dots li button {
		font-size: 0;
		line-height: 0;
		display: block;
		width: 20px!important;
		height: 20px!important;
		padding: 5px;
		cursor: pointer;
		color: transparent;
		border: 0;
		outline: none;
		background: transparent;
	}
	.slick-dots li button:before {
		font-family: 'slick';
		font-size: 20px!important;
		line-height: 20px;
		position: absolute;
		top: 0;
		left: 0;
		width: 20px!important;
		height: 20px!important;
		content: '●'!important;
		text-align: center;
		opacity: .15;
		color: #1845ed!important;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	.slick-dots li.slick-active button:before {
		opacity: .75;
		color: #1845ed!important;
	}
	.slick-slide {
		outline: none;
		cursor: pointer;
	}
	.slick-slide img {
		width:100%;
	}
	.chn-sliders {
		position: relative;
		width: 80%;
		margin: 40px auto 40px auto;
		border: 2px solid #2d82df;
		border-radius: 8px;
		background: #FFF;
		padding: 2rem;
	}
	.build-slider {
		position: relative;
		width: 100%;
	}
	.chn-sliders:after {
		position: absolute;
		left: 2rem;
		top: 50%;
		content: "新着情報";
		width: 110px;
		height: 110px;
		background: #2d82df;
		color: #FFF;
		font-size: 2rem;
		display: block;
		border-radius: 100%;
		line-height: 100px;
		text-align: center;
		margin-top: -55px;
	}
	.chn-sliders .slick-dots {
		position: absolute;
		bottom: -65px!important;
		display: block;
		width: 100%;
		padding: 0;
		margin: 0;
		list-style: none;
		text-align: center;
	}
	.chn-sliders .slick-dotted.slick-slider {
		margin-bottom: 0;
	}
	.bsl-spec {
		float: left;
		width: 62%;
		padding-left: 24%;
	}
	.bsl-spec ul {
		margin-top: 1rem;
		padding-top: 1rem;
		border-top: 1px solid #cbcbcb;
	}
	.bsl-spec ul li {
		display: inline-block;
		width: 43%;
		font-size: 1.4rem;
	}
	.bsl-spec ul li:first-child {
		width: 55%;
	}
	.bsl-img {
		float: right;
		width: 34%;
		padding-right: 2rem;
	}
	.bsl-img img {
		width: 100%;
	}
	.build-detail .bld-icon-level {
		text-align: center;
		padding: 1.2rem 0;
		font-size: 2rem;
		color: #FFF;
	}
	.bsl-spec .item-level {
		color: #ffd001;
		letter-spacing: 0.5rem;
	}
	.search-lv1-box {
		background: #008d00;
	}
	.search-lv2-box {
		background: #5ec4f8;
	}
	.search-lv3-box {
		background: #f78009;
		border-radius: 0 4px 4px 0 / 0 4px 4px 0;
	}
	.build-detail .level-1 .level-star:before {
		position: relative;
		content: "★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.build-detail .level-2 .level-star:before {
		position: relative;
		content: "★★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.build-detail .level-3 .level-star:before {
		position: relative;
		content: "★★★";
		font-size: 2rem;
		color: #ffee01;
		margin-left: 0.5rem;
	}
	.bld-inner {
		padding: 20px 40px 30px 40px;
	}
	.build-detail {
		margin: 40px;
		box-sizing: border-box;
		box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
		border-radius: 8px;
	}
	.build-detail h2 {
		width: 100%;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.bld-inner {
		width: 100%;
		max-width: 890px;
		background: #FFF;
		border-radius: 0 0 4px 4px / 0 0 4px 4px;
	}
	.bld-inner .fl-box {
		justify-content: space-between;
		-webkit-justify-content: space-between;
	}
	.fl-box-1a {
		width: 48%;
	}
	.fl-box-1b {
		width: 48%;
	}
	.bld-ph img {
		width: 100%;
	}
	.bld-summary {}
	.bld-spec {
		width: 100%;
		border-collapse: collapse;
		border-left: 1px solid #c8c8c8;
		border-top: 1px solid #c8c8c8;
	}
	.bld-spec th,
	.bld-spec td {
		border-right: 1px solid #c8c8c8;
		border-bottom: 1px solid #c8c8c8;
	}
	.bld-spec th {
		text-align: center;
		width: 5.5rem;
		line-height: 5.5rem;
		background: #999;
	}
	.bld-spec td {
		padding: 0 1rem;
		text-align: left;
		font-size: 1.7rem;
	}
	.bld-inner .btn-area p,
	.bld-inner .btn-area a {
		display: inline-block;
	}
	.bld-summary a {
		color: #2A8AFF;
		text-decoration: underline;
	}
	.bld-summary a:hover {
		color: #2A8AFF;
		text-decoration: none;
	}
	.btn-dl-pdf {
		display: block;
	}
	.text-title-build-howto {
		color: #1946eb;
		text-shadow: 2px 0 #FFF, 0 2px #FFF, -2px 0 #FFF, 0 -2px #FFF, 3px 3.5px 0px rgba(0, 0, 0, 0.15);
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.text-title-build-howto img {
		width: 3rem;
	}
	.box-bld-howto {
		padding: 20px;
		text-align: center;
	}
	.box-bld-howto img {
		width: 100%;
		height: auto;
	}
	.bld-pdf img {
		width: 100%;
		height: auto;
	}
	/* ===========================================
 contest
===========================================*/
	.header-contest {
		height: 230px;
		width: 970px;
	}
	.header-contest .header-image {
		height: 230px;
		width: 970px;
		background: url(../../contest/img/01_contest_header.jpg) no-repeat center top;
		background-size: cover;
	}
	.contest-box-dendou-wrap {
		background: url(../../contest/img/03_contest_dendou_back.jpg) center top;
		background-size: cover;
	}
	.contest-box-dendou-wrap {
		padding: 60px 0;
	}
	.contest-box-dendou-wrap .contest-box-inner {
		margin: 0 auto;
		padding: 0 80px;
	}
	.cbc-dendou {
		border-radius: 10px;
		padding: 35px;
		margin: 0 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);
	}
	.fl-box-1 {
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.contest-box-dendou-wrap h2 img {
		width: 50px;
		height: auto;
	}
	.contest-box-dendou-wrap .fl-box-1a {}
	.contest-box-dendou-wrap .fl-box-1b img {
		width: 100%;
	}
	.contest-box-contest-wrap {
		background: url(../../contest/img/06_contest_back02.jpg) no-repeat #ffe187;
		padding-top: 60px;
		padding-bottom: 60px;
	}
	.contest-box-contest-wrap h3 {
		width: 60%;
		margin: 0px auto 40px auto;
	}
	.contest-box-contest-wrap h3 img {
		width: 100%;
	}
	.contest-box-contest-wrap .bcn-laf {
		position: absolute;
		width: 22%;
		left: 100px;
	}
	.tbc-hit-ttl {
		border: 3px solid #ff6400;
		color: #c1272d;
		font-size: 2.2rem;
	}
	.tbc-hit-ttl-inner {
		position: relative;
		padding: 15px 15px 15px 70px;
		background: #FFF;
	}
	.tbc-hit-ttl-inner img {
		position: absolute;
		left: -60px;
		top: -10px;
		width: 15%;
	}



	/* ===========================================
 support
===========================================*/
	.support-wrapper {
		padding: 4rem 4rem 4rem 4rem;
	}
	.support-box {
		padding: 30px;
		background: #FFF;
		border-radius: 8px;
		box-shadow: 0px 2px 0 rgba(0, 0, 0, 0.15);
		margin-bottom: 20px;
	}
	.support-alert-copy {
		background: #fee8eb;
	}
	.sup-news {}
	.sup-news li {
		font-size: 1.4rem;
		line-height: 1.5;
		list-style: none;
		border-bottom: 1px solid #c8c8c8;
	}
	.sup-news li a {
		display: inline-block;
		color: #377eeb;
		padding: 1rem;
	}
	.sup-news li a:hover {
		text-decoration: underline;
	}
	.sup-news li:last-child {
		border-bottom: none;
	}
	.attention-list {}
	.attention-list li {
		list-style: none;
		text-indent: -1rem;
		padding-left: 1rem;
	}
	.box-tel {
		border: 1px solid #bbbbbb;
		padding: 30px;
	}
	.box-tel a {
		color: #646464;
	}
	.support-box-contact .fl-box a {
		width: 48%;
		margin: 0;
		padding: 1.5rem 1rem;
		text-align: center;
	}
	.faq-detail {
		position: relative;
		border: 2px solid #65d4df;
		border-radius: 4px;
		margin-bottom: 2rem;
	}
	.faq-list .item-box {
		width: 100%;
	}
	.faq-head {
		background: #FFF;
	}
	.faq-detail.open .faq-head {
		background: #65d4df;
	}
	.fh-question {
		position: relative;
		color: #65d4df;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.faq-detail.open .fh-question {
		position: relative;
		color: #FFF;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.faq-head a {
		display: block;
		margin: 0;
	}
	.fh-question {
		position: relative;
		color: #65d4df;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	/*

.fh-question:before{
  content:"ï¼±";
  position:relative;
  padding: 0.2rem 1rem 0.3rem 0.5rem;
  font-size: 1.8rem;
  margin-right: 1rem;
  background: #65d4df;
  color: #FFF;
}

.faq-detail.open .fh-question:before{
  content:"ï¼±";
  position:relative;
  margin-right: 1rem;
  padding: 0rem 1rem 0rem 0.5rem;
  font-size: 1.8rem;
}
*/
	.faq-head table {
		width: 100%;
		border-collapse: collapse;
	}
	.faq-head th {
		position: relative;
		padding: 0rem 1rem 0rem 1rem;
		font-size: 1.8rem;
		margin-right: 1rem;
		background: #65d4df;
		color: #FFF;
		width: 1em;
	}
	.faq-detail.open th {
		position: relative;
		margin-right: 1rem;
		padding: 0rem 1rem 0rem 1rem;
		font-size: 1.8rem;
	}
	.faq-detail td {}
	.faq-detail td a {
		display: block;
		padding: 0.5rem 1rem;
	}
	.faq-body {}
	.fb-answer {
		overflow: hidden;
		height: auto;
		max-height: 0;
		padding: 0px 20px 0px 20px;
	}
	.faq-detail.open .fb-answer {
		overflow: hidden;
		height: 100%;
		max-height: 300px;
	}
	.faq-detail .accordion-triangle:after {
		border-width: 0 0 36px 36px;
	}
	.faq-detail .accordion-triangle:hover:after {}
	.faq-detail .accordion-triangle:before {
		display: block;
		content: "＋";
		position: absolute;
		right: 0.2rem;
		bottom: 0.2rem;
		font-size: 1.8rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.faq-detail.open .accordion-triangle:after {
		border-color: transparent transparent #37b0eb transparent;
	}
	.faq-detail.open .accordion-triangle:before {
		display: block;
		content: "−";
		position: absolute;
		right: 0.4rem;
		bottom: 0.4rem;
		font-size: 2rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.faq-detail.open .fb-answer {
		overflow: hidden;
		height: 100%;
		max-height: 300px;
		padding: 20px 20px 20px 20px;
	}
	.fb-answer {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #646464;
		margin-bottom: 1rem;
	}
	.fb-answer:last-child {
		margin-bottom: 0;
	}
	.fb-answer a {
		color: #377eeb;
		text-decoration: underline;
	}
	.fb-answer a:hover {
		text-decoration: none;
	}
	.copy-detail {
		position: relative;
		border: 2px solid #2e81c5;
		border-radius: 4px;
		margin-bottom: 2rem;
	}
	.copy-detail.cp-pink {
		border: 2px solid #ff87a0;
	}
	.copy-detail.cp-blue {
		border: 2px solid #7a99d7;
	}
	.copy-detail.cp-green {
		border: 2px solid #8ac43f;
	}
	.copy-list .item-box {
		width: 100%;
	}
	.copy-head {
		background: #FFF;
		border-radius: 4px;
	}
	.copy-detail.open .copy-head {
		background: #2e81c5;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.copy-detail.cp-pink.open .copy-head {
		background: #ff87a0;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.copy-detail.cp-blue.open .copy-head {
		background: #7a99d7;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.copy-detail.cp-green.open .copy-head {
		background: #8ac43f;
		border-radius: 4px 4px 0 0 / 4px 4px 0 0;
	}
	.ch-lang {
		position: relative;
		color: #2e81c5;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.copy-detail.cp-pink .ch-lang {
		color: #ff87a0;
	}
	.copy-detail.cp-blue .ch-lang {
		color: #7a99d7;
	}
	.copy-detail.cp-green .ch-lang {
		color: #8ac43f;
	}
	.copy-detail.open .ch-lang {
		position: relative;
		color: #FFF;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.copy-head a {
		display: block;
		margin: 0;
	}
	.ch-lang {
		position: relative;
		color: #2e81c5;
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.copy-head table {
		width: 100%;
		border-collapse: collapse;
	}
	.copy-head th {
		position: relative;
		padding: 0rem 1rem 0rem 1rem;
		font-size: 1.8rem;
		margin-right: 1rem;
		background: #2e81c5;
		color: #FFF;
		width: 1em;
	}
	.copy-detail.open th {
		position: relative;
		margin-right: 1rem;
		padding: 0rem 1rem 0rem 1rem;
		font-size: 1.8rem;
	}
	.copy-detail td {}
	.copy-detail td a {
		display: block;
		padding: 0.5rem 2rem;
	}
	.copy-body {}
	.cb-answer {
		overflow: hidden;
		height: auto;
		max-height: 0;
		padding: 0px 30px 0px 30px;
	}
	.copy-detail.open .cb-answer {
		overflow: hidden;
		height: 100%;
		max-height: 1000px;
		padding: 30px 30px 30px 30px;
	}
	.copy-detail .accordion-triangle:after {
		border-width: 0 0 36px 36px;
	}
	.copy-detail .accordion-triangle:hover:after {}
	.copy-detail .accordion-triangle:before {
		display: block;
		content: "＋";
		position: absolute;
		right: 0.2rem;
		bottom: 0.2rem;
		font-size: 1.8rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.copy-detail.open .accordion-triangle:after {
		border-color: transparent transparent #b1b1b1 transparent;
	}
	.copy-detail.open .accordion-triangle:before {
		display: block;
		content: "−";
		position: absolute;
		right: 0.4rem;
		bottom: 0.4rem;
		font-size: 2rem;
		color: #FFF;
		font-weight: bold;
		z-index: 10;
		cursor: pointer;
	}
	.copy-detail.open .cb-answer {
		overflow: hidden;
		height: 100%;
		max-height: 1500px;
		padding: 30px 30px 30px 30px;
	}
	.copy-detail.open .cb-answer p {
		margin-bottom: 1rem;
	}
	.copy-detail.open .cb-answer p:last-child {
		margin-bottom: 0;
	}
	.cb-answer {
		font-size: 1.4rem;
		line-height: 1.5;
		color: #646464;
	}
	.cb-answer p {
		text-indent: 1em;
	}
	.cb-answer p a {
		color: #377eeb;
		text-decoration: underline;
	}
	.cb-answer a:hover {
		text-decoration: none;
	}
	.box-copy-award {
		background: #ebfaff;
		padding: 30px;
	}
	.box-copy-award .fl-box-1a {
		width: 55%;
	}
	.box-copy-award .fl-box-1b {
		width: 40%;
	}
	.box-copy-award p {
		text-indent: 0;
	}
	/* ===========================================
 support
===========================================*/
	.box-sitemap {
		padding: 4rem;
	}
	.sitemap-box {
		background: #FFF;
		padding: 20px;
		width: 48%;
		margin-bottom: 20px;
		border-radius: 4px;
		vertical-align: middle;
	}
	.sitemap-box a {
		width: 100%;
		display: block;
		text-align: center;
		line-height: 24px;
	}
	.sitemap-box a img {
		width: 24px;
		line-height: 24px;
		margin-right: 0.5rem;
	}
	.sitemap-box .sitemap-box-sub {
		display: table;
		table-layout: fixed;
		width: 100%;
		vertical-align: middle;
		height: 100%;
		margin-top: 1.5rem;
	}
	.sitemap-box .sitemap-box-sub li {
		display: table-cell;
		vertical-align: middle;
		text-align: center;
		line-height: 1.5;
		padding-right: 0.5rem;
	}
	.sitemap-box .sitemap-box-sub li a {
		padding: 0.5rem 0.5rem;
		line-height: 1.5;
		margin-right: 0.5rem;
	}
	.sitemap-box .sitemap-box-sub li:last-child {
		padding-right: 0;
	}






@media (max-width: 1362.121px) {
	.hi-small,
	.hi-small .header-image {
		width: 100%!important;
		width: 100%!important;
	}
	/* ===========================================
 footer
===========================================*/
	/* common
-------------------------------------------*/
	#footer {
		z-index: 0;
		background: #F6F3ED;
		padding-top: 2rem;
		border-top: 1px solid #FFF;
	}
	#fnav-upper {
		position: relative;
		width: 970px;
		margin-left: 250px;
	}
	.footer-inner ul {
		width: 194px;
		float: left;
		min-height: 190px;
	}
	.footer-inner ul li {
		list-style: none;
		list-style-position: inside;
		border-bottom: 1px solid rgba(100, 100, 0, 0.3);
	}
	.footer-inner ul li a {
		position: relative;
		display: block;
		color: #646400;
		font-size: 1.1rem;
		line-height: 37px;
		padding-left: 0.5rem;
	}
	.footer-inner ul li a i {
		display: inline-block;
		margin-right: 4px;
		min-width: 1rem;
		font-size: 1.2rem;
		text-align: center;
	}
	.fnav-home {
		position: absolute;
		left: -8rem;
	}
	.footer-inner ul.fnav-home li {
		border-bottom: none;
	}
	.footer-inner ul li a:before {
		content: "";
		width: 0;
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		background: #FAFAFA;
		-webkit-transition: all .3s;
		transition: all .3s;
		z-index: -1;
	}
	.footer-inner ul li a:hover:before {
		width: 100%;
	}
	#fnav-under {
		background: url(../img/bg_footer.png);
	}
	#fnav-under .inner {
		position: relative;
		width: 970px;
		margin: 0 0 0 250px;
		padding: 1rem 0;
	}
	#fnav-under .inner ul {
		margin-bottom: 1rem;
	}
	#fnav-under .inner ul li {
		display: inline-block;
	}
	#fnav-under .inner ul li a {
		color: #333;
		vertical-align: baseline;
		font-size: 1.3rem;
		margin-right: 0.5rem;
		text-decoration: underline;
	}
	#fnav-under .inner ul li a:hover {
		text-decoration: none;
	}
	#fnav-under .inner p.address {
		font-size: 1.3rem;
	}
	#fnav-under .inner p.copyright {
		font-size: 1rem;
		position: absolute;
		right: 0;
		bottom: 10px;
	}
	.rainbow {
		background: linear-gradient(-45deg, red, orange, yellow, green, blue, indigo, violet);
		width: 100%;
		height: 4px;
	}

	@media (max-width: 1220px) {
		.hi-small,
		.hi-small .header-image {
			width: 100%!important;
			width: 100%!important;
		}



		.hi-small .header-image {
			height: 0!important;
			padding-top: 16%!important;
			background-size: cover!important;
		}
		.hi-large,
		.hi-large .header-image {
			width: 100%!important;
			width: 100%!important;
		}
		.hi-large .header-image {
			height: 0!important;
			padding-top: 34%!important;
			background-size: cover!important;
		}
		#fnav-upper {
			width: 100%;
			margin-left: auto;
			padding-bottom: 5%;
		}
		#fnav-upper .footer-inner ul {
			position: relative;
			left: 0;
			width: 100%;
			min-height: 0;
			float: none;
		}
		#fnav-upper .footer-inner ul li a {
			padding-left: 5%;
		}
		#fnav-under .inner {
			margin-left: 0;
			width: 100%;
			padding: 1rem 5%;
		}
		#fnav-under .inner p.copyright {
			right: 5%;
		}
		#fnav-upper .footer-inner ul li {}
		#fnav-upper .footer-inner ul li:first-child {
			display: block;
		}
	}
	.hi-small .header-image {
		height: 0!important;
		padding-top: 16%!important;
		background-size: cover!important;
	}
	.hi-large,
	.hi-large .header-image {
		width: 100%!important;
		width: 100%!important;
	}
	.hi-large .header-image {
		height: 0!important;
		padding-top: 34%!important;
		background-size: cover!important;
	}
	#fnav-upper {
		width: 100%;
		margin-left: auto;
		padding-bottom: 5%;
	}
	#fnav-upper .footer-inner ul {
		position: relative;
		left: 0;
		width: 100%;
		min-height: 0;
		float: none;
	}
	#fnav-upper .footer-inner ul li a {
		padding-left: 5%;
	}
	#fnav-under .inner {
		margin-left: 0;
		width: 100%;
		padding: 1rem 5%;
	}
	#fnav-under .inner p.copyright {
		right: 5%;
	}
	#fnav-upper .footer-inner ul li {}
	#fnav-upper .footer-inner ul li:first-child {
		display: block;
	}
}


/* ===========================================
 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-wrapper {
	padding: 4rem 4rem 4rem 4rem;
}

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

input.line {
	border: 1px #c9c9c9 solid;
}

ul.form_li {
	list-style: none;
}

.select_form {
	padding: 5px 32px 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;
}

.search_form {
	padding: 5px 12px 5px 9px;
	border: 1px solid #ccc;
	border-radius: 4px;
	width: auto;
	min-height: 25px;
	outline: none;
	font-size: 1.3rem;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-shadow: 0 1px 0 #bbb;
}

input[type="text"],
input[type="number"],
input[type="password"] {
	-webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease;
}

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus {
	box-shadow: 0 0 4px #aaa;
}

input[type="text"],
input[type="number"],
input[type="password"] {
	-moz-appearance: none;
	-webkit-appearance: none;
	border: 1px solid #bbb;
	border-radius: 3px;
	line-height: 18px;
	text-align: left;
	font-size: 16px;
	vertical-align: middle;
	padding: 4px 8px;
}

input::-webkit-input-placeholder {
	color: #ccc;
}

input:-ms-input-placeholder {
	color: #ccc;
}

input::-moz-placeholder {
	color: #ccc;
}

.textarea_line {
	border: 1px #c9c9c9 solid;
}

.form_hr {
	border-width: 1px 0px 0px 0px;
	/* 太さ */
	border-style: solid;
	/* 線種 */
	border-color: #C9C9C9;
	/* 線色 */
	height: 1px;
	/* 高さ(※古いIE用) */
	padding-bottom: 20px!important;
}

.btn-form {
	position: relative;
	color: #FFFFFF;
	font-size: 1.8rem;
	background: #000;
	border-radius: 10px;
	padding: 1.2rem 5rem;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn-form2 {
	position: relative;
	color: #FFFFFF;
	font-size: 1.8rem;
	background: #000;
	border-radius: 10px;
	padding: 1.2rem 6rem;
	box-shadow: 0 3px 0 rgba(0, 0, 0, 0.2);
}

.btn-form:hover {
	top: 3px;
	box-shadow: none;
}

.btn-form2:hover {
	top: 3px;
	box-shadow: none;
}

.btn-tpc-top.btt-small_f {
	position: relative;
	color: #FFFFFF;
	font-size: 1.2rem;
	border-radius: 8px;
	padding: 0.5rem 2.5rem;
}

.btn-tpc-top.btt-youkou {
	position: relative;
	color: #FFFFFF;
	font-size: 2.5rem;
	border-radius: 8px;
	padding: 1rem 6rem;
}

.box-form_kakomi {
	border: 1px solid #bbbbbb;
	padding: 10px;
}

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

.y_award-title {
	background: #ffe15b;
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8rem;
	text-align: center;
	color: #000;
	padding: 0.8rem;
}

.y_award_size2 {
	width: 31%;
	margin-right: 2%
}

.y_box {
	display: block;
}

.y_clear {
	clear: both;
}

.btn-orange_y {
	background: #ef6c00;
}

.btn-pink_y {
	background: #ff60c5;
}



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

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

.dendo-item_profile {
	margin: 20px auto 0;
	padding: 50px 0 0;
	width: 587px;
	background: url('../../img/art_festival/dendo/line.png') no-repeat top center;
}

.dendo_profile_midashi {
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
	color: #ffffff;
}


.dendo-item_profile h3 {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	font-size: 22px;
	font-weight: 500;
	line-height: 46px;
	color: #bc942d;
	text-align: center;
	background: #ffffff;
}


.dendo-item_profile h3:after,
	.dendo-item_profile h3:before,
	.dendo-item_profile figure:after,
	.dendo-item_profile figure:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}

.dendo_figure:after,
.dendo_figure:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}




/* ===========================================
.mypage
===========================================*/


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

.mypage-item-box h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
}

.mypage-item-box h2 img {
	margin-right: 10px;
	width: 50px;
}


.mypage_flame_lr {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	line-height: 46px;
	width: 184px;
	color: #bc942d;
	align: center;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}


.mypage_flame_tb:after,
.mypage_flame_tb:before  {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}


.header-mypage .header-image {
		height: 230px;
		width: 970px;
		background: url(../../img/art_festival/01_laqtoha_header.jpg) no-repeat center top;
}


/* ===========================================
tatsujin blog
===========================================*/


.dendo-tp-item-box {
}

.dendo-tp-item-box h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
	color: #ffffff;
}

.dendo-tp-item-box h2 img {
	margin-right: 10px;
	width: 50px;
}

.dendo-tp_hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #FFF;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
   padding-bottom: 40px!important;
}




/* ===========================================
 栗原が書いたCSS!!!!!!!!!!!!!!!
===========================================*/


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


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

.dendo-item-box-k h2 {
	font-size: 26px;
	font-weight: 400;
	line-height: 50px;
	color: #ffffff;
}

.dendo-item {
	margin: 20px auto 0;
	padding: 50px 0 0;
	width: 587px;
	background: url('../../img/art_festival/dendo/line.png') no-repeat top center;
}



.dendo-item-k h3 {
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	font-size: 22px;
	font-weight: 500;
	line-height: 46px;
	color: #bc942d;
	text-align: center;
	background: #ffffff;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}

.dendo-item-k h3:after,
.dendo-item-k h3:before,
.dendo-item-k figure:after,
.dendo-item-k figure:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}


.dendo-item-box-k h2 img {
	margin-right: 10px;
	width: 50px;
}

.art_festival-k {
	margin-bottom: -40px;
}

.header-art_festival .header-image {
	height: 230px;
	width: 970px;
	background: url(../../img/art_festival/01_laqtoha_header.jpg) no-repeat center top;
}

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


.art_festival-k .art_festival-box.dendo h1 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 400;
	line-height: 50px;
}

.art_festival-k .art_festival-box.dendo h1 img {
	margin-right: 10px;
	height: 50px;
}

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

.art_festival-k .art_festival-box.dendo > p {
	float: left;
	margin-bottom: 50px;
	width: 400px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}





.art_fes-k {
	margin-bottom: -40px;
}



.art_fes_2-k {
	margin-bottom: -40px;
}

.art_fes {
	padding: 60px 80px;
	color: #ffffff;
	background: url('../../img/art_festival/dendo-bg.png');
}


.art_fes_2-k {
	padding: 60px 80px;
	color: #000000;
}



.art_fes-k h1 {
	margin-bottom: 40px;
	font-size: 30px;
	font-weight: 400;
	line-height: 50px;
}

.art_fes_2-k h1 {
	margin-bottom: 20px;
	font-size: 30px;
	font-weight: 500;
	line-height: 50px;
    color: #C1272D
}


.art_fes h1 img {
	margin-right: 10px;
	height: 50px;
}

.art_fes_2-k h1 img {
	margin-right: 10px;
	height: 50px;
}


.art_fes-k h2 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 300;





}


.art_fes_2-k h2 {
	margin-bottom: 10px;
	font-size: 26px;
	font-weight: 300;
    color: #6c0000
}

.art_fes-k > p {
	float: left;
	margin-bottom: 50px;
	width: 400px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}


.art_fes_2-k > p {
	float: left;
	margin-bottom: 50px;
	width: 400px;
	font-size: 16px;
	font-weight: 300;
	line-height: 1.5em;
}


.art_fes-k > .dendo-list {
		clear: both;
		margin: auto;
		padding: 50px;
		width: 795px;
		background: url('../../img/art_festival/dendo-table.png') no-repeat;
	}

art_fes_2-k > .dendo-list {
		clear: both;
		margin: auto;
		padding: 50px;
		width: 795px;
		background: url('../../img/art_festival/dendo-table.png') no-repeat;
	}

.art_fes-k > h3 {
		float: right;
	}



.art_fes_2-k > h3 {
		float: right;
	}







.d-item-box-k {
		margin: 0px 0 0;
	}

.d-item-box-k h2 {
		font-size: 26px;
		font-weight: 400;
		line-height: 50px;
		color: #ffffff;
	}

.dendo-item-k {
	margin: 20px auto 0;
	padding: 50px 0 0;
	width: 100%;
	background: url('../../img/art_festival/dendo/line.png') no-repeat top center;
}



.dendo-item-k figure {
	margin-top: 20px;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
    width: 178px;
    margin-left: auto;
	margin-right: auto;

	background: #ffffff;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}

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


.dendo-item-k2 {
	margin: 20px auto 0;
	padding: 0px 0 0;
	width: 345px;
}


.d-box-k{margin-top: 40px;
  padding: 30px;
  background: #FFF;
  border-radius: 8px;
  box-shadow: 0px 2px 0 rgba(0,0,0,0.15);
  margin-bottom: 20px;
}



.d-box-contact-k .fl-box a {
	width: 48%;
	margin: 0;
	padding: 1.5rem 1rem;
	text-align: center;
}

dendo-txt-k {
color: #000000;
    text-align: left;
    padding: 0px 0 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.9;
}


.d-box-k a { text-decoration: underline }

.d-box-k a:hover{text-decoration: none}



ul.form_li-k {
    list-style: none;
}



.form_hr-k {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #C9C9C9;   /* 線色 */
   height: 1px;         /* 高さ(※古いIE用) */
   padding-bottom: 20px!important;
}

.tbc-dendou-list-k {
	color: #bc942d;
	margin: 30px 0 30px 0;
}

.tbc-dendou-list-k ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: space-between;
	-webkit-justify-content: space-between;
}

.tbc-dendou-list-k li {
	width: 25%;
	height: 100%;
	margin: 0 1%;
	border-left: 2px solid #bea350;
	border-right: 2px solid #bea350;
	color: #bc942d;
	background: #FFF;
	list-style: none;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.tbc-dendou-list-k li a > span {
	position: relative;
	display: block;
	text-align: center;
	border-bottom: 2px solid #bea350;
}

.tbc-dendou-list-k li img {
	position: relative;
	width: auto;
	max-width: 100%;
}

.tbc-dendou-list-k-li :after,
.tbc-dendou-list-k-li :before{
	content: "";
	display: block;
	height: 1px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-dendou-list-k li a .work-title {
	color: #6464d1;
	text-decoration: underline;
}

.tbc-dendou-list-k li a:hover .work-title {
	color: #646464;
}

.tbc-dendou-list-k li a {
	color: #646464;
}

.tbc-dendou-list-k li a:hover {
	color: #6464d1;
}

.top-box-banner-k {
	padding-top: 40px;
}

.tbc-work-list li a .work-title {
	text-decoration: underline;
	color: #6464d1;
}

.tbc-work-list li a:hover .work-title {
	text-decoration: underline;
	color: #646464;
}

.tbc-work-list li a {
	color: #646464;
}

.tbc-work-list li a:hover {
	color: #6464d1;
}

.tbc-work-names{
 overflow: hidden;
 height:4em;
 }

.tbc-work-names p{
 display: -webkit-box;
-webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
　overflow: hidden;
}

.tbc-work-names p{
    font-size: 1.2rem;
    line-height: 1.6;
}

.tbc-names{
 padding: 5px 0px;
overflow: hidden;
 height:4em;
}

.tbc-names p{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.tbc-names-hit{
 padding: 5px 0px;
overflow: hidden;
 height:2.2em;
}

.tbc-names-hit p{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}







.tbc-work-detail {
	padding: 1rem;
}

.tbc-work-list li .award-point {
    position: relative;
    top:-14px;
	margin-top: 0.5rem;
	font-size: 1.3em;
	text-align: center;
}

.tbc-work-list li .award-point img {
	width: 1.4rem;
	margin-right: 0.5rem;
}



.tbc-dendou-list-k {
	color: #bc942d;
	margin: 20px 0 30px 0;
}

.tbc-dendou-list-k ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: nowrap;
	flex-wrap: nowrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-con tent: space-between;
	-webkit-justify-content: space-between;
	margin: 25px 0;
}

.tbc-dendou-list-k li {
	width: 25%;
	height: 100%;
	margin: 0 1%;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bc942d;
	background: #FFF;
	list-style: none;
	box-shadow: 4px 4px 0 rgba(0, 0, 0, 0.1);
}

.tbc-dendou-list-k li a > span {
	position: relative;
	display: block;
	text-align: center;
	border-bottom: 1px solid #bea350;
}
/*
.tbc-dendou-list li img {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	max-width: 100%;
}
*/

.tbc-dendou-list-k li:after,
.tbc-dendou-list-k li:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.tbc-dendou-list-k li a .work-title {
	color: #6464d1;
	text-decoration: underline;
}

.tbc-dendou-list-k li a:hover .work-title {
	color: #646464;
}

.tbc-dendou-list-k li a {
	color: #646464;
}

.tbc-dendou-list-k li a:hover {
	color: #6464d1;
}


.tbc-work-list-k ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		margin: 25px 0;
		padding: 0 0px;
	}

	.tbc-work-list-k li {
		width: 23%;
		margin: 0 1%;
		border-left: 3px solid #bea350;
		border-right: 3px solid #bea350;
		color: #bc942d;
		background: #FFF;
		list-style: none;
	}
	.tbc-work-list-k.general li .award-point {
		text-align: right;
		margin-top: -1.2em;
	}
	.tbc-work-list-k li img {
		width: 100%;
	}

	.tbc-work-list-k li:after,
	.tbc-work-list-k li:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #bea350;
		background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
		background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
	}



/* ===========================================
 栗原が書いたCSS　ここまで ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑
===========================================*/





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

.header-youkou .header-image {
		height: 230px;
		width: 970px;
		background: url(../../img/art_festival/ouboyoukou_header.jpg) no-repeat center top;
            background-size: cover;

}





/**************************
.hi-small3,
.hi-small3 .header-image {
			width: 100%!important;
			width: 100%!important;
}
.hi-small3 .header-image {
			height: 0!important;
			padding-top: 16%!important;
			background-size: cover!important;
}

.hi-small3 .header-image {
		height: 0!important;
		padding-top: 16%!important;
		background-size: cover!important;
	}
  **************************/


.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-kakomi{
border:2px solid #ADADAD;
border-radius:10px;
padding: 20px;
}


.f-youkou-title-gekkan{
  background: #FFF;
  font-size: 1.6rem;
  text-align: center;
  font-weight: normal;
  color: #7094DB;
  border:1px solid #7094DB;
  padding: 0.8rem;
}


.f-youkou-title-n2{
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  color: #FF6569;
  border:1px solid #FF6569;
  padding: 0.8rem;
}

.f-youkou-box-inner_bar{
  font-size: 1.6rem;
  color: #fff;
  border-radius: 5px 5px 0 0;
  padding:  0px 17px;
  line-height: 32px;
}

.f-youkou-box-inner_bar{
  background: #999;
  vertical-align: middle;
}


.f-youkou-box-inner{
  padding: 20 0 40px 0;
  border-radius: 10px;
  background: #fff;
  border:2px solid #999;
  border-radius:8px;
}

.f-youkou-oubobox{
padding: 30px;
}


.f-youkou-detail {
	position: relative;
	border: 2px solid #2e83c7;
	border-radius: 4px;
	margin-bottom: 2rem;
}

.f-youkou-list .item-box {
	width: 100%;
}

.f-youkou-head {
	background: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
  }

.f-youkou-detail.open .f-youkou-head {
	background: #2e83c7;
        -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.f-youkou-question {
	position: relative;
	color: #2e83c7;
	font-size: 1.8rem;
	line-height: 1.5;
}

.f-youkou-detail.open .f-youkou-question {
	position: relative;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 2;
}



.f-youkou-head a {
	display: block;
	margin: 0;
}

.f-youkou-question {
	padding: 0 0 0 15px ;
	position: relative;
	color: #2e83c7;
	font-size: 1.8rem;
	line-height: 2;
}






.f-youkou-answer {
	overflow: hidden;
	height: auto;
	max-height: 0;
	padding: 0px 20px 0px 20px;
}

.f-youkou-detail.open .f-youkou-answer {
	overflow: hidden;
	height: 100%;
	max-height: 2000px;
}

.f-youkou-detail .accordion-triangle:after {
	border-width: 0 0 36px 36px;
}

.f-youkou-detail .accordion-triangle:hover:after {}

.f-youkou-detail .accordion-triangle:before {
	display: block;
	content: "＋";
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.f-youkou-detail.open .accordion-triangle:after {
	border-color: transparent transparent #37b0eb transparent;
}

.f-youkou-detail.open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.f-youkou-detail.open .fb-answer {
	overflow: hidden;
	height: 100%;
	max-height: 300px;
	padding: 20px 20px 20px 20px;
}

.f-youkou-answer {
	font-size: 1.4rem;
	line-height: 1.5;
	color: #646464;
	margin-bottom: 1rem;
}

.f-youkou-answer:last-child {
	margin-bottom: 0;
}

.f-youkou-answer a {
	color: #377eeb;
	text-decoration: underline;
}

.f-youkou-answer a:hover {
	text-decoration: none;
}


.f-youkou-title-sp{
text-align: center;
  background: #7094DB;
  font-size: 1.8rem;
  font-weight: normal;
  color: #FFF;
  padding: 0.6rem;
}

.f-youkou-title-n-sp{
text-align: center;
  background: #FF6569;
  font-size: 1.8rem;
  font-weight: normal;
  color: #FFF;
  padding: 0.8rem;
}


.f-youkou-title-gekkan-sp{
  background: #FFF;
  font-size: 1.6rem;
  text-align: center;
  font-weight: normal;
  color: #7094DB;
  border:1px solid #7094DB;
  padding: 0.8rem;
}


.f-youkou-title-n2-sp{
  background: #fff;
  text-align: center;
  font-size: 1.6rem;
  font-weight: normal;
  color: #FF6569;
  border:1px solid #FF6569;
  padding: 0.8rem;
}

.f-youkou-box-inner_bar-sp{
  font-size: 1.8rem;
  color: #fff;
  padding:  4px;
}

.f-youkou-box-inner_bar-sp{
  background: #999;
  vertical-align: middle;
}



.f-youkou-detail-den {
	position: relative;
	border: 2px solid #C1272D;
	border-radius: 4px;
	margin-bottom: 2rem;
}

.f-youkou-list-den .item-box {
	width: 100%;
}

.f-youkou-head-den {
	background: #FFF;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
  }

.f-youkou-detail-den.open .f-youkou-head-den {
	background: #C1272D;
        -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
}

.f-youkou-question-den {
	position: relative;
	color: #C1272D;
	font-size: 1.8rem;
	line-height: 1.5;
}

.f-youkou-detail-den.open .f-youkou-question-den {
	position: relative;
	color: #FFF;
	font-size: 1.8rem;
	line-height: 2;
}



.f-youkou-head-den a {
	display: block;
	margin: 0;
}

.f-youkou-question-den {
	padding: 0 0 0 15px ;
	position: relative;
	color: #C1272D;
	font-size: 1.8rem;
	line-height: 2;
}






.f-youkou-answer-den {
	overflow: hidden;
	height: auto;
	max-height: 0;
	padding: 0px 20px 0px 20px;
}

.f-youkou-detail-den.open .f-youkou-answer {
	overflow: hidden;
	height: 100%;
	max-height: 2000px;
}

.f-youkou-detail-den .accordion-triangle:after {
	border-width: 0 0 36px 36px;
}

.f-youkou-detail-den .accordion-triangle:hover:after {}

.f-youkou-detail-den .accordion-triangle:before {
	display: block;
	content: "＋";
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem;
	font-size: 1.8rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.f-youkou-detail-den .open .accordion-triangle:after {
	border-color: transparent transparent #37b0eb transparent;
}

.f-youkou-detail-den .open .accordion-triangle:before {
	display: block;
	content: "−";
	position: absolute;
	right: 0.4rem;
	bottom: 0.4rem;
	font-size: 2rem;
	color: #FFF;
	font-weight: bold;
	z-index: 10;
	cursor: pointer;
}

.f-youkou-detail-den .open .fb-answer {
	overflow: hidden;
	height: 100%;
	max-height: 300px;
	padding: 20px 20px 20px 20px;
}






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




.kakusyou-box-inner_bar{
  font-size: 1.8rem;
  color: #fff;
  border-radius: 8px 8px 8 8;
  padding:  5px;
  line-height: 32px;
}

.kakusyou-box-inner_bar{
  background: #C1272D;
  vertical-align: middle;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;}


.kakusyou-box-inner{
  padding: 20 0 40px 0;
  border-radius: 10px;
  background: #fff;
  position: relative;
}

.kakusyou-space{
	display: block;
    padding-top: 600px!important;
}



/* 賞品：年間賞 */
.f-youkou_prize li {
	margin-top: 30px;
}
.f-youkou_prize .list_yearlyprize {
  display: table;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #FF6569;
}
.f-youkou_prize .list_yearlyprize li {
  width: auto;
  float: none;
  text-align: left;
  list-style-type: none;
  margin-top: 0;
}
.f-youkou_prize .list_yearlyprize li::before {
  content: "・";
  display: inline-block;
}

.f-youkou_prize .link_yearlyprize {
	padding: 20px 0 40px 0;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
}

.f-youkou_listbox-n .list_yearlyprize {
  display: table;
  margin: 0 auto;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #FF6569;
}
.f-youkou_listbox-n .list_yearlyprize li {
  width: auto;
  float: none;
  text-align: left;
}
.f-youkou_listbox-n .list_yearlyprize li::before {
  content: "・";
  display: inline-block;
}

.f-youkou_listbox-n .link_yearlyprize {
  margin-top: 15px;
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: right;
}



/* 『LAFポイント制度』開始 */
.f-youkou-detail__lafpoint .f-youkou-question,
.f-youkou-detail__lafpoint.open .f-youkou-question {
	display: block;
	line-height: 1.5;
	padding-top: 5px;
	padding-bottom: 5px;
}

.f-youkou-detail__lafpoint strong {
  color: #FF6569;
}

.f-youkou-detail__lafpoint_clm {
  margin-top: 20px;
}
.f-youkou-detail__lafpoint_clm .inner {
  display: flex;
  margin: 10px 0;
}
.f-youkou-detail__lafpoint_clm dl {
  border: 1px solid #ccc;
}
.f-youkou-detail__lafpoint_clm dl:nth-child(1) {
  flex: 0 1 67%;
}
.f-youkou-detail__lafpoint_clm dl:nth-child(2) {
  flex: 0 1 33%;
  border-left: none;
}
.f-youkou-detail__lafpoint_clm dt,
.f-youkou-detail__lafpoint_clm dd {
  padding: 5px 8px;
}
.f-youkou-detail__lafpoint_clm dt {
  border-bottom: 1px solid #ccc;
  background-color: #e3eaf9;
  color: #2e83c7;
}
.f-youkou-detail__lafpoint_clm dd {
  color: #666;
}
.f-youkou-detail__lafpoint_clm ul {
  list-style: none;
}
.f-youkou-detail__lafpoint_clm li {
  margin-top: 3px;
  padding-left: 1em;
  line-height: 1.5;
  position: relative;
}
.f-youkou-detail__lafpoint_clm li::before {
	content: "・";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}



/* ===========================================
 殿堂ブログ
===========================================*/


.dendo-item-blog{
 text-align: center;
}



.dendo-item-blog figure {
	margin-top: 20px;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
    width: 98%;
    margin-left: auto;
	margin-right: auto;
	background: #ffffff;
	box-shadow: 0 4px 0 rgba(0, 0, 0, .3);
}


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

.dendo-item-blog figure:after,
.dendo-item-blog figure:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

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

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

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



.dendo-blog-area{
text-align: center;
margin: 30px 0 30px 0 ;
}


.dendo-blog-area ul{
list-style: none;
}

.dendo-blog-area img{
    width: 100%;
    height: auto;
}

.dendo-blog-area p{
    text-align: left;
    font-size: 1.6rem;
    line-height: 1.5;
    color: #FFF;
    margin: 20px 0 20px 0 ;
}


.dendo-blog-box-inner_bar{
  font-size: 2.2rem;
  color: #fff;
  border-radius: 8px 8px 8 8;
  padding:  5px;
  line-height: 32px;
}

.dendo-blog-box-inner_bar{
  background: #bea350;
  vertical-align: middle;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 0px;
    -webkit-border-bottom-left-radius: 0px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;}


.dendo-blog-box-inner{
  padding: 20 0 40px 0;
  border-radius: 10px;
  background: #fff;
  position: relative;
}


.comment-box	{
 width: 100%;
 display: table;
}

.comment-box-td1{
display:table-cell;
width: 10%;
}

.comment-box-img{
width: 100%;
}

.comment-box-td2{
display:table-cell;
width: 88%;
padding-left: 3%;
vertical-align: top;
}

.comment-box-td2 p{
font-size: 1.4rem;
line-height: 1.37;
color: #4f4f4f;}


.comment-user-info p {
	font-size: 15px;
	font-weight: 200;
	color: #4f4f4f;
    margin-bottom: 10px;
}

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

.comment-user-info p a {
	color: #7a36ff;
	text-decoration: underline;
}


.sign-in-text p {
	font-size: 15px;
	font-weight: 200;
	color: #fff;
    margin-bottom: 10px;
}


.sign-in-text p a {
	color: #00d5ff;
	text-decoration: underline;
}


.comment-textarea_w{
	width: 100%;
}

.comment-textarea_h{
	height: 15rem;
}







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

.text-green{
  color: #79BF4B;
}

.text-orange2{
  color: #E95B1E;
}


	#laqkan-slider {
		padding-bottom: 60px;
		max-height: 390px;
		overflow: hidden;
	}
	#laqkan-slider .slider img {
		width: 100%;
		height: auto;
	}
	#laqkan-slider .slick-dots {
		bottom: -40px!important;
	}


	#laqkan-slider-sp {
		padding-bottom: 60px;
		max-height: 390px;
		overflow: hidden;
	}
	#laqkan-slider-sp .slider img {
		width: 100%;
		height: auto;
	}
	#laqkan-slider-sp .slick-dots {
		bottom: -40px!important;
	}


	.laqkantoha-slider {
        width: 47%;
		padding-bottom: 0px;
		max-height: auto;
		overflow: hidden;
	}



	.laqkantoha-slider .slider img {
		width: 100%;
		height: auto;
	}


.laqkantoha-slider .slick-dots {
		bottom: -30px!important;
	}

.laqkantoha-slider .slick-prev:before {
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #79BF4B;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.laqkantoha-slider .slick-next:before {
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #79BF4B;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

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


.laqkantoha-slider ul.slick-dots li.slick-active button:before {
    content: '●' !important;
	color: #79BF4B !important;
	opacity: 1;
}

.laqkantoha-slider-pad {
padding: 0px 25px 0px 25px;
}


.laqkan-main-pad {
		padding: 4rem;
	}

.p-width-01 {
    width: 50%;
}




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

.p-width-02 {
    width: 48%;
}

.img-width-45{
  width: 47%;
}

.margin-5{
    margin-right: 5%;
}

.text-gray3{
    color: #646464;
}

.laqkan-faq-detail{
  position: relative;
  border:2px solid #E95B1E;
  border-radius: 4px;
  margin-bottom: 2rem;
}

.laqkan-faq-list .item-box{
  width: 100%;
}

.laqkan-faq-head{
  background: #FFF;
}

.laqkan-faq-detail.open .faq-head{
  background: #E95B1E;
}

.laqkan-fh-question{
  position: relative;
  color: #E95B1E;
  font-size: 1.8rem;
  line-height: 1.5;
}

.laqkan-faq-detail.open .fh-question{
  position: relative;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 1.5;
}

.laqkan-faq-head a{
  display: block;
  margin: 0;
}

.laqkan-fh-question{
  position: relative;
  color: #E95B1E;
  font-size: 1.8rem;
  line-height: 1.5;
}

/*
.fh-question:before{
  content:"Ｑ";
  position:relative;
  padding: 0.2rem 1rem 0.3rem 0.5rem;
  font-size: 1.8rem;
  margin-right: 1rem;
  background: #65d4df;
  color: #FFF;
}

.faq-detail.open .fh-question:before{
  content:"Ｑ";
  position:relative;
  margin-right: 1rem;
  padding: 0rem 1rem 0rem 0.5rem;
  font-size: 1.8rem;
}
*/

.laqkan-faq-head table{
  width: 100%;
  border-collapse: collapse;
}

.laqkan-faq-head th{
  position:relative;
  padding: 0rem 1rem 0rem 1rem;
  font-size: 1.8rem;
  margin-right: 1rem;
  background: #E95B1E;
  color: #FFF;
  width: 1em;
}

.laqkan-faq-detail.open th{
  position:relative;
  margin-right: 1rem;
  padding: 0rem 1rem 0rem 1rem;
  font-size: 1.8rem;
}

.laqkan-faq-detail td{
}

.laqkan-faq-detail td a{
  display: block;
  padding: 0.5rem 1rem;
}

.laqkan-faq-body{

}

.laqkan-fb-answer{
  overflow: hidden;
  height: auto;
  max-height: 0;
  padding: 0px 20px 0px 20px;
}

.laqkan-faq-detail.open .fb-answer{
  overflow: hidden;
  height: 100%;
  max-height: 300px;
}

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

.laqkan-faq-detail .accordion-triangle:hover:after{
}



.laqkan-faq-detail .accordion-triangle:before{
  display: block;
  content:"＋";
  position: absolute;
  right: 0.2rem;
  bottom: 0.2rem;
  font-size: 1.8rem;
  color: #FFF;
  font-weight: bold;
  z-index: 10;
  cursor: pointer;
}

.laqkan-faq-detail.open .accordion-triangle:after{
  border-color: transparent transparent #37b0eb transparent;
}

.laqkan-faq-detail.open .accordion-triangle:before{
  display: block;
  content:"−";
  position: absolute;
  right: 0.4rem;
  bottom: 0.4rem;
  font-size: 2rem;
  color: #FFF;
  font-weight: bold;
  z-index: 10;
  cursor: pointer;
}

.laqkan-faq-detail.open .fb-answer{
  overflow: hidden;
  height: 100%;
  max-height: 300px;
  padding: 20px 20px 20px 20px;
}

.laqkan-fb-answer{
  font-size: 1.4rem;
  line-height: 1.5;
  color: #646464;
  margin-bottom: 1rem;
}

.laqkan-fb-answer:last-child{
  margin-bottom: 0;
}

.laqkan-fb-answer a{
  color: #377eeb;
  text-decoration: underline;
}

.laqkan-fb-answer a:hover{
  text-decoration: none;
}

.laqkan-faq-detail.open .laqkan-faq-head{
  background: #E95B1E;
}

.laqkan-faq-detail.open .laqkan-fh-question{
  position: relative;
  color: #FFF;
  font-size: 1.8rem;
  line-height: 1.5;
}


.laqkan-main-pad-sp {
		padding: 1.8rem;
	}


.laqkantoha-slider-sp {
		padding-bottom: 30px;
		max-height: auto;
		overflow: hidden;
	}



	.laqkantoha-slider-sp .slider img {
		width: 100%;
		height: auto;
	}


.laqkantoha-slider-sp .slick-dots {
		bottom: -30px!important;
	}
.laqkantoha-slider-sp ul.slick-dots li button:before {
	font-size: 8px !important;
	color: #333 !important;
	content: '○' !important;
	border-radius: 50%;
	opacity: 1;
}



.laqkantoha-slider-sp ul.slick-dots li.slick-active button:before {
    content: '●' !important;
	color: #79BF4B !important;
	opacity: 1;
}









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

.meijin_banner{
 width: 100%;
}





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

.meijin-work-list-kakomi:after,
.meijin-work-list-kakomi:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}


.meijin-work-list-kakomi img:hover{
filter:alpha(opacity=70);
opacity:0.7;
}



.meijin-work-image{
width: 100%;
}

.meijin-work-names{
 padding: 10px 10px 0 10px;
 overflow: hidden;
 height:4em;
 }

.meijin-work-names p{
 display: -webkit-box;
-webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
　overflow: hidden;
}

.meijin-names{
 padding: 10px;
overflow: hidden;
 height:4em;
}

.meijin-names p{
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}



.meijin-slider {
        width: 100%;
		padding-bottom: 60px;
		max-height: auto;
		overflow: hidden;
	}



.meijin-slider .slider img {
		width: 100%;
		height: auto;
	}




.meijin-slider .slick-prev:before {
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #79BF4B;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.meijin .slick-next:before {
	font-family: 'slick';
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #79BF4B;

    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.meijin-slider ul.slick-dots li button:before {
	font-size: 8px !important;
	color: #fff !important;
	content: '●' !important;
	border-radius: 50%;
	opacity: 1;
}


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




.meijin-title {
	font-size: 22px;
	font-weight: 500;
	line-height: 33px;
	color: #bc942d;
	text-align: center;
}

.meijin-kakomi {
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
	border-left: 3px solid #bea350;
	border-right: 3px solid #bea350;
	color: #bc942d;
   background: #FFF;
}

.meijin-kakomi:after,
.meijin-kakomi:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}

.meijin-king-kakomi {
	position: relative;
	width: 100%;
	margin: 0 0 20px 0;
	border-left: 6px solid #bea350;
	border-right: 6px solid #bea350;
	color: #bc942d;
   background: #FFF;
}

.meijin-king-kakomi:after,
.meijin-king-kakomi:before {
	content: "";
	display: block;
	height: 6px;
	width: 100%;
	background: #bea350;
	background: -moz-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: -webkit-linear-gradient(left, #bea350 7%, #f4de74 59%, #bea350 90%);
	background: linear-gradient(to right, #bea350 7%, #f4de74 59%, #bea350 90%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#bea350', endColorstr='#bea350', GradientType=1);
}


.meijin-king-title{
    color:#bea350;
    font-size:3.8rem;
    font-weight:bold;
    line-height:1.37;
}

.meijin-king-title-div{
width: 92%;
text-align: center;
}







/***************************
達人プロフィール追加
********************/

.tatsujin-profile-work {
    position: relative;
    width: 100% !important;
}


.tatsujin-profile-work:before {
    content:"";
    display: block;
    padding-top: 75%;
}

.tatsujin-profile-work img{
	position:absolute;
	top:0;
	left:0;right:0;bottom:0;
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 100% !important;
	max-height: 100% !important;
}









/***************************************
過去のチャンピオン一覧
****************************************/

.laf_relative {
 position: relative;
}


.champion-flex {
display: -webkit-flex; /* Safari */
display: flex;
-webkit-flex-wrap: wrap; /* Safari */
flex-wrap:         wrap;
margin-right: -2%;
overflow:hidden;
}

.champion-flex li p {
font-size: 18px;
font-weight: 600;
line-height: 1.5;
}

.champion-flex li img {
display: block;
width: 100%;
margin: 10px 0px 10px 0px;
}

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

.champion-flex a {
 color: #000;
}


.archive-banner{
text-align: center;
width: 100%;
}










/***************************************
LaQヒット賞整理
****************************************/



.art_festival .art_festival-box.contest .hit-list ul {
	position: relative;
	margin: -10px auto 0;
	padding: 3px 17px 3px 17px;
	width: 786px;
	background: url('../../img/art_festival/hakase_back.jpg');
	overflow: hidden;
	border-radius: 22px;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: left;
	justify-content: left;
	-webkit-align-items: center;
	align-items: center;
    border: 3px solid #ff6400;
}

.art_festival .art_festival-box.contest .hit-list ul::before,
.art_festival .art_festival-box.contest .hit-list ul::after {
	content: "";
	position: absolute;
	left: 0;
	display: block;
	width: 100%;
	height: 154px;
}


/***
.art_festival .art_festival-box.contest .hit-list ul::before {
	top: 0;
	background: url('../../img/art_festival/contest-hit-bg_before.png') no-repeat;
}

.art_festival .art_festival-box.contest .hit-list ul::after {
	bottom: 0;
	background: url('../../img/art_festival/contest-hit-bg_after.png') no-repeat bottom;
	clear: both;

}
***/




.art_festival .art_festival-box.contest .hit-list li:nth-of-type(3n-1),
.art_festival .art_festival-box.contest .hit-list li:nth-of-type(3n-2) {
	border-right: 1px solid #ccb46d;
}

.art_festival .art_festival-box.contest .hit-list li:nth-of-type(n+4) {
	padding-top: 0;
}

.art_festival .art_festival-box.contest .hit-list li a {
	position: relative;
	border-left: 3px solid #cb5431;
	border-right: 3px solid #cb5431;
	display: block;
	width: 188px;
	margin: auto;
	background: #ffffff;
}

.art_festival .art_festival-box.contest .hit-list li a img {
	display: block;
	margin: auto;
	width: auto;
	height: auto;
	max-width: 182px;
	max-height: 138px;
}




.work-title {
	margin-bottom: 0.7rem;
}

.work-label {
	background: #e5e5e5;
	display: inline-block;
	line-height: 1.5;
	padding: 0 4px;
	color: #646464;
	margin: 0 0.4rem 0 0;
}

.work-name {
	color: #646464;
	font-weight: normal;
}



.art_festival .art_festival-box.contest .hit-list h3 {
		position: relative;
		z-index: 1;
		padding: 40px 0 0 180px;
		height: 109px;
		font-size: 22px;
		font-weight: 500;
		color: #c1272d;
		background: url('../../img/art_festival/contest-hit.png') no-repeat;
	}

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


	.art_festival .art_festival-box.contest .hit-list li a {
		position: relative;
		border-left: 3px solid #cb5431;
		border-right: 3px solid #cb5431;
		display: block;
		width: 188px;
		margin: auto;
	}
	.art_festival .art_festival-box.contest .hit-list li .tbc-work-detail {
		position: relative;
		background: #ffffff;
	}
	.art_festival .art_festival-box.contest .hit-list li .tbc-work-detail:before,
	.art_festival .art_festival-box.contest .hit-list li a:after,
	.art_festival .art_festival-box.contest .hit-list li a:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #cb5431;
		background: -moz-linear-gradient(left, #cb5431 7%, #f9a525 59%, #cb5431 90%);
		background: -webkit-linear-gradient(left, #cb5431 7%, #f9a525 59%, #cb5431 90%);
		background: linear-gradient(to right, #cb5431 7%, #f9a525 59%, #cb5431 90%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#cb5431', endColorstr='#cb5431', GradientType=1);
	}
	.art_festival .art_festival-box.contest .hit-list li .tbc-work-detail:before {
		position: absolute;
		top: -2px;
		left: 0;
	}

	.art_festival .art_festival-box.contest .hit-list li a .work-title {
		text-decoration: underline;
		color: #6464d1;
	}
	.art_festival .art_festival-box.contest .hit-list li a:hover .work-title {
		text-decoration: underline;
		color: #646464;
	}


	.work-title {
		margin-bottom: 0.7rem;
	}
	.work-label {
		background: #e5e5e5;
		display: inline-block;
		line-height: 1.5;
		padding: 0 4px;
		color: #646464;
		margin: 0 0.4rem 0 0;
	}
	.work-name {
		color: #646464;
		font-weight: normal;
	}









.tbc-hit-list {
	position: relative;
	color: #bc942d;
	margin: 20px 0 30px 0;
	background: url(../../contest/img/12_contest_hakase_back.png) no-repeat;
	background-size: 100%;
}


.tbc-hit-list ul {
	width: 100%;
	display: flex;
	display: -webkit-flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	align-items: stretch;
	-webkit-align-items: stretch;
	flex-grow: 1;
	-webkit-flex-grow: 1;
	justify-content: flex-start;
	-webkit-justify-content: flex-start;
	margin: 25px 0;
	padding: 33px 40px;
}

.tbc-hit-list li {
	width: 28%;
	margin: 0 2%;
	border-left: 3px solid #c85032;
	border-right: 3px solid #c85032;
	color: #bc942d;
	background: #FFF;
	list-style: none;
}

.tbc-hit-list li img {
	width: 100%;
}

.tbc-hit-list li:after,
.tbc-hit-list li:before {
	content: "";
	display: block;
	height: 3px;
	width: 100%;
	background: #ff7d32;
	background: -moz-linear-gradient(top, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
	background: -webkit-linear-gradient(top, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
	background: linear-gradient(to bottom, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
	filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff7d32', endColorstr='#ff7d32', GradientType=0);
}


	.tbc-hit-list {
		position: relative;
		color: #bc942d;
		margin: 20px 0 30px 0;
		background: url(../../contest/img/12_contest_hakase_back.png) no-repeat;
		background-size: 100%;
	}
	.tbc-hit-bubble {
		position: absolute;
		right: -20px;
		top: -94px;
		width: 270px;
	}
	.tbc-hit-list ul {
		width: 100%;
		display: flex;
		display: -webkit-flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		align-items: stretch;
		-webkit-align-items: stretch;
		flex-grow: 1;
		-webkit-flex-grow: 1;
		justify-content: flex-start;
		-webkit-justify-content: flex-start;
		margin: 25px 0;
		padding: 33px 40px;
	}
	.tbc-hit-list li {
		width: 28%;
		margin: 0 2%;
		border-left: 3px solid #c85032;
		border-right: 3px solid #c85032;
		color: #bc942d;
		background: #FFF;
		list-style: none;
	}
	.tbc-hit-list li img {
		width: 100%;
	}
	.tbc-hit-list li:after,
	.tbc-hit-list li:before {
		content: "";
		display: block;
		height: 3px;
		width: 100%;
		background: #ff7d32;
		background: -moz-linear-gradient(top, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
		background: -webkit-linear-gradient(top, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
		background: linear-gradient(to bottom, #ff7d32 0%, #c85032 10%, #ffaf23 51%, #c85032 93%, #ff7d32 100%);
		filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ff7d32', endColorstr='#ff7d32', GradientType=0);
	}


.tbc-hit-list li a:hover .work-title {
	text-decoration: underline;
}

.tbc-hit-list li a {
	color: #646464;
}

.tbc-hit-list li a:hover {
	color: #6464d1;
}

.tbc-hit-detail {
	padding: 1rem;
}

.tbc-hit-list li .award-point {
	margin-top: 1rem;
	text-align: center;
}

.tbc-hit-list li .award-point img {
	width: 1.4rem;
	margin-right: 0.5rem;
}
	.tbc-hit-list li a:hover .work-title {
		text-decoration: underline;
	}
	.tbc-hit-list li a {
		color: #646464;
	}
	.tbc-hit-list li a:hover {
		color: #6464d1;
	}
	.tbc-hit-detail {
		padding: 1rem;
	}
	.tbc-hit-list li .award-point {
		margin-top: 1rem;
		text-align: center;
	}
	.tbc-hit-list li .award-point img {
		width: 1.4rem;
		margin-right: 0.5rem;
	}






/**********************************************************
ログインボタン
**********************************************************/
.gnav-log-in-area{
    margin: 40px 30px 50px 30px;
}


.gnav-log-in {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background: #406cd6;
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
    border-radius: 4px;
}

.gnav-log-out {
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
    color: #fff;
    background: #777;
    padding: 5px 0px 5px 0px;
    margin-bottom: 10px;
    border-radius: 4px;
}




/******************作品詳細*********************/