@charset "utf-8";

/* Overide list
============================== */
.list-ddl .list-ddl_item {

}

.list-ddl .list-ddl_item:first-child {
	position: relative;
	z-index: 2;
	width: 40%;
	padding-right: 1%;
}

.list-ddl .list-ddl_item:nth-child(2) {
	position: relative;
	z-index: 1;
	width: 22%;
	padding-right: 1%;
}
.list-ddl .list-ddl_item:nth-child(3) {
	width: 36%;
}

.list-ddl .list-ddl_link .link-more01 {
	display: inline;
}

.lyt-news_link--item a:hover {
	opacity: 0.7;
}

.lyt-news_link--item h2.is-new::before {
	content:"[NEW] ";
	color: #e27500;
	font-weight: normal;
}

/* Overide .lyt-news_link--item
============================== */
.lyt-news_link--item a[target="_blank"]:after {
	content: "";
	display: inline-block;
	vertical-align: -2px;
	margin: 0 0 0 5px;
	width: 16px;
	height: 14px;
	background: url(/assets/images/ico_external.png) no-repeat 0 0;
	-webkit-background-size: cover;
	background-size: cover;
}

/* Overide Share
============================== */
.post-info .post-info_share li {
	vertical-align: top;
	line-height: 1;
}

/* Overide Paging
============================== */
/* 1ページのみは非表示 */
.lyt-news .lyt-news_navi:empty {
	display: none;
}
/* ページリンク */
.lyt-news .lyt-news_navi a {/* like .link01 */
	color: #e27500;
}
.lyt-news .lyt-news_navi a:hover {
	opacity: 0.7;
}

/* 前へ */
.lyt-news .lyt-news_navi .link_before {/* like .lyt-news_navi--prev */
	float: left;
}

/* 次へ */
.lyt-news .lyt-news_navi .link_next {/* like .lyt-news_navi--next */
	float: right;
}

/* < 前へ 次へ > */
.lyt-news .lyt-news_navi .link_before:before,
.lyt-news .lyt-news_navi .link_next:after {
	content: "";
	display: inline-block;
	width: 6px;
	height: 6px;
	border-left: 1px solid #e27500;
	border-bottom: 1px solid #e27500;
}
/* < 前へ */
.lyt-news .lyt-news_navi .link_before:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 7px;
}
/* 次へ > */
.lyt-news .lyt-news_navi .link_next:after {
	-webkit-transform: rotate(-135deg);
	-ms-transform: rotate(-135deg);
	-o-transform: rotate(-135deg);
	transform: rotate(-135deg);
	margin-left: 7px;
}

/* Workshop Dropdown List
============================== */
.workshop-ddl {
	position: relative;
	margin: 0;
	width: 100%;
	font-size: 0.875rem;/* 14px */
	line-height: 1.43;/* 20px */
}

.workshop-ddl .workshop-ddl_select {
	padding: 15px 20px;
	border: 1px solid #e27500;
	color: #fff;
	background: #e27500;
    border-radius: 8px;
    cursor:pointer;
}
.workshop-ddl .workshop-ddl_select:hover {
    opacity:0.8;
}

.workshop-ddl .workshop-ddl_select.disactive {
	pointer-events: none;
	border: 1px solid #9E9E9E;
    background: #9E9E9E;
}

.workshop-ddl.white-type .workshop-ddl_select {
	color: #e27500;
	background: #fff;
}

.workshop-ddl .workshop-ddl_select:after {
    content: "";
    position: absolute;
    right: 20px;
    top: 50%;
    margin-top: -0.5em;
    display: block;
    width: 1em;
    height: 1em;
    background: url(/assets/images/triangle.svg) no-repeat;
}
.white-type.workshop-ddl .workshop-ddl_select:after {
    background: url(/assets/images/triangle_orange.svg) no-repeat;
}

.workshop-ddl.white-type  .workshop-ddl_select:after {
	border-left-color: #e27500;
	border-bottom-color: #e27500;
}

.workshop-ddl .workshop-ddl_select.is-active:after {
	-webkit-transform-origin:50% 50%;
	-ms-transform-origin:50% 50%;
	transform-origin:50% 50%;
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.workshop-ddl .workshop-ddl_select small,
.workshop-ddl .workshop-ddl_option small {
	font-size: 0.625rem;
}

.workshop-ddl .workshop-ddl_option {
	position: absolute;
	margin-top: 31px;/* 5+5+2-1px */
	top: 1.43em;
	z-index: 10;
	box-sizing: border-box;
	display: none;
	width: 100%;
	border: 1px solid #e27500;
	background: #fff;
}

.list-ddl .list-ddl_item:nth-child(3) .workshop-ddl .workshop-ddl_option {
	max-height: 435px;
	overflow-y: scroll;
}

.workshop-ddl .workshop-ddl_option span,
.workshop-ddl .workshop-ddl_option a {
	display: block;
	padding: 5px 20px;
	border-top: 1px solid #e27500;
}

.workshop-ddl .workshop-ddl_option span:first-child,
.workshop-ddl .workshop-ddl_option a:first-child {
	border-top: 0;
}

.workshop-ddl .workshop-ddl_option span:hover,
.workshop-ddl .workshop-ddl_option a:hover {
	cursor: pointer;
	opacity: 0.6;
    color:#ffffff;
    background: #e27500;
}

.options .filtercheckbox{
	display: none;
    position:relative;
}
html.logined .options .filtercheckbox{
	display: block;
}
html.logined.nomypage .options .filtercheckbox{
	display: none;
}
.options .filtercheckbox a{
	display: block;
	background:url(/assets/images/icon_check_off.png) no-repeat left 1px;
	padding:0 0 0 29px;
}
.options .filtercheckbox span{
    position: absolute;
    left: 29px;
    top: 2em;
    display: table;
    font-size: 0.7rem;
    width: 100%;
    white-space: nowrap;
}
.options .filtercheckbox a.selected{
	background-image:url(/assets/images/icon_check_on.png);
}
.options .options_item{
	display: inline-block;
}
.options .options_item:last-child{
	float:right;
}
.options:after{
	content:" ";
	height: 0;
	clear: both;
	display: block;
}

/* EntryButton
============================== */
.workshop-application {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 49%;
	margin: 0 auto;
	padding: 0 20px;
}

/* 受付終了 */
.workshop-application .btn-link01.is-end {
	background: #8B8B8B;
}


/* ==============================
   Smartphone
============================== */
@media screen and (max-width: 767px) {

/* Overide tab
============================== */

.list-ddl .list-ddl_item:first-child,
.list-ddl .list-ddl_item:nth-child(2),
.list-ddl .list-ddl_item:nth-child(3) {
	width: 100%;
	padding-right: 0;
}

.list-ddl .list-ddl_item:nth-child(2),
.list-ddl .list-ddl_item:nth-child(3) {
	padding-top: 10px;
}

.list-ddl .list-ddl_item:nth-child(3) .workshop-ddl .workshop-ddl_option {
	max-height: 330px;
}

/* Workshop Dropdown List
============================== */
.workshop-ddl {
	max-width: 100%;
	width: 100%;
	font-size: 1rem; /* 16px */
	line-height: 1.375;/* 22px */
}
.workshop-ddl .workshop-ddl_option {
	top: 1.375em;
}

/* EntryButton
============================== */
.workshop-application {
	width: 100%;
	padding: 0;
}

.options .filtercheckbox span {
    position: relative;
    left: 0;
    margin-left: 29px;
    top: 0;
    display: table;
    font-size: 0.7rem;
    width: auto;
    white-space: normal
}

}/* end @media screen and (max-width: 767px) */