@charset "UTF-8";
/*==============================================================================================
●PCサイズ
==============================================================================================*/
@media screen and (min-width: 1000px) {
/*/////////////////////////ヘッダー///////////////////////*/
.spFixed {
display: none;
}
header {
	width: 100%;
	text-align: center;
	position:fixed;
    top:0;
	left:0;
	z-index: 9999;
    background-color: #ff0000;
    display: none;
    border-bottom: 1px solid black;
}
header nav ul {
    width:1000px;
    margin:0 auto;
    padding: 10px 0;
	list-style-type: none;
	font-size: 12px;
    letter-spacing: 0.2em;
	line-height: 27px;
}
header nav ul li {
	display:inline-block;
	margin-left: 3em; 
}
header nav ul li:first-child {
	margin-left: 0;
}
.abeicon {
    position:absolute;
	bottom:0;
    left:30px;
    z-index: 10;
}
.sharebtn {
	position:absolute;
	top:13px;
    right:10px;
    z-index: 10;
}
.sharebtn p {
	display:inline-block;
    margin-left: 10px; 
}
.sharebtn2 {display: none;}
/*/////////////////////////フッター///////////////////////*/
footer {
 text-align: center;
 margin:70px 0 10px 0;
}
footer .copyright{
 padding-top:70px;
 font-size: 0.7em;
}
footer ul#footer_bnr_area li img {
    width: auto;
    height: 30px;
}
footer ul#footer_bnr_area li {
    display:inline-block;
    margin-right: 40px;
}
/*/////////////////////////共通レイアウト///////////////////////*/
.wrapper, .wrapper2 {
	width:1000px;
    margin:0 auto;
}
.phone {
display: none;
}
.playbo {
font-size: 20px;
text-align: center;
}
.playbo2 {
font-size: 12px;
text-align: center;
}
.linkBo {
text-align: center;
}
/*/////////////////////////トップページ///////////////////////*/
#headlogo {
 padding:150px 0 150px 0;
 height:auto;
 text-align: center;
}
#headlogo ul{
	padding-top:60px;
}
.abelogobace {
width: 669px;
height: 129px;
background-image: url("../../image/abelogo1.png");
background-repeat: no-repeat;
margin:0 auto;
position:relative;
}
.onairtime {
display: inline-block;
font-size: 16px;
border-bottom: 1px solid red;
margin:80px auto 0 auto;
}
.onairLogo {
width:288px;
height: auto;
margin: 0 auto;
}
.onairPhoto {
border:2px solid black;
margin-bottom:20px;
}
.onairMain {
padding:50px 0;
}
.onairL {
width:50%;
padding:50px 50px 50px 25px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:left;
}
.onairR {
width:50%;
padding:50px 25px 50px 50px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
float:right;
}
.onairWt {
text-align: center;
height:30px;
font-size: 25px;
line-height: 1em;
letter-spacing: 0.1em;
padding:7px;
margin-top: -12px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 11;
top:-18px;
left: 50%;
background-color: red;
color: white;
display: inline-block;
}
.storyTitile{
margin-top: -45px;
margin-left: -63px;
}
.storyCatch {
padding:100px 0;
font-size: 20px;
color: red;
text-align: center;
text-shadow: 1px 1px 3px #ffcccc;
letter-spacing: 0.1em;
}
.storyCatch span{
font-size: 30px;
}
.storyCharacter {
float: left;
width: 80%;
height: 100px;
margin-top:82px;
background-image: url("../../image/character.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
}
.storyBill {
float: right;
width: 182px;
height: 182px;
background-image: url("../../image/story_bill.png");
background-repeat: no-repeat;
position:relative;
}
.check {
position:absolute;
z-index: 2;
top:-35px;
right:-35px;
width: 74px;
height: 74px;
background-image: url("../../image/check_bo.png");
background-repeat: no-repeat;
}
.newsW {
width:460px;
border:1px solid red;
padding:20px;
margin:20px;
background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.newsList {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display:flex;
flex-wrap:wrap;
}
.reiwaBottom {
padding:20px 0;
}
.reiwaBottom h2 {
font-size: 20px;
letter-spacing: 0.2em;
}
.castLogo{
width:266px;
height:34px;
line-height:34px;
margin:0 auto 50px auto;
}
.castIn {
width:80%;
padding:50px 0;
}
.castIn h3 span{
font-size: 18px;
margin-right:20px;
}
.castIn dt {
width:50%;
float: left;
padding:0 10px 0 20px;
text-align: right;
}
.castIn dd {
width:48%;
float: left;
padding:0 20px 0 10px;
text-align: left;
}
.otherflex {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row nowrap;
flex-flow: row nowrap;
}
.otherChild {
width:34%;
}
.banners ul {
width:100%;
padding:50px;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li {
width:23%;
margin-right:23px;
margin-bottom:23px;
display: block;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li:nth-child(4n) {
margin-right:0px;
}
ul.otherBo li img{
margin:10px auto;
width:50%;
max-width: 50%;
height:auto;
}
.otherWrap img {
text-align: center;
margin:0 auto;
width:80%;
max-width: 80%;
height:auto;
}
.bigbannar {
    text-align: center;
    width:50%;
    height: auto;
    margin:0 auto;
    padding-top:20px;
}
/*/////////////////////////令和の泉///////////////////////*/
#headlogo2 {
 padding:100px 0 100px 0;
 height:auto;
 text-align: center;
}
.abelogobace2 {
width: 500px;
height: 96px;
background-image: url("../../image/abelogo.png");
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
background-position: center 0%;
background-size: contain;
}
.onairtime2 {
display: inline-block;
font-size: 12px;
border-bottom: 1px solid red;
margin:30px auto 0 auto;
}
.reiwaIn {
min-height: 500px;
position: relative;
}
.reiwaLogobg1{
position: absolute;
z-index: 10;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 372px;
height: 429px;
background-image: url("../../image/reiwa_logo_bg1.png");
background-repeat: no-repeat;
}
.reiwaLogobg2{
position: absolute;
z-index: 11;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 283px;
height: 364px;
background-image: url("../../image/reiwa_logo_bg2.png");
background-repeat: no-repeat;
transform-origin: bottom;
}
.reiwaLogobg3{
position: absolute;
z-index: 12;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg3.png");
background-repeat: no-repeat;
}
.reiwaLogobg4{
position: absolute;
z-index: 19;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg4.gif");
background-repeat: no-repeat;
display:none;
}
.reiwaLogobg5{
position: absolute;
z-index: 11;
bottom: 250px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 505px;
height: 184px;
background-image: url("../../image/reiwa_logo_bg5.png");
background-repeat: no-repeat;
}
.reiwaLink:hover + .reiwaLogobg4 {
display:block;
}
.reiwaLogo{
position: absolute;
z-index: 14;
bottom: 130px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 166px;
height: 161px;
background-image: url("../../image/reiwa_logo.png");
background-repeat: no-repeat;
}
.reiwaLink{
position: absolute;
z-index: 20;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 372px;
height: 450px;
}
/*//////////////// アーカイブ ////////////////*/
.archiveSec {
width:80%;
padding:30px;
margin: 20px auto 50px auto;
background-color: white;
border: 1px solid red;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
.archiveNo {
position:absolute;
z-index: 2;
top:-12px;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: red;
color: white;
padding:5px;
text-align: center;
font-size:12px;
line-height: 1em;
}

.archiveSec p {
width:70%;
padding-left: 50px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.archiveSec h3 {
font-size:115%;
padding-left: 50px;
float: left;
width: 60%;
}

.archivePhoto {
width:30%;
float:left;
background-color: white;
border: 2px solid black;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-bottom:15px;
}
.archivePhoto img {
width:100%;
max-width: 100%;
height:auto;
}
.archiveText {
width:70%;
padding-left:50px;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.archiveText h3{
margin-bottom:10px;
}

/*//////////////// 登場人物 ////////////////*/
.characterDiagram {
width:100%;
background-color: #ff0000;
text-align: center;
color: #000;
}
.characterDiagram img {
width:100%;
max-width:100%;
height:auto;
padding:50px auto;
}
.characterDiagram h2 {
width:90%;
margin: 0 auto;
font-size: 24px;
letter-spacing: 0.2em;
color: #000;
padding:20px 0;
}
.charactersm {
    display:none;
}
.characterDiagram2 {
width:1000px;
height:2004px;
background-image: url("../../image/characters/bg1.png");
position: relative;
text-align: left;
}
.characterDiagram2 p {
margin:0;
padding:0;
}
.characterAbeke{
}
.abereiji {
position: absolute;
z-index: 2;
top:270px;
left:330px;
width:251px;
}
.abereijitxt {
position: absolute;
z-index: 2;
top:360px;
left:30px;
width:340px;
}
.abereijichara {
position: absolute;
z-index: 2;
top:360px;
left:400px;
width:144px;
}
.abeyu {
position: absolute;
z-index: 2;
top:590px;
left:0px;
width:127px;
}
.abeyutxt {
position: absolute;
z-index: 2;
top:670px;
left:130px;
width:320px;
}
.abeyuchara {
position: absolute;
z-index: 2;
top:660px;
left:40px;
width:56px;
}
.abeeita {
position: absolute;
z-index: 2;
top:880px;
left:0px;
width:157px;
}
.abeeitatxt {
position: absolute;
z-index: 2;
top:950px;
left:20px;
width:200px;
}
.abeeitachara {
position: absolute;
z-index: 2;
top:880px;
left:190px;
width:86px;
}
.aberan {
position: absolute;
z-index: 2;
top:1000px;
left:342px;
width:127px;
}
.aberantxt {
position: absolute;
z-index: 2;
top:1220px;
left:315px;
width:170px;
}
.aberanchara {
position: absolute;
z-index: 2;
top:1080px;
left:370px;
width:62px;
}
.characterDainippon{
}
.ohba {
position: absolute;
z-index: 2;
top:220px;
right:0px;
width:151px;
}
.ohbatxt {
position: absolute;
z-index: 2;
top:300px;
right:10px;
width:270px;
}
.ohbachara {
position: absolute;
z-index: 2;
top:265px;
right:300px;
width:73px;
}
.iino {
position: absolute;
z-index: 2;
top:480px;
right:0px;
width:151px;
}
.iinotxt {
position: absolute;
z-index: 2;
top:570px;
right:130px;
width:340px;
}
.iinochara {
position: absolute;
z-index: 2;
top:550px;
right:20px;
width:101px;
}
.himekawa {
position: absolute;
z-index: 2;
top:860px;
right:379px;
width:152px;
}
.himekawatxt {
position: absolute;
z-index: 2;
top:910px;
right:315px;
width:200px;
}
.himekawachara {
position: absolute;
z-index: 2;
top:720px;
right:330px;
width:57px;
}
.mariya {
position: absolute;
z-index: 2;
top:770px;
right:0px;
width:206px;
}
.mariyatxt {
position: absolute;
z-index: 2;
top:830px;
right:80px;
width:180px;
}
.mariyachara {
position: absolute;
z-index: 2;
top:800px;
right:10px;
width:62px;
}
.demukai {
position: absolute;
z-index: 2;
top:1060px;
right:0px;
width:186px;
}
.demukaitxt {
position: absolute;
z-index: 2;
top:1120px;
right:10px;
width:225px;
}
.demukaichara {
position: absolute;
z-index: 2;
top:1060px;
right:250px;
width:79px;
}
.hitachino {
position: absolute;
z-index: 2;
top:1299px;
right:324px;
width:207px;
}
.hitachinotxt {
position: absolute;
z-index: 2;
top:1360px;
right:290px;
width:220px;
}
.hitachinochara {
position: absolute;
z-index: 2;
top:1350px;
right:520px;
width:50px;
}
.tsurami {
position: absolute;
z-index: 2;
top:1330px;
right:0px;
width:187px;
}
.tsuramichara {
position: absolute;
z-index: 2;
top:1380px;
right:60px;
width:37px;
}
.characterJinbocho{
color: #fff;
}
.mizukura {
position: absolute;
z-index: 2;
top:1760px;
left:230px;
width:149px;
}
.mizukuratxt {
position: absolute;
z-index: 2;
top:1810px;
left:120px;
width:200px;
}
.mizukurachara {
position: absolute;
z-index: 2;
top:1810px;
left:330px;
width:62px;
}
.ishiba {
position: absolute;
z-index: 2;
top:1750px;
right:20px;
width:130px;
}
.ishibachara {
position: absolute;
z-index: 2;
top:1800px;
right:60px;
width:76px;
}
.mitarai {
position: absolute;
z-index: 2;
top:1750px;
right:250px;
width:184px;
}
.mitaraichara {
position: absolute;
z-index: 2;
top:1800px;
right:290px;
width:102px;
}
.characterNarrator{
position: absolute;
z-index: 1;
top:1350px;
left:10px;
width: 400px;
height: 400px;
border-radius: 50%;
background-color: #fff;
}
.igarashi {
position: absolute;
z-index: 2;
top:70px;
left:130px;
width:158px;
}
.igarashitxt {
position: absolute;
z-index: 2;
top:150px;
left:120px;
width:245px;
}
.igarashichara {
position: absolute;
z-index: 2;
top:130px;
left:30px;
width:67px;
}
}





/*==============================================================================================
●タブレットサイズ
==============================================================================================*/
@media screen and (min-width: 451px) and (max-width: 999px) {

/*/////////////////////////ヘッダー///////////////////////*/
.pcmenu, .abeicon, .sharebtn {display: none;}
.sharebtn2 {
text-align: center;
margin-top:30px;
}
.sharebtn2 p {
	display:inline-block;
    margin: 0 10px 0 0;
    line-height: 28px;
}
.sharebtn2 p:last-child {
    margin: 0;
}
/*/////////////////////////フッター///////////////////////*/
footer {
 text-align: center;
 margin:100px auto 10px auto;
 width: 80%;
}
footer .copyright{
 padding-top:30px;
 font-size: 0.7em;
}
footer ul#footer_bnr_area li img {
    width:200px;
	max-width: 200px;
	height: auto;
}
footer ul#footer_bnr_area li {
    display:block;
    margin-bottom: 30px;
}
/*/////////////////////////共通レイアウト///////////////////////*/
.wrapper, .wrapper2 {
width:80%;
margin:0 auto;
}
#maincontents {
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	padding: 62px 0 15px 0;
}
.phone {
display: none;
}
.playbo {
font-size: 18px;
text-align: center;
}
.playbo2 {
font-size: 14px;
text-align: center;
}
.linkBo {
text-align: center;
}

/*/////////////////////////トップページ///////////////////////*/
#headlogo, #headlogo2 {
 padding:150px 0 80px 0;
 height:auto;
 text-align: center;
}
#headlogo ul{
	padding-top:80px;	
}
#headlogo ul li img{
	width:100%;	
}
.abelogobace, .abelogobace2 {
width: 80%;
min-height: 100px;
background-image: url("../../image/abelogo.png");
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
background-position: center 0%;
background-size: contain;
}
.onairtime, .onairtime2 {
display: inline-block;
font-size: 0.7em;
border-bottom: 1px solid red;
margin:40px auto 0 auto;
}
.abelogoa, .abelogoata {
display: none;
}
.onairLogo {
width:288px;
height: auto;
margin: 0 auto;
}
.onairPhoto {
border:2px solid black;
width:100%;
max-width: 300px;
height:auto;
margin:0 auto 20px auto;
}
.onairMain {
padding:50px 20px;
}
.onairL {
width:100%;
padding:50px 0;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.onairR {
width:100%;
padding:50px 0;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.onairWt {
text-align: center;
height:30px;
font-size: 25px;
line-height: 1em;
letter-spacing: 0.1em;
padding:7px;
margin-top: -12px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 11;
top:-18px;
left: 50%;
background-color: red;
color: white;
display: inline-block;
}
.storyTitile{
margin-top: -35px;
margin-left: -63px;
}
.storyCatch {
width:80%;
margin:0 auto;
padding:100px 0;
font-size: 20px;
color: red;
text-align: center;
text-shadow: 1px 1px 3px #ffcccc;
letter-spacing: 0.1em;
}
.storyCatch span{
font-size: 30px;
}
.storyCharacter {
float: left;
width: 65%;
height: 100px;
background-image: url("../../image/character.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
margin: 0 3%;
}
.storyBill {
float: right;
width:25%;
max-width: 25%;
height: 100px;
background-image: url("../../image/story_bill.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
position:relative;
margin-right: 4%;
}
.check {
position:absolute;
z-index: 2;
top:-35px;
right: -35px;
width: 70px;
height: 70px;
background-image: url("../../image/check_bo.png");
background-repeat: no-repeat;
background-size: contain;
}
.newsW {
width:90%;
border:1px solid red;
padding:20px;
margin:30px auto;
background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.reiwaBottom {
padding:20px 0;
}
.reiwaBottom h2 {
font-size: 20px;
letter-spacing: 0.2em;
}
.castLogo{
width:266px;
height:34px;
line-height:34px;
margin:0 auto 50px auto;
}
.castIn {
width:100%;
padding:50px 0;
}
.castIn h3 span{
font-size: 18px;
margin-right:20px;
}
.castIn dt {
width:50%;
float: left;
padding:0 10px 0 20px;
text-align: right;
}
.castIn dd {
width:48%;
float: left;
padding:0 20px 0 10px;
text-align: left;
}
.otherflex {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
width:70%;
margin:20px auto;
}
.otherChild {
width:100%;
margin:20px auto;
}
.banners {
width:80%;
margin:0 auto;
border-top:1px solid red;
}
.banners ul {
width:100%;
padding:30px;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li {
width:48%;
margin-right:4%;
margin-bottom:30px;
display: block;
float:left;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li:nth-child(2n) {
margin-right:0px;
}
ul.otherBo li img{
margin:10px auto;
width:200px;
max-width: 200px;
height:auto;
}
.otherWrap img {
text-align: center;
margin:20px auto;
width:100%;
max-width: 270px;
height:auto;
}
.bigbannar {
    text-align: center;
    width:90%;
    height: auto;
    margin:0 auto;
    padding-top:20px;
}
/*//////////////// 令和の泉 ////////////////*/
.reiwaIn {
min-height: 500px;
position: relative;
}
.reiwaLogobg1{
position: absolute;
z-index: 10;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 372px;
height: 429px;
background-image: url("../../image/reiwa_logo_bg1.png");
background-repeat: no-repeat;
}
.reiwaLogobg2{
position: absolute;
z-index: 11;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 283px;
height: 364px;
background-image: url("../../image/reiwa_logo_bg2.png");
background-repeat: no-repeat;
transform-origin: bottom;
}
.reiwaLogobg3{
position: absolute;
z-index: 12;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg3.png");
background-repeat: no-repeat;
}
.reiwaLogobg4{
position: absolute;
z-index: 19;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg4.gif");
background-repeat: no-repeat;
display:none;
}
.reiwaLogobg5{
position: absolute;
z-index: 11;
bottom: 250px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 505px;
height: 184px;
background-image: url("../../image/reiwa_logo_bg5.png");
background-repeat: no-repeat;
}
.reiwaLink:hover + .reiwaLogobg4 {
display:block;
}
.reiwaLogo{
position: absolute;
z-index: 14;
bottom: 130px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 166px;
height: 161px;
background-image: url("../../image/reiwa_logo.png");
background-repeat: no-repeat;
}
.reiwaLink{
position: absolute;
z-index: 20;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 372px;
height: 450px;
}

/*//////////////// アーカイブ ////////////////*/
.archiveSec {
width:100%;
padding:30px;
margin: 20px auto 50px auto;
background-color: white;
border: 1px solid red;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
.archiveNo {
position:absolute;
z-index: 2;
top:-12px;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: red;
color: white;
padding:5px;
text-align: center;
font-size:12px;
line-height: 1em;
}
.archivePhoto {
width:100%;
max-width: 300px;
height:auto;
background-color: white;
border: 2px solid black;
margin:0 auto 20px auto;
}
.archivePhoto img {
width:100%;
max-width: 100%;
height:auto;
}
.archiveText {
width:100%;
}
.archiveText h3{
margin-bottom:10px;
}
.archivePagenation{
text-align: center;
width: 100%;
background-color: white;
margin: 50px auto 0 auto;
}
/*//////////////// 登場人物 ////////////////*/
.characterDiagram {
width:100%;
background-color: #ff0000;
color: #000;
}
.characterDiagram img {
width:100%;
max-width:100%;
height:auto;
padding:50px auto;
}
.characterDiagram h2 {
width:90%;
margin: 0 auto;
font-size: 24px;
letter-spacing: 0.2em;
color: #000;
padding:20px 0;
}
.charactersm {
    display:block;
    margin-top:30px;
}
.characterDiagram2 {
width: 100%;
height: auto;
}
.characterDiagram2 p {
margin:0;
padding:0;
}
.characterAbeke{
background-color: #fff;
padding:100px 0 50px 0;
background-image: url("../../image/characters/abeke.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.abereiji {
width:251px;
margin:50px auto 20px auto;
}
.abereijitxt {
width:60%;
margin:20px auto;
}
.abereijichara {
width:133px;
margin:20px auto;
}
.abeyu {
width:127px;
margin:50px auto 20px auto;
}
.abeyutxt {
width:60%;
margin:20px auto;
}
.abeyuchara {
width:56px;
margin:20px auto;
}
.abeeita {
width:157px;
margin:50px auto 20px auto;
}
.abeeitatxt {
width:40%;
margin:20px auto;
}
.abeeitachara {
width:86px;
margin:20px auto;
}
.aberan {
width:127px;
margin:50px auto 20px auto;
}
.aberantxt {
width:40%;
margin:20px auto;
}
.aberanchara {
width:62px;
margin:20px auto;
}
.characterDainippon{
background-color: #c8c8c8;
padding:200px 0 50px 0;
background-image: url("../../image/characters/dainippon.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.ohba {
width:151px;
margin:50px auto 20px auto;
}
.ohbatxt {
width:60%;
margin:20px auto;
}
.ohbachara {
width:73px;
margin:20px auto;
}
.iino {
width:151px;
margin:50px auto 20px auto;
}
.iinotxt {
width:60%;
margin:20px auto;
}
.iinochara {
width:101px;
margin:20px auto;
}
.himekawa {
width:152px;
margin:50px auto 20px auto;
}
.himekawatxt {
width:60%;
margin:20px auto;
}
.himekawachara {
width:57px;
margin:20px auto;
}
.mariya {
width:206px;
margin:50px auto 20px auto;
}
.mariyatxt {
width:60%;
margin:20px auto;
}
.mariyachara {
width:62px;
margin:20px auto;
}
.demukai {
width:186px;
margin:50px auto 20px auto;
}
.demukaitxt {
width:60%;
margin:20px auto;
}
.demukaichara {
width:79px;
margin:20px auto;
}
.hitachino {
width:207px;
margin:50px auto 20px auto;
}
.hitachinotxt {
width:60%;
margin:20px auto;
}
.hitachinochara {
width:50px;
margin:20px auto;
}
.tsurami {
width:187px;
margin:50px auto 20px auto;
}
.tsuramichara {
width:37px;
margin:20px auto;
}
.characterJinbocho{
color: #fff;
padding:100px 0 50px 0;
background-image: url("../../image/characters/jinbocho.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.mizukura {
width:149px;
margin:50px auto 20px auto;
}
.mizukuratxt {
width:60%;
margin:20px auto;
}
.mizukurachara {
width:62px;
margin:20px auto;
}
.ishiba {
width:130px;
margin:50px auto 20px auto;
}
.ishibachara {
width:76px;
margin:20px auto;
}
.mitarai {
width:184px;
margin:50px auto 20px auto;
}
.mitaraichara {
width:102px;
margin:20px auto;
}
.characterNarrator{
width: 100%;
background-color: #fff;
padding:30px 0;
}
.igarashi {
width:158px;
margin:50px auto 20px auto;
}
.igarashitxt {
width:60%;
margin:20px auto;
}
.igarashichara {
width:67px;
margin:20px auto;
}

}

/*==============================================================================================
●スマホサイズ
==============================================================================================*/
@media screen and (max-width: 450px) {
img {
	width:100%;
	max-width: 100%;
	height: auto;
}

/*/////////////////////////ヘッダー///////////////////////*/
.pcmenu, .abeicon, .sharebtn {display: none;}
.sharebtn2 {
text-align: center;
margin-top:100px;
}
.sharebtn2 p {
	display:inline-block;
    margin: 0 10px 0 0;
    line-height: 28px;
}
.sharebtn2 p:last-child {
    margin: 0;
}
/*/////////////////////////フッター///////////////////////*/
footer {
 text-align: center;
 margin:100px auto 10px auto;
 width: 80%;
}
footer .copyright{
 padding-top:30px;
 font-size: 0.7em;
}
footer ul#footer_bnr_area li img {
    width:50%;
	max-width: 50%;
	height: auto;
}
footer ul#footer_bnr_area li {
    display:block;
    margin-bottom: 30px;
}

/*/////////////////////////共通レイアウト///////////////////////*/
.wrapper {
width:90%;
margin:0 auto;
}
.wrapper2 {
width:100%;
}
#maincontents {
	border-top: solid 1px #eeeeee;
	border-bottom: solid 1px #eeeeee;
	padding: 0;
	font-size: 1.2em;
	padding: 50px 0 15px 0;
}
.phone {
display: block;
}
.playbo {
font-size: 12px;
text-align: center;
}
.playbo2 {
font-size: 12px;
text-align: left;
}
.linkBo {
text-align: left;
}
/*/////////////////////////トップページ///////////////////////*/
#headlogo, #headlogo2 {
 padding:150px 0 30px 0;
 height:auto;
 text-align: center;
}
#headlogo ul{
	padding-top:80px;	
}
.abelogobace,.abelogobace2 {
width: 100%;
min-height: 100px;
background-image: url("../../image/abelogo.png");
background-repeat: no-repeat;
margin: 0 auto;
position: relative;
background-position: center 0%;
background-size: contain;
}
.onairtime, .onairtime2 {
width: 100%;
display: block;
border-bottom: 1px solid red;
margin:30px auto 0 auto;
font-size:10px;
-webkit-transform:scale(0.8);
-moz-transform:scale(0.8);
-ms-transform:scale(0.8);
-o-transform:scale(0.8);
transform:scale(0.8);
}
.abelogoa, .abelogoata {
display: none;
}
.onairLogo {
width:200px;
height: auto;
margin: 0 auto;
}
.onairPhoto {
border:2px solid black;
margin-bottom:20px;
}
.onairMain {
padding:20px;
}
.onairL {
width:100%;
padding:50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.onairR {
width:100%;
padding:50px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.onairWt {
text-align: center;
height:30px;
font-size: 20px;
line-height: 1em;
letter-spacing: 0.1em;
padding:7px;
margin-top: -6px;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: absolute;
z-index: 11;
top:-18px;
left: 50%;
background-color: red;
color: white;
display: inline-block;
}
.storyTitile{
margin-top: 0px;
margin-left: -63px;
}
.storyCatch {
width:80%;
margin:0 auto;
padding:100px 0;
font-size: 16px;
color: red;
text-align: left;
text-shadow: 1px 1px 3px #ffcccc;
letter-spacing: 0.1em;
}
.storyCatch span{
font-size: 25px;
}
.storyCharacter {
float: left;
width: 50%;
height: 100px;
background-image: url("../../image/character.png");
background-repeat: no-repeat;
background-position: center bottom;
background-size: contain;
margin: 0 3%;
}
.storyBill {
float: right;
width:40%;
max-width: 40%;
height: 100px;
background-image: url("../../image/story_bill.png");
background-repeat: no-repeat;
background-position: right bottom;
background-size: contain;
position:relative;
margin-right: 4%;
}
.check {
position:absolute;
z-index: 2;
top:-25px;
right:-25px;
width: 70px;
height: 70px;
background-image: url("../../image/check_bo.png");
background-repeat: no-repeat;
background-size: contain;
}
.newsW {
width:90%;
border:1px solid red;
padding:20px;
margin:30px auto;
background-color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position: relative;
}
.reiwaBottom {
font-size: 12px;
padding:30px 0;
}
.reiwaBottom h2 {
font-size: 15px;
letter-spacing: 0;
}
.reiwaBottom p {
width: 90%;
margin:0 auto;
text-align: left;
}
.castLogo{
width:100%;
max-width: 100%;
height: auto;
margin:0 auto 50px auto;
}
.castIn {
width:95%;
padding:50px 20px;
}
.castIn h3 span{
font-size: 18px;
}
.castIn dt {
width:100%;
padding-bottom: 5px;
text-align: center;
font-size:0.8em;
font-weight: bold;
}
.castIn dd {
width:100%;
padding:0;
text-align: center;
}
.otherflex {
display: -webkit-flex;
display: flex;
-webkit-flex-flow: column nowrap;
flex-flow: column nowrap;
width:80%;
margin:0 auto;
}
.otherChild {
width:100%;
margin:20px 0;
}
.otherChild h2 img{
width:auto;
max-height:25px;
height:25px;
margin:0 auto;
}
.banners {
width:80%;
margin:0 auto;
border-top:1px solid red;
}
.banners ul {
width:100%;
padding:30px;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li {
width:100%;
margin-bottom:20px;
display: block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.otherBo li img{
margin:10px auto;
width:80%;
max-width: 80%;
height:auto;
}
.otherWrap img {
text-align: center;
margin:0 auto;
width:80%;
max-width: 80%;
height:auto;
}
.bigbannar {
    text-align: center;
    width:90%;
    height: auto;
    margin:0 auto;
    padding-top:20px;
}
/*//////////////// 令和の泉 ////////////////*/
.reiwaIn {
min-height: 430px;
position: relative;
}
.reiwaLogobg1{
position: absolute;
z-index: 10;
bottom: 20px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 297px;/*original 80%*/
height: 343px;
background-image: url("../../image/reiwa_logo_bg1.png");
background-repeat: no-repeat;
background-size: contain;
}
.reiwaLogobg2{
position: absolute;
z-index: 11;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 226px;
height: 291px;
background-image: url("../../image/reiwa_logo_bg2.png");
background-repeat: no-repeat;
transform-origin: bottom;
background-size: contain;
}
.reiwaLogobg3{
position: absolute;
z-index: 12;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg3.png");
background-repeat: no-repeat;
}
.reiwaLogobg4{
position: absolute;
z-index: 19;
bottom: 2px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 60px;
height: 88px;
background-image: url("../../image/reiwa_logo_bg4.gif");
background-repeat: no-repeat;
display:none;
}
.reiwaLogobg5{
position: absolute;
z-index: 11;
bottom: 260px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 272px;
height: 99px;
background-image: url("../../image/reiwa_logo_bg5.png");
background-repeat: no-repeat;
background-size: contain;
}
.reiwaLink:hover + .reiwaLogobg4 {
display:block;
}
.reiwaLogo{
position: absolute;
z-index: 14;
bottom: 100px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 150px;
height: 145px;
background-image: url("../../image/reiwa_logo.png");
background-repeat: no-repeat;
background-size: contain;
}
.reiwaLink{
position: absolute;
z-index: 20;
bottom: 0px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
width: 297px;
height: 380px;
}
/*//////////////// アーカイブ ////////////////*/
.archiveSec {
width:90%;
padding:30px;
margin: 20px auto 50px auto;
background-color: white;
border: 1px solid red;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
position:relative;
}
.archiveNo {
position:absolute;
z-index: 2;
top:-12px;
left:50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: red;
color: white;
padding:5px;
text-align: center;
font-size:12px;
line-height: 1em;
}
.archivePhoto {
width:100%;
background-color: white;
border: 2px solid black;
margin-bottom:20px;
}
.archivePhoto img {
width:100%;
max-width: 100%;
height:auto;
}
.archiveText {
width:100%;
}
.archiveText h3{
margin-bottom:10px;
}
.archivePagenation{
text-align: center;
width: 90%;
background-color: white;
margin: 50px auto 0 auto;
}
/*//////////////// 登場人物 ////////////////*/
.characterDiagram {
width:100%;
background-color: #ff0000;
color: #000;
}
.characterDiagram img {
width:100%;
max-width:100%;
height:auto;
padding:50px auto;
}
.characterDiagram h2 {
width:90%;
margin: 0 auto;
font-size: 24px;
letter-spacing: 0.2em;
color: #000;
padding:20px 0;
}
.charactersm {
    display:block;
    margin-top:30px;
}
.characterDiagram2 {
width: 100%;
height: auto;
}
.characterDiagram2 p {
margin:0;
padding:0;
}
.characterAbeke{
background-color: #fff;
padding:100px 0 50px 0;
background-image: url("../../image/characters/abeke.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.abereiji {
width:251px;
margin:50px auto 20px auto;
}
.abereijitxt {
width:80%;
margin:20px auto;
}
.abereijichara {
width:133px;
margin:20px auto;
}
.abeyu {
width:127px;
margin:50px auto 20px auto;
}
.abeyutxt {
width:80%;
margin:20px auto;
}
.abeyuchara {
width:56px;
margin:20px auto;
}
.abeeita {
width:157px;
margin:50px auto 20px auto;
}
.abeeitatxt {
width:60%;
margin:20px auto;
}
.abeeitachara {
width:86px;
margin:20px auto;
}
.aberan {
width:127px;
margin:50px auto 20px auto;
}
.aberantxt {
width:60%;
margin:20px auto;
}
.aberanchara {
width:62px;
margin:20px auto;
}
.characterDainippon{
background-color: #c8c8c8;
padding:200px 0 50px 0;
background-image: url("../../image/characters/dainippon.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.ohba {
width:151px;
margin:50px auto 20px auto;
}
.ohbatxt {
width:80%;
margin:20px auto;
}
.ohbachara {
width:73px;
margin:20px auto;
}
.iino {
width:151px;
margin:50px auto 20px auto;
}
.iinotxt {
width:80%;
margin:20px auto;
}
.iinochara {
width:101px;
margin:20px auto;
}
.himekawa {
width:152px;
margin:50px auto 20px auto;
}
.himekawatxt {
width:80%;
margin:20px auto;
}
.himekawachara {
width:57px;
margin:20px auto;
}
.mariya {
width:206px;
margin:50px auto 20px auto;
}
.mariyatxt {
width:80%;
margin:20px auto;
}
.mariyachara {
width:62px;
margin:20px auto;
}
.demukai {
width:186px;
margin:50px auto 20px auto;
}
.demukaitxt {
width:80%;
margin:20px auto;
}
.demukaichara {
width:79px;
margin:20px auto;
}
.hitachino {
width:207px;
margin:50px auto 20px auto;
}
.hitachinotxt {
width:80%;
margin:20px auto;
}
.hitachinochara {
width:50px;
margin:20px auto;
}
.tsurami {
width:187px;
margin:50px auto 20px auto;
}
.tsuramichara {
width:37px;
margin:20px auto;
}
.characterJinbocho{
color: #fff;
padding:100px 0 50px 0;
background-image: url("../../image/characters/jinbocho.png");
background-repeat: no-repeat;
background-position: center 50px;
}
.mizukura {
width:149px;
margin:50px auto 20px auto;
}
.mizukuratxt {
width:80%;
margin:20px auto;
}
.mizukurachara {
width:62px;
margin:20px auto;
}
.ishiba {
width:130px;
margin:50px auto 20px auto;
}
.ishibachara {
width:76px;
margin:20px auto;
}
.mitarai {
width:184px;
margin:50px auto 20px auto;
}
.mitaraichara {
width:102px;
margin:20px auto;
}
.characterNarrator{
width: 100%;
background-color: #fff;
padding:30px 0;
}
.igarashi {
width:158px;
margin:50px auto 20px auto;
}
.igarashitxt {
width:80%;
margin:20px auto;
}
.igarashichara {
width:67px;
margin:20px auto;
}

.twitterTimeline iframe { width: 740px !important; }
}


/*==============================================================================================
●スマホサイズ最小
==============================================================================================*/
@media screen and (max-width: 320px) {
.pcmenu {display: none;}
.twitterTimeline iframe { width: 740px !important; }
}








/*==============================================================================================
●共通
==============================================================================================*/
#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(../../image/reiwa_logo_bg3.gif); 
}
article a:link, article a:visited {
color: #000000;
text-decoration: underline;
}
/*/////////////////////////ヘッダー///////////////////////*/
header a:link, header a:visited {
color: #ffffff;
text-decoration: none;
}

/*/////////////////////////フッター///////////////////////*/
footer {
 margin-bottom: 100px;
}
footer a:link, footer a:visited {
	color: #000000;
}

/*/////////////////////////共通レイアウト///////////////////////*/
#container {
	width: 100%;
	height: auto;
	position: relative;
}
.scrollToTop {
    position: fixed;
    z-index: 100;
    bottom: 20px;
    right: 20px;
    width: 61px;
    height: 61px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.6);
    display: none;
}
.bgdot {
background-image: url("../../image/bgdot.png");
background-repeat: repeat;
background-position: center top;
}

/*/////////////////////////トップページ///////////////////////*/
/*---onair---*/
#onair {
width:100%;
height:auto;
}
.onairTop {
width: 100%;
height: 20px;
background-image: url("../../image/top_onair_bg.png");
background-repeat: repeat-x;
background-position: center top;
}
.onairMain {
background-color: red;
width: 100%;
height: auto;
margin:0 auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.onairW1 {
width:100%;
padding:7px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
border: 2px solid white;
position: relative;
}
.onairW2 {
width:100%;
padding:15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background-color: white;
}
.onairNo {
height: 22px;
line-height: 22px;
background-image: url("../../image/onairno.png");
background-repeat: no-repeat;
background-position: left bottom;
padding-left:25px;
font-size: 12px;
margin-bottom:10px;
}
.onairTitle {
font-size: 20px;
margin-bottom:20px;
}
.onairPhoto img {
width:100%;
max-width: 100%;
height: auto;
}
.gotoArchive {
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.gotoArchive:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 0 -10% 0;
  background: red;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  transform: rotate(-3deg);
  z-index: -1;
}
.gotoArchive_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 0 10px 120px;
  color: #fff;
  text-align: center;
}
.gotoArchive_inner a {
background-image: url("../../image/gotoarchive_bo.png");
background-repeat: no-repeat;
background-position: left center;
font-size: 20px;
line-height: 33px;
padding-left: 30px;
display: inline-block;
}
#story {
 position:relative;
}
.storyTitile{
position: absolute;
z-index: 2;
top: 0;
left: 50%;
background-image: url("../../image/story_title.png");
background-repeat: no-repeat;
width: 127px;
height: 30px;
-webkit-transform: rotate(-3deg);
-ms-transform: rotate(-3deg);
transform: rotate(-3deg);
}
#news, #character {
width:100%;
border-top:1px solid red;
border-bottom:1px solid red;
padding: 50px 0 100px 0;
}
.newsLogo {
width:30%;
line-height:30px;
margin:0 auto 50px auto;
border:1px solid red;
padding:20px;
background-color: white;
text-align: center;
}

.newsLine {
position: absolute;
z-index: 2;
top:-1px;
left:-1px;
width:17px;
height:17px;
background-image: url("../../image/newsLine.png");
background-repeat: no-repeat;
}
.newsTitle {
background-image: url("../../image/newsTitle.png");
color: red;
font-size: 20px;
background-repeat: no-repeat;
background-position: left center;
padding-left:30px;
letter-spacing: 0.1em;
line-height: 21px;
margin:20px 0 40px 0;
}
.newsW img {
display: block;
margin:0 auto;
}
#reiwa {
position: relative;
background-image: url("../../image/top_reiwa_bg.png");
background-repeat: repeat;
background-position: center top;
}
.reiwaTop {
position:absolute;
z-index: 2;
top:-82px;
width:100%;
height:82px;
background-image: url("../../image/top_reiwa_top_bg.png");
background-repeat: repeat-x;
}
.reiwaBottom {
width: 100%;
height: auto;
background-color: black;
color: white;
text-align: center;
}
.reiwaBottom h2 {
line-height: 1.5em;
font-weight: normal;
margin-bottom: 10px;
}
#cast {
margin:100px 0;
}
.castIn {
position:relative;
margin: 0 auto;
background: linear-gradient(0deg, rgb(255, 0, 0), rgb(255, 58, 77));
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.castIn a:link, .castIn a:visited {
border-bottom: 1px solid white;
}
.castIn h3 {
border-bottom: 1px solid white;
padding-bottom:2px;
text-align: center;
color: white;
font-weight: normal;
font-size: 12px;
display: block;
margin:40px 0;
}
.castIn dl {
margin: 0 0 20px 0;
}
.castIn dl:after {
content: ".";
font-size: 0;
display: block;
height: 0;
visibility: hidden;
clear: both;
}
.castIn dt {
color: #8a0000;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.castIn dd {
color: white;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.castDot {
width:12px;
height:12px;
border-radius: 6px;
background-color: white;
position: absolute;
z-index: 2;
}
.castTL {
top:6px;
left:6px;
}
.castTR {
top:6px;
right:6px;
}
.castBL {
bottom:6px;
left:6px;
}
.castBR {
bottom:6px;
right:6px;
}
#other {}
.otherChild {
border: 1px solid red;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
margin-right: -1px;
text-align: center;
}
.otherChild h2 {
text-align: center;
padding:20px;
border-bottom: 1px dotted red;
}
.otherWrap {
width:80%;
margin:10% auto;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.otherChild img {
text-align: center;
margin:0 auto;
}
.otherChild p {
text-align: left;
margin-top:20px;
}
.twitterTimeline {
border:1px solid #eeeeee;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.otherBo li {
text-align: center;
border-top:1px dotted red;
}
ul.otherBo li a {
width:100%;
display:block;
padding:10px 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul.otherBo li a:link, ul.otherBo li a:visited {
color: red;
}
.line1 {
background-color: #FFEEEE;
padding:10px;
text-align: center;
margin-bottom:20px;
}
.line2 dl,
.line2 dt,
.line2 dd {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
dl.line2 {
border-right: 1px dotted red;
border-bottom: 1px dotted red;
border-left: 1px dotted red;
background-color: #FFEEEE;
font-size:12px;
}
.line2 dt, .line2 dd {
padding: 10px 10px 0 10px;
border-top: 1px dotted red;
}
.line2 dt {
width: 49%;
float: left;
text-align: right;
}
.line2 dd {
margin-left: 49%;
padding-bottom: 10px;
border-left: 1px dotted red;
background-color: #FFFFFF;
}
.line2 dd:after {
  content: '';
  display: block;
  clear: both;
}
.banners {
border-left:1px solid red;
border-right:1px solid red;
border-bottom:1px solid red;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.banners ul li img {
width:100%;
max-width: 100%;
height:auto;
}

/*//////////////// アーカイブ ////////////////*/
.archiveTop {
width: 100%;
height: 32px;
background-image: url("../../image/top_archive_bg.png");
background-repeat: repeat-x;
background-position: center top;
}
.archiveMain {
padding:50px 0;
border-bottom: 1px solid red;
}
.archiveMain h2 {
text-align: center;
margin-bottom: 100px;
}

/*//////////////// PLAYボタン ////////////////*/
.playbo, .playbo2 {
width: 100%;
border: 1px solid red;
border-radius: 10px;
background-color: white;
padding: 8px 8px 8px 40px;
color: red;
letter-spacing: 0.2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: relative;
z-index: 2;
overflow: hidden;
margin-bottom: 10px;
background-image: url("../../image/playbo.png");
background-repeat: no-repeat;
background-position: 10px center;
}
.playbo:link, .playbo:visited,
.playbo2:link, .playbo2:visited,
.linkBo:link, .linkBo:visited{
color: red;
text-decoration: none;
}
.playbo:hover, .playbo:active,
.playbo2:hover, .playbo2:active,
.linkBo:hover, .linkBo:active {
  color: white;
  -ms-filter: "alpha( opacity=100 )";
	filter: alpha(opacity=100);
	opacity: 1;
}
.playbo::after,
.playbo2::after,
.linkBo::after {
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
}
.playbo:hover::after,
.playbo2:hover::after {
  top: 0;
  left: 0;
  background-color: red;
  color: white;
  background-image: url("../../image/playbo1.png");
  background-repeat: no-repeat;
  background-position: 10px center;
}
.linkBo:hover::after {
  top: 0;
  left: 0;
  background-color: red;
}
.playbo::before,
.playbo::after,
.playbo2::before,
.playbo2::after,
.linkBo::before,
.linkBo::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: '';
}
.playbo,
.playbo::before,
.playbo::after,
.playbo2,
.playbo2::before,
.playbo2::after,
.linkBo,
.linkBo::before,
.linkBo::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.linkBo {
width: 100%;
border: 1px solid red;
background-color: white;
padding: 5px 15px;
color: red;
letter-spacing: 0.2em;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: inline-block;
position: relative;
z-index: 2;
overflow: hidden;
}
a.linkBo[target="_blank"]::before {
    position: absolute;
    z-index: 99;
    top:-1px;
    right:-1px;
    width:16px;
    height: 16px;
    background-image: url(../../image/linknewbo.png);
    background-repeat: no-repeat;
    background-position: right top;
}
/* Bob */
@-webkit-keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob {
  0% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
  50% {
    -webkit-transform: translateY(-4px);
    transform: translateY(-4px);
  }
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@-webkit-keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
@keyframes hvr-bob-float {
  100% {
    -webkit-transform: translateY(-8px);
    transform: translateY(-8px);
  }
}
.hvr-bob {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.storyBill:hover .check, .storyBill:focus .check, .storyBill:active .check {
  -webkit-animation-name: hvr-bob-float, hvr-bob;
  animation-name: hvr-bob-float, hvr-bob;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

/*//////////////// ドロワーメニュー ////////////////*/
	.spFixed { position: fixed; left: 0; top: 0; width: 100%; z-index: 300; }
	.spFixed .navibtn { height: 24px;padding:0 0 10px 0;background-color: rgba(0, 0, 0, 0.7); position: relative; z-index: 350; transition: all 0.3s ease-in-out; }
	.navibtn .hamburg {
		position:absolute;
		left:50%;
		-webkit-transform:translate(-50%,-50%);
        transform:translate(-50%,-50%);
		height: 2px;
		width: 24px;
		border-radius: 1px;
		background-color: white;
		-webkit-transition: all ease .5s;
        transition: all ease .5s;
	}
	.navibtn .hamburg:nth-child(1) { top:30%; }
	.navibtn .hamburg:nth-child(2) { top:50%; }
	.navibtn .hamburg:nth-child(3) { top:70%; }
	.navibtn.close { background-color: red; }
	.navibtn.close .hamburg { top:50%; background-color: black; }
	.navibtn.close .hamburg:nth-child(1) { transform:translate(-50%,-50%) rotate(45deg); -webkit-transform:translate(-50%,-50%) rotate(45deg); }
	.navibtn.close .hamburg:nth-child(2) { transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); opacity:0; }
	.navibtn.close .hamburg:nth-child(3) { transform:translate(-50%,-50%) rotate(-45deg); -webkit-transform:translate(-50%,-50%) rotate(-45deg); }

	.spFixed nav.fixedNav {
		width: 100%;
		height: 100vh;
		box-sizing: border-box;
		padding: 44px 20px 10px;
		background-color: red;
		position: fixed;
		top: -100vh;
		left: 0;
		z-index: 250;
		opacity: 0;
		transition: all 0.5s ease-in-out;
		overflow: auto;
	}
	.spFixed nav.fixedNav.open { top: 0; opacity: 1; }

	.spFixed nav.fixedNav ul { padding: 5px 0 30px; }
	.spFixed nav.fixedNav ul li { margin-bottom: 10px; }
	.spFixed nav.fixedNav ul li:last-child { margin-bottom: 0; }
	.spFixed nav.fixedNav ul li a {
		display: block;
		line-height: 1.25;
		position: relative;
		padding-left: 15px;
		font-size: 95%;
		color: white;
		text-decoration: none;
	}
	.spFixed nav.fixedNav ul li a::before {
		content: "";
		width: 10px;
		height: 2px;
		background-color: white;
		border-radius: 1px;
		position: absolute;
		left: 0;
		top: 0;
		margin-top: 0.5em;
	}
	.spFixed nav.fixedNav ul li a span.date { display: block; }
	.spFixed nav.fixedNav ul li a.navCont { font-size: 108%; line-height: 1.35; }
	.spFixed nav.fixedNav ul li.noticeEnd { padding-bottom: 20px; border-bottom: solid 1px white; margin-bottom: 20px;}
	.spFixed nav.fixedNav ul li.contEnd { padding-bottom: 20px; border-bottom: solid 1px white; margin-bottom: 20px;}
	.spFixed nav.fixedNav ul li a.navCont span.subTit { font-size: 90%; display: block; }
	
	
	
/*ページスイッチ*/
.pageswitch{
text-align: center;
width: 50%;
background-color: white;
margin: 50px auto 0 auto;
}
.pageswitch a{
	color:#000;
}
.archiveSec .playbo{
	display:none;	
}

.click-box {
    display: block;
    text-align: center;
    cursor: pointer;
    color: #fff;
	width:33px;
	margin:0 auto;
}
.click-box:hover, .click-box:active {
    -ms-filter: "alpha( opacity=70 )";
	filter: alpha(opacity=70);
	opacity: .7;
}
.bigbannar img {
    width:100%;
    max-width: 100%;
    height: auto;
}
.hidenbox {
    display: none;
}