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


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.ojj_hd{
	background-image:url("../img/hd_bg.png");
	background-size:cover;
	text-align: center;
	/*padding-bottom:40px;*/
}

h1{
  margin-bottom:8px;
}

h1 img{
	display:block;
	margin:0 auto;
	width:100%;
	max-width:810px;
}

h1 p img{
  max-width:624px;
}

.ojj_cpwrap{
  background-image:url("../img/hd_cpbg2.jpg");
  padding:40px 0;
}

.ojj_cpbox{
	width:90%;
	max-width:620px;
	margin:0 auto;
	background-color:#FFF;
	padding:1.5em 2.5em;
	position:relative;
	border-radius: 8px;
}

.ojj_cpbox p a{
  text-decoration:underline;
  color:#013789;
}

.ojj_cpbox p a:hover{
  text-decoration:underline;
  color:red;
}

.ojj_cpbox p img{
  max-width:320px;
  width:100%;
}

.ojj_hdpktbn{
  text-align:center;
}

h2{
	text-align:center;
	font-size:1.25em;
	font-weight:bold;
  
}

.ojj_cpbox p{
	line-height:1.5;
	font-size:1.125em;
	margin-top:1em;
}

.ojj_zbl,.ojj_zbr{
	position:absolute;
	bottom:-20px;
}

.ojj_zbl{
	left:-134px;
}

.ojj_zbr{
	right:-134px;
}




.ojj_actwrap{
  background-image: url(../img/hd_bg.png);
  background-size: 100% auto;
	padding-top:36px;
  background-repeat:no-repeat;
  margin-top:80px;
}

.ojj_actbx h2{
	margin:0;
	text-shadow: 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff;
	font-size:2em;
  background-image:url("../img/zabuton_actor.png");
  background-repeat:no-repeat;
  background-position: center;
  padding-bottom:0.5em;
  line-height:3;
}

.ojj_actbx > div{
	width:100%;
	max-width:1000px;
	justify-content: space-between;
	margin:-70px auto 0 auto;
	display:flex;
}

.ojj_actbx > div > div{
  width:48%;
  padding:0 1%;
}

.ojj_actbx > div > div dl{
  padding:0.5em 0;
  margin-top:-8px;
  max-width: 450px;
  padding-bottom:0;
}

.ojj_actbx dl dt,.ojj_actbx dl dd{
  display:inline-block;
}

.ojj_actbx dl dt{
  width:7em;
  margin-left:0.5em;
  font-weight:bold;
}

.ojj_actbx dl dt:nth-child(n + 6){
  display:block;
  width:100%;
  margin-left:0;
  margin-top:0.5em;
  margin-bottom:0;
  padding-left:3%;
  padding-top:0.25em;
}

.ojj_actbx dl dd:nth-child(n + 7){
  background-color:#CACDE1;
  width:100%;
  padding-left:3%;
  padding-right:3%;
  min-height:2.5em;
  line-height:1.375;
}

.ojj_actbx dl dt:nth-child(n + 8){
  margin-top:0;
  padding-top:0.5em;
}

.ojj_actbx dl dd:last-child{
  padding-bottom:0.75em;
  min-height:5em;
}

.ojj_actbx dl dd{
  width:20em;
  margin-left:0;
  padding-left:0.5em;
}


.ojj_bxwada dl{
  border:solid 2px #656EAB;
}

.ojj_bxwada dl dt{
  background-color:#CACDE1;
  color:#50578D;
  line-height:2;
  margin-bottom:0.5em;
  padding-left:0.5em;
}


.ojj_bxfujii dl{
  border:solid 2px #CF6456;
}

.ojj_bxfujii dl dt{
  background-color:#E4C7C0;
  color:#873A27;
  line-height:2;
  margin-bottom:0.5em;
  padding-left:0.5em;
}

.ojj_actbx .ojj_bxfujii dl dd:nth-child(n + 7){
  background-color:#E4C7C0;
}


.ojj_bnr{
  text-align:center;
  margin-top:64px;
}

.ojj_btmbx{
	padding:48px 0;
	text-align: center;
}


/*-----*/
.dsp_sp{
  display:none;
}

.onmouse:hover{
	position:relative;
	top:1px;
	left:1px;
}

.ojj_btmbx ul{
	display:flex;
	width:100%;
	max-width:940px;
	margin:46px auto 0 auto;
	justify-content: space-between;
	padding-left:0;
}

.ojj_btmbx ul li{
	list-style: none;
}

/*-- 20190718 add --*/
.ojj_arcwrap{
  padding-top:80px;
}

.ojj_arcbx{
  background-color:#FFF;
  max-width:1000px;
  padding:24px 24px 48px 24px;
  margin-bottom:62px;
  width:100%;
  margin:0 auto;
  position:relative;
}

.ojj_topbnlink{
  text-align:center;
  margin-top:32px;
}

.ojj_topbnlink a{
  font-weight:bold;
  font-size:1.25em;
}

.ojj_topbnlink a:hover{
  text-decoration:underline;
  color:#f12d24;
}


.ojj_arcbx h2{
  background-image:url("../img/zabuton_actor.png");
  background-repeat:no-repeat;
  background-position:center;
  line-height:3;
  padding-top: 10px;
  padding-bottom: 20px;
  margin-top:-80px;
  text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
  font-size: 1.875em;
}

.ojj_flxbx{
  display:flex;
  margin-top:12px;
}

.ojj_flxbx > p{
  max-width:50%;
}


.ojj_flxbx > div > p{
  line-height:1.375;
}

.ojj_flxbx > div > p a{
  word-break: break-all;
}

.ojj_flxbx > div > p:first-child{
  color:#656DAB;
  margin-bottom:0.5em;
  font-size:1.25em;
  font-weight:bold;
}

.ojj_flxbx > div > p:nth-child(2){
  min-height:98px;
}

.ojj_flxbx > div > p:last-child{
  margin-top:1em;
}

.ojj_flxbx p img{
  width:100%;
}

.ojj_flxbx > div{
  max-width:50%;
  padding-left:3%;
}

.ojj_flxbx span{
  display:inline-block;
  margin-top:0.5em;
  font-size:0.875em;
}

/*----- 201908 add -----*/
.ojj_contentswrap{
  background-image:url("../img/bg_actor.png");
  background-size:auto;
  background-repeat:no-repeat;
  padding-top:60px;
}

h3{
  color:#656DAB;
  font-size:1.25em;
  font-weight:bold;
  text-align:center;
  margin-top:16px;
}

.ojj_nxttit{
  margin-top:16px;
  text-align:center;
  font-size:1.25em;
  line-height:1.5;
}

.ojj_nxtwrap > .ojj_arcbx{
  width:50%;
  background-color:#ffffce;
  border-radius: 10px;
  margin-top:40px;
}

.ojj_announce{
  margin-bottom:16px;
}


/*-----*/

.tss_footer{
  background-color:transparent;
  background-image:url("../img/ft_bg.jpg");
}

.tss_footer a{
  color:#000;
}

#tss_gototop{
  display: block;
  position: fixed;
  right: 0;
  bottom: 1.5em;
  width: 120px;
  height: 120px;
  z-index:99999;
}

#tss_gototop a {
  text-decoration: none;
  display: block;
  width: 100%;
  animation: stu_whale 4s linear 0.2s infinite;
}

#tss_gototop a img{
  width:100%;
  height: auto;
}


.is-reflection{
  position: relative;
  width:90%;
  max-width:624px;
  margin-left:auto;
  margin-right:auto;
}

/*-- リモート背景 --*/

.bnr_remote{
  display:block;
  margin-bottom:32px;
}

.ojj_remotewrap{
  width:100%;
  padding:24px 0;
  max-width:1000px;
  margin:20px auto 48px auto;
}

.ojj_remotewrap h2{
  font-size:1.5em;
  line-height:1.25;
  margin-bottom:24px;
}

.ojj_remotewrap h2 img{
  display:block;
  text-align: center;
  margin:auto;
  max-width:440px;
  width:100%;
}

.ojj_remotewrap ul{
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.ojj_remotewrap ul li{
  width:30.5%;
}

.ojj_remotewrap ul li img{
  display:block;
  width:100%;
}

.ojj_remotewrap p:nth-of-type(2){
  margin-top:1em;
  font-size:0.875em;
  text-align: center;
}

.ojj_dlbtn{
  width:10em;
  text-align: center;
  margin:16px auto;
}

.ojj_dlbtn a:hover{
  background: #FFF;
  color:#f14891;
  border:solid 2px #f14891;
  border-radius:46px;
}

.ojj_dlbtn a{
  color: #FFF;
  background:#f14891;
  font-weight:bold;
  display:block;
  padding:1em 1.5em;
  border:solid 2px #f14891;
  border-radius:46px;
  transition: .4s;
}



/* animation */
/*
.is-reflection a {
  overflow: hidden;
}

.is-reflection a:after {
  -moz-animation: is-reflection 4s ease-in-out infinite;
  -moz-transform: rotate(45deg);
  -ms-animation: is-reflection 4s ease-in-out infinite;
  -ms-transform: rotate(45deg);
  -o-animation: is-reflection 4s ease-in-out infinite;
  -o-transform: rotate(45deg);
  -webkit-animation: is-reflection 4s ease-in-out infinite;
  -webkit-transform: rotate(45deg);
  animation: is-reflection 4s ease-in-out infinite;
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

.is-reflection + .is-reflection a:after {
  -webkit-animation-delay: .3s;
  animation-delay: .3s;
}
@keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); transform: scale(50) rotate(45deg); opacity: 0; }
}
@-webkit-keyframes is-reflection {
  0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
  80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
  81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
  100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
*/