/* full screen */
#page {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 1200px;
}

#bottomlink {
	max-width: 100%;
}

.basewrap {
	max-width: 100%;
	padding: 0 20px;
}
.brdcrm-pagetitle{
	white-space: nowrap;
}
.brdcrm-pagetitle span{
	display: inline-block;
	width:24em;
	overflow: hidden;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* living channel */
#livingchannel {
	width: 100%;
	margin: 0 auto;
	padding: 0;
}

#livingchannel * {
	box-sizing: border-box;
}

#livingchannel .contents-wrp {
	background-color: #fff;
}

#livingchannel img {
	border: none;
	vertical-align: top;
}

#livingchannel figure {
	margin: 0;
	padding: 0;
	display: block;
}

#livingchannel .en {
	font-family: 'Barlow', sans-serif;
}

#livingchannel .flex {
	display: flex;
	flex-wrap: wrap;
}

#livingchannel .forPC {
	display: block;
}

#livingchannel .forSP {
	display: none;
}

.header-wrp {
	width: 100%;
	background-color: #fff;
	position: relative;
	opacity: 1;
	text-align: center;
}

/*.header-wrp.on ._header,*/
.gnavi {
	width: 100%;
	transition: opacity .5s ease;
	opacity: 1;
	/*	background:rgba(9, 85, 190,0.95);*/
	background: rgba(0, 0, 0, .95);
	box-shadow: 0 1px 3px rgba(0, 0, 0, .3);
	position: relative;
	z-index: 2;
	height: 4em;
}

.gnavi .navi {
	display: flex;
	justify-content: center;
	/*    width: 967px;*/
	width: 800px;
	margin: 0 auto;
}

.gnavi.on {
	opacity: 0;
}

.navi li {
	display: block;
	width: calc(100% / 3);
}


.gnavi .navi li a {
	display: block;
	width: 100%;
	color: #fff;
	font-size: 1em;
	line-height: 30px;
	text-align: center;
	letter-spacing: .02em;
	padding: 1em;
	position: relative;
}

.icon {
	position: relative;
	display: inline-block;
}

.icon::before {
	content: '';
	display: inline-block;
	vertical-align: middle;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-right: .5em;
}

.icon-theme::before {
	background-image: url(../images/icon-theme_w.svg);
}

.icon-cat::before {
	background-image: url(../images/icon-cat_w.svg);
}

.icon-tag::before {
	background-image: url(../images/icon-tagsearch_w.svg);
}
.icon-download::before {
	background-image: url(../images/icon-download_w.svg);
}


.sub-navi-wrp {
	display: none;
	background-color: rgba(25, 25, 25, .98);
	width: 100%;
	/*    min-height: 6em;*/
	padding: 1em 0;
	position: absolute;
	top: 4em;
	left: 0;
	z-index: 3;
}

.sub-navi {
	display: none;
	margin: 0 auto;
	width: 100%;
	max-width: 967px;
	min-height: 1em;
	opacity: 0;
	transition: opacity .3s ease;
	flex-wrap: wrap;
}

.sub-navi.on {
	opacity: 1;
	display: flex;
	justify-content: center;
}

.sub-navi a {
	color: #fff;
	font-size: .76em;
	padding: 1.5em .5em;
	display: block;
	line-height: 1.5em;
	text-align: center;
}

.sub-navi:not(#tag) li {
	width: calc(100% / 6);
}
.sub-navi:not(#tag) li:last-child{
	margin-right: auto;
}

.sub-navi.on#tag {
	display: block;
	max-width: 967px;
	max-height: 40vh;
	overflow: auto;
	margin: 1em auto 3em;
	padding-right: 1em;
	padding-bottom: 2em;
}

.sub-navi#tag .tag-wrp {
	justify-content: space-between;
}

.sub-navi#tag .taglink {
	display: flex;
	justify-content: space-between;
	width: 16.6%;
/*    width: calc(100% / 6);*/
	font-size: .7em;
	line-height: 1.5em;
	padding: 1.5em 1em;
	border-bottom: 1px solid #666;
	border-left: 1px solid #666;
	text-align: left;
}

.sub-navi#tag .taglink:nth-child(-n+6) {
	border-top: 1px solid #666;
}

.sub-navi#tag .taglink:nth-child(6n) {
	border-right: 1px solid #666;
}

.sub-navi#tag .taglink:last-child {
	border-right: 1px solid #666;
	margin-right: auto;
}

.sub-navi#tag .taglink:hover {
	background-color: #000;
}

.sub-navi#tag .taglink span.tags {
	display: block;
	width: calc(100% - 3em);
}

.sub-navi#tag .taglink span.en {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 2em;
	height: 2em;
	background-color: #666;
	border-radius: 100%;
	color: #ddd;
	font-size: .9em;
	margin-left: .5em;
}

.scl-hd {
	position: fixed;
	width: 1200px;
	height: 50px;
	top: 0;
	left: calc(50% - 600px);
	background: rgba(255, 255, 255, .95);
	border-bottom: 1px solid #ddd;
	z-index: 11;
	opacity: 0;
	transform: translateY(-50px);
	transition: opacity .3s ease, transform .5s ease;
}

.scl-hd.on {
	opacity: 1;
	transform: translateY(0);
}

.scl-hd .hdtitle {
	position: absolute;
	top: calc(50% - 15px);
	left: 20px;
	font-size: 18px;
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	transform: translateY(-5px);
}

.scl-hd .hdtitle .scl-hd-logo {
	display: inline-block;
	padding-top: 8px;
	height: 30px;
	color: #fff;
	font-size: 20px;
}

.scl-hd .hdtitle .scl-hd-logo img {
	height: 100%;
	width: auto;
}


.scl-hd .navi {
	display: none;
	justify-content: center;
	width: 100%;
	margin: 0 auto;
}

.scl-hd .navi li a {
	display: block;
	padding: .5em;
	color: #fff;
	font-size: .74em;
	line-height: 1;
}

.scl-hd .menu {
	width: 110px;
	font-size: 13px;
	position: absolute;
	padding-left: 35px;
	top: 17px;
	right: 20px;
	color: #222;
}

.scl-hd .menu::before {
	content: '';
	display: block;
	width: 20px;
	height: 17px;
	border-top: 1px solid #222;
	border-bottom: 1px solid #222;
	position: absolute;
	top: -3px;
	right: 0;
}

.scl-hd .menu::after {
	content: '';
	display: block;
	width: 20px;
	height: 9px;
	border-bottom: 1px solid #222;
	position: absolute;
	top: -3px;
	right: 0;
}

/* menu */
.search-box-wrp {
	position: fixed;
	width: 1200px;
	height: 100%;
	top: 0;
	left: calc(50% - 600px);
	z-index: 10;
	display: none;
	text-align: left;
}

.search-box-wrp .bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 0;
	background-color: rgba(25, 25, 25, .97);
}

.search-box-wrp .search-box .title {
	display: block;
	font-size: 1.1em;
	padding: .3em 0 1.5em;
	color: #fff;
	display: block;
	position: relative;
	text-align: left;
}

.search-box-wrp .search-box .cat-search {
	margin-top: 40px;
}

.scl-hd .search-btn span::before {
	top: -3px;
	left: 14px;
}

.scl-hd .search-btn span::after {
	top: 10px;
	left: 15px;
}

.search-box-inner {
	width: 100%;
	max-width: 967px;
	padding: 120px 0 50px;
	margin: 0 auto;
	position: relative;
}

.search-box-wrp .search-box.cat {
	width: 42%;
}

.search-box-wrp .search-box.tag {
	width: 58%;
}

.search-box-wrp .search-box .search-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width: 90%;
	margin: 0;
}

.search-box-wrp .search-box li {
	display: block;
	width: 48%;
	vertical-align: middle;
	margin-bottom: .5em;
}

.search-box-wrp .search-box a {
	display: block;
	font-size: .86em;
	line-height: 1.5;
	padding: .25em .5em;
	color: #fff;
	position: relative;
	padding-left: 30px;
	/*    vertical-align: middle;*/
}

.search-box-wrp .search-box a .br {
	display: inline-block;
	padding: 0;
}

.search-box-wrp .search-box .tag-wrp {
	max-height: 70vh;
	padding-right: 2.5em;
	overflow: auto;
	margin: 0 auto;
	padding-bottom: 2em;
	justify-content: space-between;
}

.search-box-wrp .search-box .tag-wrp::after {
	content: '';
	width: calc(100%/3);
	height: 0;
	display: block;
}

.search-box-wrp .search-box .tag-wrp .taglink {
	font-size: .7em;
	line-height: 1.5em;
	text-align: left;
	padding: 1.5em 1em;
	border-bottom: 1px solid #333;
	border-left: 1px solid #333;
	width: calc(100% / 3);
	display: flex;
	justify-content: space-between;
}

.search-box-wrp .search-box .tag-wrp .taglink span.tags {
	display: block;
	width: calc(100% - 3em);
}

.search-box-wrp .search-box .tag-wrp .taglink span.en {
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	width: 2em;
	height: 2em;
	background-color: #555;
	border-radius: 50%;
	color: #ddd;
	font-size: .9em;
	margin-left: 1em;
	line-height: 1;
	overflow: hidden;
}

.search-box-wrp .search-box .tag-wrp .taglink:hover {
	background-color: #333;
}

.search-box-wrp .search-box .tag-wrp .taglink:nth-child(3n) {
	border-right: 1px solid #333;
}

.search-box-wrp .search-box .tag-wrp .taglink:nth-child(-n+3) {
	border-top: 1px solid #333;
}

.search-box-wrp .search-box .tag-wrp .taglink:last-child {
	border-right: 1px solid #333;
}

.search-box a.arrow::before {
	content: '';
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	width: 6px;
	height: 6px;
	display: inline-block;
	margin-right: 1em;
	transform: rotate(45deg);
}

.search-box .co::before {
	content: '';
	display: inline-block;
	width: 36px;
	height: 36px;
	margin-right: 10px;
	margin-bottom: .75em;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border-radius: 100%;
}


.site-hd {
	width: 100%;
	height: 220px;
	margin-bottom: 0px;
	position: relative;
	padding: 70px 50px;
	background-color: #000;
	border-bottom: 1px solid #ddd;
	/*    box-shadow: 0 -2px 3px rgba(0, 0, 0, .2) inset;*/
	box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
	z-index: 2;
}

.cat .site-hd,
.subcat .site-hd,
.theme .site-hd,
.tag .site-hd,
.movie .site-hd {
	display: none;
}

.site-hd-inner {
	position: relative;
	z-index: 3;
}

.mainimg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 100%;
	height: 100%;
}

.mainimg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.hdtitle {
	display: block;
	/*	font-size:3.2em;*/
	margin: 0 auto .25em;
	color: #000;
	text-align: center;
}

.hdtitle img {
	display: block;
	margin: 0 auto;
	width: auto;
	height: 56px;
}

.cat .site-hd .hdtitle img,
.subcat .site-hd .hdtitle img,
.theme .site-hd .hdtitle img,
.tag .site-hd .hdtitle img,
.movie .site-hd .hdtitle img {
	height: 24px;
}

.site-description {
	display: inline-block;
	margin: .5em auto;
	font-size: .96em;
	font-weight: bold;
	line-height: 1.5em;
	vertical-align: middle;
	color: #0955be;
	/*	color:#fff;*/
	padding-left: .25em;
}

.search {
	padding: 1em .25em;
}

input.txtfld[type="text"] {
	width: 100%;
	max-width: 500px;
	background-color: rgba(255, 255, 255, .7);
}

input.txtfld[type="text"]:focus {
	border: 1px solid #0955be;
	background-color: rgba(255, 255, 255, .9);
	outline: 0;
}

.submit {
	background-color: #0955be;
	color: #fff;
	outline: 0;
	border: none;
	line-height: 1.6em;
	border-radius: 2em;
	padding: .5em 1em;
	margin-left: .5em;
}

.co-inner {
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
	padding: 0;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.index .co-inner {
	max-width: 100%;
}

.co-wrp {
	width: 100%;
}

.backtotop {
	color: #0955be;
	font-size: .8em;
	line-height: 2em;
	display: block;
	width: 200px;
	text-align: center;
	padding: .2em;
	border: 1px solid #0955be;
	border-radius: 2em;
	margin: 2em auto 50px;
	vertical-align: middle;
	position: relative;
}

.arrowR {
	display: block;
	position: absolute;
	top: calc(50% - 3px);
	right: 12px;
}

.arrowR::after {
	content: '';
	display: block;
	border-top: 1px solid;
	border-right: 1px solid;
	width: 6px;
	height: 6px;
	transform: rotate(45deg);
}

.arrowL {
	display: block;
	position: absolute;
	top: calc(50% - 3px);
	left: 12px;
}

.arrowL::after {
	content: '';
	display: block;
	border-top: 1px solid;
	border-right: 1px solid;
	width: 6px;
	height: 6px;
	transform: rotate(-135deg);
}

/* category list on top */
.caregorlylist-wrp {
	padding: 20px 0;
	background-color: #f9f9f9;
}

.ch-title-wrp {
	display: block;
	width: 100%;
	text-align: center;
}

.ch-title-wrp .ch-title {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.6em;
	margin-right: 1em;
	font-weight: bold;
	letter-spacing: .05em;
}

.ch-title-wrp .ch-title .ch {
	font-size: 1.1em;
}

.ch-title-wrp .subtitle {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1em;
	padding: 1em 0;
}

.category-list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
#livingchannel .flex.hide{
	display: none;
}

#livingchannel .category-list figure.thumb {
	display: block;
	width: 100%;
	padding-bottom: 50%;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
}

.category-list .thumb img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.category-list::after {
	content: '';
	display: block;
	width: 32%;
	height: 0;
}
.catlist .list .flexfix {
	display: block;
	width: 32%;
	height: 0;
}

.category-list .column-3 {
	width: 32%;
	border: 1px solid #ddd;
	padding: 0;
	padding-bottom: 2em;
	margin-top: 2%;
	margin-bottom: 1%;
	font-size: .8em;
	text-align: center;
	background-color: #fff;
	color: #000;
}

.category-list a.nolink {
	display: none;
}

.category-list h3 {
	font-size: 1.15em;
	line-height: 1.4;
	/*    font-weight: bold;*/
	padding: 2em 0 .5em;
	display: block;
	position: relative;
}

.category-list h3::before {
	content: '';
	display: block;
	width: 3.6em;
	height: 3.6em;
	background-color: #000;
	border-radius: 100%;
	position: absolute;
	top: -2.75em;
	left: calc(50% - 1.8em);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 50%;
}


.category-list .column-2 {
	width: 48%;
}
.category-list .column-2 .other-link-box{
	display: block;
	width:100%;
	border: 1px solid #ddd;
	padding: 0;
	padding-bottom: 2em;
	margin-top: 2%;
	margin-bottom: 1%;
	font-size: .8em;
	text-align: center;
	background-color: #fff;
	color: #000;
	position: relative;
}
.category-list .column-2 .tlink{
	display: inline-block;
	color:#222;
	text-decoration: underline;
	padding:.5em 1.2em;
	margin: 1em 0;
	position: relative;
	line-height: 1.3;
}
.category-list .column-2 .tlink .arrowR{
	left:0;
	right: auto;
}
.category-list .column-2 .tlink:hover{
	color:#0955be;
}
#livingchannel .category-list .column-2 figure.thumb {
	display: block;
	width: 100%;
	padding-bottom: 36%;
	margin-bottom: 5px;
	position: relative;
	overflow: hidden;
}

.category-list .column-2 h3.noicon {
	font-size: 1.3em;
	padding-top: 1.5em;
	font-weight: bold;
}

.category-list h3.noicon::before {
	display: none;
}

.bizicon {
	width: 60px;
	height: 60px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	border: 1px solid #ddd;
	border-radius: 100%;
	overflow: hidden;
}

.bizicon img {
	width: 100%;
	height: 100%;
}

.other-link {
	margin-top: 3em;
}


/*
.cmbanner-wrp{
	padding:20px 0 60px;
}
*/
.cmbanner {
	display: block;
	width: 100%;
	position: relative;
	margin: 3em auto 0;
	/*    border:1px solid #ddd;*/
}

.cmbanner img {}

/* new movie */
.index-new {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0;
	/*    background-color:#fff;*/
	background-color: #f2f2ef;
}

.index .index-new .list {
	width: 100%;
}

.index .index-new .list .entry {
	width: 31%;
}

.index .index-new .list::after {
	width: 31%;
}

.index .index-new .list .entry-title {
	min-height: auto;
	padding-bottom: 0;
}

.index .index-new .list .tag-wrp {
	display: none;
}

/* movie list in left*/
.co-left {
	/*    width: 75%;*/
	width: 80%;
	margin: 0;
	border-right: 1px solid #ddd;
}

.index .co-left,
.co-download {
	width: 100%;
	margin: 0;
	border-right: none;
}

.co-left .co-left-inner{
	width: 100%;
	padding: 40px 25px 40px 0;
}

.index .co-left .co-left-inner,
.co-download .co-download-inner {
	padding: 40px 0px;
	width: 100%;
	max-width: 967px;
	margin: 0 auto;
}

.co-right {
	/*    width:25%;*/
	width: 20%;
	/*	background-color:#fff;*/
}

.co-right .co-right-inner {
	padding: 30px 0 60px 25px;
}

.title-wrp {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	flex-wrap: wrap;
}

.index .title-wrp {
	border-bottom: 1px solid #ccc;
	margin-bottom: 2em;
	padding-bottom: .4em;
}

.co-title {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding: 0;
	font-size: 1.2em;
	margin-top: 5px;
	font-weight: bold;
	position: relative;
	margin-right: 0.5em;
}

.cat .co-left .title-wrp{
	margin-bottom: 25px;
}
.subcat .co-left .title-wrp,
.theme .co-left .title-wrp,
.tag .co-left .title-wrp {
	margin-bottom: 40px;
}

.cat .co-left .title-wrp .co-title,
.subcat .co-left .title-wrp .co-title,
.theme .co-left .title-wrp .co-title,
.tag .co-left .title-wrp .co-title,
.movie .co-left .title-wrp .co-title {
	font-weight: normal;
	font-size: 1.2em;
	margin-top: 5px;
	margin-bottom: 5px;
}
.subcat .co-left .title-wrp .co-title .subcat-title{
	font-size:.8em;
	padding-left: .5em;
}

.cat .co-left .title-wrp .logo,
.subcat .co-left .title-wrp .logo,
.theme .co-left .title-wrp .logo,
.tag .co-left .title-wrp .logo,
.movie .co-left .title-wrp .logo {
	display: block;
	width: 240px;
	height: 34px;
	margin-right: 10px;
	margin-top: 2px;
	margin-bottom: 5px;
}

.title-wrp .logo img {
	width: auto;
	height: 100%;
}

.co-left .lead {
	display: inline-block;
	font-size: .9em;
	line-height: 2em;
	font-weight: normal;
	font-feature-settings: "palt";
	letter-spacing: .025em;
	margin-right: auto;
}

.co-left .lead a {
	color: #0955be;
	position: relative;
	display: inline-block;
	padding-right: 1.5em;
}

.co-left .list-btn {
	display: inline-block;
/*    width: 100px;*/
	font-size: .8em;
	line-height: 1.8em;
	font-weight: normal;
	padding: .2em 2.5em .2em 1em;
	vertical-align: middle;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 2em;
	margin-left: auto;
	color: #222;
	position: relative;
}

.co-left .list-btn:hover {
	background-color: #222;
	color: #fff;
	text-decoration: none;
}

.list {
	width: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

.list::after {
	content: '';
	display: block;
	width: 31.5%;
	height: 0;
}

.index .list::after {
	content: '';
	display: block;
	width: 23.5%;
	height: 0;
}

.index .list::before {
	content: '';
	display: block;
	width: 23.5%;
	height: 0;
	order: 1;
}

.maincat-title {
	display: block;
	width: 100%;
	margin: 1em 0 2em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
	font-size: 1.1em;
	font-weight: bold;
}

.maincat-title::before {
	content: '';
	border-left: 4px solid #999;
	display: inline-block;
	height: 1.5em;
	line-height: 1;
	vertical-align: middle;
	margin-right: 1em;
}
.mainsubcat-title {
	display: block;
	width: 100%;
	margin: 1em 0 2em;
	border-bottom: 1px solid #ccc;
	padding-bottom: .5em;
	font-size: 1em;
	font-weight: bold;
}

.mainsubcat-title::before {
	content: '';
	border: 4px solid #999;
	display: inline-block;
	width:.4em;
	height: .4em;
	margin-right: .4em;
	border-radius: 100%;
	vertical-align: -.1em;
}

/* sub category menu */
.subcat-list {
	margin-bottom: 1em;
}
.subcat-list li{
	margin-right: .5em;
	margin-bottom: .5em;
}
.subcat-list a{
	display: block;
	padding:.5em 1.5em;
	font-size:.8em;
	font-weight: bold;
	line-height: 1.5;
	background-color:#f1f1f1;
	border-radius: 2em;
	color:#222;
	transition: all .3s;
	position: relative;
}
.subcat-list a:hover{
	background-color:#222;
	color:#fff;
}

.list .entry {
	display: block;
	width: 31.5%;
	box-shadow: 0 0 1px rgba(0, 0, 0, .3);
	/*    border-radius: 4px;*/
	margin-bottom: 30px;
	background-color: #fff;
	position: relative;
}

.index .list .entry {
	width: 23.5%;
}

.list .entry .entrybox {
	display: block;
	/*    padding: 10px 10px 7px;*/
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	z-index: 0;
	border: 1px solid #ddd;
	/*    border-radius: 4px;*/
	transition: border .5s ease;
}

.list .entry .entrybox:hover {
	text-decoration: none;
	/*	opacity:0.7;*/
	border: 1px solid #444;
}

.list .entry .entry-inner {
	display: flex;
	width: 100%;
	flex-wrap: wrap;
	align-content: space-between;
	align-items: center;
	padding: 0 15px 10px;
}

.list .entry .entry-meta {
	width: 100%;
	margin-bottom: .5em;
}
.list .entry .subcat-wrp{
	display: inline-block;
	font-size:.72em;
	font-weight: bold;
	color:#222;
	background-color:#f1f1f1;
	border-radius: 2em;
	padding:.5em 1em;
	margin-bottom: .25em;
	transition: all .3s;
}
.list .entry a.subcat-wrp:hover{
	background-color:#222;
	color:#fff;
}

.co-title.cat::before {
	content: '';
	display: inline-block;
	width: 40px;
	height: 36px;
	margin-left: -0.25em;
	margin-right: 5px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.cat.newmovie::before {
	background-image: url(../images/icon_newmovie.svg);
}

.cat.kitchen::before {
	background-image: url(../images/icon_kitchen.svg);
}

.cat.bathroom::before {
	background-image: url(../images/icon_bathroom.svg);
}

.cat.toilet::before {
	background-image: url(../images/icon_toilet.svg);
}

.cat.dressing::before {
	background-image: url(../images/icon_dressing.svg);
}

.cat.light::before {
	background-image: url(../images/icon_light.svg);
}

.cat.interior::before {
	background-image: url(../images/icon_interior.svg);
}

.cat.solar::before {
	background-image: url(../images/icon_solar.svg);
}

.cat.air::before {
	background-image: url(../images/icon_air.svg);
}

.cat.hems::before {
	background-image: url(../images/icon_hems.svg);
}

.cat.water::before {
	background-image: url(../images/icon_water.svg);
}

.cat.outside::before {
	background-image: url(../images/icon_outside.svg);
}

.cat.elevator::before {
	background-image: url(../images/icon_elevator.svg);
}

.cat.exterior::before {
	background-image: url(../images/icon_exterior.svg);
}

.cat.switch::before {
	background-image: url(../images/icon_switch.svg);
}
/* download page */
.cat.ih::before {
	background-image: url(../images/icon_ih.svg);
}
.cat.dwash::before {
	background-image: url(../images/icon_dwash.svg);
}
.cat.aircon::before {
	background-image: url(../images/icon_aircon.svg);
}
.cat.buttery::before {
	background-image: url(../images/icon_buttery.svg);
}
/* theme */
.cat.agefree::before {
	background-image: url(../images/icon_agefree.svg);
}
.cat.disaster_prevention::before {
	background-image: url(../images/icon_disaster_prevention.svg);
}

.cat.noparts::before {
	background-image: url(../images/icon_noparts.svg);
}

.cat.t_childcare::before {
	background-image: url(../images/icon_t_childcare.svg);
}

.cat.t_rakuteku::before {
	background-image: url(../images/icon_t_housework.svg);
}

.cat.t_eco::before {
	background-image: url(../images/icon_t_eco.svg);
}

.cat.t_interior::before {
	background-image: url(../images/icon_t_interior.svg);
}

.cat.t_barrierfree::before {
	background-image: url(../images/icon_t_barrierfree.svg);
}

.cat.t_disaster_prevention::before {
	background-image: url(../images/icon_t_disaster_prevention.svg);
}

.cat.t_share::before {
	background-image: url(../images/icon_t_share.svg);
}

.cat.t_used::before {
	background-image: url(../images/icon_t_used.svg);
}

.cat.t_reform::before {
	background-image: url(../images/icon_t_used.svg);
}

.cat.t_showroom::before {
	background-image: url(../images/icon_t_showroom.svg);
}

/*white icon for navi*/
.sub-navi .cat .br {
	display: block;
	padding-right: 1em;
}

.sub-navi .cat::before {
	content: '';
	display: block;
	width: 30px;
	height: 30px;
	margin: 0 auto 20px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.sub-navi .cat.l2::before {
	margin: 0 auto 10px;
}

.search-list .cat::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	/*
	margin-right: 10px;
	margin-bottom: -4px;
*/
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

.sub-navi .cat.newmovie::before,
.search-list .cat.newmovie::before,
.newmovie h3::before {
	background-image: url(../images/icon_newmovie_w.svg);
}

.sub-navi .cat.kitchen::before,
.search-list .cat.kitchen::before,
.kitchen h3::before {
	background-image: url(../images/icon_kitchen_w.svg);
}

.sub-navi .cat.bathroom::before,
.search-list .cat.bathroom::before,
.bathroom h3::before {
	background-image: url(../images/icon_bathroom_w.svg);
}

.sub-navi .cat.toilet::before,
.search-list .cat.toilet::before,
.toilet h3::before {
	background-image: url(../images/icon_toilet_w.svg);
}

.sub-navi .cat.dressing::before,
.search-list .cat.dressing::before,
.dressing h3::before {
	background-image: url(../images/icon_dressing_w.svg);
}

.sub-navi .cat.light::before,
.search-list .cat.light::before,
.light h3::before {
	background-image: url(../images/icon_light_w.svg);
}

.sub-navi .cat.interior::before,
.search-list .cat.interior::before,
.interior h3::before {
	background-image: url(../images/icon_interior_w.svg);
}

.sub-navi .cat.solar::before,
.search-list .cat.solar::before,
.solar h3::before {
	background-image: url(../images/icon_solar_w.svg);
}

.sub-navi .cat.hems::before,
.search-list .cat.hems::before,
.hems h3::before {
	background-image: url(../images/icon_hems_w.svg);
}

.sub-navi .cat.air::before,
.search-list .cat.air::before,
.air h3::before {
	background-image: url(../images/icon_air_w.svg);
}

.sub-navi .cat.water::before,
.search-list .cat.water::before,
.water h3::before {
	background-image: url(../images/icon_water_w.svg);
}

.sub-navi .cat.outside::before,
.search-list .cat.outside::before,
.outside h3::before {
	background-image: url(../images/icon_outside_w.svg);
}

.sub-navi .cat.elevator::before,
.search-list .cat.elevator::before,
.elevator h3::before {
	background-image: url(../images/icon_elevator_w.svg);
}

.sub-navi .cat.exterior::before,
.search-list .cat.exterior::before,
.exterior h3::before {
	background-image: url(../images/icon_exterior_w.svg);
}

.sub-navi .cat.switch::before,
.search-list .cat.switch::before,
.switch h3::before {
	background-image: url(../images/icon_switch_w.svg);
}

.sub-navi .cat.agefree::before,
.search-list .cat.agefree::before,
.agefree h3::before {
	background-image: url(../images/icon_agefree_w.svg);
}

.sub-navi .cat.disaster_prevention::before,
.search-list .cat.disaster_prevention::before,
.disaster_prevention h3::before {
	background-image: url(../images/icon_disaster_prevention_w.svg);
}

.sub-navi .cat.noparts::before,
.search-list .cat.noparts::before,
.noparts h3::before {
	background-image: url(../images/icon_noparts_w.svg);
}

.sub-navi .cat.t_childcare::before,
.search-list .cat.t_childcare::before {
	background-image: url(../images/icon_t_childcare_w.svg);
}

.sub-navi .cat.t_rakuteku::before,
.search-list .cat.t_rakuteku::before {
	background-image: url(../images/icon_t_housework_w.svg);
}

.sub-navi .cat.t_eco::before,
.search-list .cat.t_eco::before {
	background-image: url(../images/icon_t_eco_w.svg);
}

.sub-navi .cat.t_interior::before,
.search-list .cat.t_interior::before {
	background-image: url(../images/icon_t_interior_w.svg);
}

.sub-navi .cat.t_barrierfree::before,
.search-list .cat.t_barrierfree::before {
	background-image: url(../images/icon_t_barrierfree_w.svg);
}

.sub-navi .cat.t_disaster_prevention::before,
.search-list .cat.t_disaster_prevention::before {
	background-image: url(../images/icon_t_disaster_prevention_w.svg);
}

.sub-navi .cat.t_share::before,
.search-list .cat.t_share::before {
	background-image: url(../images/icon_t_share_w.svg);
}

.sub-navi .cat.t_reform::before,
.search-list .cat.t_reform::before {
	background-image: url(../images/icon_t_used_w.svg);
}

.sub-navi .cat.t_showroom::before,
.search-list .cat.t_showroom::before {
	background-image: url(../images/icon_t_showroom_w.svg);
}

.nolink {
	opacity: .5;
	pointer-events: none;
}

.new {
	display: inline-block;
	font-size: .7em;
	padding: .3em .5em;
	background-color: #c00;
	color: #fff;
	font-family: 'Barlow', sans-serif;
	margin-right: .5em;
	position: absolute;
	top: 0;
	left: 15px;
	z-index: 2;
}

.ctime {
	display: inline-block;
	padding: .25em 0;
	font-size: .9em;
	color: #555;
	font-family: 'Barlow', sans-serif;
}

.list .entry .thumb {
	width: 100%;
	/*    padding-bottom: 56.25%;*/
	/*    padding-bottom: 56%;*/
	padding-bottom: 55%;
	position: relative;
	overflow: hidden;
	/*	border:1px solid #ddd;*/
	background-color: #f9f9f9;
	margin-bottom: 10px;
}

.list .entry .thumb figure {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden;
}

.list .entry .thumb img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.entry-title {
	display: block;
	width: 100%;
	font-size: .76em;
	font-weight: normal;
	line-height: 1.5em;
	margin: 0;
	padding: .5em 0;
	min-height: 4em;
	font-feature-settings: "palt";
	letter-spacing: .025em;
	/*    color:#0955be;*/
	color: #222;
}


.list .entry .tag-wrp {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	max-height: 44px;
	overflow: hidden;
}

.list .entry .tag {
	font-size: .6em;
	display: inline-block;
	margin-right: .5em;
	background-color: #f1f1f1;
	border-radius: 1em;
	padding: .5em 1em;
	margin-bottom: .5em;
	color: #000;
	font-weight: normal;
}

.list .entry .tag:hover {
	background-color: #000;
	color: #fff;
}

/* movie */
.co-wrp.movie .yt-wrp{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
	height: 0;
	margin: 30px auto;
}
.co-wrp.movie iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top:0;
	left: 0;
/*
	max-width: 738px;
	height: 415px;
*/
}

.co-wrp.movie .co-title.cat {
	font-size: 1.2em;
	line-height: 1.4;
	font-weight: normal;
	color: #222;
	margin-bottom: 0;
}
.co-wrp.movie .co-title.cat .subcat{
	font-size:.8em;
	display: inline-block;
	padding-left:0.5em;
}

.co-wrp.movie .co-title.theme {
	display: inline-block;
	font-size: .76em;
	line-height: 1.5em;
	color: #555;
	border:1px solid #ccc;
	border-right:none;
	margin-bottom: .75em;
}
.co-wrp.movie .co-title.theme .label{
	display: inline-block;
	background-color:#f9f9f9;
	border-right:1px solid #ccc;
	padding:.4em .75em;
}
.co-wrp.movie .co-title.theme .theme-link{
	display: inline-block;
	padding:.5em .75em;
	color:#0955be;
	border-right:1px solid #ccc;
}

.co-wrp.movie .entry-title {
	display: block;
	width: 100%;
	font-size: 1.05em;
	/*    color:#4f5967;*/
	color: #222;
	padding: .5em 0 0;
}

.co-wrp.movie .tag-wrp {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	max-height: auto;
	margin: 40px 0;
	overflow: auto;
	border-top: 1px solid #ddd;
	padding: 1em 0;
}

.co-wrp.movie .tag {
	font-size: .75em;
	display: inline-block;
	margin-right: .5em;
	background-color: #f1f1f1;
	border-radius: 1em;
	padding: .5em 1em;
	margin-bottom: .75em;
	color: #000;
}

.co-wrp.movie .tag:hover {
	background-color: #000;
	color: #fff;
}

/*right side contents*/
.co-right .entry-wrp {
	margin: 30px 0 10px;
}

.co-right .entry-wrp .title {
	font-size: 1em;
	font-weight: bold;
	display: block;
	margin-bottom: 1em;
	border-bottom: 1px solid #222;
	padding-bottom: .5em;
}

.co-right .entry-wrp entry,
.co-right .entry-wrp li {
	width: 100%;
	padding: 0;
	margin-bottom: 1em;
	/*    font-size:0.9em;*/
}

.co-right .entry-wrp a {
	display: block;
	width: 100%;
	position: relative;
}

.co-right .entry-wrp .thumb {
	width: 100%;
	padding-bottom: 54%;
	position: relative;
	border: 1px solid #ddd;
	margin-bottom: 5px;
}

.co-right .entry-wrp .thumb figure {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.co-right .entry-wrp .thumb figure img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

/*
.co-right .entry-wrp .ctime{
	display: block;
	font-size:0.8em !important;
	margin-bottom: .25em;
}
*/
/*
.co-right .entry-wrp .cat {

	display: block;
	font-size:0.8em;
	padding:3px 0 0;

	display: none;
}

.co-right .entry-wrp .cat::before {
	display: none;
}
*/
.co-right .entry-wrp .cat{
	margin-right: 2%;
	margin-bottom: 2%;
	margin-top: 2%;
}
.co-right .entry-wrp .cat,
.co-right .entry-wrp .theme {
	display: inline-block;
	font-size:0.7em;
	line-height: 1.4;
	padding:3px 5px;
	border:1px solid #ccc;
}
.co-right .entry-wrp a .cat,
.co-right .entry-wrp a .theme{
	color:#222;
}

.co-right .entry-wrp .txt-wrp {
	width: 100%;
}

.co-right .entry-wrp .entry-title {
	font-size: .76em;
	min-height: auto;
}

.co-right .entry-wrp .tag-wrp {
	display: none;
}

.rcontents {
	display: block;
	width: 100%;
	margin-bottom: 15px;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	background-color: #fff;
	box-shadow: 0 0 3px rgba(0, 0, 0, .4);
	border-radius: 4px;
	position: relative;
}

.rcontents.new::after {
	content: 'NEW';
	position: absolute;
	top: 0;
	right: 1em;
	z-index: 4;
	display: inline-block;
	font-size: .8em;
	padding: .3em .5em;
	background-color: #c00;
	color: #fff;
	font-family: 'Barlow', sans-serif;
}

.rcontents .co-title {
	font-size: .9em;
	margin: 0 0 .5em;
	font-weight: bold;
}

.rcontents .co-subtitle {
	font-size: .8em;
	font-weight: normal;
}

.taglist {
	padding: 20px 0;
}

.taglist .co-subtitle {
	display: block;
	font-size: .8em;
	font-weight: normal;
}

.co-right .tag-wrp {
	justify-content: flex-start;
	align-items: center;
}

.co-right .taglist-title-wrp {
	justify-content: space-between;
	margin-bottom: 20px;
	border-bottom:1px solid #222;
	padding-bottom:.5em;
}
.co-right .taglist-title-wrp .title{
	font-weight: bold;
}
.co-right .taglist-title-wrp .tagall {
	font-size: .7em;
	line-height: 1.5em;
	vertical-align: middle;
	display: block;
	color: #0955be;
	font-weight: bold;
}

.co-right .tag-wrp a {
	color: #0955be;
	padding: .2em 1em;
	border: 1px solid #ccc;
	border-radius: 2em;
	font-size: .6em;
	font-weight: normal;
	line-height: 1.5em;
	vertical-align: middle;
	margin-right: .5em;
	margin-bottom: .75em;
	background-color: #fff;

	text-overflow: ellipsis;
	white-space: nowrap;
}

.co-right .tag-wrp a.on {
	display: block;
}

.co-right .tag-wrp a.off {
	display: none;
}

.co-right .tag-wrp a.large {
	font-size: .76em;
	line-height: 1.6em;
	background-color: #f2f2f2;
	border-color: #0955be;
}

.share-wrp {
	margin: 0 auto 40px;
	text-align: center;
}

.nores {
	padding: 3em 0;
	text-align: center;
}
/* donwload */
.co-download{
	background-color:#f9f9f9;
}
.co-download .customer-dl-banner{
	display: block;
	margin:1em auto 4em;
	width:100%;
	max-width:740px;
}
.co-download .customer-dl-banner a{
	width:100%;
	text-align: center;
	border:1px solid #ccc;
}
.co-download .customer-dl-banner a .img-area{
	width:44%;
}
.co-download .customer-dl-banner a .img-area figure{
	width:33.33%;
}
.co-download .customer-dl-banner a .img-area img{
	width:100%;
	height: 100%;
	object-fit: cover;
}
.co-download .customer-dl-banner a .txt-area{
	width:56%;
	padding: 1em .5em;
	font-size:1em;
	font-weight: bold;
	line-height: 1.4;
	color:#0955be;
}
.co-download .customer-dl-banner a .sml{
	display: block;
	font-size:.8em;
	margin-bottom: .25em;
	color:#222;
}
.co-download .customer-dl-banner a h3{
	background-color: #0955be;
	color:#fff;
	font-size:.9em;
	border-radius: 3em;
	padding:.5em 2.5em;
	display: inline-block;
	margin-top: .4em;
}
@media screen and (max-width:740px) {
	.co-download .customer-dl-banner a .img-area,
	.co-download .customer-dl-banner a .txt-area{
		width:100%;
	}
}
.co-download .co-download-inner{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	width:100%;
}
.co-download .ch-title-wrp{
	margin-bottom: 3em;
}
.co-download .co-wrp{
	width:32%;
	background-color:#fff;
	padding: .5em .5em 0;
	border-radius: 4px;
	margin-bottom: 1.5em;
	box-shadow: 0 0 2px rgba(0,0,0,.25);
}
.co-download .co-wrp .thumb{
	display: block;
	width:100%;
	height: 0;
	padding-bottom: 50% !important;
	margin-bottom: 1em;
	position: relative;
}
.co-download .co-wrp .thumb img{
	width:100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top:0;
	left: 0;
}
.co-download .co-wrp .meta-wrp{
	padding: 0 .25em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.co-download .co-wrp .title-wrp{
	display: block;
	width:100%;
	font-size:.8em;
	margin: 1em 0 0;
	border:none;
}
.co-download .co-wrp a{
	display: block;
	width:32.5%;
	background-color:#0955be;
	border-radius: 3px;
	padding:.5em 0;
	color:#fff;
	font-weight: bold;
	font-size:.72em;
	line-height: 1.5;
	text-align: center;
	margin: 1em 0 0;
	box-shadow: 0 0 2px rgba(0,0,0,.3);
}
.co-download .co-wrp a.disable{
	pointer-events: none;
	opacity: .3;
}

@media screen and (max-width:740px) {
	.co-download .co-download-inner{
		padding:15px;
	}
	.co-download .co-wrp{
		width:100%;
	}
	.co-download .co-wrp .title-wrp{
		width:100%;
		font-size:1em;
	}
	.co-download .co-wrp a{
		width:100%;
		font-size:.94em;
	}
	.co-download .co-wrp a.disable{
		display: none;
		pointer-events: none;
		opacity: .4;
	}
}


@media screen and (max-width:740px) {

	/* for test */
	#browsebar {
		display: none;
	}

	.mod_breadcrumb {
		display: none;
	}

	/* for test */

	#livingchannel .forPC {
		display: none;
	}

	#livingchannel .forSP {
		display: block;
	}

	.header-wrp {
		width: 100%;
		background-color: #fff;
		position: relative;
		opacity: 1;
		text-align: center;
	}

	/*.header-wrp.on ._header,*/
	.gnavi {
		height: 5em;
	}

	.gnavi .navi {
		width: 100%;
		margin: 0 auto;
	}

	.navi li {
		display: block;
		width: calc(100% / 3);
	}

	.icon::before {
		content: '';
		display: inline-block;
		vertical-align: middle;
		width: 25px;
		height: 25px;
		margin-right: .25em;
	}

	.gnavi .navi li a {
		display: block;
		font-size: .8em;
		line-height: 1.5em;
		padding: 1em .5em;
	}

	.gnavi .navi li a .icon {
		display: block;
	}

	.gnavi .navi li a .icon::before {
		width: 25px;
		height: 25px;
		margin: .25em auto;
	}

	.sub-navi-wrp {
		display: none;
		width: 100%;
		padding: 1em 0;
		top: 5em;
	}

	.sub-navi {
		display: none;
		width: 100%;
		max-width: auto;
		min-height: 1em;
		flex-wrap: wrap;
	}

	.sub-navi a {
		font-size: .8em;
		padding: 1em .5em;
	}

	.sub-navi:not(#tag) li {
		width: calc(100% / 3);
	}

	.sub-navi.on#tag {
		max-width: 90%;
		max-height: 60vh;
		margin: 1em auto 3em;
	}

	.sub-navi#tag .taglink {
		display: flex;
		justify-content: space-between;
		width: calc(100% / 2);
		font-size: .7em;
		padding: 1em .5em;
	}

	.sub-navi#tag .taglink:nth-child(-n+6) {
		border-top: none;
	}

	.sub-navi#tag .taglink:nth-child(-n+2) {
		border-top: 1px solid #666;
	}

	.sub-navi#tag .taglink:nth-child(2n) {
		border-right: 1px solid #666;
	}

	.sub-navi#tag .taglink:last-child {
		border-right: 1px solid #666;
		margin-right: auto;
	}

	.sub-navi#tag .taglink:hover {
		background-color: #000;
	}

	.sub-navi#tag .taglink span.en {
		width: 1.6em;
		height: 1.6em;
		font-size: .8em;
	}

	.scl-hd {
		position: fixed;
		width: 100%;
		height: 50px;
		top: 0;
		left: 0;
	}

	.scl-hd .hdtitle {
		position: absolute;
		top: calc(50% - 15px);
		left: 10px;
	}

	.scl-hd .hdtitle .scl-hd-logo {
		display: inline-block;
		padding-top: 8px;
		height: 30px;
		color: #fff;
	}

	.scl-hd .navi {
		display: none;
		justify-content: center;
		width: 100%;
		margin: 0 auto;
	}

	.scl-hd .navi li a {
		display: block;
		padding: .5em;
		color: #fff;
		font-size: .74em;
		line-height: 1;
	}

	.scl-hd .menu {
		width: 90px;
		font-size: 11px;
		position: absolute;
		padding-left: 30px;
		top: 17px;
		right: 20px;
	}

	.scl-hd .menu::before {
		content: '';
		display: block;
		width: 20px;
		height: 17px;
		top: -3px;
		right: 0;
	}

	.scl-hd .menu::after {
		content: '';
		display: block;
		width: 20px;
		height: 9px;
		position: absolute;
		top: -3px;
		right: 0;
	}

	/* menu */
	.search-box-wrp {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
	}

	.search-box-wrp .bg {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 0;
		background-color: rgba(25, 25, 25, .97);
	}

	.search-box-wrp .search-box {
		margin-bottom: 30px;
	}

	.search-box-wrp .search-box .title {
		display: block;
		font-size: .9em;
		padding: .3em 0 .5em;
		color: #fff;
		display: block;
		position: relative;
		text-align: left;
		margin-bottom: 1em;
		border-bottom: 1px solid #444;
	}

	.search-box-wrp .search-box .cat-search {
		margin-top: 30px;
	}

	.scl-hd .search-btn span::before {
		top: -3px;
		left: 14px;
	}

	.scl-hd .search-btn span::after {
		top: 10px;
		left: 15px;
	}

	.search-box-inner {
		width: 100%;
		max-width: 100%;
		max-height: 100vh;
		padding: 80px 10px 40px;
		margin: 0 auto 30px;
		position: relative;
		overflow: auto;
	}

	.search-box-wrp .search-box.cat {
		width: 100%;
	}

	.search-box-wrp .search-box.tag {
		width: 100%;
	}

	.search-box-wrp .search-box .search-list {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		width: 100%;
		margin: 0 auto;
	}

	.search-box-wrp .search-box li {
		display: block;
		width: 50%;
		vertical-align: middle;
	}

	.search-box-wrp .search-box a {
		font-size: .7em;
	}

	.search-box-wrp .search-box a .br {
		display: inline-block;
		padding: 0;
	}

	.search-box-wrp .search-box .tag-wrp {
		max-height: 100vh;
		max-height: 90vh;
		padding-right: 1.5em;
		overflow: auto;
		margin: 0 auto;
		padding-bottom: 2em;
		justify-content: space-between;
	}

	.search-box-wrp .search-box .tag-wrp::after {
		display: none;
	}

	.search-box-wrp .search-box .tag-wrp .taglink {
		font-size: .7em;
		line-height: 1.5em;
		text-align: left;
		padding: 1em .5em;
		border-bottom: 1px solid #333;
		border-left: 1px solid #333;
		width: 50%;
		display: flex;
		justify-content: space-between;
	}

	.search-box-wrp .search-box .tag-wrp .taglink span.en {
		width: 1.6em;
		height: 1.6em;
		font-size: .9em;
	}

	.search-box-wrp .search-box .tag-wrp .taglink:hover {
		background-color: #333;
	}

	.search-box-wrp .search-box .tag-wrp .taglink:nth-child(2n) {
		border-right: 1px solid #333;
	}

	.search-box-wrp .search-box .tag-wrp .taglink:nth-child(-n+2) {
		border-top: 1px solid #333;
	}

	.search-box-wrp .search-box .tag-wrp .taglink:last-child {
		border-right: 1px solid #333;
	}

	.search-box a.arrow::before {
		content: '';
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		width: 6px;
		height: 6px;
		display: inline-block;
		margin-right: 1em;
		transform: rotate(45deg);
	}

	.search-box .co::before {
		content: '';
		display: inline-block;
		width: 36px;
		height: 36px;
		margin-right: 10px;
		margin-bottom: .75em;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
		border-radius: 100%;
	}


	.site-hd {
		width: 100%;
		margin-bottom: 0px;
		position: relative;
		padding: 30px;
		height: auto;
	}

	.mainimg {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
		width: 100%;
		height: 100%;
	}

	.mainimg img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	.hdtitle {
		display: block;
		margin: 0 auto .5em;
		color: #000;
	}

	.hdtitle img {
		display: block;
		width: auto;
		height: 90px;
		margin: 0 auto;
	}

	.cat .site-hd .hdtitle img,
	.theme .site-hd .hdtitle img,
	.tag .site-hd .hdtitle img,
	.movie .site-hd .hdtitle img {
		height: 24px;
	}

	.site-description {
		font-size: .8em;
		padding-left: .25em;
	}

	.site-description .br {
		display: block;
		padding-left: .75em;
	}

	.search {
		padding: 1em .25em;
	}

	.co-inner {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 0 10px;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}

	.co-wrp {
		width: 100%;
	}

	.backtotop {
		width: 200px;
		margin: 0 auto 20px;
	}

	/* new movie */
	.ch-title-wrp .ch-title {
		font-size: 1.4em;
	}

	.index-new {
		width: 100%;
		margin: 0 auto;
		padding: 20px 0 0;
	}

	.index .index-new .list {
		width: 100%;
	}

	.index .index-new .list .entry {
		width: 100%;
	}

	.index .index-new .list::after {
		display: none;
	}

	/* top category */
	#livingchannel .category-list .column-3{
		width:32.5%;
		padding-bottom: 1em;
	}
	#livingchannel .category-list .column-3 figure.thumb {
		padding-bottom: 60%;
	}
	.category-list h3 {
		font-size: .95em;
		padding: 1.75em .5em 0;
	}

	.category-list h3::before {
		content: '';
		display: block;
		width: 2.8em;
		height: 2.8em;
		top: -2.2em;
		left: calc(50% - 1.4em);
	}

	.category-list .column-2 {
		margin-top: 1%;
		margin-bottom: 1%;
	}

	#livingchannel .category-list .column-2 figure.thumb {
		display: block;
		width: 100%;
		padding-bottom: 36%;
		margin-bottom: 0;
		position: relative;
		overflow: hidden;
	}

	.category-list .column-2 h3.noicon {
		font-size: 1.1em;
		padding-top: 1em;
		padding-bottom: 1em;
	}

	.bizicon {
		display: none;
	}

	.other-link {
		margin-top: 2em;
	}

	/* movie list in left*/
	.co-left {
		width: 100%;
		margin: 0;
		border-right: none;
	}

	.index .co-left {
		width: 100%;
		border-right: none;

	}

	.co-left .co-left-inner {
		width: 100%;
		padding: 20px 10px;
	}

	.index .co-left .co-left-inner {
		padding: 20px 0px;
		width: 100%;
		margin: 0 auto;
	}

	.co-right {
		width: 100%;
	}

	.co-right .co-right-inner {
		padding: 0 10px 20px;
	}

	.title-wrp {
		width: 100%;
		display: flex;
		align-items: center;
		justify-content: flex-start;
	}

	.index .title-wrp {
		margin-bottom: 15px;
	}
	#livingchannel.index .co-title {
		font-size: 1.05em;
		letter-spacing: 0em;
	}
	#livingchannel:not(.index) .co-title {
		display: block;
		font-size: 1em;
/*        letter-spacing: .025em;*/
		font-weight: bold;
		position: relative;
	}

	#livingchannel:not(.index) .co-title.tag-res .label{
		font-size:.8em;
	}
	#livingchannel:not(.index) .co-title.cat::before{
		display: block;
		margin: 1em auto;
		border:1px solid #ccc;
		width:3em;
		height: 3em;
		border-radius: 100%;
		overflow: hidden;
		background-size:60%;
	}

	#livingchannel:not(.index) .co-title.entry-theme {
		display: inline-block;
		font-size: .8em;
	}

	#livingchannel:not(.index) .co-left .title-wrp{
		margin-top: 10px;
		margin-bottom: 10px;
/*        display: block;*/
		text-align: center;
		justify-content: center;
	}
	#livingchannel:not(.index).theme .co-left .title-wrp{
		margin-bottom: 30px;
	}
	#livingchannel:not(.index).tag .co-left .title-wrp{
		margin-bottom: 30px;
	}
	#livingchannel:not(.index) .co-left .cat-title-link-wrp{
		width:100%;
		display: block;
		margin: auto;
	}
	#livingchannel:not(.index) .co-left .cat-title-link-wrp.w2{
		width:49%;
		display: block;
		margin: auto;
		font-size:.86em;
	}

	#livingchannel:not(.index) .co-left .title-wrp .co-title {
		font-weight: normal;
		font-size: 1.05em;
		line-height: 1.3;
		text-align: center;
		margin: 0;
	}

	.tag .co-left .title-wrp .co-title {
		margin: .5em 0 1em;
	}

	#livingchannel:not(.index) .logo {
		display: block;
		width: 100%;
		height: 30px;
		margin-right: 0;
		margin-top: -2px;
		margin-bottom: 10px;
		text-align: center;
	}


	.co-left .lead {
		display: inline-block;
		font-size: .8em;
		line-height: 1.8em;
	}

	.co-left .lead a {
		color: #0955be;
		position: relative;
		display: inline-block;
		padding-right: 1.5em;
	}

	.co-left .list-btn {
		display: inline-block;
		width: auto;
		font-size: .7em;
		line-height: 1.8em;
		font-weight: normal;
		padding: .2em 2.5em .2em 1em;
		vertical-align: middle;
		background-color: #fff;
		border: 1px solid #ccc;
		border-radius: 2em;
		margin-left: auto;
		color: #222;
		position: relative;
	}

	.co-left .list-btn:hover {
		background-color: #222;
		color: #fff;
		text-decoration: none;
	}

	.list {
		width: 100%;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		margin-bottom: 20px;
	}

	.list::after {
		content: '';
		display: block;
		width: 48%;
		height: 0;
		order: 1;
	}

	.index .list::after {
		content: '';
		display: none;
	}

	.list .entry {
		display: block;
		width: 48%;
		margin-bottom: 10px;
		background-color: #fff;
		position: relative;
	}

	.index .list .entry {
		width: 48%;
	}

	.list .entry .entrybox {
		display: block;
		position: relative;
		width: 100%;
		height: 100%;
		overflow: hidden;
		z-index: 0;
		border: 1px solid #ddd;
		/*    border-radius: 4px;*/
		transition: border .5s ease;
	}

	.list .entry .entrybox:hover {
		text-decoration: none;
		/*	opacity:0.7;*/
		border: 1px solid #444;
	}

	.list .entry .entry-inner {
		display: flex;
		width: 100%;
		flex-wrap: wrap;
		align-content: space-between;
		align-items: center;
		padding: 0 10px 10px;
	}

	.list .entry .entry-meta {
		width: 100%;
		margin-bottom: .5em;
	}

	/*white icon for navi*/
	.sub-navi .cat .br {
		display: block;
		padding-right: 1em;
	}

	.sub-navi .cat::before {
		content: '';
		display: block;
		width: 30px;
		height: 30px;
		margin: 0 auto 20px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.sub-navi .cat.l2::before {
		margin: 0 auto 10px;
	}

	.search-list .cat::before {
		content: '';
		display: inline-block;
		width: 20px;
		height: 20px;
		margin-right: 10px;
		margin-bottom: -4px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: contain;
	}

	.new {
		display: inline-block;
		font-size: .7em;
		padding: .3em .5em;
		background-color: #c00;
		color: #fff;
		font-family: 'Barlow', sans-serif;
		margin-right: .5em;
		position: absolute;
		top: 0;
		left: 15px;
		z-index: 2;
	}

	.ctime {
		display: inline-block;
		padding: .25em 0;
		font-size: .9em;
		color: #555;
		font-family: 'Barlow', sans-serif;
	}

	.list .entry .thumb {
		margin-bottom: 10px;
	}

	.entry-title {
		font-size: .7em;
	}


	.list .entry .tag-wrp {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		max-height: 44px;
		overflow: hidden;
	}

	.list .entry .tag {
		font-size: .5em;
		padding: .5em .7em;
	}

	.list .entry .tag:hover {
		background-color: #000;
		color: #fff;
	}

	/* movie */
	.co-wrp.movie iframe {
	}

	.co-wrp.movie .co-title.cat {
		font-size: 1.2em;
		font-weight: normal;
		color: #222;
		margin-bottom: 0;
	}

	.co-wrp.movie .co-title.theme {
		font-size: .8em;
		line-height: 1.5em;
		color: #555;
	}

	.co-wrp.movie .entry-title {
		display: block;
		width: 100%;
		font-size: 1.05em;
		/*    color:#4f5967;*/
		color: #222;
		padding: .5em 0 0;
	}

	.co-wrp.movie .tag-wrp {
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		max-height: auto;
		margin: 40px 0;
		overflow: auto;
		border-top: 1px solid #ddd;
		padding: 1em 0;
	}

	.co-wrp.movie .tag {
		font-size: .75em;
		display: inline-block;
		margin-right: .5em;
		background-color: #f1f1f1;
		border-radius: 1em;
		padding: .5em 1em;
		margin-bottom: .75em;
		color: #000;
	}

	.co-wrp.movie .tag:hover {
		background-color: #000;
		color: #fff;
	}

	/*right side contents*/
	.co-right .entry-wrp {
		margin: 10px 0;
	}

	.co-right .entry-wrp .title {
		font-size: 1em;
		font-weight: bold;
		display: block;
		margin-bottom: 1em;
		border-bottom: 1px solid #222;
		padding-bottom: .5em;
	}

	.co-right .entry-wrp entry,
	.co-right .entry-wrp li {
		width: 100%;
		padding: 0;
		margin-bottom: .5em;
		/*    font-size:0.9em;*/
	}

	.co-right .entry-wrp a {
		display: flex;
		justify-content: space-between;
		width: 100%;
		position: relative;
	}

	.co-right .entry-wrp .thumb {
		width: 50%;
		padding-bottom: 27%;
		position: relative;
		border: 1px solid #ddd;
		margin-bottom: 5px;
	}

	.co-right .entry-wrp .thumb figure {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}

	.co-right .entry-wrp .thumb figure img {
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

	/*
.co-right .entry-wrp .ctime{
	display: block;
	font-size:0.8em !important;
	margin-bottom: .25em;
}
*/
	.co-right .entry-wrp .cat {
		/*
	display: block;
	font-size:0.8em;
	padding:3px 0 0;
*/
		display: none;
	}

	.co-right .entry-wrp .cat::before {
		display: none;
	}

	.co-right .entry-wrp .txt-wrp {
		width: 47%;
	}

	.co-right .entry-wrp .entry-title {
		font-size: .76em;
		min-height: auto;
	}

	.co-right .entry-wrp .tag-wrp {
		display: none;
	}

	.rcontents {
		display: block;
		width: 100%;
		margin-bottom: 15px;
		display: flex;
		justify-content: space-between;
		padding: 10px;
		background-color: #fff;
		box-shadow: 0 0 3px rgba(0, 0, 0, .4);
		border-radius: 4px;
		position: relative;
	}

	.rcontents.new::after {
		content: 'NEW';
		position: absolute;
		top: 0;
		right: 1em;
		z-index: 4;
		display: inline-block;
		font-size: .8em;
		padding: .3em .5em;
		background-color: #c00;
		color: #fff;
		font-family: 'Barlow', sans-serif;
	}

	.rcontents .co-title {
		font-size: .9em;
		margin: 0 0 .5em;
		font-weight: bold;
	}

	.rcontents .co-subtitle {
		font-size: .8em;
		font-weight: normal;
	}

	.taglist {
		padding: 20px 0;
	}

	.taglist .co-subtitle {
		display: block;
		font-size: .8em;
		font-weight: normal;
	}

	.co-right .tag-wrp {
		justify-content: flex-start;
		align-items: center;
	}

	.co-right .taglist-title-wrp {
		justify-content: space-between;
		margin-bottom: 20px;
	}

	.co-right .taglist-title-wrp .tagall {
		font-size: .7em;
		line-height: 1.5em;
		vertical-align: middle;
		display: block;
	}

	.co-right .tag-wrp a {
		color: #0955be;
		padding: .2em 1em;
		border: 1px solid #ccc;
		border-radius: 2em;
		font-size: .6em;
		font-weight: normal;
		line-height: 1.5em;
		vertical-align: middle;
		margin-right: .5em;
		margin-bottom: .75em;
		background-color: #fff;
	}

	.co-right .tag-wrp a.on {
		display: block;
	}

	.co-right .tag-wrp a.off {
		display: none;
	}

	.co-right .tag-wrp a.large {
		font-size: .8em;
		line-height: 1.6em;
		background-color: #f2f2f2;
		border-color: #0955be;
	}

	.share-wrp {
		margin: 0 auto 40px;
		text-align: center;
	}
}