@charset "utf-8";
/* CSS Document */

/*--------------------------------------------------------------------------------------------------------------
                                                        reset
--------------------------------------------------------------------------------------------------------------*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, form,
dl, dt, dd, ol, ul, li,
fieldset, legend,
table, caption, tbody, tfoot, thead, tr, th,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
em{ font-style:normal;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section,main {
	display:block;
}
nav ul {
	list-style:none;
}
blockquote, q {
	quotes:none;
}
blockquote{
	padding-left: 2.5em;
}
table{
	border-collapse: collapse;
	width: 100%;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}
a{
	text-decoration: none;
	color: rgba(60,154,223,1);
}
a:hover{
	color: rgba(0,128,189,1);
}
p{
	padding-bottom: 1em;
}
/*input{-webkit-appearance: none;}*/
h3{
	padding-bottom: 0.8em;
	font-weight: normal;
}
ul li{
	list-style-type: none;
	color: rgba(88,88,88,1);
}
blockquote{ padding:0 0 0 30px;}

/*--------------------------------------------------------------------------------------------------------------
                                                        BASIC
--------------------------------------------------------------------------------------------------------------*/
body{
	margin: 0;
	padding: 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1em;
}
.contents {
	width: 100%;
	height: 100vh;
	padding: 0;
	margin: 0;
	background: #FFF;
}
main{}
.unit{}
.unit.unit01{
	background-color: rgba(242,242,242,1);
	padding: 5px 0;
	margin-top: 120px;
}
.unit.unit02{
	padding: 50px 0;
}
.unit.unit03{}
.unit.unit04{}
.unit.unit05{}
.inner{
	width: 1000px;
	margin: 0 auto;
}
.inner p{
	color: rgba(88,88,88,1);
	line-height: 1.85em;
}
p.mincho-l{
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	font-size: 24px;
	text-align: center;
	padding: 0 0 3em;
}
h2{
	font-weight: normal;
	text-align: center;
}
#top-en h2.wideh2,#top-ja h2.wideh2{
	padding: 160px 0 50px;
	font-family: Quicksand, sans-serif;
	font-size: 38px;
}
h2.wideh2{
	padding: 100px 0 40px;
}
h2.colorh2{
	padding: 0 0 1em 0;
	font-size: 22px;
	font-weight: bold;
	color: rgba(92,173,214,1);
}

h2.wideh2__b{
	padding: 130px 0 100px;
	border: 1px solid #666;
	border-radius: 20px;
	margin-top: 50px;
}
h2.wideh2__b:after{
	content:'（仮）デザイン及びコーディング、レイアウト調整中';
	display:block;
	font-size:60%;
	color:rgba(204,102,102,1);
}


h2.nallowh2{
	padding: 80px 0 50px;
}
h2.newsh2{
	padding: 80px 0 10px;
	float: left;
	width: 749px;
	display: block;
}
a.btn-a{
	border: rgba(60,154,223,1) 1px solid;
	padding: 3px 10px;
	border-radius: 5px;
	font-size: 14px;
	transition:ease 0.4s;
}
a.btn-a:hover{
	border: rgba(60,154,223,1) 1px solid;
	background-color:rgba(60,154,223,1);
	color:rgba(255,255,255,1);
}
a.btn-a[target="_blank"]:after{
	content:'\ea7e';
	font-family:'icomoon';
	padding-left:0.5em;
}
/*---------------------------------------------------------------------------------------header -*/
.header{
	position: fixed;
	width: 100%;
	height: 76px;
	background: url(../images/header.png) repeat-x -4px center;
	top: 0px;
	transition: all .3s;
	z-index: 1000;
}
.header-inner{
	width: 1000px;
	margin: 0 auto;
	display: block;
	position: relative;
}
.header-logo{
	width: 140px;
	padding: 20px 8px 20px;
	background-color: rgba(0,0,0,1);
	position: absolute;
	border-bottom: #C30 3px solid;
	transition: ease .3s;
}
.header-logo.fixed{
	width: 130px;
	padding: 9px 8px;
	background-color: rgba(0,0,0,.8);
	border-bottom: #C30 3px solid;
}
#ssfflogo{fill:#FFF;}
.header-box{
	height: 600px;
}

/*-------------------scrool-down*/
.scroll a{
	position: absolute;
	top: 480px;
	left: 49%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	font-size: 11px;
	opacity: 0.7;
	color: #fff;
}
.scroll a span {
	position: absolute;
	top: 0px;
	left: 50%;
	width: 24px;
	height: 24px;
	margin-left: -12px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-animation: sdb 2.5s infinite;
	animation: sdb 2.5s infinite;
	box-sizing: border-box;
	cursor: pointer;
}
/*.scroll a:hover{ opacity:1;}*/
@-webkit-keyframes sdb {
 0% { -webkit-transform: rotate(-45deg) translate(0, 0); opacity: 0;}
 50% { opacity: 1;}
 100% { -webkit-transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}
}
@keyframes sdb {
 0% { transform: rotate(-45deg) translate(0, 0); opacity: 0;}
 50% {opacity: 1;}
 100% { transform: rotate(-45deg) translate(-20px, 20px); opacity: 0;}
}
/*------------------------------------------------------------------------------------------------------------LOGO -*/
#logo{
	stroke: #eee;
	stroke-width: 0.5px;
	fill: transparent;
	stroke-dasharray: 980px;
	stroke-dashoffset: 980px;
	animation: anim 4.5s ease-in 1s forwards;
}
@keyframes anim{
0%{stroke-dashoffset:980px;}
30%{fill:transparent;}
60%{stroke-dashoffset:0;}
100%{stroke-dashoffset:0; fill:#eee;}
}
.frame-logo{
	width: 500px;
	height: 140px;
	margin: 0 auto 10px;
	padding: 150px 0 0 0;
}

.lang{
	font-size: 14px;
	float: right;
	width: 110px;
}
.lang1,.lang2{
	padding:6px;
}
.lang1 a,.lang2 a{
	border: 1px solid #fff;
	width: 15px;
	height: 15px;
	text-align: left;
	display: inline-block;
	padding: 8px 9px 8px 7px;
	border-radius: 50%;
	line-height: 1.1em;
	color: #999;
}
.lang2 a{	padding: 8px 10px 8px 6px;}
.lang1.av a,.lang2.av a{border: 1px solid #ccc; background-color:#ccc; color:#fff;}
.lang1 a:hover,.lang2 a:hover{
	border: 1px solid #E3E3E3;
	background-color: #E3E3E3;
	color: #fff;
}
.lang1{border-right:1px solid #ccc;}

/*.player-wrap{
	width: 100%;
	height: 75vh;
	position: relative;
	margin: 20px auto 0;
	overflow: hidden;
}
#head{
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
}
*/
.messe{	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;}
h1.toplogo-copy{
	opacity: 0;
	margin: 0px 0 12px 0;
	color: rgba(255,255,255,1);
	font-size: 32px;
	text-align: center;
	padding: 13px 0 10px;
}
#top-en .toplogo-copy{
	opacity: 0;
	margin: 0px -50px 12px;
	color: rgba(255,255,255,1);
	font-size: 22px;
	text-align: center;
	padding: 20px 0 10px;
}
p.toplogo-p{
	font-size: 16px;
	text-align: center;
	width: 90%;
	margin: 60px auto -60px;
}
#top-ja .main-image{
	width: 100%;
	height: 600px;
	background-image: url(../images/toppage/top-images01.jpg);
	background-size: cover;
}
#top-en .main-image{
	width: 100%;
	height: 600px;
	background-image: url(../images/toppage/top-images02.jpg);
	background-size:cover;
}
.set665{
	height: 600px;
	width: 100%;
	background-image: url(../images/common/each_head.png);
	pointer-events: none;
}
#top-ja .main-image2,#top-en .main-image2{
	width: 100%;
	height: 600px;
	background-size: cover;
}


/*------------------------------------------------------------------------------------------------------ slider-*/

.bxslider {
	overflow: hidden;
	position: relative;
	width: 100%;
	height: 330px;
}
.bxslider li{
	width: 640px;
}
.bxslider li img{
	width:100%;
	height:auto;
	margin-bottom: 10px;
	float: left;
	display: block;
}
.slideinner{
	position: relative;
	left: 50%;
	width: 2220px;
	margin-left: -1110px;
	height: 330px;
	overflow: hidden;
	padding-bottom:
}
.bx-wrapper {
 margin:0 auto;
 position:relative;
}
.bx-wrapper .bx-pager {
 margin:0 auto;
 width:1000px;
 background:#fff;
}
.bx-wrapper .bx-prev {
 left:655px;
}
.bx-wrapper .bx-next {
 right:655px;
}
.bx-wrapper .bx-prev:before {
	content:'\f137';
	font-family:'icomoon';
	font-size:36px;
}
.bx-wrapper .bx-next:before {
	content:'\f138';
	font-family:'icomoon';
	font-size:36px;
}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {
	color:rgba(255,255,255,1);
	text-decoration:none;
}
.bx-wrapper .bx-controls-direction a {
 position:absolute;
 top:170px;
 outline:0;
 width:32px;
 height:32px;
 z-index:19;
	color:rgba(255,255,255,.7);
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
 background:#000;
}
.bxslider ul li{opacity:0.3;}
.bxslider ul li.active{ opacity:1 !important;}
/*---------------------------------------------------------------------------------------------------bxnews*/
.swiper-wrapper{
	height: 500px;
	margin: 0 0 0 -10px;
	width: 100%;
	/* [disabled]overflow: hidden; */
}
.swiper-slide{
	height: 500px;
	width: 330px !important;
}
.swiper-slide a{ color:rgba(153,153,153,1);}
.swiper-slide a:hover{opacity:.7;}
.swiper-slide-inner{
	padding: 15px 15px;
	position: relative;
}
.swiper-slide-img{
	width: 100%;
	height: 178px;
	display: block;
	border: rgba(216,216,216,1) 1px solid;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: rgba(242,242,242,1);
}
.news_new{
	position: absolute;
}
.swiper-slide-img img{ width:100%; height:100%; object-fit: cover;}
a .swiper-slide-date{
	font-size: 12px;
	display: inline-block;
	line-height: 1em;
	border-left: 1px solid #ccc;
	padding: 7px 0 5px 5px;
}
#top-ja a .swiper-slide-date,
#top-en a .swiper-slide-date{
	border-left: none;
	padding: 7px 0 5px 0px;
}

.swiper-slide-txt{ font-size:14px;}

.swiper-custom-button{
	background-image: none !important;
	background: none;
	color: rgba(171,171,171,.5);
	font-size: 36px;
	text-align: center;
	width: 24px !important;
	height: 64px !important;
	line-height: 64px;
	position: absolute; 
}
.swiper-custom-parent{
  border: 1px solid #ccc;
  margin: 100px 100px 0;
  width: 800px;
  position: relative;
}
.swiper-container{
}
.swiper-button-prev{
	left: 10px;
	top: -200px;
}
.swiper-button-next{
	right: -25px;
	top: -200px;
}
.slide-con{
	height: 40px;
	width: 1020px;
	margin: 0 -40px;
	position: relative;
}
.swiper-container{
	margin: 0 auto;
	height: 300px;
	width: 1000px !important;
}
.swiper-custom-parent{
	margin: 0 100px;
}

/*------------------------------------------------------------------------------------------- Project*/
.project-top{
	padding: 80px 0 20px;
	margin-right: -50px
}
.project-topbox{
	width: 290px;
	float: left;
	margin: 0 50px 50px 0;
	font-size: 14px;
	clear: right;
	height: 230px;
}
a .project-topbox{
	color:rgba(102,102,102,1);
	transition:ease .3s;
}
a .project-topbox:hover{
	opacity:.6;
}
.project-topbox-img{
	width: 100%;
	height: 170px;
	display: block;
	overflow: hidden;
	margin: 0 0 5px 0;
	border: rgba(216,216,216,1) 1px solid;
}
.project-topbox-img img{width:100%; height:100%;	object-fit: cover;}

/*----------------------------------------------------------------------------------------------Footer*/
.footer{
	background-image: url(../images/common/footer.png);
	background-repeat:repeat-x;
	background-position:center 90px;
}
.foot-logo{
	width: 100px;
	height: 50px;
	display: block;
	margin: 0 auto;
}
.copy{
	text-align: center;
	color: rgba(217,217,217,1);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 5px;
	padding: 5px 0 40px;
}
.pagetop a {
	position: absolute;
	display: block;
	width: 40px;
	height: 30px;
	padding: 5px 0 5px;
	right: 0px;
	top: 0px;
	background-color: rgba(153,153,153,.5);
	cursor: pointer;
	text-align: center;
	border-radius: 4px;
	transition: ease-in 0.1s;
}
.pagetop a:hover{
	background-color: rgba(181,17,17,1);
	padding: 3px 0 7px;
	top: -5px;
}
.pagetop a span{color:rgba(255,255,255,1); font-size:32px;}

.foot-nav{
	height: 230px;
	padding: 30px 0 0 0;
}
.foot-nav ul{
	width: 33%;
	float: left;
}
.foot-nav ul li{
	color: rgba(204,204,204,1);
	font-size: 14px;
	display: block;
	padding-top: 5px;
}
.foot-nav ul li a{
	color: rgba(191,191,191,1);
}
.foot-nav ul li ul{ width:100%;}
.foot-nav ul li ul li{
	padding-left: 0px;
	display: block;
	padding-top: 0px;
	font-size: 13px;
}
.foot-nav ul li ul li:before{
	content:'\f105';
	font-family:'icomoon';
}
.foot-nav ul li ul li.social:before{	content:none;}
.foot-nav ul li a:hover{
	color: rgba(0,153,204,1);
}

.readmore{
	font-size: 21px;
	display: block;
	width: 160px;
	margin: 0 auto 60px;
	text-align: center;
}
.readmore a{
	text-align: center;
	color: rgba(51,51,51,1);
	border-bottom: 1px solid rgba(51,51,51,1);
	transition:ease 0.4s;
	font-family: 'Quicksand', sans-serif;
}
.readmore a:hover{
	padding: 5px 10px;
	background-color: rgba(170,17,17,1);
	color: rgba(255,255,255,1);
	border-bottom-color: rgba(170,17,17,1);
}
/*--------------------------------------------------------------------------------------------footlogo*/
.footlogo{
	background-image: url(../images/common/footlogo.png);
	padding: 20px 0;
}
.foot_log a{
	float: left;
	height: 70px;
	margin-right: 25px;
}
.foot_log a img{ opacity:0;	transition: ease 0.4s;}
.foot01 a{
	width: 125px;
	background-image: url(../images/common/logos_01.png);
	background-repeat:no-repeat;
}
.foot02 a{
	width: 78px;
	background-image: url(../images/common/logos_02.png);
	background-repeat:no-repeat;
}
.foot03 a{
	width: 83px;
	background-image: url(../images/common/logos_03.png);
	background-repeat:no-repeat;
}
.foot04 a{
	width: 100px;
	background-image: url(../images/common/logos_04.png);
	background-position: center right;
	background-repeat:no-repeat;
}
.foot05 a{
	width: 128px;
	background-image: url(../images/common/logos_05.png);
	background-repeat:no-repeat;
}
.foot06 a{
	width: 102px;
	background-image: url(../images/common/logos_06.png);
	background-repeat:no-repeat;
}
.foot07 a{
	width: 116px;
	background-image: url(../images/common/logos_07.png);
	background-repeat:no-repeat;
}
.foot08 a{
	width: 83px;
	background-image: url(../images/common/logos_08.png);
	background-repeat:no-repeat;
	margin-right:0;
}
.foot_log a:hover img{ opacity:1;}

/* --------------------------------------------------- checkbox */
.check {
	display: none;
}

/* --------------------------------------------------- PC menu */

.check,.menu-btn,.close-menu{ display:none;}
.drawer-menu{
	position: absolute;
	right: -10px;
	top: 9px;
	width: 810px;
	z-index: 1001;
	display: block;
}
.drawer-menu ul{
	display: block;
	width: 690px;
	float: left;
}
.drawer-menu ul li a{
	padding:5px 0 0;
	margin-right:15px;
	display: inline-block;
	float: left;
	font-size:14px;
	color:rgba(51,51,51,1);
}
.drawer-menu ul li a:hover{
	color: rgba(0,153,204,1);
	border-bottom: 1px dotted rgba(0,153,204,1);
}
.drawer-menu ul.submenu{
	position: absolute;
	top: 38px;
	display:none;
}
.drawer-menu ul li.sub a:after{
	content:'\f107';
	font-family:'icomoon';
	position:relative;
	margin-left:3px;
	font-size:16px;
}
.drawer-menu ul.submenu li a{
	font-size:14px;
	margin-right:15px;
}
.drawer-menu ul.submenu li a:after{
	content:none;
}
.drawer-menu ul.social{
	position: absolute;
	top: 38px;
	left: 690px;
	width:130px;
}
.drawer-menu ul.social li a{
	color: rgba(255,255,255,1);
	font-size: 24px;
	padding: 0 5px 0 0;
	margin: 0;
}
.drawer-menu ul.social li a:hover{
	color: rgba(102,102,102,1);
	border: none;
}
/*-----------------------------------------------------------------------------------------------------□□□1-*/
.must_upper{
	padding: 2px 0;
	width: 830px;
	margin: 0 auto;
	display: flex;
	justify-content:center;
	flex-wrap: nowrap;
}

.must_box{
	width: 260px;
	margin-right: 2.5%;
	transition: ease 0.4s;
	text-align: center;
	font-size: 13px;
}
#top-en .must_box{
	font-size:12px;
}
.must_box:last-child{	margin-right:0;}
.must_btn05,.must_btn06,.must_btn07,.must_btn08{
	height: 150px;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	border: #fff 3px solid;
	box-sizing: border-box;
	margin-bottom:5px;
}
.must_btn05{
	background: url(../images/toppage/top-link02-e.jpg) no-repeat center #fff;
	background-size: cover;
}
.must_btn06{
	background: url(../images/toppage/top-link01-1.png) no-repeat center;
	background-size: cover;
}
.must_btn07{
	background: url(../images/toppage/top-link03.jpg) no-repeat center;
	background-size: cover;
}
.must_btn08{
	background: url(../images/toppage/top-link04.jpg) no-repeat center;
	background-size: cover;
}
.must_btn05:hover,.must_btn06:hover,.must_btn07:hover,.must_btn08:hover{
	opacity: 0.7;

}
.must_btn05 img,.must_btn06 img,.must_btn07 img{}

/*--------------------------------------------------------------------------------------------------------□□□2-*/
.must{}
.must_btn01,.must_btn02,.must_btn03,.must_btn04{
	width: 25%;
	float: left;
	color: rgba(255,255,255,1);
	text-align: center;
	padding: 45px 0;
	font-size: 10px;
	line-height: 2.4em;
	transition:ease 0.2s;
}
.must_btn01 span,.must_btn02 span,.must_btn03 span,.must_btn04 span{
	font-size: 48px;
}
.must_btn01 strong,.must_btn02 strong,.must_btn03 strong,.must_btn04 strong{
	font-size: 14px;
	display: block;
	font-weight: normal;
	padding: 0;
	line-height: 1em;
}
.must_btn01{
	background-color: #848484;
}
.must_btn01:hover{
	background-color: rgba(0,153,153,1);
}
.must_btn02{
	background-color: #6c6c6c;
}
.must_btn02:hover{
	background-color: rgba(204,51,51,1);
}
.must_btn03{
	background-color: #7b7b7b;
}
.must_btn03:hover{
	background-color: rgba(153,204,0,1);
}
.must_btn04{
	background-color: #919191;
}
.must_btn04:hover{
	background-color: rgba(51,204,153,1);
}
/*-------------------------------------------------------------------------------------------------------TRACE PASS-*/

.trace{
	padding: 5px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 40px 0 10px;
	font-size: 12px;
	color: rgba(134,134,134,1);
}
.trace a{
	color: rgba(108,163,183,1);
}
.trace a:hover{
	color: rgba(0,102,204,1);
}
.trace a:after{
	content:' / ';
}

/*--------------------------------------------------------------------------------------------------------------
                                                       ARCIVES
--------------------------------------------------------------------------------------------------------------*/
.archive-era{
	font-size: 48px;
	display: block;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(51,51,51,0.7);
	text-align: center;
	margin: 50px auto 20px;
	font-weight: bold;
	clear: both;
	line-height: 1em;
}
.tube{
	float: right;
	padding: 15px;
}

.archlist{
	padding-bottom: 25px;
	color:#666666;
	font-size:10px;
	margin-top: 5px;
	border-bottom: 1px dotted #e9e9e9;
}
.archlist p{ }

.archlist a img{ border: #e9e9e9 1px solid; }
.archlist a:hover img{ border: #666 1px solid; 
}
.arch-photo{
	/* [disabled]min-width: 360px; */
	/* [disabled]background-image: url(../images_2015/archives/arch-photo.png); */
	/* [disabled]background-repeat: no-repeat; */
	background-position: 0px 0px;
	border: 1px solid #CECECE;
	display: block;
	padding: 10px 5px 10px 0;
	/* [disabled]font-size: 12px; */
}
.arch-photo:hover{
	box-shadow: 1px 2px 3px 0px rgba(153,153,153,.5)
}
.arch-photo.ap1{
	margin: 0 auto 15px;
	border-radius: 5px;
}
.arch-photo.ap1 a{
	color: rgba(51,51,51,1);
}
.arch-photo.ap2{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap3{
	position: absolute;
	right: 0px;
	top: 0px;
	width: 310px;
}
.arch-photo.ap4{
	position: absolute;
	right: 179px;
	top: 196px;
	width: 380px;
}
.arch-photo img{
	width: 180px;
	margin: 5px 30px 5px 19px;
	float: left;
	height: auto;
}
.arch-photo-end{
	width: 160px;
	float: left;
	background-position: center 22px;
	background-repeat: no-repeat;
}
.arch-photo-end img{
	width: 120px;
	margin: 10px 0 15px 19px;
}
.gallery-date{
	padding: 5px 0 10px 0px;
	font-size: 18px;
	display: block;
	font-family: Quicksand, sans-serif;
}
.archive-unit{
	position: relative;
	min-height: 180px;
}
.archive-unit.height300{
	min-height: 360px;
}
.archive-era{
	font-size: 62px;
	display: block;
	color: rgba(255,255,255,1);
	text-shadow: 0px 0px 4px rgba(51,51,51,0.7);
	text-align: center;
	margin: 50px auto 20px;
	clear: both;
	line-height: 1em;
	font-family: Quicksand, sans-serif;
}
.effect{
	opacity:1;
/*	transform: translate(0,110px);
	-webkit-transform: translate(0,110px);
	transition: 1s;*/
}
.effect.postover{
/*		opacity:1;*/
}
.award-box{
	padding: 0 1em 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: #CECECE 1px solid;
	background-color: rgba(255,255,255,1);
}
.award-box-b{}
.cont-east{
	color: rgba(102,102,102,1);
	padding-bottom: 80px;
}
.img-left{}
.year-icon{}
.ano{}
.cont-east h2{}
.archive-cont h4{
	padding: 0 0 20px 0;
	font-size: 22px;
	font-weight: normal;
	color: rgba(72,158,187,1);
	line-height: 1.3em;
}
.menu-purp{
	background-color: rgba(125,186,206,1);
	color: #fff;
	padding: 5px;
	margin-bottom: 1em;
	font-weight: bold;
}
.archive-cont strong{
	color: rgba(99,172,197,1);
	padding: 3px 10px;
	font-weight: normal;
	border-radius: 18px;
	margin-top: 2em;
	display: inline-block;
	margin-right: 10px;
	border: 1px solid #ccc;
}
.archive-tube{
	display: block;
	width: 45%;
	float: right;
}
.archive-tube iframe{}
.double-tube{
	width: 500px;
	float: left;
	margin-bottom: 20px;
}
.award-fig{
	float: right;
	width: 310px;
	padding-left: 30px;
}
.award-fig img{width:100%; height:auto;}
.award-fig-text{
	float: left;
	width: 410px;
}
.cinema-icon{
	width: 40%;
	padding-bottom: 40px;
}
.youtube{}

.award-box-b{
	padding: 1em 1em 1em 2em;
}
.award-box{
	padding: 1.5em 1em 1em 2em;
	border: 1px solid #ccc;
	border-radius: 18px;
}
.award-box h3{
	font-size: 28px;
	color: rgba(168,130,15,1);
	font-weight: normal;
	text-align: left;
}
.award-box h3 span.ro{
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: rgba(255,255,255,1);
	width: 70px;
	height: 30px;
	padding: 30px 5px 20px;
	background-color: rgba(168,130,15,1);
	border-radius: 50%;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
}
.award-box h3 span.roro{
	display: block;
	font-weight: bold;
	font-size: 12px;
	color: rgba(255,255,255,1);
	width: 90px;
	height: 55px;
	padding: 25px 5px 20px;
	background-color: rgba(168,130,15,1);
	border-radius: 50%;
	float: left;
	text-align: center;
	margin: 0 5px 0 0;
}
.award-box h3 span.sc{
	display: block;
	font-size: 12px;
	width: 200px;
	padding: 5px;
	border: rgba(168,130,15,1) 1px solid;
	margin: 5px 0 0 120px;
	text-align: center;
}
.award-box em{
	font-style: normal;
	font-size: 85%;
}
.ssff-box{
	padding: 1.5em 1em 1em 2em;
	border: 1px solid #ccc;
	border-radius: 18px;
}
span.note{
	font-size: 85%;
}
.archive-cont{
	padding-bottom: 90px;
}
.archive-cont ul{
	padding: 0 0 3em 2em;
}
.img-left.year-icon img{
	width: 220px;
	height: auto;
}

.img-left{
	float: left;
	margin: 5px 20px 20px 15px;
}
.img-left img{
	display: block;
	vertical-align: text-bottom;
}
.ano{
	padding: 15px;
	border: 1px solid #ccc;
	margin-bottom: 3em;
	border-radius: 10px;
}
.each_head h1{
	display: block;
	width: 1000px;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	padding-top: 140px;
	text-shadow: 1px 1px 3px rgba(0,0,0,1), -1px -1px 3px rgba(0,0,0,1), 0px 0px 2px rgba(0,0,0,1);
	font-weight: normal;
	font-size: 24px;
}
select.archive-select{
	padding: 4px 10px;
	border: #ccc 1px solid;
	border-radius: 15px;
	font-size:16px;
}

img.wideimg{width:100%; height:auto; margin:30px 0;}

/*--------------------------------------------------------------------------------------------------------------
                                                       headdesign
--------------------------------------------------------------------------------------------------------------*/
.each_head{
	height: 260px;
	border-bottom: #c30 3px solid;
}

.head_about{
	background-image:url(../images/common/each_head.png), url(../images/top-images_about.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_streaming{
	background-image:url(../images/common/each_head.png), url(../images/top-streaming.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_creators{
	background-image:url(../images/common/each_head.png), url(../images/top-creators.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
/*-----------------------------------------------------*/
.each_head.call4_red,.each_head.call422_red{
	height: 550px;
	border-bottom: #c30 10px solid;
}
.each_head.call4_green,.each_head.call422_green{
	height: 550px;
	border-bottom: #2ab100 10px solid;
}
.each_head.call4_blue,.each_head.call422_blue{
	height: 550px;
	border-bottom: #32a0fe 10px solid;
}
.each_head.call4_yellow,.each_head.call422_yellow{
	height: 550px;
	border-bottom: #fdf164 10px solid;
}
.each_head.call4_y-green,.each_head.call422_y-green{
	height: 550px;
	border-bottom: #DFEB50 10px solid;
}
.each_head.call4_orange,.each_head.call422_orange{
	height: 550px;
	border-bottom: #F9CB42 10px solid;
}
.each_head.call4_yellow2021,.each_head.call422_yellow2021{
	height: 550px;
	border-bottom: #ffe148 10px solid;
}
.each_head.call4_pink,.each_head.call422_pink{
	height: 550px;
	border-bottom: #F3A0D9 10px solid;
}
.each_head.call4_gray,.each_head.call422_gray{
	height: 550px;
	border-bottom: #8b8b8b 10px solid;
}
.each_head.call4_vio,.each_head.call422_vio{
	height: 550px;
	border-bottom: #974ac8 10px solid;
}
.head_call4{
	background-image:url(../images/common/each_head.png), url(../images/top-call4.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_call4_am{
	background-image:url(../images/common/each_head.png), url(../images/top-call4_am.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.each_head.call4_red h1,
.each_head.call4_vio h1,
.each_head.call4_gray h1,
.each_head.call4_yellow h1,
.each_head.call4_yellow2021 h1,
.each_head.call4_pink h1,
.each_head.call4_y-green h1,
.each_head.call4_orange h1,
.each_head.call4_blue h1,
.each_head.call4_green h1{
	display: block;
	width: 1000px;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	padding-top: 320px;
	background: url(../images/call4/call_for_logo_2022.png) no-repeat center bottom;
	background-size: 140px;
	text-indent:-120%;
	overflow:hidden;
	white-space:nowrap;
}
img.right-float{
	float: right;
}


/*-----------------------------------------------------2022*/
.each_head.call422_red h1,
.each_head.call422_vio h1,
.each_head.call422_gray h1,
.each_head.call422_yellow h1,
.each_head.call422_yellow2021 h1,
.each_head.call422_pink h1,
.each_head.call422_y-green h1,
.each_head.call422_orange h1,
.each_head.call422_blue h1,
.each_head.call422_green h1{
	display: block;
	width: 1000px;
	margin: 0 auto;
	color: rgba(255,255,255,1);
	padding-top: 320px;
	background: url(../images/call4/call_for_logo_2022.png) no-repeat center bottom;
	background-size: 140px;
	text-indent:-120%;
	overflow:hidden;
	white-space:nowrap;
}

/*-----------------------------------------------------*/

.head_press{
	background-image:url(../images/common/each_head.png), url(../images/top-images_press.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_event{
	background-image:url(../images/common/each_head.png), url(../images/top-images_event.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_project{
	background-image:url(../images/common/each_head.png), url(../images/top-images_project.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center bottom;
	background-size: auto, cover;
}
.head_biz{
	background-image:url(../images/common/each_head.png), url(../images/top-biz.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_other{
	background-image:url(../images/common/each_head.png), url(../images/top-images_intern.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}
.head_news{
	background-image:url(../images/common/each_head.png), url(../images/top-images_news.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}

.head_rec{
	background-image:url(../images/common/each_head.png), url(../images/top-rec.jpg);
	background-repeat:repeat,no-repeat;
	background-position:center top,center;
	background-size: auto, cover;
}



.swipe-cat{
	float:right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color:#fff;
}

/*------------------------------------------------------------------------------------------------
                                                Badge COLOR
-------------------------------------------------------------------------------------------------*/

/*.swipe-join,.swipe-watch{
	float: right;
	display: block;
	width: 70px;
	text-align: center;
	background-color: rgba(153,51,0,1);
	border-radius: 15px;
	font-size: 12px;
	color: rgba(255,255,255,1);
}*/

/*.swipe-en-biz,.swipe-en_event{
	float: right;
	display: block;
	width: 70px;
	text-align: center;
	background-color: rgba(153,51,0,1);
	border-radius: 15px;
	font-size: 12px;
	color: rgba(255,255,255,1);
}*/

.side-cat{
	float:right;
	display: block;
	text-align: center;
	border-radius: 13px;
	font-size: 10px;
	color:#fff;
	padding:1px 8px;
}
.news-cat{
	float: right;
	display: block;
	text-align: center;
	font-size: 12px;
	color: #fff;
	padding:3px 10px;
}
.swipe-cat{
	float:right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color:#fff;
	padding:1px 10px;
}
.press-cat{
	float: right;
	display: block;
	text-align: center;
	border-radius: 15px;
	font-size: 12px;
	color: #fff;
}

.categorystreaming a{color:rgba(148,210,111,1); border:1px solid rgba(148,210,111,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categoryproject a{ color:rgba(186,165,114,1); border:1px solid rgba(186,165,114,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categoryevent a{ color:rgba(198,98,98,1); border:1px solid rgba(198,98,98,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categorycreators a{ color:rgba(148,210,111,1); border:1px solid rgba(148,210,111,1); padding:1px 5px; font-size:14px; border-radius:3px;}

/*.categorystreaming{color:rgba(148,210,111,1); border:1px solid rgba(148,210,111,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categoryproject{ color:rgba(186,165,114,1); border:1px solid rgba(186,165,114,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categoryevent{ color:rgba(198,98,98,1); border:1px solid rgba(198,98,98,1); padding:1px 5px; font-size:14px; border-radius:3px;}
.categorycreators{ color:rgba(148,210,111,1); border:1px solid rgba(148,210,111,1); padding:1px 5px; font-size:14px; border-radius:3px;}*/

.catcreators{
	background-color: rgba(148,210,111,1);
}

.catevent{
	background-color: rgba(198,98,98,1);
}
.catstreaming{
	background-color: rgba(67,151,169,1);
}
.catproject{
	background-color: rgba(186,165,114,1);
}


/*---J*/
.cat-watch,
.cat-filmfestival{
	width: 80px;
	background-color:rgba(210,163,149,1);
}

/*---E*/
.cat-e-biz,
.cate-e-event{

}
/*--------------------------------------------------------------------------------------------------
                                               Each News
---------------------------------------------------------------------------------------------------*/
.category-info{
	margin: 0 0 0 0;
	width: 100%;
	overflow: hidden;
}
.info{
	height: 400px;
	width: 200px;
	float: left;
	margin-right: 65px;
}
.info:nth-child(4n){
	margin-right:0;
}
.info a{ color:rgba(153,153,153,1);}
.info a:hover{opacity:.7;}
.info-inner{
	position: relative;
}
.info-img{
	width: 100%;
	height: 178px;
	display: block;
	border: rgba(216,216,216,1) 1px solid;
	overflow: hidden;
	margin-bottom: 5px;
	background-color: rgba(242,242,242,1);
}
.info_new{
	position: absolute;
}
.info-img img{ width:100%; height:100%; object-fit: cover;}
a .info-txt{
	color: rgba(102,102,102,1);
	font-size:90%;
}
.info-date a{}

/*--------------------------------------------------------------------------------------------------
                                                INQ
---------------------------------------------------------------------------------------------------*/
.inq-box{
	margin: 0 0 60px;
-webkit-appearance: none;
}

.inq-dl{
	margin: 20px 0;
}
.inq-dl dt{
	width: 250px;
	float: left;
	padding: 20px 0;
	clear: left;
	border-top: 1px solid #ccc;
}
.inq-dl dd{
	width: 750px;
	float: left;
	padding: 20px 0;
	border-top: 1px solid #ccc;
}
.inq-dl dd.short-dd{}
.inq-dl dd.text-dd{}

.inq-dl dd input{
	padding: 8px 10px;
	width: 95%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
}
.inq-dl dd input[type="radio"]{
	text-align:left;
	width:inherit;
	display:inline-block;
}
.inq-dl dd label{
	padding-right:2em;
}
.inq-dl dd.short-dd input{ width:100px;}
.inq-dl dd.text-dd textarea{
	padding: 6px 10px;
	width: 95%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
	height:15em;
}
.need,.need-en{
	text-align: center;
	display: block;
	width: 30px;
	padding: 0 3px;
	vertical-align: middle;
	float: right;
	margin: 5px 10px 0 0;
	background-color: rgba(207,66,50,1);
	color: #fff;
	font-size: 12px;
}
.need-en{
	width: 56px;
}
ul.phpform-error {
	border: rgba(204,51,0,1) 1px solid;
	list-style-type: none;
	padding: 15px;
	border-radius:10px;
}
ul.phpform-error li{ color:rgba(204,51,0,1);}
.submit-but{
	text-align: center;
	display: block;
	padding: 10px;
	margin: 0 auto 60px;
	width: 400px;
}
.buttonArea{ clear:both;}
.buttonArea.submitStep{ text-align:center;}

.confirmStep input,.submitStep input{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:16px;
	cursor:pointer;
}
.confirmStep input{
	width: 45%;
	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	float:none;
	background-color: rgba(235,242,245,.5);
}
.confirmStep input:hover,.submitStep input.edit:hover, .submitStep input.submit:hover{
	background-color: rgba(235,242,245,1);
}
.submitStep input.edit{
	width: 25%;
	border: 1px solid rgba(153,153,153,.3);
	border-radius: 5px;
	padding: 11px 0;
	display: inline-block;
	margin: 10px 40px 10px 240px;
	background-color: rgba(245,248,250,0.3);
	float: left;
}
.submitStep input.submit{
	width: 25%;
	border: 2px solid rgba(153,153,153,.8);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	background-color: rgba(245,248,250,0.8);
	float: left;
	text-align: center;
}
.submitStep input.check{
	width: 25%;
	border: 2px solid rgba(153,153,153,.8);
	border-radius: 5px;
	padding: 10px 0;
	display: block;
	margin: 10px auto;
	background-color: rgba(245,248,250,0.8);
	float: none;
	text-align: center;
}
.checked{ display:none;}
.inq-box-finish{
	margin: 180px 0 60px;
}
select.inq-select{padding:5px 10px;	border: 1px solid rgba(153,153,153,.5);
	border-radius: 5px;}
.error em{ font-style:normal; font-size:80%; color:rgba(204,51,0,1);}
.errorul{ list-style-type:none; padding-left:1em;}
.errorul li{ font-size:80%; color:rgba(204,51,0,1);}


/*--------------------------------------------------------------------------------------------------
                                             WORD PRESS
---------------------------------------------------------------------------------------------------*/

.social-single{}
.social-single .fb{ width:100px; display:inline-block; float:left;}
.social-single .tw{
	width: 100px;
	display: inline-block;
	float: left;
	padding: 5px 0 0 0;
}
.post,.news_en{
	padding-bottom: 100px;
	border-bottom: 1px solid #ccc;
}
#sidebar{
	width: 200px;
	float: left;
	padding: 60px 0 0 50px;
	background-color: rgba(255,255,255,1);
	margin-bottom: 60px;

}
#sidebar ul{
	list-style-type:none;
}
#sidebar ul li{
}
#sidebar ul li a{
	font-size: 14px;
	color: rgba(102,102,102,1);
	display: block;
	padding: 5px 0;
	border-bottom: 1px solid rgba(204,204,204,1);
}
#sidebar ul li a:hover{
	color: rgba(60,154,223,1);
}
input.submit_btn{
	font-family: 'icomoon';
	font-size: 18px;
	padding: 5px 5px;
	border: 0;
	border-radius: 15px;
	background-color: rgba(190,190,190,1);
	color: #fff;
	cursor: pointer;
	height: 32px;
	width: 32px;
	position: relative;
	top: 2px;
}
input.submit_btn:hover{
	background-color: rgba(51,153,204,1);
}
input.search_input{
	border:1px solid #ccc;
	padding:5px;
	height:20px;
	width:150px;
	line-height:1;
	border-radius:5px;
}
.unit2c{
	width: 1000px;
	margin: 0 auto;
}
.inner2c{
	width: 750px;
	float: left;
}
.wp-caption, .alignnone {
	max-width: 100% !important;
}
.inner2c img,img.size-large,img.size-full{
	max-width: 740px !important;
	height: auto;
}

h2.sidebarh2{
	font-size: 18px;
	padding: 30px 0;
}
#sidebar select{
	padding: 2%;
	border: 1px solid #ccc;
	width: 96%;
}


.news-box{
	width: 220px;
	float: left;
	margin-right: 45px;
	margin: 30px 45px 0 0;
	height: 440px;
}
.news-box:nth-child(3n+1){
	margin-right: 0px;
}

.news-box a{
	color: rgba(122,122,122,1);
	transition: ease 0.4s;
}
.news-box a:hover{ opacity:0.7;}
.news-txt{
	font-size: 14px;
	border-top: 1px solid #ccc;
	padding-top: 8px;
}
.news-txt span{
	display: block;
	padding-bottom: 5px;
	margin-bottom: 5px;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	color: rgba(102,102,102,1);
}
.news-tmb{
	width: 100%;
	height: 150px;
	display: block;
	overflow: hidden;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
.news-tmb img{ width:100%; height:100%; object-fit: cover;}
.navigation{
	clear: both;
	/* [disabled]padding: 60px 0; */
	margin: 60px 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 13px;
}
.navigation .alignleft a{
	width: 48%;
	float: left;
	display: block;
	padding: 1%;
	transition:ease .4s;
}
.navigation .alignright a{
	display: block;
	width: 47.5%;
	float: right;
	text-align: right;
	border-left: 1px solid #ccc;
	padding: 1%;
	transition:ease .4s;
}
.navigation .alignleft a:hover{
	background-color: rgba(232,243,244,0.5);
	padding-left: 0;
}
.navigation .alignright a:hover{
	background-color: rgba(232,243,244,0.5);
	padding-right:0;
}
.tags:before{
	content:'TAGS';
	display:block;
	padding:0 0 5px;
}
.tags a{
	padding: 5px 10px;
	border: 1px solid #ccc;
	color: rgba(102,102,102,1);
	border-radius: 5px;
	margin: 0 10px 10px 0;
	display: inline-block;
	float: left;
	transition: ease .4s;
	}
.tags a:hover{
	background-color: rgba(232,243,244,0.5);
	}
/*--------------inq*/

.inq-a{
	font-size: 14px;
	display: inline-block;
	padding: 3px 10px 3px 0;
	float: left;
	background-color: rgba(253,253,251,1);
}
.inq-c{
	float: right;
	display: block;
	width: 300px;
	padding: 3px 10px;
	text-align: center;
	background-color: rgba(253,253,251,1);
	border: 1px solid rgba(75,189,214,1);
	-webkit-border-radius: 25px;
	border-radius: 25px;
}
.inq-boc{
	background: url(../images_2015/common/dotted-line.gif) repeat-x center;
	margin-right: 0px;
	margin: 0 0 15px 0;
}
span.mailat:after,em.mailat:after{
	content:'@';
}
.inner.padding-inner{
	padding-bottom: 90px;
}
/*---------------------------------------------------------------------------------------------PRESS */

.press-box{
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	border-bottom: 1px solid #ccc;
	color:rgba(102,102,102,1);
}
.press-tmb{
	width: 100px;
	float: left;
	margin: 0 20px 0 0;
}
.press-tmb img{ width:100%; height:auto;}
.press-date{}
.press-txt{
	float: left;
	width: 1000px;
	font-size: 14px;
}
.press-tmb~.press-txt{
	float: left;
	width: 880px;
	font-size: 14px;
}
.press-txt span{
	font-size:18px;
}
.press-title{}
.press-dl{}

/*-------------------------------------------------------------------------------------------project-*/
.category-guide{
	padding-bottom: 40px;
	border-bottom: 1px solid #CECECE;
	margin-top: 40px;
}
.category-img{
	width: 250px;
	float: left;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.category-img img{
	width: 100%;
	height:100%;
	object-fit: cover;
}
.category-text{
	float: left;
	width: 718px;
	padding: 0 0 0 30px;
	font-size: 90%;
	line-height: 0.8em;
}
.category-text p strong{
	line-height:0.8em;
	font-size: 18px;
	margin: 0 0 0 0;
	padding:0;
	font-weight: normal;
}
.wide-tube{
	background-color: rgba(220,220,220,1);
	margin: 3em 0;
	padding: 1em 0;
}
.fig-about{
	margin: 1em 0;
	background: url(../images/about/about-ssff.jpg) no-repeat center;
	height: 550px;
}
.fig-about-e{
	margin: 1em 0;
	background: url(../images/about/about-ssff-e.jpg) no-repeat center;
	height: 550px;
}
/*-------------------------------------------------------------------------------------------------BIZ-*/

.biz_fikudashi_a{
	width: 35%;
	float: left;
	margin-left: 5%;
}
.biz_fikudashi_b{
	width: 55%;
	float: left;
}
.fukidashi-a{
	padding: 25px 30px;
	border: 1px solid #aaa;
	margin: 20px 20px 20px 10px;
	border-radius: 20px;
	position: relative;
	height: 5.4em;
}
.fukidashi-a:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 90px;
  bottom: -25px;
  border-top: 25px solid #aaa;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-a:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 90px;
  bottom: -23px;
  border-top: 25px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-b{
	padding: 25px 25px;
	border: 1px solid #aaa;
	margin: 20px 10px 20px 20px;
	border-radius: 20px;
	position: relative;
	height: 5.4em;
}
.fukidashi-b:before{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right:50%;
  bottom: -25px;
  border-top: 25px solid #aaa;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}
.fukidashi-b:after{
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  right: 50%;
  bottom: -23px;
  border-top: 25px solid #fff;
  border-right: 12px solid transparent;
  border-left: 12px solid transparent;
}

img.biz-img{
	width: 140px;
	height: auto;
	margin: 0 0 0 100px;
}
img.biz-img-r{
	width: 140px;
	height: auto;
	float: right;
	margin: 0 30% 0 0;
}

/*--------------------------------------------------------------------------------------------RECRUIT-*/
/*-□□□-*/
.rec_box{

}
.rec_btn a{
	width: 300px;
	float: left;
	display: block;
	padding: 20px 16px;
	border: 1px solid #ccc;
	font-size: 18px;
	color: rgba(102,102,102,1);
	text-align: center;
}
.rec_btn:nth-child(2) a{border-right:none; border-left:none; }
.rec_btn:nth-child(1) a{
	border-radius: 8px 0px 0px 8px;
}
.rec_btn:nth-child(3) a{
	border-radius: 0px 8px 8px 0px;
}
.rec_btn a:hover{
	background-color: rgba(191,227,234,1);
	color: #fff;
}
.rec_btn a.disable{
	background-color: rgba(204,204,204,.5);
	cursor: default;
	color: rgba(153,153,153,1);
}
h3.rech3{
	font-size: 20px;
	padding: 2em 0 1em;
	color: rgba(72,60,134,1);
	font-weight: bold;
}
h4.rech4{
	font-weight: normal;
	font-size: 18px;
	padding: 1em 0 0.8em 0.5em;
}
/*-------------------------------------------------------------------------------------------EVENT-*/
.sch{
	background-color: rgb(227, 233, 255);
	padding: 50px 100px;
	border-radius: 15px;
}
.sch iframe{
	margin: 0;
}
.iframe-container.small-container{display:none;}

/*--------------------------------------------------------------------------------------Cpmingsoon-*/
.comingsoon{
	padding: 150px 0;
	font-size: 36px;
	text-align: center;
	margin-bottom: 100px;
	border: 1px solid #ccc;
	border-radius: 20px;
}

/*---------------------------------------------------------------------------------------------------
                                                   RAYOUT
																																																			------
																																																			DESIGN
----------------------------------------------------------------------------------------------------*/
.wide-tube iframe{
	display: block;
	margin: 0 auto;
}

.half-box{
	width: 50%;
	float: left;
}

.one_third{
	width: 30%;
	float: left;
}
.two-third{
	width: 70%;
}
.one_third img,
.two-third img{
	width: 90%;
	height:auto;
	margin: 0.5em 0 100px 0;
}
ul.about{
	margin: 0 0 0 30px;
}
ul.about li{
	list-style-type: circle;
	padding: 0 0 5px 0;
}
.staff-box{
	margin-top: 60px;
}
.staff{
	width: 290px;
	font-size: 13px;
	margin-right: 60px;
	float: left;
	color: rgba(102,102,102,1);
	margin-bottom: 50px;
	display: table;
}
.staff p{
	line-height: 1.6em;
}
.staff:nth-child(3n){
	margin-right: 0;
}
.staff:nth-child(3n+1){
	clear: left;
}

.staff-name{
	font-size: 16px;
	padding-bottom: 10px;
	color: rgba(51,51,51,1);
	text-align: center;
}
.staff-img{
	width: 150px;
	height: 150px;
	margin: 0 auto 20px;
	overflow:hidden;
	border-radius:50%;
}
.staff strong{
	display: block;
	padding-bottom: 0.5em;
	text-align: center;
}
.staff-img img{width:100%; height:100%; object-fit: cover;}



/*--------------------------------------------------------------------------------------------------
                                             (a) LINK BTN
---------------------------------------------------------------------------------------------------*/

a.bluelink{
	text-decoration: underline;
	color:rgba(51,153,204,.7);
}
a.bluelink:hover{
	text-decoration: none;
	color:rgba(51,153,204,1);
}
a.btn-a,a.btn-a2,a.btn-a3,a.btn-a5{
	display: inline-block;
	padding: 1px 14px 0px 10px;
	margin: 5px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 14px;
}
a.btn-a4{
	display: block;
	padding: 8px 14px 6px 10px;
	margin: 10px 0;
	color: #39C;
	border: 1px solid rgba(51,153,204,.5);
	-webkit-border-radius: 4px;
	border-radius: 4px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 18px;
	text-align: center;
	background-color: rgba(231,242,245,.6);
}

a.btn-a:after{
	content:'\f105';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:16px;
}
a.btn-a5:after{
	content:'\f019';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:16px;
}
a.btn-a2:after{
	content:'\ea7e';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a3:after{
	content:'\f1c1';
	font-family:'icomoon';
	position:relative;
	right:-8px;
	top:2px;
	font-size:14px;
}
a.btn-a6{
	display: block;
	padding: 3px 0 5px 0;
	margin: 5px auto;
	color: rgba(255,255,255,1);
	border: 1px solid rgba(255,255,255,1);
	background-color: rgba(51,153,204,.8);
	-webkit-border-radius: 4px;
	border-radius: 10px;
	transition: 0.2s ease;
	-webkit-animation: 0.2s ease;
	font-size: 18px;
	width: 250px;
	text-align: center;
}
a.btn-a6.a6-blank:after{
	content:'\ea7e';
	font-family:'icomoon';
	position:relative;
	top:2px;
	padding-left:5px;
}
a.btn-a:hover,a.btn-a2:hover,a.btn-a3:hover,a.btn-a4:hover,a.btn-a5:hover{
	background-color: rgba(51,153,204,.8);
	color:rgba(255,255,255,1);
}
a.btn-a6:hover{
	background-color:rgba(255,255,255,1);
	color: rgba(51,153,204,.8);
	border: 1px solid rgba(51,153,204,.8);
}
.blue-strong{
	clear: both;
	font-size: 16px;
	text-align: center;
	padding: 10px 0;
	color: rgba(92,173,214,1) !important;
	font-weight: bold;
}

/*--------------------------------------------------------------------------------------------------
                                            MAIL MAGAZINE
---------------------------------------------------------------------------------------------------*/

.mail_form2{
	font-size: 18px;
	padding: 30px 15px;
}
.mail_form1{}
.mail_form1 input{
	padding: 15px;
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 25px;
}
.mail_form2 input{
	padding: 15px 0 16px 15px;
	width: 96%;
	border: 1px solid #ccc;
	border-radius: 25px 0px 0px 25px;
}
input.btn_kaizyo{
	border-radius: 0px 25px 25px 0px;
	margin-left: 5px;
	cursor: pointer;
	padding: 13px 13px 13px 0;
	box-sizing: border-box;
}
input.btn_touroku{
	cursor: pointer;
	border-radius: 5px;
	margin-left: 1.5%;
}
input.btn_kaizyo:hover,
input.btn_touroku:hover{
	background-color: rgba(158,223,248,1);
}

.mail_f01{
	width: 100%;
}
.mail_f02{}
.mail_f03{}
.mail_f04{}

/*--------------------------------------------------------------------------------------------------
                                             SITEMAP
---------------------------------------------------------------------------------------------------*/
.sitemap{
	float: left;
	width: 30%;
	padding: 0 3.3% 60px 0;
}
.sitemap:nth-child(2){
	/* [disabled]padding:20px 0 0 0; */
}
.sitemap ul{
	padding: 10px 0 60px 0;
}
.sitemap ul li a{
	display: block;
	padding: 10px 0 7px 10px;
	margin-bottom: 7px;
	border-bottom:1px dotted #ccc;
}
.sitemap ul li ul li a{
	display: block;
	padding: 10px 0 5px 18px;
}
.sitemap ul li ul li a:before{
	/*content:'\f105';
	font-family:'icomoon';*/
}
.sitemap ul li ul li.social a:before{
	content:none;
}
ul.sitemap-ul1{
	margin-top: 0px !important;
}

/*---------------------------------------------------------------------modal*/
#modal-close{
	float: right;
	margin:0 -20px -50px 0;
	cursor:pointer;
}
#modal-content {
	width: 800px;
	margin: 0;
	padding: 150px 0 0 0;
	position: fixed;
	/* [disabled]display: none; */
	z-index: 9999;
	border-radius: 10px;
	height: 90%;
}

#modal-content .datamodal a{
	display: block;
	margin: 10px auto;
	width: 640px;
	height: 50%;
	padding: 8% 30px;
	background: rgba(204,0,0,0.9) url(../images/top/2021gold.png) no-repeat center;
	background-size: 300px;
	border-radius: 20px;
	color: rgba(255,255,255,1) !important;
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}
.datamodal img{
	width: 80%;
	height: auto;
}
@media screen and (max-height:600px){
	#modal-close{
	float: left;
	margin:10px 0 0 -60px;
	cursor:pointer;
}
#modal-content{
	width: 500px;
	margin: 0;
	padding: 40px 0 0 0;
	position: fixed;
	z-index: 9999;
	border-radius: 10px;
	height: 80%;
}
#modal-content .datamodal a{
	display: block;
	margin: 10px auto;
	height: 40%;
	padding: 3% 30px;
	border-radius: 20px;
	color: rgba(255,255,255,1) !important;
	font-size: 18px;
	text-align: center;
	font-weight: bold;
}
#modal-content .datamodal img{ width:300px; margin:-30px auto 0;}
}
#modal-overlay {
	z-index: 1 ;
	display: none ;
	position: fixed ;
	top: 0 ;
	left: 0 ;
	width: 100% ;
	height: 120% ;
	background-color: rgba( 0,0,0, 0.75 ) ;
}

/*--------------------------------------------------------------------------------------------------
                                             Call 4 2020 (ヘッダのみ上で処理)
---------------------------------------------------------------------------------------------------*/
h1.call4h1{
	font-family: 'Quicksand', sans-serif;
	font-weight: bold;
	font-size: 36px;
	text-align: center;
	padding: 0.5em 0 2em;
  color: #009999;
  background: -webkit-linear-gradient(0deg, #CC3300,#CC3300, #0099CC, #009999, #009999);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
h1.call4h1 span{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
	font-size: 32px;
	text-align: center;
	padding: 0.5em 0 2em;

}
h1.call4redh1{
	font-family: 'Quicksand', sans-serif;
	font-weight: 500;
	font-size: 32px;
	text-align: left;
	padding: 0em 0 0.8em;
	line-height: 1.2em;
}
h1.call4redh1 span{
	font-size: 26px;
}

h2.call4h2{
	padding: 100px 0 20px;
	font-size: 28px;
}
.call4_redhead{
	border-left: #c30 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4_greenhead{
	border-left: #2ab100 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}

.call4bluehead{
	border-left: #32a0fe 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4yellowhead{
	border-left: #fdf164 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4yellow2021head{
	border-left: #ffe148 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4y-greenhead{
	border-left: #DFEB50 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4orangehead{
	border-left: #F9CB42 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4pinkhead{
	border-left: #F3A0D9 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}
.call4grayhead{
	border-left: #8b8b8b 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}

.call4viohead{
	border-left: #974ac8 40px solid;
	padding: 0 0 0 20px;
	margin: 30px 0 50px 0;
}

.call4_redhead p{	line-height: 1.5em !important;}
table.call4{
	border-top: 1px solid #666;
	margin: 20px 0 0 0;
}
table.call4 th{
	font-weight: normal;
	padding: 10px 0;
	font-size: 14px;
}
table.call4 td{
	border: 1px solid #fff;
	vertical-align: middle;
}
td.first4{
	font-weight: bold;
	font-size: 18px;
	width: 410px;
	padding: 20px 0 20px 10px;
}
td.first4 em{
	font-weight: normal;
	font-style: normal;
	display: block;
	margin: 10px 0 0 0;
	font-size: 14px;
}
td.first4 a{
	font-weight: normal;
	display: block;
	color: rgba(255,255,255,1);
	font-size: 14px;
	padding: 10px;
}
td.second4{
	font-size: 14px;
	padding: 20px 10px 20px 20px;
}
td.third4{
	text-align: left;
	font-size: 14px;
	padding: 0 0 0 10px;
}
td.four4{
	font-size: 14px;
	text-align: center;
	width: 70px;
}
td.fifth4{
	font-size: 14px;
	min-width: 100px;
	line-height:1.2em;
	overflow:hidden;
}
td.fifth4 a{
	color: rgba(51,51,51,1);
	display: block;
	width: 100%;
	text-align: center;
	height: 100%;
	padding: 80px 3px 80px 0;
	margin: -80px 0;
}

td.fifth4:hover,
.first4 a:hover,
.fifth4 a:hover{
	opacity:.7;
}
td.bookshort{background-color: #ECDBF7; padding: 10px;}
a.big-btn {
	font-size: 24px;
	padding: 15px 0;
	display: block;
	text-align: center;
	background-color: #2674C1;
	color: #fff;
	float: right;
	width: 64%;
	margin: 20px 0;
	transition: background-color 0.4s;
}
a.big-btn:hover{
	background-color: rgba(120,164,245,0.7);
}
a.big-btn-back {
	font-size: 24px;
	padding: 15px 0;
	display: block;
	text-align: center;
	background-color: #0AC0E0;
	color: #fff;
	width: 33%;
	margin: 20px auto;
	float: left;
	transition:background-color 0.4s;
}
a.big-btn-back.big-btn-single {
	font-size: 24px;
	padding: 27px 0;
	display: block;
	text-align: center;
	background-color: #0AC0E0;
	color: #fff;
	width: 48%;
	margin: 20px 0;
	float: right;
	transition: background-color 0.4s;
	height: 38px;
}
a.big-btn-other {
	font-size: 24px;
	padding: 10px 0;
	display: block;
	text-align: center;
	background-color: #0AC0E0;
	color: #fff;
	margin: 20px auto;
	transition:background-color 0.4s;
}
a.big-btn-back:hover{
	background-color: rgba(74,213,232,0.7);
}
a.big-btn-other:hover{
	background-color: rgba(74,213,232,0.7);
}
a.big-btn-sony {
	font-size: 24px;
	padding: 10px 0;
	display: block;
	text-align: center;
	background-color: #C5D665;
	color: #fff;
	margin: 20px auto;
	transition: background-color 0.4s;
}
a.big-btn-sony:hover{
	opacity:0.7;
}
a.big-btn-shortfilm {
	font-size: 14px;
	padding: 5px 0 65px;
	display: block;
	text-align: center;
	color: #fff;
	width: 48.5%;
	margin: 20px auto;
	float: right;
	background: url(../images/call4/sfd_logo_2019.png) no-repeat center 30px #9ED127;
	background-size: 300px;
	background-color: #63C016;
	transition: background-color 0.4s;
}
a.big-btn-freeway {
	font-size: 14px;
	padding: 5px 0 65px;
	display: block;
	text-align: center;
	color: #fff;
	width: 48.5%;
	margin: 20px auto;
	float: left;
	background: url(../images/call4/filmfreeway-logo.png) no-repeat center 22px #9ED127;
	background-size: 280px;
	background-color: #0C8AC0;
	transition: background-color 0.4s;
}
a.big-btn-shortfilm:hover {
	background-color: #9BEC59;
}
a.big-btn-freeway:hover  {
	background-color: #3DBCF3;
}
/*-------------------flow----------------------*/
.flow4{
	/* [disabled]border-top: 1px solid #ccc; */
}
.flow4-no{
	border-bottom: 1px solid #ccc;
}

.flow4-no-f{
	position:relative;
	font-size: 28px;
	width: 320px;
	float: left;
	padding: 1em 0 1em 60px;
}
#en .flow4-no-f{
	font-size: 24px;
	width: 180px;
}
.flow4-no-a{
	clear: both;
	height: 10px;
	text-align:center;
}
.flow4-no-a span{
	font-size: 24px;
	color: rgba(0,153,204,.5);
}

.flow4-no-f span{
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 54px;
	font-style: italic;
	vertical-align: middle;
	padding-right: 10px;
	color: rgba(51,51,51,.8);
}
.flow4-no-b{
	width: 600px;
	float: left;
	padding: 2.5em 1em 1.5em 0;
	position:relative;
}
#en .flow4-no-b{
	width: 740px;
	float: left;
	padding: 1.5em 1em 1.5em 0;
}
.qa4{
	padding: 10px 20px;
}
h3.qa4h3{}
.qa4_q{
	padding: 0 0 2em 3em;
	position: relative;
	border-bottom: 1px dotted #ccc;
}
.qa4_a{
	padding: 2em 0 2em 3em;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-bottom: 3em;
}
.qa4_q span{
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	color: #d62a2a;
	position: absolute;
	left: 0px;
	width: 40px;
	display: block;
	top: -5px;
}
.qa4_a span{
	font-size: 38px;
	font-family: "Times New Roman", Times, serif;
	color: #0066CC;
	position: absolute;
	left: 0px;
	width: 40px;
	display: block;
	top: 25px;
}
.qa4 ul{}
.qa4 ol{
	margin-top: 1.5em;
}
.qa4 ul li{}
.qa4 ol li{
	padding: 0 0 0.3em 0;
	margin-left: 5em;
}
.call4_inner{
	padding: 0 50px;
}
h3.call4h3_red{
	background: url(../images/call4/h24_red.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_blue{
	background: url(../images/call4/h24_blue.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_yellow{
	background: url(../images/call4/h24_yellow.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_yellow2021{
	background: url(../images/call4/h24_yellow2021.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_pink{
	background: url(../images/call4/h24_pink.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_orange{
	background: url(../images/call4/h24_orange.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_y-green{
	background: url(../images/call4/h24_y-green.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_gray{
	background: url(../images/call4/h24_brand.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
h3.call4h3_gray_border{
	background: url(../images/call4/h24_brand.jpg) no-repeat 6px 1.3em #fff;
	background-size: 22px;
	padding: 1em 0 0.5em 38px;
	font-size: 20px;
	font-weight: bold;
	width: 280px;
	display: block;
	position: absolute;
	top: -33px;
	left: 20px;
}
h3.call4h3_vio{}
h3.call4h3_green{
	background: url(../images/call4/h24_green.jpg) no-repeat left 1.3em;
	background-size: 22px;
	padding: 1em 0 0.5em 30px;
	font-size: 20px;
	font-weight: bold;
}
ol.call4ol,ul.call4ul {
	margin-left: 20px;
}
ol.call4ol{
	padding-bottom: 1em;
}
.call4ul li{
	padding: 0.5em;
	text-indent:-1em;
}
.call4ul li:before{
	content:'・'
}
.call4ol li{
	padding: 0.5em 0.5em 0;
	color: rgba(88,88,88,1);
	margin-left: 1em;
}
.call4_note{
	padding: 20px;
	background-color: #ecf8fd;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0.5em 0 1em;
}
.call4_note_am{
	padding: 20px 20px 10px 160px;
	border: 1px solid #ccc;
	border-radius: 15px;
	margin: 0.5em 0 1em;
	background: url(../images/call4/amuse.jpg) #FFFBE5 no-repeat left 15px;
}
.call4_note_am p{
	line-height:1.4em;
}
.call4_data{
	width: 450px;
	padding: 15px 15px 5px 20px;
	border: 1px solid #ccc;
	margin: 0.5em 0 1em;
	border-radius: 15px;
}
.call4note{
	background-color: rgba(255,255,51,1);
}
.call4_border{
	border: 1px solid #666;
	border-radius: 10px;
	padding: 35px 10px 5px 10px;
	margin: 40px 0 30px;
	position: relative;
}
.call4_branded{
	width: 70%;
	margin: 0 auto 2em;
}
.call4_branded img{
width:100%;
height:auto;
}

/*-*/

.musical_lang{
	margin: 0 0 0 630px;
}
.musical_lang:before{
	content: 'language';
	float: left;
	background-color: #F4BE31;
	color: rgba(255,255,255,1);
	padding: 5px;
	border-radius: 6px 0px 0px 6px;
	border: 1px solid #ccc;
	border-right:0;
}
.musical_lang a{
	width: 110px;
	display: block;
	float: left;
	text-align: center;
	border: 1px solid #ccc;
	padding: 5px 0;
	color: rgba(102,102,102,1);
	transition:ease 0.3s;
}
.musical_lang a:hover{
	background-color: rgba(249,242,210,1);
}
.musical_lang a:last-child{
	border-left:0;
	border-radius: 0px 6px 6px 0px;
}

.call4-ad{}
.call4-ad img{
	width: 280px;
	height: auto;
}

.music-guide{
	padding-bottom: 40px;
	border-bottom: 1px solid #CECECE;
	margin-top: 40px;
}
.music-img{
	width: 230px;
	float: left;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ccc;
}
.music-img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.music-text{
	float: left;
	width: 630px;
	padding: 0 0 0 30px;
	font-size: 90%;
	line-height: 0.8em;
}
.music-text p strong{
	line-height:0.8em;
	font-size: 18px;
	margin: 0 0 0 0;
	padding:0;
	font-weight: normal;
}


/*-----------------------------------2023-*/

table.priv{}
table.priv td{
	padding: 10px;
	border: 1px solid #ccc;
	vertical-align: middle;
}
/*-----------------------------------2024-*/
.inq-bot{
	width: 190px;
	height: 36px;
	background-color: #4b4a4a;
	position: fixed;
	right: 0;
	padding: 0px 0 12px 6px;
	border-radius: 30px 0 0 30px;
	bottom: 20px;
	z-index: 1000;
	transition: ease 0.4s;
}
.inq-bot:hover{
	opacity: 0.6;
}
.inq-bot a{
	color: #fff;
	text-decoration: none;	
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: relative;
	top: -2px;
	line-height: 2;
}
.inq-bot a span{
	font-size: 9px;
	display: block;
	position: absolute;
	bottom:0px;
	left: 44px;
}
.inq-bot a:before{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 38px;
	height: 38px;
	content: "\f003";
	text-align: center;
	font-size: 24px;
	font-family: "icomoon";
	background-color: #E8880F;
	border-radius: 50%;
	color: #fff;
	margin: 7px 5px 0 0;
}
.topic{
	width: 700px;
	margin: 20% 0 0 50%;
	margin-left:calc(50% - 350px);
	display: block;
	position: absolute;
	z-index: 999;
}
.topic img{
	width: 100%;
	border: 5px solid #fff;
	height: auto;
 box-shadow: 1px 4px 8px 0px rgba(0, 0, 0, 0.4);
}
.topic span{
	display: block;
	width: 100%;
	margin: 2% auto 0;
	color: #fff;
	font-weight: bold;
	position: absolute;
	text-align: center;
	padding-left: 10px;
}
.oshirase-x{
		width: 40px;
		height: 40px;
		background: url("../images/top/banner_close.png") no-repeat;
		cursor: pointer;
		padding: 5px;
		position: absolute;
		right: -60px;
	top: -20px;
		transition: ease 0.4s;
	}
.oshirase-x:hover{opacity: 0.7;}


/*--------------------------------------------------------------------------------------------------
                                             Clear FIX / Utility
---------------------------------------------------------------------------------------------------*/


.cf:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.cf {
	display: inline-block;
	min-height: 1%;
	overflow: hidden;
}
/* Hides from IE-mac \*/

* html .cf {
	zoom: 1;
}
.cf {
	clear: both;
	display: block;
}
*:first-child+html .cf{ zoom: 1; } 
.clear{clear:both;}
.smp-show{ display:none;}
.pc-show{}
.all-center{ text-align:center;}
.all-right{ text-align:right;}
hr{
	border: none;
	border-bottom: 1px solid #ccc;
	height: 1px;
	margin: 30px 0 50px;
	padding: 30px 0 50px;
	display: block;
}
hr.whitehr{}
.caption{ font-size:86%;}
/*-----------------------------------------------------------------------------------------FONT*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?uluvr9');
  src:  url('../fonts/icomoon.eot?uluvr9#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?uluvr9') format('truetype'),
    url('../fonts/icomoon.woff?uluvr9') format('woff'),
    url('../fonts/icomoon.svg?uluvr9#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.icon-video-camera:before {
  content: "\f03d";
}
.icon-cloud-upload:before {
  content: "\f0ee";
}
.icon-font-org04:before {
  content: "\e901";
}
.icon-font-org03:before {
  content: "\e903";
}
.icon-font-org02:before {
  content: "\e906";
}
.icon-font-org01:before {
  content: "\e905";
}
.icon-line:before {
  content: "\e900";
}
.icon-search:before {
  content: "\f002";
}
.icon-envelope-o:before {
  content: "\f003";
}
.icon-download:before {
  content: "\f019";
}
.icon-print:before {
  content: "\f02f";
}
.icon-chevron-left:before {
  content: "\f053";
}
.icon-chevron-right:before {
  content: "\f054";
}
.icon-arrow-left:before {
  content: "\f060";
}
.icon-arrow-right:before {
  content: "\f061";
}
.icon-arrow-up:before {
  content: "\f062";
}
.icon-arrow-down:before {
  content: "\f063";
}
.icon-chevron-up:before {
  content: "\f077";
}
.icon-chevron-down:before {
  content: "\f078";
}
.icon-shopping-cart:before {
  content: "\f07a";
}
.icon-bar-chart:before {
  content: "\f080";
}
.icon-bar-chart-o:before {
  content: "\f080";
}
.icon-twitter-square:before {
  content: "\f081";
}
.icon-facebook-square:before {
  content: "\f082";
}
.icon-sign-out:before {
  content: "\f08b";
}
.icon-phone-square:before {
  content: "\f098";
}
.icon-globe:before {
  content: "\f0ac";
}
.icon-bars:before {
  content: "\f0c9";
}
.icon-navicon:before {
  content: "\f0c9";
}
.icon-reorder:before {
  content: "\f0c9";
}
.icon-angle-left:before {
  content: "\f104";
}
.icon-angle-right:before {
  content: "\f105";
}
.icon-angle-up:before {
  content: "\f106";
}
.icon-angle-down:before {
  content: "\f107";
}
.icon-chevron-circle-left:before {
  content: "\f137";
}
.icon-chevron-circle-right:before {
  content: "\f138";
}
.icon-chevron-circle-up:before {
  content: "\f139";
}
.icon-chevron-circle-down:before {
  content: "\f13a";
}
.icon-youtube-square:before {
  content: "\f166";
}
.icon-instagram:before {
  content: "\f16d";
}
.icon-file-pdf-o:before {
  content: "\f1c1";
}
.icon-area-chart:before {
  content: "\f1fe";
}
.icon-pie-chart:before {
  content: "\f200";
}
.icon-line-chart:before {
  content: "\f201";
}
.icon-home3:before {
  content: "\e902";
}
.icon-tab:before {
  content: "\ea45";
}
.icon-new-tab:before {
  content: "\ea7e";
}
.icon-x:before {
  content: "\e908";
}
.icon-x2:before {
  content: "\e909";
}