@charset "utf-8";
html { font-family:"メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }
a { color:#000; }
a:hover { text-decoration:none; }
body { font-size:13px; }
img { width:100%; }
.sp { display:none!important; }
@media only screen and (max-width:640px) {
.pc { display:none!important; }
.sp { display:block!important; }
.spbr { display:none!important; }
}
/* movie */
.video-container {
    margin-bottom:30px;
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
}
.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* voice */
audio { width:273px; }
/* header
-----------------------------------------------------------------------------*/
#nagaokaCity {
    position:absolute;
    z-index:1000;
    top:0;
    left:30px;
    width:146px;
    height:50px;
}
#topImg {
    position:relative;
    height:773px;
    background:url(../img/pc/photo.jpg) no-repeat center bottom;
    background-size:cover;
}
#topImg div.img {
    text-align:center;
}
#topImg div.img img {
    width:100%;
    max-width:1150px;
}
.lead {
    margin:0 auto;
    padding:30px 0;
    text-align:center;
}
.lead img {
    width:100%;
    height:auto;
    max-height:390px;
    max-width:1040px;
}
/* for iphone6+ */
.lead.iphone6 {
    padding-top:40px;
    text-align:center;
}
#topImg #slideDown {
    position:absolute;
    left:50%;
    bottom:40px;
    margin-left:-16px;
    width:32px;
    height:20px;
}
#topImg #slideDown a:hover { opacity:0.8; }
@media only screen and (max-width:640px) {
#nagaokaCity {
    left:10px;
    width:73px;
    height:28px;
}
#topImg {
    height:640px;
    background:url(../img/sp/photo.jpg) no-repeat center bottom;
    background-size:cover;
}
#topImg div.img {
    margin:0 20px;
}
#topImg div.img img {
    max-width:550px;
}
#topImg #slideDown {
    bottom:10px;
    margin-left:-8px;
    width:16px;
    height:10px;
}
.lead {
    padding:10px 0;
}
.lead {
    max-width:520px;
}
div.spLead {
    padding:0 25px 25px;
    text-align:center;
}
div.spLead img {
    max-width:520px;
    width:100%;
}
}
#topMovie {
    max-width:800px;
    margin:0 auto;
}
/* contents
-----------------------------------------------------------------------------*/
div#contentsWrap {
    display:table;
    padding-top:100px;
    margin:0 auto;
    max-width:950px;
}
@media only screen and (max-width:990px) {
div#contentsWrap {
    padding-top:50px;
    margin:0 20px;
}
}
@media only screen and (max-width:640px) {
div#contentsWrap {
    padding-top:0;
    margin:0;
}
}
/* nav
--------------------------------------*/
div#navWrap {
    display:table-cell;
    position:relative;
    vertical-align:top;
    width:220px;
}
ul#contentsNav {
    position:relative;
    width:220px;
}
ul#contentsNav:after {
    content:"";
    clear:both;
    display:block;
}
ul#contentsNav li { margin-bottom:30px; }
ul#contentsNav li a {
    display:block;
    height:40px;
    width:170px;
    text-indent:-9999px;
    overflow:hidden;
    background-repeat: no-repeat!important;
}
ul#contentsNav li:nth-child(1) a { background:url(../img/pc/nav01.png); }
ul#contentsNav li:nth-child(2) a { background:url(../img/pc/nav08.png); }
ul#contentsNav li:nth-child(3) a { background:url(../img/pc/nav03.png); }
ul#contentsNav li:nth-child(4) a { background:url(../img/pc/nav02.png); }
ul#contentsNav li:nth-child(5) a { background:url(../img/pc/nav04.png); }
ul#contentsNav li:nth-child(6) a { background:url(../img/pc/nav05.png); height:15px; }
ul#contentsNav li:nth-child(7) a { background:url(../img/pc/nav09.png); height:15px; }
ul#contentsNav li:nth-child(1).on a,
ul#contentsNav li:nth-child(1) a:hover { background:url(../img/pc/nav01_on.png); }
ul#contentsNav li:nth-child(2).on a,
ul#contentsNav li:nth-child(2) a:hover { background:url(../img/pc/nav08_on.png); }
ul#contentsNav li:nth-child(3).on a,
ul#contentsNav li:nth-child(3) a:hover { background:url(../img/pc/nav03_on.png); }
ul#contentsNav li:nth-child(4).on a,
ul#contentsNav li:nth-child(4) a:hover { background:url(../img/pc/nav02_on.png); }
ul#contentsNav li:nth-child(5).on a,
ul#contentsNav li:nth-child(5) a:hover { background:url(../img/pc/nav04_on.png); }
ul#contentsNav li:nth-child(6).on a,
ul#contentsNav li:nth-child(6) a:hover { background:url(../img/pc/nav05_on.png); }
ul#contentsNav li:nth-child(7).on a,
ul#contentsNav li:nth-child(7) a:hover { background:url(../img/pc/nav09_on.png); }
#newicn:before {
    content: 'NEW';
    color:#ff0000;
}
@media only screen and (max-width:640px) {
div#nav {
    position:fixed;
    z-index:1000;
    top:0;
    right:10px;
    width:34px;
    height:34px;
    box-shadow:0 0 2px rgba(0,0,0,0.3);
}
/* nav */
div#nav img {
    width:34px;
    height:34px;
}
div#navWrap {
    display:none;
    position:fixed;
    z-index:10000;
    left: 0;
    top:0;
    width:100%;
    height:100%;
    background-color:#000;
    background:rgba(0,0,0,0.5);
}
ul#contentsNav {
    height:100%;
    width:100%;
    overflow-y:scroll;
    overflow-x:hidden;
}
ul#contentsNav li {
    margin-bottom:0;
    border-bottom:1px solid #999;
}
ul#contentsNav li a {
    display: block;
    padding: 20px;
    width:100%!important;
    height:auto!important;
    background:none!important;
    text-indent:1px;
    text-decoration:none;
    color:#fff;
}
ul#contentsNav li.on a,
ul#contentsNav li a:hover { background:none!important; }
ul#contentsNav li#navClose {
    padding:20px;
    text-align:center;
    border:none;
    color:#fff;
}
#newicn:before {
    content: '';
}
#newicn a:after {
    content: url(../img/sp/new.png);
    color:#ff0000;
    padding: 10px 0 0 10px;
}
}
/* main
--------------------------------------*/
div#contentsMain {
    display:table-cell;
    vertical-align:top;
}
div#contentsMain .tit {
    margin-bottom:30px;
    max-width:625px;
    height:89px;
    background-size:contain;
    text-indent:-9999px;
    background-repeat:no-repeat;
}
#p1-1 { background-image:url(../img/pc/tit1-1.png); }
#p1-2 { background-image:url(../img/pc/tit1-2.png); }
#p1-3 { background-image:url(../img/pc/tit1-3.png); }
#p1-4 { background-image:url(../img/pc/tit1-4.png); }
#p2-1 { background-image:url(../img/pc/tit2-1.png); }
#p2-2 { background-image:url(../img/pc/tit2-2.png); }
#p2-3 { background-image:url(../img/pc/tit2-3.png); }
#p3-1 { background-image:url(../img/pc/tit3-1.png); }
#p3-2 { background-image:url(../img/pc/tit3-2.png); }
#p3-3 { background-image:url(../img/pc/tit3-3.png); }
#p4-1 {
    background-image:url(../img/pc/tit4-1.png);
    height:120px!important;
}
#p5-1 { background-image:url(../img/pc/tit5-1.png); }
#p6-1 { background-image:url(../img/pc/tit6-1.png); }
#p7-1 { background-image:url(../img/pc/tit7-1.png); }
#p8-1 { background-image:url(../img/pc/tit8-1.png); }
#p9-1 { background-image:url(../img/pc/tit9-1.png); }
div#contentsMain div.wrap {
    margin:0 0 60px 125px;
    max-width:625px;
}
div#p2 .logo,
div#p7 .logo{
    border:solid 1px #ccc;
    max-width:625px;
		margin-left:100px;
}
div#p2 .space{
    padding:0 15px;
}
div#p2 .oubo a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
div#p7 .logo{
		margin-bottom:1rem!important;
}
div#contentsMain div.wrap * { line-height:2; }
div#contentsMain div.date { font-weight:bold; }
div#contentsMain div.date span { font-weight:normal; }
div#contentsMain div.icn img {
    width:16px;
    height:16px;
    vertical-align:sub;
}
div.icn {
    padding-left:20px;
    background:url(../img/common/icn-fire.png) no-repeat 0px 5px;
}
div.icn01 {
    padding-left:70px;
    background:url(../img/common/icn01.png) no-repeat 0px 5px;
}
div.icn02 {
    padding-left:70px;
    background:url(../img/common/icn02.png) no-repeat 0px 5px;
}
div.img3col div.img {
    float:left;
    width: 32%;
    margin-right: 2%;
}
div.img3col div.img:last-child {
    margin-right:0;
}
div.img3col img {
    width:100;
}
dl.ouendan, dl.ouendanvoice, dl.ouendanpaper {
    border: 1px solid #CCC;
    border-radius: 10px;
    margin: 30px 0;
    padding: 20px 10px;
}
dl.ouendanpaper {
    margin: 5px 1% 5px 0;
    padding: 10px;
    width:49%;
    float: left;
}
dl.ouendan dt {
    float:left;
    width: 190px;
}
dl.ouendan dd { margin-left: 210px; }
dl.ouendan dd div.name, 
dl.ouendanvoice dd div.name {
    padding-left: 125px;
    background:url(../img/common/ouendan_logo.jpg) no-repeat 0 8px;
}
dl.ouendan dd div.name span, 
dl.ouendanvoice dd div.name span {
    font-weight: bold;
    font-size: 18px;
}
dl.ouendan dd p, dl.ouendanvoice dd p {
    margin-top:20px;
    padding-top: 0;
}
dl.ouendanvoice dt {
    float:right;
    width: 120px;
}
dl.ouendanvoice dd { margin-right: 140px; margin-left: 20px;}
dl.ouendanvoice dd div.name {
    padding-left: 125px;
    background:url(../img/common/ouendan_logo.jpg) no-repeat 0 8px;
}
dl.ouendanvoice dd div.name span {
    font-weight: bold;
    font-size: 18px;
}
dl.ouendanvoice dd p {
    margin-top:20px;
    padding-top: 0;
}
dl.ouendanpaper dt div.ouendanlogo {
    background:url(../img/common/ouendan_logo.jpg) no-repeat 0 0;
    width: 110px;
    height: 18px;
}
dl.ouendanpaper dt span {
    font-weight: bold;
    font-size: 18px;
}
dl.ouendanpaper dt {
    float: left;
}
dl.ouendanpaper dd {
    margin-top: 10px;
    text-align: right;
}
div#kyosan ul li {
    margin: 0 5px 25px 5px;
    width: 145px;
    float: left;
}
div#kyosan ul li img { display:block; }
/* slide */
div.flexslider {
    width:625px!important;
    padding:0!important;
    margin:0 auto;
}
div.flexslider .flex-control-nav {
    position: absolute;
}
.flex-control-paging li { width:11px!important; }
ul.slides_box {
    width:625px;
    background:url(../img/pc/slide_bg.jpg) no-repeat 0 0;
}
ul.slides_box li.wid155 {
    width:155px;
    height: 155px;
}
ul.slides_box li.wid310 {
    width:310px;
    height: 310px;
}
div.flexslider2 {
    margin:0 auto 30px;
}
div.flexslider2 .flex-control-nav {
    position: static;
    margin-top:5px;
    width:625px;
}
div.flexslider2 .flex-viewport {
    max-height:403px;
}
div#topix {
    height: 140px;
    overflow: auto;
}
@media only screen and (max-width:950px) {
div#contentsMain div.wrap { margin:0 0 60px 30px; }
div#contentsMain .tit { margin-bottom:10px; }
/* slide */
div.flexslider, div.flexslider2 { width:360px!important; }
ul.slides_box {
    width:360px;
    background-size:contain;
}
ul.slides_box li.wid155 {
    width:90px;
    height:90px;
}
ul.slides_box li.wid310 {
    width:180px;
    height:180px;
}
div.flexslider2 .flex-control-nav {
    width:360px;
}
div.flexslider2 .flex-viewport {
    max-height:232px;
}
dl.ouendan dt { width: 80px; }
dl.ouendanvoice dt {
    float:left;
    width: 80px;
}
dl.ouendan dd { margin-left: 0; }
dl.ouendanvoice dd { margin-right: 0; margin-left: 0;}
dl.ouendan dd div.name, dl.ouendanvoice dd div.name {
    margin-left: 90px;
    padding-left: 0;
    padding-top: 30px;
    background:url(../img/common/ouendan_logo.jpg) no-repeat 0 8px;
}
dl.ouendan dd p, dl.ouendanvoice dd p { clear:both; }
}
@media only screen and (max-width:640px) {
div#contentsMain {
    display:block;
    padding:0 10px;
}
div#contentsMain div.wrap { margin:0 0 20px; }
div#contentsMain .tit {
    margin:20px 0;
    width:280px;
    height:45px;
    background-size:260px 45px;
}
#p1-1 { background-image:url(../img/sp/tit1-1.png); }
#p1-2 { background-image:url(../img/sp/tit1-2.png); }
#p1-3 { background-image:url(../img/sp/tit1-3.png); }
#p1-4 { background-image:url(../img/sp/tit1-4.png); }
#p2-1 { background-image:url(../img/sp/tit2-1.png); }
#p2-2 { background-image:url(../img/sp/tit2-2.png); }
#p2-3 { background-image:url(../img/sp/tit2-3.png); }
#p3-1 { background-image:url(../img/sp/tit3-1.png); }
#p3-2 { background-image:url(../img/sp/tit3-2.png); }
#p3-3 { background-image:url(../img/sp/tit3-3.png); }
#p4-1 {
    background-image:url(../img/sp/tit4-1.png);
    height:55px!important;
    background-size:260px 55px!important;
}
#p5-1 { background-image:url(../img/sp/tit5-1.png); }
#p6-1 { background-image:url(../img/sp/tit6-1.png); }
#p7-1 { background-image:url(../img/sp/tit7-1.png); }
#p8-1 { background-image:url(../img/sp/tit8-1.png); }
#p9-1 { background-image:url(../img/sp/tit9-1.png); }
#p1-4 + div.wrap > p:first-child { margin-bottom:2em; }
div#contents div.wrap {
    padding:0 10px;
    margin:0 0 30px;
}
div#p2 .space{
    padding:0 5px;
}
div#contents div.wrap { padding:0 20px!important; }
dl.ouendan, dl.ouendanvoice {
    margin: 20px 0;
    padding: 10px;
}
dl.ouendan dd div.name span, 
dl.ouendanvoice dd div.name span, 
dl.ouendanpaper dt span {
    font-weight: bold;
    font-size: 16px;
}
dl.ouendanpaper {
    width:100%;
    float: clear;
    margin: 5px 0;
}
div#kyosan ul li{
    margin-right: 10px;
    margin-bottom: 15px;
    width: 68px;
}
/* movie */
.video-container {
    margin:10px 0 20px 0px;
}
/* slide */
div.flexslider, div.flexslider2 { width:280px!important; }
div.flexslider2 .flex-viewport {
    max-height:181px;
}
ul.slides_box {
    width:280px;
    background-image:url(../img/sp/slide_bg.jpg);
    background-size:contain;
}
ul.slides_box li.wid155 {
    width:70px !important;
    height:70px !important;
}
ul.slides_box li.wid310 {
    width:140px !important;
    height:140px !important;
}
div.flexslider2 .flex-control-nav {
    width:280px;
}
.spslash:before { content: '／'; }

/*----*/
div#topix div.icn a{
	width: 250px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow: ellipsis;
	vertical-align: middle;
}


}
/* footer
-----------------------------------------------------------------------------*/
ul#footer {
    margin:0 auto;
    padding:40px 0 0;
    max-width:915px;
    border-top:1px solid #000;
    font-size:0;
}
ul#footer li {
    display:inline-block;
    margin:0 7px 7px 0;
}
ul#footer li:nth-child(3n) { margin-right:0; }
ul#footer li a img {
    width:300px;
    height:100px;
}
ul#footer li a:hover { opacity:0.7; }
@media only screen and (max-width:950px) {
ul#footer {
    padding-top:20px;
    width:300px;
    border:none;
}
ul#footer li { margin:0 0 10px; }
ul#footer li a img {
    width:270px;
    height:90px;
}
}
/* copyright */
div#copyright {
    padding:50px 0;
    text-align:center;
}
@media only screen and (max-width:640px) {
ul#footer { border:none; }
div#copyright {
    padding:10px 0 20px;
    font-size:9px;
    padding-bottom:40px;
}
}