@charset "utf-8";

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

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

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

index.php

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

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

#topSlideWrap { width:100%; background:URL(../img/cmn/slideBg_01.png) repeat center top; position:relative; overflow:hidden; padding:16px 0; }
#topSlideWrap:before { 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 { width:100%; overflow:hidden; position:relative; z-index:1; }
#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:340px; overflow:hidden; position:relative; background:#211a22; /*background:URL(../img/slide_bg.jpg) no-repeat center center;*/ text-align:center; }
#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%; }

@media screen and (min-width:701px) and (max-width:1500px) {
#topSlide div.pcOnly { height:250px; }
#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:auto; /*padding:16px 0;*/ padding:0; background-size:auto 2px; overflow:hidden; }
#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 { height:auto; }
#topSlide div img { width:100%; height:auto; position:relative; left:0; margin:0; }
}

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

.top #mainCont01 { background:URL(../img/cmn/slideBg_03.png) no-repeat left top; position:relative; }
.top #mainCont01 article { background:URL(../img/cmn/alBg131824_70p.png) repeat; position:relative; padding:20px 30px; }
.top #mainCont01 article:before { content:''; width:100%; height:100%; position:absolute; left:0; top:0; background:URL(../img/cmn/slideBg_02.png) no-repeat center top; }
.top #mainCont01 article:after { content:''; width:100%; height:129px; position:absolute; left:0; top:50%; background:URL(../img/cmn/flare_03.png) no-repeat center bottom; margin:-64px 0 0 0; }
/*.top #mainCont01 article h2 { height:112px; line-height:112px; font-size:50px; position:relative; z-index:1; text-align:center;
text-shadow: 0px 1px 3px rgba(0, 0, 0, 0.8); 
}
.top #mainCont01 article h2 a { display:inline-block; *display:inline; *zoom:1; font-weight:bold; text-decoration:none; background:URL(../img/cmn/allow_02.png) no-repeat right center; padding:0 52px 0 0; }
.top #mainCont01 article h2 a span { font-size:18px; padding:0 0 0 15px; }*/
.top #mainCont01 article ul { max-width:1300px; 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 { 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 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;
/*
text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
*/
}
.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; max-width:1300px; 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%; }

/*inline-block*/
.top #mainCont01 article { text-align:center; }
.top #mainCont01 article .bannerArea { max-width:1300px; margin:0 auto; /*background:URL(../img/cmn/alBgFFF_12p.png) repeat;*/ position:relative; z-index:1; padding:0 0; overflow:hidden; }
/*.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:33.333%; display:inline-block; *display:inline; *zoom:1; vertical-align:top; position:relative; z-index:1; padding:0 7px; }
.top #mainCont01 article .bannerArea > h3 a { display:block; position:relative; z-index:1; border:#fff 3px solid; margin:0; padding:0; background:none; }
.top #mainCont01 article .bannerArea > h3 img { width:100%; }

@media screen and (max-width:700px) {
.top #mainCont01 article { background:URL(../img/cmn/alBg131824_70p.png) repeat; padding:15px 10px; }
.top #mainCont01 article:before { background-size:317px auto; }
.top #mainCont01 article:after { display:none; }
/*.top #mainCont01 article h2 { height:auto; font-size:25px; line-height:120%; padding:12px 0 6px 0; 
text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.9);
}
.top #mainCont01 article h2 a { padding:0; background:none; }
.top #mainCont01 article h2 a span { font-size:11px; display:block; color:#fff; padding:0; }*/
.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:540px; 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 { width:100%; padding:0; margin:6px 0 0 0; }
.top #mainCont01 article .bannerArea > h3:first-child { margin-top:0; }
.top #mainCont01 article .bannerArea > h3 a { border:#fff 2px solid; }
}

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

.top #mainCont02 { background:URL(../img/cmn/alBgFFF_12p.png) repeat; position:relative; overflow:hidden; }
.top #mainCont02:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:-1; }
.top #mainCont02 h2 { height:62px; line-height:61px; /*background:URL(../img/cmn/alBg000_46p.png) repeat;*/ 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;
/*
color:#e7c300;
-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 { padding:20px 30px; }
.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 .newIcon:before { content:'NEW'; }
.top #mainCont02 article { max-width:1300px; margin:0 auto; background:URL(../img/cmn/alBgFFF_12p.png) repeat; position:relative; z-index:1; padding:10px; overflow:hidden; }
.top #mainCont02 article:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:-1; }
.top #mainCont02 ul { border:#bbb 1px solid; overflow:auto; }
.top #mainCont02 article ul li { background:URL(../img/cmn/alBg131824_60p.png) repeat; border-bottom:#62656d 1px solid; }
.top #mainCont02 article ul li:last-child { border-bottom:none !important; }
.top #mainCont02 article ul li a,
.top #mainCont02 article ul li div { width:100%; display:table; text-decoration:none; color:#ddd; padding:12px 50px 12px 25px; position:relative; }
.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%; }
.top #mainCont02 article ul li h4 { display:table-cell; vertical-align:top; font-size:12px; line-height:180%; }

@media screen and (max-width:700px) {
.top #mainCont02 h2 { height:48px; line-height:47px; /*background:URL(../img/cmn/alBg000_46p.png) repeat;*/ 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 { padding:10px 20px 10px 20px; }
.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 { border-bottom:#8b8f94 1px solid; }
.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; }	
.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%; }
}

/* mainCont03
-----------------------------------------------*/

.top #mainCont03 { background:URL(../img/cmn/slideBg_03.png) no-repeat left top; border-top:#413e49 1px solid;
-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 #mainCont03 article { padding:20px 30px; position:relative; z-index:1; background:URL(../img/cmn/alBg1f2e50_90p.png) repeat; overflow:hidden; }
.top #mainCont03 article:before { content:''; width:100%; height:100%; position:absolute; top:0; left:0; background:URL(../img/cmn/flare_03.png) no-repeat center center; }
.top #mainCont03 article .dailyWrap { width:100%; max-width:1300px; margin:0 auto; padding:10px 3px; background:URL(../img/cmn/alBgFFF_12p.png) repeat; position:relative; overflow:hidden; }
.top #mainCont03 article .dailyWrap:before { content:''; width:309px; height:340px; position:absolute; top:0; left:0; background:URL(../img/cmn/slideBg_03.png) no-repeat left top; z-index:-1; opacity:0.8; }
.top #mainCont03 article .dailyWrap > section { width:50%; overflow:hidden; float:left; padding:0 7px; }
.top #mainCont03 article .dailyWrap .dailyInner01 { border:#fff 3px 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;*/ background:URL(../img/cmn/patBg_04.png) repeat-x center center; height:52px; color:#fff; font-size:19px; text-align:center; line-height:51px; font-weight:bold; overflow:hidden; position:relative;
color:#fff;
-webkit-box-shadow: inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),inset 0px -1px 0px 0px rgba(0, 0, 0, 0.5);
-moz-box-shadow:    inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),inset 0px -1px 0px 0px rgba(0, 0, 0, 0.5);
box-shadow:         inset 0px 1px 0px 0px rgba(255, 255, 255, 0.1),inset 0px -1px 0px 0px rgba(0, 0, 0, 0.5);
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 #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); }

@media screen and (max-width:700px) {
.top #mainCont03 { background:URL(../img/cmn/slideBg_03.png) no-repeat -40px -40px; border-top:#8b8f94 1px solid; }
.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; overflow:hidden; }
.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:#fff 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:100% 100%; height:50px; color:#fff; font-size:15px; text-align:center; line-height:49px; font-weight:bold;
}
.top #mainCont03 article .dailyWrap #daily_poem .dailyInner01 > div { height:64px; background-size:1450px auto;
}
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div { 
/*
-webkit-box-shadow: inset 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
-moz-box-shadow:    inset 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
box-shadow:         inset 0px 0px 7px 0px rgba(0, 0, 0, 0.4);
*/
}
/*
.top #mainCont03 article .dailyWrap #daily_title .dailyInner01 > div:before { content:''; width:346px; height:216px; position:absolute; top:-140px; 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 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);
}

@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; }	
}

.newsBanner { padding:20px 0; text-align:center; }

@media screen and (max-width:700px) {
.newsBanner img { width:90%; height:auto; }
}