/* =====================================
	sample css
====================================== */
.mgb1em {
	margin-bottom: 1em;
}
.mgb2em {
	margin-bottom: 2em;
}
.center {
	text-align: center!important;
}
/*	reset
============================== */
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,main {margin:0;padding:0;border:0;font-size:100%;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,main {display:block;}
body {font-family:Verdana,"Hiragino Kaku Gothic ProN",Meiryo,sans-serif;line-height:1;}
ol,ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
wbr:after {content:"\00200B";}

/*	TBS reset
============================== */
.alt {position:absolute;top:-5000px;left:-9999px;}
.clearfix:after {content:"";clear:both;display:block;}
.hide-txt {text-indent:110%;white-space:nowrap;overflow:hidden;}
.fp-causion {display:none;}
.nocontxt {-webkit-touch-callout: none;-webkit-user-select: none;user-select: none;-webkit-user-drag:none;}
.nocontxt img {pointer-events: none;}
@media all and (min-width:768px) {
.alt-pc {position:absolute;top:-5000px;left:-9999px;}
.clearfix-pc:after {content:"";clear:both;display:block;}
.hide-txt-pc {text-indent:110%;white-space:nowrap;overflow:hidden;}
}
@media all and (max-width:767px) {
.alt-smp {position:absolute;top:-5000px;left:-9999px;}
.clearfix-smp:after {content:"";clear:both;display:block;}
.hide-txt-smp {text-indent:110%;white-space:nowrap;overflow:hidden;}
}


/*	YouTube Player
============================== */
.ytube {
	position: relative;
	height: 0;
	padding-top: 56.25%;
	margin-bottom:15px;
}
.ytube iframe {
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width:100%;
}


/*	both
============================== */

/* text */
a:link {
	text-decoration:none;
	color:#ffba00;
}
a:visited {
	text-decoration:none;
	color:#ffba00;
}
a:active {
	text-decoration:underline;
	color:#ffba00;
}

a:hover {
	text-decoration:none;
	color:#ffba00;
}

p:not(txt) span.small {
	text-align: inherit;
	font-size: 75%;
	padding: 0;
}

/*	background
============================== */
body {
	-webkit-text-size-adjust:100%;
	-ms-text-size-adjust: 100%;
}
body, div#con-body {
	background-color:#FFFFFF;
}
div.cover {
	background-image:url(../img/bg.jpg);
	background-size:cover;
	background-repeat:repeat-x;
	background-attachment:fixed;
	backface-visibility: hidden;
}



@media all and (min-width: 768px) and (max-width: 979px)  {
	div.cover {
		min-width:980px;
	}
}



/*	header and navi
============================== */
@media all and (min-width: 768px) {

header.main h1 {

	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}
header.main  {
	margin-bottom:15px;
}
#oa-20160921 header.main h1 { 	background-image:url(../img/logo_20160921.png); }
#oa-20170701 header.main h1 { 	background-image:url(../img/logo_20170701.png); }
#oa-20180107 header.main h1 { 	background-image:url(../img/logo_20180107.png); }
#oa-20180627 header.main h1 { 	background-image:url(../img/logo_20180627.png?2); }

header.main h1 {
	width:980px;
	height:460px;
}

div.column-l nav ul {
	height:57px;
	margin-bottom:12px;
}

div.column-l nav ul li a {
	font-size:100%;
	display:block;
	background-image:url(../img/nav.png);
	float:left;
	width:140px;
	height:57px;
	background-repeat:no-repeat;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	margin-right:10px;
}

div.column-l nav ul li:last-child a{
	margin-right:0px;
}


div.column-l nav ul li.cont a {
	background-position:-150px 0;
}

div.column-l nav ul li.cast a {
	background-position:-300px 0;
}

div.column-l nav ul li.sns a {
	background-position:-450px 0;
}












}
@media all and (max-width: 767px) {

header.main h1 {
	display:block;
	background-repeat:no-repeat;
	background-position:left top;
	text-indent:110%;
	white-space:nowrap;
	overflow:hidden;
}


#oa-20160921 header.main h1 { 	background-image:url(../img/logo2_20160921.png); }
#oa-20170701 header.main h1 { 	background-image:url(../img/logo2_20170701.png); }
#oa-20180107 header.main h1 { 	background-image:url(../img/logo2_20180107.png); }
#oa-20180627 header.main h1 { 	background-image:url(../img/logo2_20180627.png?2); }


header.main h1 {
	position:relative;
	height:0;
	padding-top:56%;
}
header.main h1 {
	background-size:cover;
	width:100%;
}

div.menu nav ul {
	margin:0 auto 10px;
	padding:0 20px;
}

div.menu nav ul li a {
	display:block;
	border-radius:10px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
	margin-bottom:5px;
	height:40px;
	padding-top:15px;
}


nav ul li.intr a {
	background-color:#ff8d00;
}

nav ul li.cont a {
	background-color:#ff042e;
}

nav ul li.cast a {
	background-color:#0064d0;
}

nav ul li.sns a {
	background-color:#833cb9;
}

div.menu nav ul li a span {
	display:block;
	background-image:url(../img/nav2.png);
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */
	white-space:nowrap;	/* 改行させない */
	overflow:hidden;		/* はみ出た部分を表示しない */
	margin:0 auto;
	height:25px;
}


li.intr a span {
	background-position:left top;
	width:99px;
}

li.cont a span {
	background-position:0 -30px;
	width:107px;
}

li.cast a span {
	background-position:0 -60px;
	width:77px;
}

li.sns a span {
	background-position:0 -90px;
	width:61px;
}



}


/*	quiz
============================== */
div.quiz a,
div.quiz1800 a,
div.quiz2154 a,
div.quiz2400 a {
	display:block;
	background-image:url(../img/quiz.jpg);
	text-indent:100%;		/* 指定した分ずらす */
	white-space:nowrap;	/* 改行させない */
	overflow:hidden;		/* はみ出た部分を表示しない */
}

div.quiz1800 a{
	background-image:url(../img/quiz1800.jpg);
}

div.quiz2154 a{
	background-image:url(../img/quiz2154.jpg);
}

div.quiz2400 a{
	background-image:url(../img/quiz2400.jpg);
}

@media all and (min-width: 768px) {
div.quiz a,
div.quiz1800 a,
div.quiz2154 a,
div.quiz2400 a {
	width:590px;
	height:450px;
	margin-bottom:12px;
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
}


div.quiz2154 a {
	height:374px;
}

div.quiz2400 a {
	height:1082px;
}



}
@media all and (max-width: 767px) {
div.quiz,
div.quiz1800 {
	position:relative;
	height:0;
	padding-top:76.27%;
	margin-bottom:10px;
}


div.quiz2154 {
	position:relative;
	height:0;
	padding-top:63.38%;
	margin-bottom:10px;
}


div.quiz2400 {
	position:relative;
	height:0;
	padding-top:183.38%;
	margin-bottom:10px;
}


div.quiz a,
div.quiz1800 a,
div.quiz2154 a,
div.quiz2400 a {
	background-repeat:no-repeat;
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}







}









/*	columns and rectangle
============================== */

div.right {
	margin-bottom:200px;
}

@media all and (min-width: 768px) {
div.wrap {
	width:920px;
	margin:0 auto;
	position:relative;
}
div.column-l {
	width:590px;
	float:left;
}
div.right {
	width:300px;
	float:right;
}
}
@media all and (max-width: 767px) {
}


/*	banner
============================== */

@media all and (min-width: 768px) {

div#banner {
	margin-bottom:20px;
}

div.stamp a {
	display:block;
	background-image:url(../img/stamp.jpg);
	background-repeat:no-repeat;
	margin:0 auto 20px;
	height:408px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
}
div.archive a {
	display:block;
	background-image:url(../img/archive.jpg);
	background-repeat:no-repeat;
	margin:0 auto 20px;
	height:114px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
}
div.archive2016 a,
div.archive2017 a,
div.archive20180107 a,
div.archive20180627 a {
	display:block;
	background-repeat:no-repeat;
	margin:0 auto 20px;
	height:86px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
}
div.archive2016 a {
	background-image:url(../img/archive2016.jpg);
}
div.archive2017 a {
	background-image:url(../img/archive2017.jpg);
}
div.archive20180107 a {
	background-image:url(../img/archive20180107.jpg);
}
div.archive20180627 a {
	background-image:url(../img/archive20180627.jpg);
}
}

@media all and (max-width: 767px) {

div#banner {
	width:300px;
	margin:0 auto 20px;
}

div.stamp a {
	display:block;
	background-image:url(../img/stamp.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

div.stamp {
	position:relative;
	height:0;
	padding-top:136%;
	margin-bottom:10px;
}
div.stamp a {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}

div.archive a {
	display:block;
	background-image:url(../img/archive.jpg);
	background-repeat:no-repeat;
	margin:0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div.archive2016 a,
div.archive2017 a,
div.archive20180107 a,
div.archive20180627 a {
	display:block;
	background-repeat:no-repeat;
	margin:0 auto;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
div.archive2016 a {
	background-image:url(../img/archive2016.jpg);
}
div.archive2017 a {
	background-image:url(../img/archive2017.jpg);
}
div.archive20180107 a {
	background-image:url(../img/archive20180107.jpg);
}
div.archive20180627 a {
	background-image:url(../img/archive20180627.jpg);
}
div.archive {
	position:relative;
	height:0;
	padding-top:38%;
	margin-bottom:10px;
}
div.archive a {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
div.archive2016,
div.archive2017,
div.archive20180107,
div.archive20180627 {
	position:relative;
	height:0;
	padding-top:28.66%;
	margin-bottom:10px;
}
div.archive2016 a,
div.archive2017 a,
div.archive20180107 a,
div.archive20180627 a  {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}
}

/*	top article
============================== */

article {
	background-color:#fdf9e3;
	padding:20px;
	margin-bottom:20px;
}


article h3 {
	background-image:url(../img/h3.png);
	width:162px;
	height:33px;
	margin:0 auto 8px;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

article.intr h3 {
	background-position:center top;
}

article.cont h3 {
	background-position:center -40px;
}

article.cast h3 {
	background-position:center -80px;
}




div.h3 {
	background-image:url(../img/border.png);
	height:5px;
	background-repeat:no-repeat;
	margin:0 auto 12px;
}







p.txt{
	line-height:1.5;
}

p.txt span {
	text-align:justify;
}

p.txt span {
	display:block;
	padding-top:0.5em;
}

b.title:before {
	content:url(../img/title.png);
	width:30px;
	height:29px;
	float:left;
}
b.title span {
	display:block;
	padding:0.2em 0 0 2.5em;
	color:#801e00;
	/*white-space: nowrap;*/
	text-align:left;
}

b.large {
	display:block;
	text-align:center;
	font-size:120%;
	color:#23be14;
	/*white-space: nowrap;*/
	}


article.cast table{
	margin:20px auto 10px;
}


article.cast table td {
vertical-align: top;
line-height:1.5;
}


@media all and (min-width: 768px) {

article {
	border-radius:10px;
}

article:last-child {
	margin-bottom:0px;
}


main {
	background-color:#ffba00;
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
	padding:20px;
	margin-bottom:20px;
}

div.h2 {
	width:671px;
	margin:-105px -50px;
	height:239px;
	background-repeat:no-repeat;
	position:absolute;
	left:20;
	top:20;
}






h2 {
	width:160px;
	height:43px;
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */
	white-space:nowrap;	/* 改行させない */
	overflow:hidden;		/* はみ出た部分を表示しない */
	position:absolute;
	left:70px;
	top:70px;
}



div.bg {
	margin:20px 0;
	padding:30px;
}


div.p {
	margin:0 auto 20px;
}



.intr div.p p.pic {
	background-image:url(../img/picintr.jpg);
	width:500px;
	height:333px;
	margin:0 auto;
}
.cast div.p p.pic {
	background-image:url(../img/piccast.jpg);
	width:500px;
	height:333px;
	margin:0 auto;
}
}





@media all and (max-width: 767px) {

article {
	padding:20px;
	margin-bottom:20px;
}


div.h2 {
	width:100%;
	height:71px;
	margin:-71px -20px;
	background-repeat:no-repeat;
	background-position:left top;
	position:absolute;
	left:20;
	top:20;
}

h2 {
	width:160px;
	height:43px;
	background-repeat:no-repeat;
	text-indent:100%;		/* 指定した分ずらす */
	white-space:nowrap;	/* 改行させない */
	overflow:hidden;		/* はみ出た部分を表示しない */
	position:absolute;
	left:80px;
	top:25px;
}

div.bg {
	margin:20px 0;
	padding:30px;
}

div.h3 {
	background-image:url(../img/border.png);
	height:5px;
	background-repeat:no-repeat;
	margin:0 auto 12px;
}

.intr div.p p.pic {
	background-image:url(../img/picintr.jpg);
	margin:0 auto;
}

.intr div.p {
	position:relative;
	height:0;
	padding-top:66.6%;
	margin-bottom:10px;
}
.intr div.p p.pic  {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}



.cast div.p p.pic {
	background-image:url(../img/piccast.jpg);
	margin:0 auto;
}

.cast div.p {
	position:relative;
	height:0;
	padding-top:66.6%;
	margin-bottom:10px;
}
.cast div.p p.pic  {
	background-size:cover;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
}


article {
	box-shadow:0px 8px 18px 0px #5ac0f8;
	-moz-box-shadow:0px 8px 18px 0px #5ac0f8;
	-webkit-box-shadow:0px 8px 18px 0px #5ac0f8;

}







}








/*	TBS FREE
============================== */
article.unit div.tbs-free p.copy {
	text-align:center;
	line-height:1.5;
	margin-bottom:0.5em;
}
article.unit div.tbs-free p.btn-free {
	background-repeat:no-repeat;
	background-size:cover;
}
article.unit div.tbs-free p.btn-free a {
	display:block;
}
article.unit div.tbs-free p.caution {
	text-align:center;
	line-height:1.5;
	font-size:75%;
}
@media all and (min-width: 768px) {
article.unit div.tbs-free p.btn-free {
	width:440px;
	height:180px;
	margin:0 auto 15px;
}
article.unit div.tbs-free p.btn-free a {
	width:440px;
	height:180px;
}
article.unit div.tbs-free p.btn-free a:hover {
	background-color:#80b9e7;
	opacity:0.3;
}
}
@media all and (max-width: 767px) {
article.unit div.tbs-free p.btn-free {
	width:220px;
	height:90px;
	margin:0 auto 10px;
}
article.unit div.tbs-free p.btn-free a {
	width:220px;
	height:90px;
}
}



/*	button
============================== */
section.unit p.btn {
	font-size:100% !important;
}
section.unit p.btn a {
	display:block;
	color:#333;
	text-align:center;
	font-weight:bold;
	text-decoration:none;
	background-image:-moz-linear-gradient(#fff 0%, transparent 100%);
	background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#b2f4d6));
	background-image:-ms-linear-gradient(#fff 0%, transparent 100%);
	background-image:linear-gradient(#fff 0%, #b2f4d6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffff', endColorstr='#00ffffff', GradientType=1 );	/* IE9 */
}
@media all and (min-width: 768px) {
	section.unit p.btn {
		margin:0 100px;
	}
	section.unit p.btn a {
		font-size:87.5%;
		height:32px;
		line-height:32px;
		border-radius:10px;
	}
	section.unit p.btn a:hover {
		background-color:#b2f4d6;
		background-image:none;
	}
}
@media all and (max-width: 767px) {
	section.unit p.btn a {
		font-size:83%;
		height:32px;
		line-height:32px;
		border-radius:16px;
	}
}



/*	twitter
============================== */
div.fb-like-box {
	background-color:#0064d0;
}

div.instagram {
	background-color:#0064d0;
}

div.twitter {
	background-color:#00bfd9;
}


div.twitter div.title,
div.instagram div.title a,
div.fb-like-box div.title {
	display: block;
	background-image:url(../img/h3.png);
	background-repeat:no-repeat;
	width:181px;
	height:41px;
	margin:0 auto 10px;
}

div.fb-like-box div.title {
	width:182px;
	height:41px;
}

div.twitter div.title {
	background-position:0 -120px;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
}

div.instagram div.title a {
	background-position:0 -160px;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
}

div.fb-like-box div.title {
	background-position:0 -207px;
}

div.btn div.tbs-player {
	float:left;
	margin-left:10px;
}

div.btn {
	margin-left:50px;
}

@media all and (min-width: 768px) {
div.twitter,
div.instagram,
div.fb-like-box {
	border-radius:20px;
	box-shadow: 3px 3px 10px 0px rgba(255,255,255,0.5) inset,-3px -3px 10px 0px rgba(0,0,0,0.5) inset;
	padding:25px 20px 20px;
	margin-bottom:20px;
}



}

@media all and (max-width: 767px) {
div.twitter,
div.instagram,
div.fb-like-box {
	padding:25px 30px 20px;
	margin-bottom:20px;
}


div.twitter div.inner {
	width:260px;
	margin:0 auto;
}

div.instagram div.fbinner {
	width:260px;
	margin:0 auto;
}

div.fb-like-box div.fbinner {
	width:260px;
	margin:0 auto;
}

div.btn {
	width:231px;
	padding-left:65px;
	margin:0 auto 20px;
}

}



/*	page top
============================== */
p.pgt a {
	display:block;
	text-decoration:none;
}

p.pgt a {
	background-image:url(../img/top.png);
	background-repeat:no-repeat;
	width:198px;
	height:181px;
	text-indent: 110%;
	white-space: nowrap;
	overflow: hidden;
}
@media all and (min-width: 768px) {
p.pgt {
	position:absolute;
	right:70px;
	bottom:-20px;
}

}
@media all and (max-width: 767px) {
p.pgt {
	position:absolute;
	left: 0;
	right: 0;
	bottom: 60px;
	margin: auto;
	width:198px;
	height:181px;
}

}



/*	copyright
============================== */
p.copyright {
	color:#fff;
	font-size:75%;
	line-height:1.25;
	text-align:center;
	background-image:url(../img/footer.png);
	background-repeat:repeat-x;
	padding:45px;
}
@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
p.copyright {
	padding:25px;
}
}



/*	instagram
============================== */
div.instagram {
}
div.instagram p.link a {
	display: block;
	width: 300px;
	height: 47px;
	text-indent: 110%; white-space: nowrap; overflow: hidden;
}
div.instagram div.inner ul:after {content:"";clear:both;display:block;}
div.instagram div.inner ul li {
	float:left;
	background-color:#000;
	margin-bottom:7px;
}
div.instagram div.inner ul li:not(:nth-child(3n)) {
	margin-right:7px;
}
div.instagram div.inner ul li a,
div.instagram div.inner ul li img {
	display:block;
}
div.instagram div.inner ul li img {
	width:82px;
	height:82px;
}div.instagram div.inner ul li a {
	background-size:cover;
}
div.instagram div.inner p.noimages {
	background-color:#fff;
	width:260px;
	text-align:center;
	line-height:1.5;
	font-size:83%;
	padding:2em 0;
}
@media all and (min-width: 768px) {
div.instagram {
	margin-bottom: 20px;
}
div.instagram div.inner p.noimages {
	margin-bottom:8px;
}
div.instagram p.link a {
	margin: 0 0 0 -20px;
}
}
@media all and (max-width: 767px) {
div.instagram {
}
div.instagram div.inner {
	width:260px;
	margin: 0 auto;
	padding-bottom: 13px;
}
}

b.deco {
	background: linear-gradient(transparent 40%, #ffc6ff 40%);
	font-size: 110%;
}



/*	cont pic
============================== */
.cont div.p p.pic {
	width:500px;
	height:342px;
	margin:0 auto;
}
/*	oa 20180627
============================== */
div#oa-20180627 .cont div.p p.pic1{
	background-image:url(../img/180627piccont01.jpg?2);
}
div#oa-20180627 .cont div.p p.pic2 {
	background-image:url(../img/180627piccont02.jpg?3);
}
div#oa-20180627 .cont div.p p.pic3 {
	background-image:url(../img/180627piccont03.jpg?2);
}
div#oa-20180627 .cont div.p p.pic4 {
	background-image:url(../img/180627piccont04.jpg?2);
}
div#oa-20180627 .cont div.p p.pic5 {
	background-image:url(../img/180627piccont05.jpg?2);
}
div#oa-20180627 .cont div.p p.pic6 {
	background-image:url(../img/180627piccont06.jpg?3);
}
@media all and (max-width: 767px) {
div#oa-20180627 .cont div.p {
	position:relative;
	height:0;
	padding-top:68.4%;
	margin-bottom:10px;
}
div#oa-20180627 .cont div.p p.pic  {
	background-size:cover;
	position: absolute;
	left:0;	top:0;	width:100%;	height:100%;
}
}
/*	oa 20180107
============================== */
div#oa-20180107 .cont div.p p.pic1{
	background-image:url(../img/180107piccont01.jpg);
}
div#oa-20180107 .cont div.p p.pic2 {
	background-image:url(../img/180107piccont02.jpg);
}
div#oa-20180107 .cont div.p p.pic3 {
	background-image:url(../img/180107piccont03.jpg);
}
@media all and (max-width: 767px) {
div#oa-20180107 .cont div.p {
	position:relative;
	height:0;
	padding-top:68.4%;
	margin-bottom:10px;
}
div#oa-20180107 .cont div.p p.pic {
	background-size:cover;
	position: absolute;
	left:0;	top:0;	width:100%;	height:100%;
}
}
/*	oa 20170701
============================== */
div#oa-20170701 .cont div.p p.pic1{
	background-image:url(../img/170701piccont01.jpg);
}
div#oa-20170701 .cont div.p p.pic2 {
	background-image:url(../img/170701piccont02.jpg);
}
@media all and (max-width: 767px) {
div#oa-20170701 .cont div.p {
	position:relative;
	height:0;
	padding-top:68.4%;
	margin-bottom:10px;
}
div#oa-20170701 .cont div.p p.pic  {
	background-size:cover;
	position: absolute;
	left:0;	top:0;	width:100%;	height:100%;
}
}
/*	oa 20160921
============================== */
div#oa-20160921 .cont div.p p.pic1{
	background-image:url(../img/160921piccont01.jpg);
}
div#oa-20160921 .cont div.p p.pic2 {
}
div#oa-20160921 .cont div.p p.pic3 {
}
@media all and (max-width: 767px) {
div#oa-20160921 .cont div.p {
	position:relative;
	height:0;
	padding-top:68.4%;
	margin-bottom:10px;
}
div#oa-20160921 .cont div.p p.pic {
	background-size:cover;
	position: absolute;
	left:0;	top:0;	width:100%;	height:100%;
}
}



/*	ticker
============================== */

div.ticker {
	border:1px solid #fff;
	background-color: #fff;
	padding:0.5em;
}
div.ticker div.tck-outer {
	width:100%;
	overflow:hidden;
	position:relative;
	height:1.25em;
}
div.ticker div.tck-outer ul.tck-inner, div.ticker ul.tck-inner li, div.ticker ul.tck-inner li a {
	display:inline;
	white-space:nowrap;
}
div.ticker div.tck-outer ul.tck-inner {
	position:absolute;
	line-height:1.25;
}
div.ticker div.tck-outer ul.tck-inner li {
	position:relative;
	padding-right:2em;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	content:"";
	display:inline-block;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:center center;
	position:absolute;
	top:50%;
	margin-top:-10px;
	background-color:#fff;
}
div.ticker ul.tck-inner li a {
	color:#bd1634;
	text-decoration:none;
}
div.ticker ul.tck-inner li a dl, div.ticker ul.tck-inner li a dl dt, div.ticker ul.tck-inner li a dl dd {
	display:inline-block;
	white-space:nowrap;
}
div.ticker ul.tck-inner li a dl dt {
	padding-right:1em;
}
@media all and (min-width: 768px) {
div.ticker{
	margin: 0 0 0;
	width: 86.799999%;
	float: right;
	padding:0.5em 0;
}
div.ticker div.tck-outer {
	height: 27px;
}
div.ticker div.tck-outer ul.tck-inner {
	line-height: 27px;
}
div.ticker ul.tck-inner li a {
	padding-left:26px;
}
div.ticker ul.tck-inner li a:hover {
	text-decoration:underline;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	width:20px;
	height:20px;
}
}
@media all and (max-width: 767px) {
div.ticker {
	border-left: none;
	border-right: none;
	width: 86.799999%;
	float: right;
	margin: 0 -12px 12px;
}
div.ticker ul.tck-inner li a {
	font-size:83%;
	padding-left: 20px;
}
div.ticker div.tck-outer ul.tck-inner li:before {
	width:15px;
	height:15px;
	background-size: 15px 15px;
	padding-top: 5px;
}
}