@charset "utf-8";

/* ===================================================================
css information

File Name  : layout.css
Author     : 
Style Info : 
=================================================================== */

/****************************************************************************

index.php

****************************************************************************/

/* topSlideWrap
-----------------------------------------------*/

#topSlideWrap { width:100%; position:relative; overflow:hidden; padding:0px 0;}

#topSlideWrap:after {  }
#topSlide { width:100%; overflow:hidden; position:relative; z-index:1;  padding:0%; }

/**#topSlide:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_04.png) no-repeat left top; z-index:1; opacity:0.8; display:none; }**/
#topSlide div.pcOnly { width:100%; height:440px; overflow:hidden; position:relative; /*background:URL(../img/slide_bg.jpg) no-repeat center center;*/ text-align:center;  z-index:3; }
/**#topSlide div.pcOnly:after { content:''; width:634px; height:337px; position:absolute; left:50%; top:0; margin:0 0 0 -317px; background:URL(../img/cmn/slideBg_02.png) no-repeat center top; }**/
#topSlide div.pcOnly figure { width:2000px; position:absolute; left:50%; top:50%; margin:-366px 0 0 -1000px; }
#topSlide div.pcOnly h1 { width:800px; position:absolute; top:50%; left:50%; margin:-112px 0 0 90px; }
#topSlide div.pcOnly img { width:100%; }
#topSlide div.pcOnly .car1 { width:484px; height:440px; background-image:url(../img/main2.png); background-repeat:no-repeat; position:absolute; top:0; left:0; }
#topSlide div.pcOnly .car2 { width:740px; height:440px; background-image:url(../img/main3.png); background-repeat:no-repeat; position:absolute; top:0; right:0; }
#topSlide div.pcOnly .car3 { width:694px; height:699px; background-image:url(../img/main4.png); background-repeat:no-repeat; position:absolute; top:50%; left:50%;
margin-top:-347px; margin-left:-349.5px; z-index:2; }
#topSlide div.pcOnly .car4 { width:801px; height:61px; background-image:url(../img/main5.png); background-repeat:no-repeat; position:absolute; bottom:30px; left:50%;
 margin-left:-400.5px; z-index:2; }
 #spArrow { display:none; }
 
 #topSlide div.pcOnly .car5 { width:100%; height:440px; background-image:url(../img/mainv2.png); background-repeat:no-repeat; background-size:auto 440px; background-position:center top; position:relative; }


 
/* @media screen and  (max-width:1320px) and (min-width:701px) {
#topSlide  {height:380px; background-size:auto 380px; }
#topSlide:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_04.png) no-repeat left top; z-index:1; opacity:0.8; display:none; }
#topSlide div.pcOnly { width:100%; height:380px!important; overflow:hidden; position:relative;  text-align:center;  z-index:3; }

#topSlide div.pcOnly figure { width:2000px; position:absolute; left:50%; top:50%; margin:-366px 0 0 -1000px; }
#topSlide div.pcOnly h1 { width:800px; position:absolute; top:50%; left:50%; margin:-112px 0 0 90px; }
#topSlide div.pcOnly img { width:100%; }
#topSlide div.pcOnly .car1 { width:386px; height:380px; background-image:url(../img/main2.png); background-repeat:no-repeat; position:absolute; top:0; left:0; background-size:contain; }
#topSlide div.pcOnly .car2 { width:590px; height:380px; background-image:url(../img/main3.png); background-repeat:no-repeat; position:absolute; top:0; right:0; background-size:contain; }
#topSlide div.pcOnly .car3 { width:558px; height:563px; background-image:url(../img/main4.png); background-repeat:no-repeat; position:absolute; top:50%; left:50%;
margin-top:-279px; margin-left:-281.5px; z-index:2; background-size:contain;  }
#topSlide div.pcOnly .car4 { width:645px; height:50px; background-image:url(../img/main5.png); background-repeat:no-repeat; position:absolute; bottom:30px; left:50%;
 margin-left:-322.5px; z-index:2;  background-size:contain;}
 #topSlide div.pcOnly .car5 { width:100%; height:380px; background-image:url(../img/mainv2.png); background-repeat:no-repeat; background-size:cover; background-position:center top; position:relative; }
 }*/
 


/*@media screen and (min-width:701px) and (max-width:1500px) {
#topSlide div.pcOnly { height:440px; }
#topSlide div.pcOnly figure { width:1600px; position:absolute; left:50%; top:50%; margin:-293px 0 0 -850px; }
#topSlide div.pcOnly h1 { width:600px; position:absolute; top:50%; left:50%; margin:-76px 0 0 20px; }	
}*/

/**@media screen and (max-width:700px){ **/
#topSlideWrap { width:100%; /*height:70%;*/ /*padding:16px 0;*/ padding:0; background-size:auto 2px; overflow:hidden; position:relative; }
#topSlideWrap:before { width:317px; height:168px; position:absolute; left:50%; top:0; margin:0 0 0 -158px; background-size:100% 100%; }
#topSlide { width:100%; }
#topSlide:before { display:none; }
#topSlide div { position:relative; }
#topSlide div img { width:100%; height:auto;  margin:0; 
 }
 
 @media screen and (max-width:700px){ 
 #topSlide div img { width:100%; height:auto; position:static; left:0%; margin:0; top:0;
-webkit-transform:translateX(0%);
-moz-transform:translateX(0%);
-o-transform:translateX(0%);
-ms-transform:translateX(0%);
transform:translateX(0%);
 }
#topSlideWrap,#topSlide,.spOnly { height:auto!important}
#topSlide { height:auto!important;  box-sizing:border-box;}
 }
 
 
#lights { height:75px; }
#topSlideWrap:before { display:none; }
 #spArrow { /**display:block;**/ height:50px; background-color:#000; text-indent:-9999px; background-image:url(../img/underArrow.png),url(../img/cmn/line.png); background-repeat:no-repeat,repeat-x; background-position:center 14px,bottom; background-size:auto 18px,auto 2px; cursor:pointer; position:relative; z-index:2;  }
/*}*/

#topSlideWrap,#topSlide,.spOnly { /*max-height:1100px;*/ }


.yellowLine { border-top:0px solid #5F6169; margin-top:8px; position:relative; padding-top:7px; }

.yellowLine.t0 { padding-top:0; }
.yellowLine:before { content:""; display:block; width:100%; height:3px; background-image:url(../img/cmn/yellowline.png); background-repeat:no-repeat; background-size:100% 3px; position:absolute; top:-5px; }
#firstU  {  border-top:1px solid #5F6169; border-bottom:1px solid #5F6169; }
#firstU a { display:block; width:100%; height:100%; position:relative; }
#firstU a:after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url(../img/overlay.png); }
#firstU a .text { width:100%; position:absolute; top:50%; left:0; text-align:center; color:#FFF; z-index:1;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-o-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
 }
#firstU a .text h3 { font-size:24px; margin-bottom:14px; font-weight:bold; }
#firstU a .text p { line-height:130%; }
#firstU a .text .bt { width:60%; background-color:#FF9B00; height:35px; line-height:35px; text-align:center; margin:25px auto 0 auto; color:#372600; border-radius:.3em; box-shadow:1px 1px 4px rgba(0,0,0,0.65); font-weight:bold; }

#navi { padding:7px 7px; margin-top:7px; position:relative; }
#navi:before { content:""; display:block; height:2px; background-color:#3C4F53; position:absolute; bottom:0; left:0; width:100%; }
#navi ul { overflow:hidden; }
#navi ul li { width:49%; float:left;margin-right:-webkit-calc( 1% - 1px ); margin-right:calc( 1% - 1px ); margin-left:1px; position:relative; margin-bottom:1%; border-radius:.4em; border:1px solid #000; }

#navi ul li a{ display:block; height:44px; line-height:44px; box-sizing:border-box; position:relative; text-align:center; /*text-shadow: 0 0 6px #FFCD00;*/
background-color: rgba(255,255,255,.09); border: 1px solid #FFCD00;

 border-radius:.3em; color:#FFF; text-decoration:none; padding:0 10px; font-weight:bold; /**box-shadow:0px 2px 7px rgba(0,0,0,1);**/ overflow:hidden; }
#navi ul li a strong { display: inline-block;background-color:rgba(237,16,20,1.00); padding: .2em 1em; font-size: 80%; text-shadow: none; margin-left: .5em; vertical-align: middle; line-height: 1; border-radius: .3em; }
 #navi ul li a span { width: 26px; display:none; content:""; background-repeat:no-repeat;
    height: 100%; background-position:center;
  
    background-size: 100% 100%;
    margin: 0px 0 0 0;
    background-size: auto 10px;
    background-image: url(../img/top_allow.png);
	position: absolute;
    right: 0px;
    top: 0;
 }

/* mainCont01
-----------------------------------------------*/

.top #mainCont01 {  position:relative; border-top:0px solid #5F6169; border-bottom:0px solid #5F6169; margin-top:0px;}
.top #mainCont01:after {  }
.top #mainCont01 article {  position:relative; padding:20px 0px; }
.top #mainCont01 article:before { }
.top #mainCont01 article:after {}

.top #mainCont01 article ul { margin:0 auto; background:URL(../img/cmn/alBgFFF_12p.png) repeat; position:relative; z-index:1; padding:10px 3px; overflow:hidden; }
.top #mainCont01 article ul:before {  }
.top #mainCont01 article ul li { width:33.33%; float:left; padding:0 7px; position:relative; }
.top #mainCont01 article ul li h3 { width:100%; height:100%; display:block; position:absolute; top:0; left:0; text-align:center;

}
.top #mainCont01 article ul li a { width:100%; height:100%; display:table; font-size:19px; line-height:140%; font-weight:bold; text-decoration:none;
color:#fff;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d; }
.top #mainCont01 article ul li a span { display:table-cell; vertical-align:middle; font-weight:bold; }
.top #mainCont01 article ul li figure { overflow:hidden; border:#fff 3px solid; }
.top #mainCont01 article ul li img { width:100%; }

.top #mainCont01 article h2.mainBanner { width:100%; height:auto;margin:0 auto; background:URL(../img/cmn/alBgFFF_12p.png) repeat; position:relative; z-index:1; padding:10px 10px; overflow:hidden; }
.top #mainCont01 article h2.mainBanner:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; }
.top #mainCont01 article h2.mainBanner a { display:block; position:relative; z-index:1; border:#fff 3px solid; margin:0; padding:0; background:none; }
.top #mainCont01 article h2.mainBanner img { width:100%; }

#topLink {  background-repeat:repeat-x; background-size:auto 100%; position:absolute; bottom: 110px; left: 0; width: 100%;}
.topLink {   margin-top:0px; line-height:0;  position:relative; max-width:800px; margin:0 auto; height: 80px;
  
	overflow:hidden; padding:0 10%; box-sizing:border-box; text-align:center;
        /* Permalink - use to edit and share this gradient. パーマリンク - このグラデーションの編集や共有に使用します: https://colorzilla.com/gradient-editor/#404040+0,000000+100 */
background: linear-gradient(to bottom,  #404040 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
border-radius:40px; box-shadow: 0 0 40px #FFCD00;
	 }
	 
@media screen and (min-width:701px){ 
.topLink {  }
#topLink {  }
    
}
@media screen and (max-width:700px){ 
#navi ul li { width: auto; float: none;}
    #topWrap { margin-top: -20vw;}
    .topLink { margin: 0 20px;}
}

@media screen and (min-width:1320px){ 
#topLink {margin-top: -5.5vw;}
    }

.topLink li { margin-bottom:0.5em; width:33.333%; /**float:left;**/ display:inline-block; text-align:center; vertical-align:middle; margin:0; background-repeat:repeat-x; background-size:auto 100%; position:relative; z-index:1;}
.topLink a { display:block; position:relative;  font-size:80%; height:80px;

/*background: #ffca60;
background: -moz-linear-gradient(top,  #ffca60 0%, #ffbb28 50%, #ffb014 50%, #ffaa00 51%, #ffaf0f 100%);
background: -webkit-linear-gradient(top,  #ffca60 0%,#ffbb28 50%,#ffb014 50%,#ffaa00 51%,#ffaf0f 100%);
background: linear-gradient(to bottom,  #ffca60 0%,#ffbb28 50%,#ffb014 50%,#ffaa00 51%,#ffaf0f 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffca60', endColorstr='#ffaf0f',GradientType=0 );*/


padding:1em 0.5em; border-radius:0em; border:0px solid #FFCD66; border-bottom:0px solid #FFCD66; box-shadow:none; text-decoration:none; color:rgba(0,0,0,.7); font-weight:bold; line-height:1; box-sizing:border-box; }
.topLink a span { display:block; height:50px; margin-top: .5em;}
.topLink .topLink1 a span { background-image:url(../img/cmn/wakaba.png); background-repeat:no-repeat; background-position:center; background-size:auto 50px; border-right:1px solid #FFCD00; }
.topLink .topLink2 a span { background-image:url(../img/cmn/ic_play_circle_filled_black_24px.png); background-repeat:no-repeat; background-position:center; background-size:auto 70px; }
.topLink .topLink3 a span { background-image:url(../img/cmn/ic_home_black_24px.png); background-repeat:no-repeat; background-position:center; background-size:auto 50px; }

/*inline-block*/
.top #mainCont01 article { text-align:center; }
.top #mainCont01 article .bannerArea { max-width:1345px; margin:0 auto; /*background:URL(../img/cmn/alBgFFF_12p.png) repeat;*/ position:relative; z-index:1; padding:0 0; overflow:hidden; font-size:0; }
/*.top #mainCont01 article .bannerArea:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; }*/
.top #mainCont01 article .bannerArea > h3 { width:425px; height:251px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; padding:0 7px; background-image:url(../img/top_banner.png); background-repeat:no-repeat; padding:6px; box-sizing:border-box; margin-right:15px; margin-bottom:15px; }
.top #mainCont01 article .bannerArea > h3 a { display:block; position:relative; z-index:1; margin:0; padding:0; background:none; }
/**.top #mainCont01 article .bannerArea > h3 a:after { content:""; display:block;width:-webkit-calc( 100% - 3px ); width:calc( 100% - 3px ); height:-webkit-calc( 100% - 3px ); height:calc( 100% - 3px ); position:absolute; top:-1px; left:0; border:2px solid #1F2023; z-index:1; }**/
/**.top #mainCont01 article .bannerArea > h3 a:before  { content:""; display:block;width:-webkit-calc( 100% - 8px ); width:calc( 100% - 8px ); height:-webkit-calc( 100% - 8px ); height:calc( 100% - 8px ); position:absolute; top:0; left:0; border:4px solid #494A50; z-index:1; }**/
.top #mainCont01 article .bannerArea > h3 img { width:-webkit-calc( 100% ); width:calc( 100% ); height:auto; border:2px solid #2E3D41;}
.top #mainCont01 article .bannerArea > h3 a img {  position:relative; box-sizing:border-box; }

.top #mainCont01 article .bannerArea.b2 > h3 { width:300px; height:177px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; padding:0 7px; background-image:url(../img/top_banner.png); background-repeat:no-repeat; padding:6px; box-sizing:border-box; margin-right:15px; margin-bottom:15px; background-size:contain; }

.top #mainCont01:before { 
content:''; width:600px; height:600px; position:absolute; background-image:url(../img/lights.png); background-repeat:no-repeat; background-position:center;

position:absolute; top:70%; left:50%; z-index:0;

-webkit-transform:translate(-50%,-90%);
-moz-transform:translate(-50%,-90%);
-o-transform:translate(-50%,-90%);
-ms-transform:translate(-50%,-90%);
transform:translate(-50%,-90%);

}


/*@media screen and  (max-width:1350px) and (min-width:701px) {
.top #mainCont01 article { text-align:center; }
.top #mainCont01 article .bannerArea {  margin:0 auto; position:relative; z-index:1; padding:0 0; overflow:hidden; }
.top #mainCont01 article .bannerArea > h3 { width:342px; height:202px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; padding:0 7px; background-image:url(../img/top_banner.png); background-repeat:no-repeat; padding:6px; box-sizing:border-box; margin-right:15px; margin-bottom:15px; background-size:contain; }
.top #mainCont01 article .bannerArea > h3 a { display:block; position:relative; z-index:1; margin:0; padding:0; background:none; }
.top #mainCont01 article .bannerArea > h3 img { width:100%; }

.top #mainCont01 article .bannerArea.b2 > h3 { width:240px; height:142px; display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; padding:0 7px; background-image:url(../img/top_banner.png); background-repeat:no-repeat; padding:6px; box-sizing:border-box; margin-right:15px; margin-bottom:15px; background-size:contain;}
}*/

/**@media screen and (max-width:700px){ **/
	.top #mainCont01 { background-repeat:repeat; }
.top #mainCont01 article {  padding:7px; }
.top #mainCont01 article:before { background-size:317px auto; }
.top #mainCont01 article:after { display:none; }
.top #mainCont01 article ul { max-width:540px; margin:0 auto; padding:0; background:none; }
.top #mainCont01 article ul:before { width:185px; height:204px; display:none; }
.top #mainCont01 article ul li { width:100%; float:none; margin:6px 0 0 0; padding:0; }
.top #mainCont01 article ul li:first-child { margin-top:0 !important; }
.top #mainCont01 article ul li h3 { text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); }
.top #mainCont01 article ul li a { font-size:14px; line-height:140%; background:URL(../img/cmn/allow_04.png) no-repeat right 10px center; text-align:left; padding:0 42px 0 14px; background-size:36px auto; }
.top #mainCont01 article ul li a span br { display:none; }
.top #mainCont01 article ul li figure { border:#fff 2px solid; }

.top #mainCont01 article h2.mainBanner { width:100%; height:auto; max-width:540px; margin:0 auto; background:none; position:relative; padding:0; overflow:hidden; }
.top #mainCont01 article h2.mainBanner:before { display:none; }
.top #mainCont01 article h2.mainBanner a { border:#fff 2px solid; }
.top #mainCont01 article h2.mainBanner img { width:100%; }

/*inline-block*/
.top #mainCont01 article { text-align:center; }
.top #mainCont01 article .bannerArea { max-width:800px; margin:0 auto; padding:0; background:none; }
/*.top #mainCont01 article .bannerArea:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; }*/
.top #mainCont01 article .bannerArea > h3,.top #mainCont01 article .bannerArea.b2 > h3 { width:100%; height:auto; padding:0; margin:0px 0 5px 0; background-image:none; }
.top #mainCont01 article .bannerArea > h3:first-child { margin-top:0; }
.top #mainCont01 article .bannerArea > h3 a { border:#000 2px solid; }
.top #mainCont01:before { display:none; }
/*}*/

/* mainCont02
-----------------------------------------------*/

.top #mainCont02 {  position:relative; overflow:hidden; height:381px; /**box-shadow:0px 4px 12px rgba(0,0,0,0.66) inset;**/ text-align:center; padding:32px 0; box-sizing:border-box; border-bottom:2px solid #000;  }
.top #mainCont02:after { }
.top #mainCont02:before { 
content:""; display:block; width:100%; height:2px; background-color:#3C4F53;

position:absolute; bottom:0; left:0%;


}
/*.top #mainCont02 h2 { height:62px; line-height:61px; background:URL(../img/cmn/patBg_04.png) repeat-x center center; text-align:center; font-size:20px; font-weight:bold; border-top:#413e49 1px solid;
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
color:#fff;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 4px #b8894d,0 0 6px #b8894d,0 0 8px #b8894d,0 0 10px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d,0 0 35px #b8894d;
}*/
.top #mainCont02 #news,.top #mainCont02 #twitter {  width:507px; }
.top #mainCont02 .main02Box {  width:507px; display:inline-block; text-align:left; }
.top #mainCont02 .main02Box.mar { margin-right:35px; }
.top #mainCont02 .main02Box h3 { font-size:24px; position:relative; z-index:1; color:#FFF; }
.top #mainCont02 #news ul,.top #mainCont02 #twitter .tw { height:220px;  border:0px solid #201815;}
.top #mainCont02 #news ul { height:auto; border:2px solid #000; border-radius:.3em; overflow:hidden; overflow:hidden; }
.top #mainCont02 #twitter .tw {  border:1px solid #0F0F10; border-radius:.7em; overflow:hidden; background-color:transparent!important; }
.top #mainCont02 #news .newIcon { /**background-color:#D71316; color:#FFF; margin-right:8px; display:inline-block; *display:inline; *zoom:1; padding:0 8px; vertical-align:middle; height:18px; line-height:18px; font-size:11px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px; **/
}
.top #mainCont02 #news article,.top #mainCont02 #twitter article {  height:220px;  padding:0px; box-sizing:border-box; background-size:cover;}
.top #mainCont02 #news article { height:auto; border-radius: .4em; }
.top #mainCont02 #twitter article { border:1px solid #202022;  border-radius:.8em; overflow:hidden; background-color:transparent;}
.top #mainCont02 #twitter .tw iframe {  border-radius:.6em;/**border:1px solid #323338!important;border-top:1px solid #60626A!important;**/ box-sizing:border-box; }


.top #mainCont02 #news .newIcon:before { /**content:'NEW';**/ }
.top #mainCont02 article { max-width:1300px; margin:0 auto; position:relative; z-index:1; overflow:hidden;}
.top #mainCont02 article:before {  }
.top #mainCont02 ul { border:#bbb 1px solid; overflow:auto; }
.top #mainCont02 article ul li { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2b2c33+0,2b2c33+50,19191e+51,19191e+100 */ position:relative; margin-bottom:0px;
background-color: rgba(255,255,255,.1);
 border-radius: 6px; margin-bottom: 2px;}





.top #mainCont02 article ul li a,
.top #mainCont02 article ul li div { width:100%; display:table; text-decoration:none; color:#fff; padding:11px 50px 11px 25px; position:relative; text-shadow:none; z-index:1; }
.top #mainCont02 article ul li a:after { content:''; width:32px; height:29px; position:absolute; right:12px; top:50%; margin:-15px 0 0 0; background:URL(../img/cmn/allow_03.png) no-repeat center center; }
.top #mainCont02 article ul li p { width:95px; display:table-cell; vertical-align:top; font-size:12px; line-height:180%;  text-shadow:none;}
.top #mainCont02 article ul li h4 { display:table-cell; vertical-align:top; font-size:12px; line-height:180%; }
.top #mainCont02 article ul li a{  }
.top #mainCont02 article ul li:last-child a { border-bottom:none; }



/**@media screen and (max-width:700px){ **/
	.top #mainCont02 { height:auto; padding:0px; background-repeat:repeat; }
/*.top #mainCont02 h2 { height:48px; line-height:47px; text-align:center; font-size:15px; font-weight:bold; border-top:#413e49 1px solid;
color:#fff;
text-shadow:0 0 1px #fff,0 0 1px #b8894d,0 0 2px #b8894d,0 0 3px #b8894d,0 0 5px #b8894d,0 0 10px #b8894d,0 0 15px #b8894d,0 0 20px #b8894d,0 0 25px #b8894d,0 0 30px #b8894d;
-webkit-box-shadow: inset 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
-moz-box-shadow:    inset 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
box-shadow:         inset 0px 2px 6px 0px rgba(0, 0, 0, 0.3);
}*/
.top #mainCont02 #news, .top #mainCont02 #twitter { padding:0px; }
.top #mainCont02 article { /*max-width:540px;*/ margin:0 auto; padding:0; }
.top #mainCont02 ul { /*border-top:#8b8f94 1px solid; border-bottom:none; border-left:none; border-right:none;*/ }
.top #mainCont02 article ul li {  }
.top #mainCont02 article ul li:last-child { }
.top #mainCont02 article ul li a,
.top #mainCont02 article ul li div { padding:9px 50px 8px 10px; display:block; }
.top #mainCont02 article ul li a:after { width:26px; height:24px; right:8px; top:50%; background-size:100% 100%; margin:-12px 0 0 0; background-size:auto 12px; background-image:url(../img/top_allow.png); display: none; }	
.top #mainCont02 article ul li p { width:100%; display:block; font-size:10px; line-height:170%; }
.top #mainCont02 article ul li h4 { width:100%; display:block; margin:2px 0 0 0; line-height:170%; }
.top #mainCont02 .main02Box {  width:auto; display:inline-block; text-align:left; padding:0px 10px 10px 10px; border-top:0px solid #5F6169; border-bottom:0px solid #5F6169; margin-bottom:7px; }
.top #mainCont02 .main02Box.mar { margin-right:0px; padding:0px 7px 10px 7px; width:100%; }
.top #mainCont02 #news,.top #mainCont02 #twitter {  width:auto;}

.top #mainCont02 #news article, .top #mainCont02 #twitter article { width:auto; padding:0px; }
.top #mainCont02 #news {/** box-shadow:1px 2px 6px rgba(0,0,0,.65),-1px -2px 6px rgba(0,0,0,.65);**/ border-radius:.5em;}

.top #mainCont02 .main02Box h3 { font-size:24px; position:relative; z-index:1; text-align:center; margin-bottom:18px;}
div.date { padding:0!important; margin-bottom:.5em; }
div.date p { display:inline-block!important; vertical-align:middle!important; color:#FF9B00!important; width:auto!important; margin-right:7px; }

div.date p.icon { padding:0; height:auto!important; color:#FFF!important; padding:3px 5px!important; line-height:1!important; font-size:10px!important; font-weight:bold; }
div.date p.icon.yellow { background-color:#FFCD00; color:#000!important; }
div.date p.icon.red { background-color:#FD002A; }
div.date p.icon.trans { color:#FFCD00!important;padding:3px 0px!important; }
/*}*/
.archive_btn_01.appBt > div a {  margin-left: auto; margin-right: auto; display: inline-block; padding: 0 2em; height: 44px; line-height: 44px; border-radius: 22px;}
.archive_btn_01 > div { text-align: center; margin-top: 20px;}
/* mainCont03
-----------------------------------------------*/

.top #mainCont03 { background-image:url(../img/bg03.png); box-shadow:0px 4px 16px -4px rgba(0,0,0,0.86) inset,0px -2px 2px 0px rgba(0,0,0,0.86) inset;

}

.top #mainCont03 article { padding:30px 0px; position:relative; z-index:1; }
.top #mainCont03 article:before {  }
.top #mainCont03 article .dailyWrap { width:100%; position:relative; text-align:center; }
.top #mainCont03 article .dailyWrap:before {  }
.top #mainCont03 article .dailyWrap > section { width:505px; overflow:hidden; display:inline-block; padding:0; box-shadow:1px 1px 24px rgba(0,0,0,0.46),-1px -1px 24px rgba(0,0,0,0.46); }
.top #mainCont03 article .dailyWrap .dailyInner01 { border:#201815 2px solid; }
.top #mainCont03 article .dailyWrap .dailyInner01 > div { width:100%; height:90px; position:relative; overflow:hidden; background:URL(../img/cmn/poem_bg.jpg) repeat-y center top; /*border:#fff 3px solid;*/
}
.top #mainCont03 article .dailyWrap .dailyInner01 figure { overflow:hidden; width:585px; height:80px; position:absolute; left:50%; top:5px; margin:0 0 0 -292px; }
.top #mainCont03 article .dailyWrap .dailyInner01 figure img { position:relative; left:-4px; top:-4px; }
.top #mainCont03 article .dailyWrap .dailyInner01 h3 { /*background:URL(../img/cmn/slideBg_03.png) no-repeat -80px -80px #21222a;*/  height:52px; color:#fff; font-size:20px; text-align:right; line-height:52px; font-weight:bold; overflow:hidden; position:relative; background-color:#000; padding:0 20px; background-image:url(../img/title2.jpg); background-repeat:no-repeat;
color:#fff;

}

.top #mainCont03 article .dailyWrap .dailyInner01 h3 > * { font-weight:bold; position:relative; z-index:1; }
.top #mainCont03 article .dailyWrap .dailyInner01 h3:before { content:''; width:309px; height:340px; position:absolute; top:-80px; left:-80px; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:0; opacity:0.4; }
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div {
-webkit-box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
-moz-box-shadow:    inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
box-shadow:         inset 0px 0px 6px 0px rgba(0, 0, 0, 0.15);
}
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div:before { content:''; width:346px; height:216px; position:absolute; top:-120px; left:50%; background:URL(../img/cmn/flare_04.png) no-repeat center top; margin:0 0 0 -173px; opacity:0.7; }
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div p { width:100%; display:table; position:relative; z-index:1; }
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div p span { height:90px; display:table-cell; vertical-align:middle; text-align:center; font-size:19px; /*color:#ddd;*/ color:#444; font-weight:bold; line-height:140%; padding:0 20px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.3); }

#daily_poem { margin-right:35px; }

/**@media screen and (max-width:700px){ **/
.top #mainCont03 { }
.top #mainCont03 article { padding:4px 10px 10px 10px; }
.top #mainCont03 article:before { display:none; }
.top #mainCont03 article .dailyWrap { max-width:none; padding:0; background:none; position:relative; }
.top #mainCont03 article .dailyWrap:before { display:none; }
.top #mainCont03 article .dailyWrap > section { width:100%; max-width:540px; float:none; padding:0; margin:6px auto 0 auto; }
.top #mainCont03 article .dailyWrap .dailyInner01 { border:#201815 2px solid; }
.top #mainCont03 article .dailyWrap .dailyInner01 > div { height:auto; background:URL(../img/cmn/poem_bg.jpg) repeat-y center top; }
.top #mainCont03 article .dailyWrap .dailyInner01 figure { overflow:hidden; width:424px; height:58px; position:absolute; left:50%; top:3px; margin:0 0 0 -212px; }
.top #mainCont03 article .dailyWrap .dailyInner01 figure img { width:430px; height:64px; position:relative; left:-3px; top:-3px; }
.top #mainCont03 article .dailyWrap .dailyInner01 h3 { background-size:auto 100%; height:50px; color:#fff; font-size:15px; text-align:center; line-height:49px; font-weight:bold; text-align:right; background-image:url(../img/title2_sp.png);
}
.top #mainCont03 article .dailyWrap #daily_poem .dailyInner01 > div { height:64px; background-size:1450px auto;
}
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div { 

}

.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div p span { height:auto; font-size:14px; padding:13px 10px; }


/*}*/

/* ▼今日の名言（モーダル）*/
#dailyModal { width:100%; max-width:633px; background:#30313c; overflow:hidden; position:relative; margin:0 auto; padding:0 20px 20px 20px; text-align:center; 
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.75);
}
.IE8 #dailyModal { width:633px; }
#dailyModal:before { content:''; width:100%; height:100%; background:URL(../img/cmn/slideBg_02.png) no-repeat center -80px; position:absolute; left:0; top:0; z-index:0; opacity:0.6; }
#dailyModal section { position:relative; z-index:1; }
#dailyModal h2 { color:#e7c300; font-size:27px; font-weight:bold; text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5); line-height:140%; padding:20px 0; }
#dailyModal img { width:100%; 
-webkit-box-shadow: 0px 1px 5px 0px rgba(0, 0, 0, 0.75);
-moz-box-shadow:    0px 1px 5px 0px rgba(0, 0, 0, 0.75);
box-shadow:         0px 1px 5px 0px rgba(0, 0, 0, 0.75);
}

.oneBanner {  
    position: relative;
    overflow: hidden;

    /**box-shadow: 0px 4px 12px rgba(0,0,0,0.66) inset;**/
    text-align: center;
    padding: 32px 0;
    box-sizing: border-box;
	text-align:center;
	border-bottom:2px solid #000;
}
.oneBanner img { position:relative; z-index:2; }


/**@media screen and (max-width:700px){ **/
#dailyModal { padding:0 10px 10px 10px; text-align:center; }
#dailyModal:before { background:URL(../img/cmn/slideBg_02.png) no-repeat center -80px; background-size:400px auto; }
#dailyModal h2 { font-size:20px; text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5); padding:10px 0; }	

.oneBanner {padding: 15px 10px; max-width:800px; margin:0 auto;}
.oneBanner img { width:100%; height:auto; }

.w6 { text-align:center; margin-top:-40px; position:relative; }

#daily_title p { margin:7px; text-align:center; font-weight:bold; text-align:center; font-size:200%; padding:30px 10px; background-image:url(../img/shougou.png); background-repeat:no-repeat; background-position:center; background-size:100% 100%; position:relative; font-weight:bold; }
#daily_title p span { font-weight:bold; }
#daily_title p:before { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url(../img/shougou_left.png); background-repeat:no-repeat; background-position:left; background-size:auto 100%;  }
#daily_title p:after { content:""; display:block; width:100%; height:100%; position:absolute; top:0; left:0; background-image:url(../img/shougou_right.png); background-repeat:no-repeat; background-position:right; background-size:auto 100%;  }

#daily_title .parts_section_01 { padding:0; }

#topPage .parts_section_01 h2 { letter-spacing:.1em;  }

/*}*/

#topWrap{ background-color:transparent; }


 @media screen and (min-width:701px){ 
  top #mainCont01 article .bannerArea { text-align:center; }
 top #mainCont01 article .bannerArea > h3,.top #mainCont01 article .bannerArea.b2 > h3 { width:50%; height:auto; padding:0; margin:0px 0 5px 0; background-image:none; /**float:left;**/ display:inline-block; }
 #topWrap { background-color: rgba(0,0,0,0.48); width:800px; margin:0 auto; margin-top: -5vw; }
#topSlide div img {/* width:auto; height:calc( 100% - 20px );*/ }
#topSlide, #topSlide .spOnly {  background-repeat:no-repeat; background-position:center; background-size:cover; padding-bottom:0; }
#daily_title,.oneBanner  {background-color: rgba(0,0,0,0.48); }
#footerWrap .parts_section_01 { padding-bottom:0!important; }
 }
 
 #daily_title .appBt { padding:0 7px; }

@media screen and (min-width: 1320px) {
#topSlide .spOnly {padding-right: 240px; }
    }